@layer components{.fx-wave{pointer-events:none;box-sizing:border-box;--fx-wave-height:clamp(48px, 8vw, 120px);--fx-wave-fill:var(--background);--fx-wave-tone:var(--primary);--fx-wave-tone-2:var(--chart-2);width:100%;line-height:0;position:relative;overflow:hidden}.fx-wave--top{transform:scaleY(-1)}.fx-wave--bottom{transform:none}.fx-wave--inverted{transform:scaleY(-1)}.fx-wave--flipped{transform:scaleX(-1)}.fx-wave--inverted.fx-wave--flipped{transform:scale(-1)}.fx-wave--h-sm{--fx-wave-height:clamp(32px, 5vw, 64px)}.fx-wave--h-md{--fx-wave-height:clamp(48px, 8vw, 120px)}.fx-wave--h-lg{--fx-wave-height:clamp(72px, 12vw, 180px)}.fx-wave--h-xl{--fx-wave-height:clamp(96px, 16vw, 240px)}.fx-wave__inner{width:100%;height:var(--fx-wave-height,clamp(48px, 8vw, 120px));position:relative;overflow:hidden}.fx-wave__layer{width:200%;height:100%;position:absolute;top:0;left:0}.fx-wave__svg{width:100%;height:100%;display:block}.fx-wave[data-fx-running=true] .fx-wave__layer--drift-fwd,.fx-wave[data-fx-running=true] .fx-wave__layer--drift-rev{will-change:transform}.fx-wave__layer--drift-fwd{animation:fx-wave-drift-fwd calc(var(--fx-wave-duration,18s) * var(--fx-layer-speed,1)) linear infinite}.fx-wave__layer--drift-rev{animation:fx-wave-drift-rev calc(var(--fx-wave-duration,18s) * var(--fx-layer-speed,1)) linear infinite}.fx-wave__path{transition:opacity .2s}.fx-wave[data-fx-running=false] .fx-wave__layer{animation-play-state:paused}.fx-wave[data-fx-motion=none] .fx-wave__layer{animation:none;transform:none}@media (prefers-reduced-motion:reduce){.fx-wave .fx-wave__layer{animation:none;transform:none}}@keyframes fx-wave-drift-fwd{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes fx-wave-drift-rev{0%{transform:translate(-50%)}to{transform:translate(0,0)}}}