.sr{--sr-bg:#f3f1ed;--sr-rail:#111;--sr-ink:#111;--sr-ry:-58deg;--sr-dur:800ms;--sr-ease:cubic-bezier(.16,1,.3,1);--bar-top:34px;--bar-w:11px;--r2:calc(var(--bar-top) + 3px);position:relative;background:var(--sr-bg);color:var(--sr-ink);overflow:hidden;-webkit-tap-highlight-color:transparent}.sr__scroller{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.sr__scroller::-webkit-scrollbar{display:none}.sr__stage{position:relative;min-width:1500px;width:100%;min-height:clamp(300px,24vw,425px);container-type:inline-size;--pitch:5.8cqw;--w:16.5cqw}.sr__bar{position:absolute;left:0;right:calc(var(--r2)*.9);top:var(--bar-top);bottom:-2px;pointer-events:none;border-top:var(--bar-w) solid var(--sr-rail);border-left:var(--bar-w) solid var(--sr-rail);border-top-left-radius:96px;margin-left:4px}.sr__bar-r{position:absolute;right:0;top:calc(var(--bar-top) + var(--bar-w) - var(--r2));width:calc(var(--r2)*1.9);height:var(--r2);pointer-events:none;border-right:var(--bar-w) solid var(--sr-rail);border-bottom:var(--bar-w) solid var(--sr-rail);border-bottom-right-radius:var(--r2)}.sr__row{position:relative;display:grid;grid-template-columns:100%;padding-top:calc(var(--bar-top) - 8px);padding-bottom:calc(32px + 1cqw)}@media(max-width: 749px){.sr__stage{min-height:clamp(370px,80vw,493px)}.sr__bar{left:0;right:0;margin-left:0;bottom:auto;height:var(--bar-w);border:0;border-radius:0;background:var(--sr-rail)}.sr__bar-r{display:none}}.sr__item{position:relative;grid-area:1/1;align-self:start;left:calc(50% + (var(--i) - (var(--n) - 1)/2)*var(--pitch));width:var(--w);margin-left:calc(var(--w)/-2);padding:0;border:0;background:none;cursor:pointer;color:var(--sr-rail);transform-origin:50% 0;transform-style:preserve-3d;transform:translate3d(var(--tx, 0px), 0, 0) perspective(1000px) rotateY(calc(var(--sr-ry) * var(--k, 1))) scale(var(--s, 1));transition:transform var(--sr-dur) var(--sr-ease);will-change:transform;outline:none}.sr__item:focus-visible .sr__img{outline:2px solid currentColor;outline-offset:4px}.sr__swing{display:block;position:relative;padding-top:23px;transform-origin:50% 0;transform:rotate(var(--push-angle, 0deg)) translateX(var(--push-x, 0px));will-change:transform}.sr__hook{position:absolute;top:0;left:50%;width:22%;max-width:26px;transform:translateX(-50%);color:inherit}.sr__img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;filter:drop-shadow(0.9cqw 1.1cqw 0.9cqw rgba(0, 0, 0, 0.2))}.sr__volume{display:block;position:relative;width:100%;transform-origin:50% 22%;transform:perspective(650px) rotateX(-8deg) rotateY(-5deg) translateZ(0);transition:transform var(--sr-dur) var(--sr-ease),filter var(--sr-dur) var(--sr-ease);filter:drop-shadow(0 9px 12px rgba(0, 0, 0, 0.12))}.sr__volume::before,.sr__volume::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;-webkit-mask-image:var(--sr-shirt-mask);mask-image:var(--sr-shirt-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sr__volume::before{background:radial-gradient(ellipse 29% 30% at 49% 40%, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.18) 56%, transparent 100%),radial-gradient(ellipse 40% 36% at 50% 43%, transparent 36%, rgba(0, 0, 0, 0.22) 80%, transparent 100%);mix-blend-mode:soft-light}.sr__volume::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.18), transparent 29%, rgba(255, 255, 255, 0.13) 47%, transparent 68%, rgba(0, 0, 0, 0.22)),linear-gradient(180deg, rgba(0, 0, 0, 0.08), transparent 25%, transparent 58%, rgba(0, 0, 0, 0.09));mix-blend-mode:soft-light}.sr__item.is-active .sr__volume{transform:perspective(650px) rotateX(-5deg) rotateY(0deg) translateZ(16px);filter:drop-shadow(0 13px 18px rgba(0, 0, 0, 0.17))}@media(prefers-reduced-motion: reduce){.sr__volume{transition:none}}.sr__caption{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 16px 34px;text-align:center}.sr__title{margin:0;font-weight:700;font-size:13px;letter-spacing:.01em}.sr__hint{margin:0;font-size:10.5px;opacity:.55}.sr__hint--2{opacity:.4}.sr__cta{margin-top:10px;padding:7px 16px;border-radius:999px;background:rgba(0, 0, 0, 0.05);color:inherit;text-decoration:none;font-size:11px;font-weight:500;transition:background .3s}.sr__cta:hover{background:rgba(0, 0, 0, 0.12)}.sr__panel{position:absolute;inset:0;z-index:50;display:grid;place-items:center}.sr__panel[hidden]{display:none}.sr:has(.sr__panel:not([hidden])){min-height:600px}.sr__backdrop{position:absolute;inset:0;background:color-mix(in srgb, var(--sr-bg) 92%, transparent);backdrop-filter:blur(6px);animation:sr-fade .5s ease both}.sr__sheet{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;max-height:100%;padding:20px;overflow:auto}.sr__x{position:absolute;top:6px;right:6px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0, 0, 0, 0.06);font-size:20px;line-height:1;cursor:pointer;color:inherit}.sr__pull{width:clamp(180px,20vw,300px);perspective:1200px;animation:sr-pull 1s cubic-bezier(0.34, 1.56, 0.64, 1) both}.sr__flip{position:relative;aspect-ratio:1/1.1;transform-style:preserve-3d;transition:transform .9s var(--sr-ease)}.sr__flip.is-back{transform:rotateY(180deg)}.sr__face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;filter:drop-shadow(14px 18px 16px rgba(0, 0, 0, 0.22))}.sr__face--b{transform:rotateY(180deg)}.sr__name{margin:0;font-weight:700;font-size:14px}.sr__actions{display:flex;align-items:center;justify-content:center;gap:8px}.sr__cart{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:10px;border:0;border-radius:50%;background:var(--sr-ink);color:var(--sr-bg);cursor:pointer}.sr__cart:disabled{opacity:.35;cursor:not-allowed}.sr__cart:focus-visible,.sr__toggle button:focus-visible,.sr__sizes button:focus-visible{outline:2px solid var(--sr-ink);outline-offset:3px}.sr__toggle{display:flex;padding:3px;border-radius:999px;background:rgba(0, 0, 0, 0.06)}.sr__toggle button{border:0;background:none;padding:6px 16px;border-radius:999px;font:500 12px/1 inherit;cursor:pointer;color:inherit;transition:background .3s,color .3s}.sr__toggle .is-on{background:var(--sr-ink);color:var(--sr-bg)}.sr__label{margin:6px 0 0;font-size:11px;opacity:.6}.sr__sizes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:360px}.sr__sizes button{min-width:44px;padding:9px 12px;border:1px solid color-mix(in srgb, var(--sr-ink) 25%, transparent);border-radius:8px;background:none;font:600 12px/1 inherit;cursor:pointer;color:inherit;transition:background .25s,color .25s,border-color .25s}.sr__sizes button:hover:not(:disabled){background:var(--sr-ink);color:var(--sr-bg)}.sr__sizes button.is-on{background:var(--sr-ink);color:var(--sr-bg);border-color:var(--sr-ink)}.sr__sizes button:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}.sr__status{margin:0;min-height:1.2em;font-size:11px}.sr__shop{font-size:11.5px;font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:3px}.sr__sheet.is-dropping .sr__pull{animation:sr-drop .7s cubic-bezier(0.55, 0, 0.9, 0.4) forwards}@keyframes sr-fade{from{opacity:0}to{opacity:1}}@keyframes sr-pull{0%{transform:translateY(-14%) scale(0.8)}55%{transform:translateY(7%) scale(1.02)}100%{transform:none}}@keyframes sr-drop{to{transform:translateY(60%) scale(0.25);opacity:0}}@media(prefers-reduced-motion: reduce){.sr__item,.sr__flip{transition-duration:1ms}.sr__pull,.sr__sheet.is-dropping .sr__pull,.sr__backdrop{animation-duration:1ms}}@media(min-width: 750px){.sr{--bar-top:2.266667vw;--bar-w:.733333vw;--r2:calc(var(--bar-top) + .2vw)}.sr__stage{min-width:0;min-height:0}.sr__bar{margin-left:.266667vw;border-top-left-radius:6.4vw}.sr__row{padding-top:calc(var(--bar-top) - .533333vw);padding-bottom:5cqw}.sr__item{transform:translate3d(var(--tx, 0px), 0, 0) perspective(66.666667cqw) rotateY(calc(var(--sr-ry) * var(--k, 1))) scale(var(--s, 1))}.sr__swing{padding-top:1.533333cqw}.sr__hook{max-width:1.733333cqw}.sr__volume{transform:perspective(43.333333cqw) rotateX(-8deg) rotateY(-5deg) translateZ(0)}.sr__item.is-active .sr__volume{transform:perspective(43.333333cqw) rotateX(-5deg) rotateY(0deg) translateZ(1.066667cqw)}}