.ayx{--ayx-bg:#F1EFEA;--ayx-ink:#0A0A0C;--ayx-ink-2:rgba(10,10,12,.58);--ayx-wood:#D9B891;--ayx-ease:cubic-bezier(.16,1,.3,1);--ayx-gutter:20px;background:var(--ayx-bg);color:var(--ayx-ink);overflow:hidden}@media(min-width:760px){.ayx{--ayx-gutter:40px}}.ayx-wrap{max-width:1280px;margin:0 auto;padding:64px var(--ayx-gutter) 40px}@media(min-width:760px){.ayx-wrap{padding-top:96px;padding-bottom:56px}}.ayx-head{display:grid;gap:10px;margin-bottom:8px}.ayx-title{margin:0;font-weight:500;font-size:clamp(30px,7.4vw,56px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance;color:inherit}.ayx-sub{margin:0;font-size:clamp(15px,3.8vw,18px);line-height:1.4;color:var(--ayx-ink-2)}.ayx-stage{display:none;position:relative;width:100%;aspect-ratio:16/9;max-height:84vh;min-height:420px;margin-top:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;-webkit-user-select:none;user-select:none}.ayx.is-3d .ayx-stage{display:block}@media(max-width:759px){.ayx-stage{aspect-ratio:440/610;max-height:none;min-height:0;margin-inline:calc(-1 * var(--ayx-gutter));width:calc(100% + 2 * var(--ayx-gutter))}}.ayx-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--ayx-ink)}.ayx-canvas,.ayx-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ayx-canvas{opacity:0;transition:opacity .8s var(--ayx-ease)}.ayx.is-live .ayx-canvas{opacity:1}.ayx-bag{position:absolute;left:50%;top:47%;height:62%;aspect-ratio:14/22;transform:translate(-50%,-50%);border-radius:3px;background:linear-gradient(180deg,#fbfaf8,#f6f5f1);box-shadow:0 22px 44px -22px #0a0a0c47,0 3px 8px #0a0a0c0d}.ayx-bag:before{content:"";position:absolute;left:0;right:0;top:-5.5%;height:7%;border-radius:3px 3px 0 0;background:#f7f6f2}.ayx-bag-logo{position:absolute;left:50%;top:51%;width:45.6%;transform:translate(-50%,-50%) rotate(-90deg);color:var(--ayx-ink);line-height:0}.ayx-bag-logo svg{display:block;width:100%;height:auto}.ayx-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.ayx-label{position:absolute;left:0;top:0;width:150px;margin-left:-75px;text-align:center;will-change:transform}.ayx-label-in{display:grid;gap:3px;opacity:0;transform:translateY(12px);transition:opacity .7s var(--ayx-ease),transform 1.1s var(--ayx-ease)}.ayx-label.is-on .ayx-label-in{opacity:1;transform:none;transition-duration:1.1s,1.6s}.ayx-label-n{font-size:13px;line-height:1.2;font-weight:500;letter-spacing:-.005em}.ayx-label-q,.ayx-item-detail{font-family:ABC Diatype Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;line-height:1.2;letter-spacing:.03em;color:var(--ayx-ink-2)}@media(min-width:760px){.ayx-label-n{font-size:14px}.ayx-label-q{font-size:11px}}.ayx-labels.has-hover .ayx-label.is-on .ayx-label-in{opacity:.4}.ayx-labels.has-hover .ayx-label.is-on.is-hover .ayx-label-in{opacity:1}.ayx-hint{position:absolute;left:0;right:0;bottom:18px;margin:0;display:flex;justify-content:center;align-items:center;gap:10px;font-size:13px;color:var(--ayx-ink-2);pointer-events:none;transition:opacity .6s var(--ayx-ease)}.ayx-hint-dot{position:relative;width:7px;height:7px;border-radius:50%;background:var(--ayx-ink)}.ayx-hint-dot:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid var(--ayx-ink);opacity:0;animation:ayx-ring 2.8s var(--ayx-ease) infinite}@keyframes ayx-ring{0%{transform:scale(.4);opacity:.5}70%,to{transform:scale(1.6);opacity:0}}.ayx-hint-t{transition:opacity .35s var(--ayx-ease)}.ayx-hint.is-swap .ayx-hint-t,.ayx-stage.is-busy .ayx-hint{opacity:0}.ayx-list{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 16px}@media(min-width:760px){.ayx-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px;margin-top:48px}}.ayx-item{display:grid;justify-items:center;gap:4px;text-align:center;min-width:0}.ayx-item svg{width:100%;max-width:220px;height:auto;margin-bottom:10px;color:var(--ayx-ink);overflow:visible}.ayx-item-name{font-size:14px;line-height:1.25;font-weight:500}@media(min-width:760px){.ayx-item-name{font-size:15px}.ayx-item-detail{font-size:11px}}.ayx.is-3d .ayx-list{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.ayx-hint-dot:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/ayume-essentials.css.map */