@property --echo-gap{syntax:"<length>";inherits:true;initial-value:0}@property --echo-reveal{syntax:"<number>";inherits:true;initial-value:0}.echo{pointer-events:none;--echo-gap:0px;--echo-reveal:0;width:100%;height:auto;transition:--echo-gap .88s cubic-bezier(.4,0,.2,1),--echo-reveal .2s cubic-bezier(.4,0,.2,1) .64s;position:absolute;bottom:0;left:0;overflow:visible}.echo[data-out]{--echo-gap:-18px;--echo-reveal:1;transition:--echo-gap .88s cubic-bezier(.4,0,.2,1),--echo-reveal .2s cubic-bezier(.4,0,.2,1)}.echo__layer{fill:#fff;translate:0 calc(var(--n) * var(--echo-gap,-18px));opacity:calc(var(--layer-opacity,1) * var(--echo-reveal,1))}.echo__layer:not(.echo__layer--solid){mix-blend-mode:overlay}.echo__reach{translate:var(--reach-x,0px) var(--reach-y,0px);transition:translate .52s cubic-bezier(.22,1,.36,1)}.echo__layer--solid{opacity:1}@media (prefers-reduced-motion:reduce){.echo,.echo[data-out]{transition:none}.echo__reach{transition:none;translate:none}}