.an-ex{--p: 1;--p1: 1;--p2: 1;--p3: 1;--mx: 0;position:relative;width:100%;max-width:480px;aspect-ratio:1 / 1;margin:0 auto;perspective:1100px;perspective-origin:50% 45%}.an-ex__scene{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateY(calc(-16deg + var(--p) * 20deg + var(--mx) * 7deg)) rotateX(calc(11deg - var(--p) * 7deg))}.an-ex__scene:before{content:"";position:absolute;left:40%;top:46%;width:68%;aspect-ratio:1;transform:translate3d(-50%,-50%,-220px) scale(calc(.5 + var(--p1) * .8));background:radial-gradient(circle,#8b5cf657,#8b5cf600 68%);opacity:calc(var(--p1) * .95);pointer-events:none}.an-ex__part{position:absolute;left:50%;top:50%;margin:0;transform-style:preserve-3d}.an-ex__part img{display:block;width:100%;height:auto;border-radius:10px}.an-ex__tub{width:40%}.an-ex__label{width:36%}.an-ex__powder{width:26%}.an-ex__tub{transform:translate3d(calc(-50% + var(--p1) * -42%),calc(-50% + var(--p1) * -4%),calc(var(--p1) * 90px)) rotateY(calc(var(--p1) * -6deg)) scale(calc(.9 + var(--p1) * .1));opacity:calc(.25 + var(--p1) * .75)}.an-ex__tub img{border:1px solid rgba(139,92,246,.22)}.an-ex__label{transform:translate3d(calc(-50% + var(--p2) * 76%),calc(-50% + var(--p2) * -86%),calc(var(--p2) * 30px)) rotateY(calc(var(--p2) * 9deg)) rotate(calc(var(--p2) * -3deg)) scale(calc(.88 + var(--p2) * .12));opacity:calc(.1 + var(--p2) * .9);filter:blur(calc((1 - var(--p2)) * 3px))}.an-ex__powder{transform:translate3d(calc(-50% + var(--p3) * 86%),calc(-50% + var(--p3) * 104%),calc(var(--p3) * -60px)) rotateY(calc(var(--p3) * 12deg)) scale(calc(.82 + var(--p3) * .18));opacity:calc(.1 + var(--p3) * .9);filter:blur(calc((1 - var(--p3)) * 3px))}.an-ex__powder img{border-radius:999px;aspect-ratio:1/1;object-fit:cover}.an-ex__cap{position:absolute;left:0;top:calc(100% + 12px);width:100%;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#fafaf7b3;transform:rotateY(calc(var(--p) * -20deg + var(--mx) * -7deg))}.an-ex__cap:after{content:"";display:block;height:1px;margin-top:6px;background:#8b5cf68c;transform-origin:left center}.an-ex__tub .an-ex__cap{opacity:calc((var(--p1) - .65) * 2.85)}.an-ex__label .an-ex__cap{opacity:calc((var(--p2) - .65) * 2.85)}.an-ex__powder .an-ex__cap{opacity:calc((var(--p3) - .65) * 2.85)}.an-ex__tub .an-ex__cap:after{transform:scaleX(calc((var(--p1) - .65) * 2.85))}.an-ex__label .an-ex__cap:after{transform:scaleX(calc((var(--p2) - .65) * 2.85))}.an-ex__powder .an-ex__cap:after{transform:scaleX(calc((var(--p3) - .65) * 2.85))}@media(prefers-reduced-motion:reduce){.an-ex{--p: 1 !important;--p1: 1 !important;--p2: 1 !important;--p3: 1 !important;--mx: 0 !important}.an-ex__scene{transform:none!important}.an-ex__part{filter:none!important}.an-ex__cap{transform:none!important}}@media screen and (max-width:749px){.an-ex{max-width:320px;perspective:800px}.an-ex__cap{font-size:9px;letter-spacing:.1em}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/anima-stage.css.map */