.d7fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint;--d7fx-amp:1;--d7fx-beat:.5s;--d7fx-bar:2s;--d7fx-u:clamp(20px,3vmin,60px);--d7fx-band-h:clamp(130px,26vmin,460px)}.d7fx--top{bottom:auto;height:min(100%,clamp(220px,34vmin,620px))}.d7fx--bottom{top:auto;height:min(100%,clamp(220px,34vmin,620px))}.d7fx>*{mix-blend-mode:screen}.d7s-hero:not(.is-dark) .d7fx>*,.d7s-hero--bg.is-lightbg .d7fx>*{mix-blend-mode:multiply}.d7fx--music{--d7fx-1:#7B3BFF;--d7fx-2:#FF2E9A;--d7fx-3:#00D4FF;--d7fx-4:#FFFFFF}.d7fx--power{--d7fx-1:#00E5FF;--d7fx-2:#2B6BFF;--d7fx-3:#FFB020;--d7fx-4:#FFFFFF}.d7fx--carry{--d7fx-1:#9AA4B8;--d7fx-2:#5A6478;--d7fx-3:#C9D4E4;--d7fx-4:#FFFFFF}.d7fx--mono{--d7fx-1:currentColor;--d7fx-2:currentColor;--d7fx-3:currentColor;--d7fx-4:currentColor}.d7fx--mono{color:var(--d7-ink)}.is-dark .d7fx--mono{color:#fff}.d7fx-ic{position:absolute;display:block;width:calc(var(--d7fx-u) * 1.08);height:var(--d7fx-u);will-change:transform,opacity;color:var(--d7fx-1)}.d7fx-ic svg{width:100%;height:100%;display:block;fill:currentColor}.d7fx-ic:nth-of-type(3n){color:var(--d7fx-3)}.d7fx-ic:nth-of-type(3n+1){color:var(--d7fx-2)}.d7fx-ic:nth-of-type(5n){color:var(--d7fx-4)}.d7fx-sprite{position:absolute;width:0;height:0;overflow:hidden}.d7fx-lane{position:absolute;left:0;width:100%;height:0;will-change:transform}.d7fx-lane .d7fx-ic{left:0;top:calc(var(--d7fx-u) * -.5)}@media(max-width:600px){.d7fx-score .d7fx-float:nth-of-type(n+7),.d7fx-sky .d7fx-lane:nth-of-type(n+5),.d7fx-constellation .d7fx-wink:nth-of-type(n+6),.d7fx-parade .d7fx-lane:nth-of-type(n+6),.d7fx-rise .d7fx-dot:nth-of-type(n+9){display:none}}.d7fx-glow{position:absolute;left:50%;top:34%;width:min(64%,72vmin);height:clamp(90px,16vmin,300px);transform:translate(-50%,-50%);border-radius:999px;will-change:transform,opacity}.d7fx-glow--a{background:radial-gradient(ellipse at center,var(--d7fx-1) 0%,transparent 66%);animation:d7fxBreathe var(--d7fx-bar) cubic-bezier(.06,.8,.3,1) infinite}.d7fx-glow--b{background:radial-gradient(ellipse at center,var(--d7fx-2) 0%,transparent 66%);animation:d7fxBreathe var(--d7fx-bar) cubic-bezier(.06,.8,.3,1) infinite;animation-delay:var(--d7fx-beat)}@keyframes d7fxBreathe{0%{transform:translate(-50%,-50%) scale(.9);opacity:0}4%{transform:translate(-50%,-50%) scale(1.04);opacity:calc(.8 * var(--d7fx-amp))}46%,to{transform:translate(-50%,-50%) scale(.9);opacity:0}}.d7fx-engrave{left:50%;top:34%;width:clamp(110px,20vmin,340px);height:clamp(110px,20vmin,340px);margin:calc(clamp(110px,20vmin,340px)/-2) 0 0 calc(clamp(110px,20vmin,340px)/-2);color:var(--d7fx-4);opacity:calc(.16 * var(--d7fx-amp));animation:d7fxTurn 24s linear infinite}@keyframes d7fxTurn{to{transform:rotate(360deg)}}.d7fx-core{position:absolute;left:50%;top:38%;width:min(56%,68vmin);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;will-change:transform,opacity;background:radial-gradient(circle,var(--d7fx-1) 0%,var(--d7fx-4) 34%,transparent 66%);animation:d7fxThump var(--d7fx-beat) cubic-bezier(.06,.8,.3,1) infinite}@keyframes d7fxThump{0%{transform:translate(-50%,-50%) scale(.82);opacity:calc(.42 * var(--d7fx-amp))}6%{transform:translate(-50%,-50%) scale(1.08);opacity:calc(1 * var(--d7fx-amp))}to{transform:translate(-50%,-50%) scale(.82);opacity:calc(.42 * var(--d7fx-amp))}}.d7fx-halo{position:absolute;left:50%;top:38%;width:min(42%,54vmin);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:0;will-change:transform,opacity;animation:d7fxAnswer var(--d7fx-bar) cubic-bezier(.1,.75,.3,1) infinite;animation-delay:calc(var(--d7fx-beat) + var(--i) * var(--d7fx-beat) * 2)}.d7fx-halo--1{background:radial-gradient(circle,var(--d7fx-2) 0%,transparent 60%)}.d7fx-halo--2{background:radial-gradient(circle,var(--d7fx-3) 0%,transparent 60%)}@keyframes d7fxAnswer{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}5%{opacity:calc(.95 * var(--d7fx-amp))}30%,to{transform:translate(-50%,-50%) scale(2.1);opacity:0}}.d7fx-core--surge{background:radial-gradient(circle,var(--d7fx-4) 0%,var(--d7fx-3) 26%,var(--d7fx-1) 58%,transparent 74%);animation:d7fxSlam 1.9s cubic-bezier(.02,.9,.2,1) infinite}@keyframes d7fxSlam{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}3%{transform:translate(-50%,-50%) scale(1.16);opacity:calc(1 * var(--d7fx-amp))}20%{transform:translate(-50%,-50%) scale(1);opacity:calc(.86 * var(--d7fx-amp))}70%{opacity:calc(.34 * var(--d7fx-amp))}to{transform:translate(-50%,-50%) scale(.5);opacity:0}}.d7fx-burst{position:absolute;left:50%;top:38%;width:min(52%,64vmin);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;will-change:transform,opacity;background:radial-gradient(circle,var(--d7fx-4) 0%,var(--d7fx-1) 30%,transparent 62%);animation:d7fxHit var(--d7fx-beat) cubic-bezier(.04,.85,.3,1) infinite}@keyframes d7fxHit{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}5%{transform:translate(-50%,-50%) scale(1);opacity:calc(1 * var(--d7fx-amp))}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.d7fx-spike{position:absolute;left:50%;top:38%;width:3px;height:30%;margin-left:-1.5px;transform-origin:top center;will-change:transform,opacity;opacity:0;background:linear-gradient(180deg,var(--d7fx-2) 0%,transparent 88%);transform:rotate(var(--a)) scaleY(.2);animation:d7fxSpike var(--d7fx-bar) cubic-bezier(.06,.8,.3,1) infinite}@keyframes d7fxSpike{0%{transform:rotate(var(--a)) scaleY(.2);opacity:0}4%{transform:rotate(var(--a)) scaleY(1);opacity:calc(.95 * var(--d7fx-amp))}24%,to{transform:rotate(var(--a)) scaleY(.3);opacity:0}}.d7fx-bolt{position:absolute;left:50%;top:8%;width:15%;height:78%;margin-left:-7.5%;background:linear-gradient(180deg,var(--d7fx-4),var(--d7fx-1));opacity:0;will-change:opacity;clip-path:polygon(52% 0,30% 42%,48% 42%,26% 100%,64% 40%,45% 40%,68% 0);animation:d7fxZap 2.3s steps(1,end) infinite}.d7fx-bolt--b{transform:scaleX(-.7) translate(30%);animation-duration:3.1s}@keyframes d7fxZap{0%{opacity:calc(1 * var(--d7fx-amp))}6%{opacity:0}11%{opacity:calc(.9 * var(--d7fx-amp))}17%,to{opacity:0}}.d7fx-boltglow{position:absolute;left:50%;top:38%;width:min(64%,76vmin);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:0;will-change:opacity;background:radial-gradient(circle,var(--d7fx-1) 0%,transparent 62%);animation:d7fxGlowPop 2.3s steps(1,end) infinite}@keyframes d7fxGlowPop{0%{opacity:calc(.7 * var(--d7fx-amp))}9%{opacity:calc(.2 * var(--d7fx-amp))}14%{opacity:calc(.55 * var(--d7fx-amp))}22%,to{opacity:0}}.d7fx-bed{position:absolute;left:50%;top:38%;width:110%;height:56%;transform:translate(-50%,-50%);opacity:calc(.5 * var(--d7fx-amp));background:radial-gradient(ellipse at center,var(--d7fx-1) 0%,transparent 62%)}.d7fx-reel{position:absolute;left:0;top:24%;height:52%;width:200%;display:flex;will-change:transform;animation:d7fxRoll 9s linear infinite}@keyframes d7fxRoll{to{transform:translate(-50%)}}.d7fx-wave{flex:0 0 50%;display:flex;align-items:center;justify-content:space-between;gap:2px}.d7fx-wave b{flex:1 1 0;height:calc(var(--h) * 1%);min-height:3px;border-radius:3px;opacity:calc(.9 * var(--d7fx-amp));background:linear-gradient(180deg,var(--d7fx-3) 0%,var(--d7fx-1) 50%,var(--d7fx-2) 100%)}.d7fx-head{position:absolute;left:50%;top:22%;height:56%;width:2px;background:var(--d7fx-4);opacity:calc(.9 * var(--d7fx-amp))}.d7fx-cell{position:absolute;left:12%;right:12%;top:38%;height:clamp(30px,5vmin,72px);margin-top:calc(clamp(30px,5vmin,72px)/-2);border:2px solid var(--d7fx-1);border-radius:10px;overflow:hidden;opacity:calc(.9 * var(--d7fx-amp))}.d7fx-juice{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;transform:scaleX(0);will-change:transform;background:linear-gradient(90deg,var(--d7fx-2) 0%,var(--d7fx-1) 45%,var(--d7fx-3) 80%,var(--d7fx-4) 100%);animation:d7fxFill 2.6s cubic-bezier(.16,.9,.3,1) infinite}@keyframes d7fxFill{0%{transform:scaleX(0)}26%{transform:scaleX(1.02)}32%{transform:scaleX(1)}84%{transform:scaleX(1)}85%,to{transform:scaleX(0)}}.d7fx-band{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:min(76%,84vmin);height:var(--d7fx-band-h)}.d7fx-dot{position:absolute;left:50%;bottom:0;width:calc(var(--d7fx-u) * .16);height:calc(var(--d7fx-u) * .16);border-radius:50%;background:var(--d7fx-3);opacity:0;will-change:transform,opacity;animation:d7fxRise var(--d) ease-out infinite;animation-delay:var(--o)}.d7fx-dot:nth-of-type(3n){background:var(--d7fx-1)}.d7fx-dot:nth-of-type(3n+1){background:var(--d7fx-2)}@keyframes d7fxRise{0%{transform:translate3d(var(--x),0,0) scale(var(--s));opacity:0}14%{opacity:calc(.95 * var(--d7fx-amp))}to{transform:translate3d(var(--x),calc(var(--d7fx-band-h) * -1),0) scale(calc(var(--s) * .4));opacity:0}}.d7fx-float{left:50%;bottom:0;animation:d7fxLift var(--d) ease-out infinite;animation-delay:var(--o)}@keyframes d7fxLift{0%{transform:translate3d(var(--x),0,0) scale(var(--s)) rotate(0);opacity:0}16%{opacity:calc(.95 * var(--d7fx-amp))}76%{opacity:calc(.5 * var(--d7fx-amp))}to{transform:translate3d(calc(var(--x) + var(--dx)),calc(var(--d7fx-band-h) * -1),0) scale(calc(var(--s) * .7)) rotate(var(--rot));opacity:0}}.d7fx-sky .d7fx-lane{top:var(--y);animation:d7fxSail var(--d) linear infinite;animation-delay:var(--o)}.d7fx-cross{transform:scale(var(--s)) rotate(var(--rot));opacity:calc(.9 * var(--d7fx-amp))}@keyframes d7fxSail{0%{transform:translate3d(calc(var(--d7fx-u) * -1.6),0,0)}to{transform:translate3d(calc(100% + var(--d7fx-u) * 1.6),var(--dy),0)}}.d7fx-wink{left:var(--l);top:var(--t);transform:scale(var(--s));opacity:0;animation:d7fxBlink var(--d7fx-bar) ease-in-out infinite;animation-delay:calc(var(--i) * var(--d7fx-beat) * .5)}@keyframes d7fxBlink{0%{transform:scale(calc(var(--s) * .8));opacity:0}10%{transform:scale(var(--s));opacity:calc(.9 * var(--d7fx-amp))}46%,to{transform:scale(calc(var(--s) * .8));opacity:0}}.d7fx-nook{position:absolute;right:clamp(12px,2vmin,44px);bottom:clamp(12px,2vmin,44px);width:clamp(130px,24vmin,420px);height:clamp(118px,22vmin,380px)}.d7fx--sw .d7fx-nook{right:auto;left:26px}.d7fx--ne .d7fx-nook{bottom:auto;top:26px}.d7fx--nw .d7fx-nook{right:auto;left:26px;bottom:auto;top:26px}.d7fx--sw .d7fx-nook{left:clamp(12px,2vmin,44px)}.d7fx--ne .d7fx-nook,.d7fx--nw .d7fx-nook{top:clamp(12px,2vmin,44px)}.d7fx-arc{position:absolute;right:0;bottom:0;width:70px;height:70px;border-radius:50%;border:1.5px solid var(--d7fx-1);border-top-color:transparent;border-left-color:transparent;opacity:0;will-change:transform,opacity;transform-origin:100% 100%;animation:d7fxOpen var(--d7fx-bar) cubic-bezier(.1,.75,.3,1) infinite;animation-delay:calc(var(--i) * var(--d7fx-beat))}@keyframes d7fxOpen{0%{transform:scale(.4);opacity:0}6%{opacity:calc(.9 * var(--d7fx-amp))}40%,to{transform:scale(2.6);opacity:0}}.d7fx-zag{position:absolute;right:34px;bottom:16px;width:46px;height:140px;opacity:0;will-change:opacity;background:linear-gradient(180deg,var(--d7fx-4),var(--d7fx-1));clip-path:polygon(54% 0,30% 44%,50% 44%,26% 100%,66% 42%,46% 42%,70% 0);animation:d7fxFlick 2.7s steps(1,end) infinite}@keyframes d7fxFlick{0%{opacity:calc(1 * var(--d7fx-amp))}5%{opacity:0}9%{opacity:calc(.8 * var(--d7fx-amp))}14%,to{opacity:0}}.d7fx-ember{position:absolute;right:20px;bottom:0;width:150px;height:150px;border-radius:50%;opacity:0;will-change:opacity;background:radial-gradient(circle,var(--d7fx-3) 0%,transparent 62%);animation:d7fxEmber 2.7s steps(1,end) infinite}@keyframes d7fxEmber{0%{opacity:calc(.5 * var(--d7fx-amp))}16%,to{opacity:0}}.d7fx-spk{position:absolute;right:52px;bottom:40px;width:3px;height:3px;border-radius:50%;background:var(--d7fx-3);opacity:0;will-change:transform,opacity;animation:d7fxFly 2.7s ease-out infinite;animation-delay:var(--o)}@keyframes d7fxFly{0%{transform:translate(0) scale(1);opacity:calc(1 * var(--d7fx-amp))}22%,to{transform:translate(var(--x),var(--y)) scale(.4);opacity:0}}.d7fx-pop{left:var(--l);top:var(--t);transform:scale(var(--s));opacity:0;animation:d7fxLand 2.4s cubic-bezier(.1,.8,.3,1) infinite;animation-delay:calc(var(--i) * .13s)}@keyframes d7fxLand{0%{transform:scale(calc(var(--s) * .5));opacity:0}8%{transform:scale(calc(var(--s) * 1.12));opacity:calc(1 * var(--d7fx-amp))}16%{transform:scale(var(--s));opacity:calc(.95 * var(--d7fx-amp))}62%{transform:scale(var(--s));opacity:calc(.9 * var(--d7fx-amp))}78%,to{transform:scale(calc(var(--s) * .5));opacity:0}}.d7fx-emitter{position:absolute;left:50%;top:74%;width:1px;height:1px}.d7fx-esc{left:-13px;top:-12px;animation:d7fxAway var(--d) ease-out infinite;animation-delay:var(--o)}@keyframes d7fxAway{0%{transform:translateZ(0) scale(calc(var(--s) * .6));opacity:0}14%{opacity:calc(.95 * var(--d7fx-amp))}to{transform:translate3d(var(--dx),-120px,0) scale(var(--s)) rotate(var(--rot));opacity:0}}.d7fx-rail{position:absolute;left:0;right:0;bottom:16px;height:30px}.d7fx-rail .d7fx-lane{top:14px;animation:d7fxMarch var(--d) linear infinite;animation-delay:var(--o)}.d7fx-march{transform:scale(var(--s));opacity:calc(.85 * var(--d7fx-amp))}@keyframes d7fxMarch{0%{transform:translate3d(calc(var(--d7fx-u) * -1.6),0,0)}to{transform:translate3d(calc(100% + var(--d7fx-u) * 1.6),0,0)}}.d7fx-beat{left:var(--l);top:var(--t);opacity:0;animation:d7fxCue var(--d7fx-bar) cubic-bezier(.06,.8,.3,1) infinite;animation-delay:calc(var(--i) * var(--d7fx-beat) * .5)}@keyframes d7fxCue{0%{transform:scale(calc(var(--s) * .4));opacity:0}5%{transform:scale(calc(var(--s) * 1.1));opacity:calc(1 * var(--d7fx-amp))}12%{transform:scale(var(--s));opacity:calc(.9 * var(--d7fx-amp))}34%,to{transform:scale(calc(var(--s) * .8));opacity:0}}.d7fx--power .d7fx-beat{animation-duration:1.7s}.d7fx-orbit{position:absolute;left:50%;top:38%;width:min(46%,56vmin);aspect-ratio:1;margin:0;transform:translate(-50%,-50%);will-change:transform}.d7fx-path{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--d7fx-1);opacity:calc(.28 * var(--d7fx-amp));transform:scaleY(.42)}.d7fx-sat{position:absolute;left:50%;top:50%;width:100%;height:100%;margin:-50% 0 0 -50%;will-change:transform;transform:scaleY(.42);animation:d7fxTurn var(--d) linear infinite;animation-delay:var(--o)}.d7fx-sat .d7fx-ic{top:-12px;left:50%;margin-left:-13px;opacity:calc(.95 * var(--d7fx-amp))}@media(prefers-reduced-motion:reduce){.d7fx *{animation:none!important}.d7fx-ic{opacity:calc(.55 * var(--d7fx-amp))}.d7fx-glow--a,.d7fx-core,.d7fx-burst{opacity:calc(.55 * var(--d7fx-amp));transform:translate(-50%,-50%) scale(1)}.d7fx-glow--b,.d7fx-halo,.d7fx-bolt,.d7fx-zag,.d7fx-spk,.d7fx-boltglow{opacity:0}.d7fx-spike{opacity:calc(.3 * var(--d7fx-amp));transform:rotate(var(--a)) scaleY(.8)}.d7fx-juice{transform:scaleX(1)}.d7fx-dot,.d7fx-float{transform:translate3d(var(--x),-90px,0) scale(var(--s))}.d7fx-sky .d7fx-lane{transform:translate3d(40%,0,0)}.d7fx-wink,.d7fx-beat,.d7fx-pop,.d7fx-cross,.d7fx-march{transform:scale(var(--s))}.d7fx-esc{transform:translate3d(var(--dx),-60px,0) scale(var(--s))}.d7fx-arc{opacity:calc(.4 * var(--d7fx-amp));transform:scale(1.4)}.d7fx-ember{opacity:calc(.3 * var(--d7fx-amp))}}.d7fx>*{mix-blend-mode:multiply}.d7s-hero--full.is-dark .d7fx>*,.d7s-hero--bg:not(.is-lightbg) .d7fx>*,.is-dark .d7fx>*{mix-blend-mode:screen}.d7fx--music{--d7fx-4:#2A1263}.d7fx--power{--d7fx-4:#062B4A}.d7fx--carry{--d7fx-4:#39414F}.d7s-hero--full.is-dark .d7fx--music,.d7s-hero--bg:not(.is-lightbg) .d7fx--music,.is-dark .d7fx--music{--d7fx-4:#FFFFFF}.d7s-hero--full.is-dark .d7fx--power,.d7s-hero--bg:not(.is-lightbg) .d7fx--power,.is-dark .d7fx--power{--d7fx-4:#FFFFFF}.d7s-hero--full.is-dark .d7fx--carry,.d7s-hero--bg:not(.is-lightbg) .d7fx--carry,.is-dark .d7fx--carry{--d7fx-4:#FFFFFF}.d7fx--power{--d7fx-1:#00A6C4}.d7fx--carry{--d7fx-3:#8C9AAC}.d7s-hero--full.is-dark .d7fx--power,.d7s-hero--bg:not(.is-lightbg) .d7fx--power,.is-dark .d7fx--power{--d7fx-1:#00E5FF}.d7s-hero--full.is-dark .d7fx--carry,.d7s-hero--bg:not(.is-lightbg) .d7fx--carry,.is-dark .d7fx--carry{--d7fx-3:#C9D4E4}.d7fx-band{position:absolute;right:0;bottom:0;left:0;top:0;transform:none;width:auto;height:auto}.d7fx{--d7fx-band-h:clamp(260px,70vmin,1000px)}.d7fx-float,.d7fx-dot{left:calc(50% + var(--x));margin-left:calc(var(--d7fx-u) * -.54)}@keyframes d7fxLift{0%{transform:translateZ(0) scale(var(--s)) rotate(0);opacity:0}16%{opacity:calc(.95 * var(--d7fx-amp))}76%{opacity:calc(.5 * var(--d7fx-amp))}to{transform:translate3d(var(--dx),calc(var(--d7fx-band-h) * -1),0) scale(calc(var(--s) * .7)) rotate(var(--rot));opacity:0}}@keyframes d7fxRise{0%{transform:translateZ(0) scale(var(--s));opacity:0}14%{opacity:calc(.95 * var(--d7fx-amp))}to{transform:translate3d(0,calc(var(--d7fx-band-h) * -1),0) scale(calc(var(--s) * .4));opacity:0}}@media(prefers-reduced-motion:reduce){.d7fx-dot,.d7fx-float{transform:translate3d(0,calc(var(--d7fx-band-h) * -.5),0) scale(var(--s))}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/dot7-fx.css.map */