ash-media-fan{--fan-card: 74%;--stack-x: 7%;--stack-y: 3.5%;--stack-rot: 3.5deg;--stack-scale: .04;--fan-shadow: var(--color-foreground-rgb, 0 0 0);--shell-pad: 10px;--shell-radius: 26px;display:block;outline:none}.ash-fan__stage{position:relative;overflow:hidden;padding-block:12px 8%}.ash-fan__track{position:relative;width:var(--fan-card);margin:0 auto 0 0;aspect-ratio:var(--fan-ratio, 1)}.ash-fan__card{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:100% 100%;transform:translate(calc(var(--k) * var(--stack-x))) translateY(calc(var(--k) * var(--stack-y))) rotate(calc(var(--k) * var(--stack-rot))) scale(calc(1 - var(--k) * var(--stack-scale)));z-index:calc(10 - var(--k));transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .4s ease;will-change:transform;cursor:pointer}.ash-fan__card.is-hidden{opacity:0;pointer-events:none}.ash-fan__card.is-dragging{transition:none}.ash-fan__card.is-leaving{transition:transform .45s ease-in,opacity .45s ease-in;opacity:0}.ash-fan__inner{position:relative;width:100%;height:100%;padding:var(--shell-pad);border-radius:var(--shell-radius);background:#ffffffb8;border:1px solid rgb(255 255 255 / .82);box-shadow:0 18px 48px rgb(var(--fan-shadow) / .12),inset 0 1px #ffffffe6;box-sizing:border-box}.ash-fan__inner .product-media,.ash-fan__inner .product-media__image,.ash-fan__inner .deferred-media__poster-image{width:100%;height:100%;object-fit:cover}.ash-fan__inner .product-media{display:block;aspect-ratio:auto;border-radius:calc(var(--shell-radius) - 8px);overflow:hidden;background:var(--color-background)}.ash-fan__card.is-front{cursor:zoom-in}.ash-fan__card.is-front[data-media-type=video],.ash-fan__card.is-front[data-media-type=external_video],.ash-fan__card.is-front[data-media-type=model]{cursor:default}.ash-fan__card.is-front .ash-fan__inner{box-shadow:0 26px 70px rgb(var(--fan-shadow) / .16),inset 0 1px #ffffffe6}.ash-fan__card:not(.is-front) .product-media__image{transform:none!important}.ash-fan__ground{display:none}ash-media-fan[data-float=true] .ash-fan__card.is-front .ash-fan__inner{animation:ash-fan-float 5.8s ease-in-out infinite}ash-media-fan[data-float=true] .ash-fan__card.is-front .ash-fan__inner:has(video,iframe,model-viewer){animation:none}@keyframes ash-fan-float{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-14px) rotate(.8deg)}}.ash-fan__nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:2px;font-size:.8125rem;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7))}.ash-fan__arrow{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgb(var(--color-foreground-rgb) / .18);background:var(--color-background);color:var(--color-foreground);cursor:pointer;padding:0}.ash-fan__arrow svg{width:16px;height:16px}.ash-fan__arrow:focus-visible,ash-media-fan:focus-visible .ash-fan__card.is-front .ash-fan__inner{outline:2px solid var(--color-primary);outline-offset:2px}.ash-fan__hint{text-align:center;font-size:.75rem;margin-top:6px;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .7))}ash-media-fan[data-count="1"]{--fan-card: 80%}ash-media-fan[data-count="1"] .ash-fan__track{margin-inline:auto}ash-media-fan[data-count="1"] .ash-fan__stage{padding-block:12px 6%}@media screen and (max-width:749px){ash-media-fan,ash-media-fan[data-count="1"]{--fan-card: 88%;--stack-x: 6%;--shell-pad: 8px;--shell-radius: 22px}}@media(prefers-reduced-motion:reduce){.ash-fan__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/ash-media-fan.css.map */