.cl-edge{--edge-room: calc(var(--edge-blur) * 3);--edge-tuck: calc(var(--edge-blur) * 3 + 2px);position:relative;z-index:0;height:calc(var(--edge-room) + var(--edge-h) + var(--edge-tuck));overflow:hidden;pointer-events:none;color:var(--edge-color)}.cl-edge--top{margin-bottom:calc(-1 * var(--edge-tuck))}.cl-edge--bottom{margin-top:calc(-1 * var(--edge-tuck));transform:scaleY(-1)}.cl-edge__in{position:absolute;top:var(--edge-room);bottom:0;left:-60px;right:-60px;display:flex;flex-direction:column;filter:blur(var(--edge-blur))}.cl-edge__wave{display:block;flex:none;width:100%;height:var(--edge-h);margin-bottom:-1px}.cl-edge__wave use{fill:currentColor}.cl-edge__fill{display:block;flex:1;background:currentColor}.cl-edge__l1>use{animation:cl-edge-move calc(7s * var(--edge-speed)) cubic-bezier(.55,.5,.45,.5) -2s infinite}.cl-edge__l2>use{animation:cl-edge-move calc(10s * var(--edge-speed)) cubic-bezier(.55,.5,.45,.5) -3s infinite;opacity:.4}.cl-edge__l3>use{animation:cl-edge-move calc(13s * var(--edge-speed)) cubic-bezier(.55,.5,.45,.5) -4s infinite;opacity:.3}.cl-edge__l4>use{animation:cl-edge-move calc(20s * var(--edge-speed)) cubic-bezier(.55,.5,.45,.5) -5s infinite;opacity:.2}.cl-edge--still use{animation:none!important}@keyframes cl-edge-move{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media(prefers-reduced-motion:reduce){.cl-edge use{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cleoda-edge.css.map */
