.depth-emerge{will-change:transform, opacity;animation-name:depth-emerge;animation-fill-mode:both}@keyframes depth-emerge{0%{transform:translate3d(var(--x), var(--y), calc(var(--z0) - 2700px));opacity:0;animation-timing-function:cubic-bezier(.15,.6,.25,1)}7%{opacity:1}20%{transform:translate3d(var(--x), var(--y), var(--z0));animation-timing-function:linear}97.5%,to{transform:translate3d(var(--x), var(--y), calc(var(--z0) + 90px));opacity:1}}.depth-glitch{animation-name:depth-glitch;animation-fill-mode:both;position:relative}@keyframes depth-glitch{0%{filter:blur(10px)brightness(.35);animation-timing-function:cubic-bezier(.2,.7,.3,1)}20%,97.5%{filter:blur(0) brightness(var(--lum));clip-path:inset(0);opacity:1;animation-timing-function:step-end;transform:none}97.75%{filter:grayscale()contrast(1.4)brightness(2.6);animation-timing-function:step-end}98%{clip-path:inset(30% 0 45%);filter:grayscale()contrast(1.6)brightness(1.5);animation-timing-function:step-end;transform:translate(-16px)}98.25%{clip-path:inset(0);filter:grayscale()brightness(3);animation-timing-function:step-end;transform:scaleX(1.1)scaleY(.02)}98.5%{filter:grayscale()contrast(1.5)brightness(1.1);animation-timing-function:step-end;transform:translateY(-6px)}98.75%{opacity:0;animation-timing-function:step-end}99%{opacity:1;clip-path:inset(55% 0 10%);filter:grayscale()brightness(2.2);animation-timing-function:step-end;transform:translate(10px)}99.25%{clip-path:inset(0);filter:grayscale()brightness(3);animation-timing-function:step-end;transform:scaleX(.9)scaleY(.014)}99.5%{opacity:0;animation-timing-function:step-end}99.75%{opacity:.6;filter:grayscale()brightness(3);animation-timing-function:step-end;transform:scaleX(.3)scaleY(.01)}to{opacity:0;transform:scaleX(.3)scaleY(.01)}}.depth-glitch:after{content:"";pointer-events:none;opacity:0;animation-name:depth-tv;animation-duration:inherit;animation-delay:inherit;border-radius:6px;animation-fill-mode:both;position:absolute;inset:0}@keyframes depth-tv{0%,97.75%{opacity:0;background:0 0;animation-timing-function:step-end}98%{opacity:1;background:repeating-linear-gradient(#00000080 0 1px,#0000 1px 3px);animation-timing-function:step-end}98.5%{opacity:1;background:repeating-linear-gradient(#ffffff38 0 7px,#0006 7px 16px,#0000 16px 26px);animation-timing-function:step-end}98.75%{opacity:0;animation-timing-function:step-end}99.25%{opacity:1;background:repeating-linear-gradient(90deg,#000 0 9px,#0000 9px 23px);animation-timing-function:step-end}99.5%,to{opacity:0}}.depth-trail .depth-glitch{animation-name:depth-glitch-trail}@keyframes depth-glitch-trail{0%{filter:blur(10px)brightness(.35);animation-timing-function:cubic-bezier(.2,.7,.3,1)}20%,96.5%{filter:blur(0) brightness(var(--lum));opacity:.75;animation-timing-function:step-end}96.6%,to{opacity:0}}.depth-trail{mix-blend-mode:screen}.depth-trail-hot>*>*{filter:sepia()saturate(4)hue-rotate(-12deg)brightness(1.05)}.depth-trail-pale>*>*{filter:sepia(.8)saturate(1.6)brightness(1.2)}
