:root{--prism-ambient-x: 0px;--prism-ambient-y: 0px}.hero{--prism-x: 78%;--prism-y: 27%;--prism-angle: -11deg;overflow:hidden;isolation:isolate}.hero-media{z-index:0}.hero-shade{z-index:1}.hero-content{z-index:4}.hero:before,.hero:after{position:absolute;z-index:2;content:"";pointer-events:none;-webkit-user-select:none;user-select:none}.hero:before{top:var(--prism-y);left:var(--prism-x);width:min(82vw,980px);height:clamp(58px,8vw,104px);border-radius:48% 55% 51% 46%;background:linear-gradient(90deg,#ff406c00,#ff4e70b3 13%,#ffae4fab 27%,#ffe86f94 39%,#5ce2b891,#4db8ff9e 69%,#745bffa3 83%,#a650ff00);filter:blur(clamp(10px,1.35vw,18px)) saturate(1.16);opacity:.42;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 100% 80% at 50% 50%,#000 0 31%,rgba(0,0,0,.9) 51%,transparent 100%);mask-image:radial-gradient(ellipse 100% 80% at 50% 50%,#000 0 31%,rgba(0,0,0,.9) 51%,transparent 100%);transform:translate3d(-50%,-50%,0) rotate(var(--prism-angle)) scaleX(1.04)}.hero:after{top:var(--prism-y);left:var(--prism-x);width:clamp(300px,48vw,690px);aspect-ratio:1.75;background:conic-gradient(from 244deg at 9% 55%,transparent 0deg,rgba(255,99,125,.34) 7deg,rgba(255,212,104,.29) 17deg,rgba(92,224,202,.25) 27deg,rgba(88,158,255,.29) 37deg,rgba(144,90,255,.22) 44deg,transparent 54deg 360deg);filter:blur(clamp(16px,2.4vw,30px)) saturate(1.08);opacity:.56;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 92% 79% at 38% 55%,#000 0 23%,rgba(0,0,0,.72) 52%,transparent 82%);mask-image:radial-gradient(ellipse 92% 79% at 38% 55%,#000 0 23%,rgba(0,0,0,.72) 52%,transparent 82%);transform:translate3d(-34%,-46%,0) rotate(calc(var(--prism-angle) + 8deg))}.hero.is-prism-visible:before,.hero.is-prism-visible:after{will-change:transform}.prism-caustic-host{position:relative;isolation:isolate;overflow:hidden}.prism-caustic-host>img,.prism-caustic-host>picture{position:relative;z-index:0}.prism-caustic-host .featured-badge,.prism-caustic-host figcaption{z-index:2}.prism-caustic{--prism-caustic-angle: -12deg;--prism-caustic-opacity: .2;--prism-caustic-duration: 16s;--prism-caustic-delay: -5s;position:absolute;z-index:1;top:var(--prism-caustic-top, 34%);left:var(--prism-caustic-left, 56%);width:clamp(260px,46vw,650px);height:clamp(38px,6vw,76px);border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,76,116,.73) 14%,rgba(255,198,85,.65) 31%,rgba(113,228,185,.58) 50%,rgba(79,171,255,.66) 69%,rgba(139,85,255,.62) 84%,transparent 100%);filter:blur(11px) saturate(1.08);opacity:0;mix-blend-mode:screen;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 100% 85% at 50% 50%,#000 0 31%,transparent 100%);mask-image:radial-gradient(ellipse 100% 85% at 50% 50%,#000 0 31%,transparent 100%);transform:translate3d(calc(-58% + var(--prism-ambient-x)),calc(-50% + var(--prism-ambient-y)),0) rotate(var(--prism-caustic-angle));animation:prism-caustic-pass var(--prism-caustic-duration) cubic-bezier(.45,0,.25,1) var(--prism-caustic-delay) infinite;animation-play-state:paused}.is-prism-visible .prism-caustic{animation-play-state:running;will-change:transform,opacity}@keyframes prism-caustic-pass{0%,18%,63%,to{opacity:0;transform:translate3d(calc(-68% + var(--prism-ambient-x)),calc(-54% + var(--prism-ambient-y)),0) rotate(var(--prism-caustic-angle)) scaleX(.9)}28%{opacity:.07}38%{opacity:var(--prism-caustic-opacity);transform:translate3d(calc(-48% + var(--prism-ambient-x)),calc(-47% + var(--prism-ambient-y)),0) rotate(calc(var(--prism-caustic-angle) + 1.5deg)) scaleX(1.06)}51%{opacity:.04;transform:translate3d(calc(-31% + var(--prism-ambient-x)),calc(-43% + var(--prism-ambient-y)),0) rotate(calc(var(--prism-caustic-angle) + 2deg)) scaleX(1.12)}}@media(max-width:899px){.hero{--prism-x: 72%;--prism-y: 25%}.hero:before{width:118vw;height:clamp(48px,12vw,74px);opacity:.3}.hero:after{width:82vw;opacity:.38}.prism-caustic{width:min(112vw,520px);--prism-caustic-opacity: .15}}@media(prefers-reduced-motion:reduce){.hero.is-prism-visible:before{opacity:.26;transform:translate3d(-50%,-50%,0) rotate(-11deg);will-change:auto}.hero.is-prism-visible:after{opacity:.31;transform:translate3d(-34%,-46%,0) rotate(-3deg);will-change:auto}.is-prism-visible .prism-caustic{animation:none;opacity:.08;transform:translate3d(-50%,-50%,0) rotate(var(--prism-caustic-angle));will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/prism-motion.css.map */