[data-comparison]{--accent:var(--color-orange);--button:var(--color-orange-button);--button-hover:var(--color-orange-button-hover);--dry:var(--color-blue);--rest:color-mix(in srgb, var(--color-muted) 60%, transparent)}[data-comparison][data-accent=rose]{--accent:var(--color-rose);--button:var(--color-rose-button);--button-hover:var(--color-rose-button-hover)}.paper [data-comparison]{--accent:var(--color-orange-fill-paper);--dry:var(--color-blue-paper);--rest:var(--color-wave-paper)}.paper [data-comparison][data-accent=rose]{--accent:var(--color-rose-fill-paper)}[data-comparison] .play{background:var(--button);color:var(--color-white);border:0;transition:background-color .16s}[data-comparison] .play:hover{background:var(--button-hover)}[data-wave] .bars i{flex:1;height:100%;position:relative}[data-wave] .bars i:before,[data-wave] .bars i:after{content:"";width:60%;height:max(6px, calc(var(--h) * 100%));background:var(--rest);border-radius:9999px;position:absolute;top:50%;left:20%;transform:translateY(-50%)}[data-wave] .bars i:after{background:var(--fill);opacity:clamp(0, (var(--p) - var(--x)) * 100000, 1)}html.motion-off [data-spinner]{animation:none}