.sk-strip.svelte-1d6e5so{scrollbar-width:none;-webkit-overflow-scrolling:touch}.sk-strip.svelte-1d6e5so::-webkit-scrollbar{display:none}.recorder.svelte-1iue9a4{flex-direction:column;gap:8px;display:flex}.readout.svelte-1iue9a4{color:var(--color-label);justify-content:space-between;font-size:11px;display:flex}.elapsed.svelte-1iue9a4{color:var(--color-gold-dark)}.wave.svelte-1iue9a4{background-color:color-mix(in srgb, var(--color-parchment) 60%, transparent);border-block:1px solid var(--color-rule-soft);min-width:0;height:64px;position:relative}@media (width<=29.99rem){.wave.svelte-1iue9a4{height:56px}}.grid.svelte-1iue9a4{background-color:var(--color-rule-soft);width:1px;position:absolute;inset-block:0}svg.svelte-1iue9a4{fill:none;stroke-width:3px;stroke-linecap:round;width:100%;height:calc(100% - 12px);transition:clip-path .25s linear;position:absolute;inset:6px 0}.base.svelte-1iue9a4{stroke:var(--color-rule-strong)}.buffered.svelte-1iue9a4{stroke:var(--color-edge)}.fill.svelte-1iue9a4{stroke:var(--color-gold)}.head.svelte-1iue9a4{background-color:var(--color-gold-dark);width:2px;margin-left:-1px;transition:left .25s linear;position:absolute;top:-8px;bottom:-8px}.head.svelte-1iue9a4:before{content:"";background-color:var(--color-gold-dark);border-radius:9999px;width:9px;height:9px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.wave.live.svelte-1iue9a4 .head:where(.svelte-1iue9a4):before{animation:1.6s ease-in-out infinite svelte-1iue9a4-bilo}@keyframes svelte-1iue9a4-bilo{0%,to{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.7;transform:translate(-50%)scale(1.45)}}.wave.svelte-1iue9a4:not(.live) .fill:where(.svelte-1iue9a4),.wave.svelte-1iue9a4:not(.live) .head:where(.svelte-1iue9a4){opacity:.6}.wave.held.svelte-1iue9a4 svg:where(.svelte-1iue9a4),.wave.held.svelte-1iue9a4 .head:where(.svelte-1iue9a4){transition:none}@media (prefers-reduced-motion:reduce){svg.svelte-1iue9a4,.head.svelte-1iue9a4{transition:none}.wave.live.svelte-1iue9a4 .head:where(.svelte-1iue9a4):before{animation:none}}.axis.svelte-1iue9a4{height:14px;color:var(--color-label-dim);font-size:10px;position:relative}.tick.svelte-1iue9a4{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.tick.start.svelte-1iue9a4{transform:none}.tick.end.svelte-1iue9a4{transform:translate(-100%)}input.svelte-1iue9a4{opacity:0;cursor:pointer;appearance:none;touch-action:pan-y;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}input.svelte-1iue9a4:focus-visible{outline:none}.wave.svelte-1iue9a4:has(input:where(.svelte-1iue9a4):focus-visible){outline:2px solid var(--color-gold);outline-offset:4px}@media (hover:hover) and (pointer:fine){.wave.svelte-1iue9a4:hover .head:where(.svelte-1iue9a4):before{transform:translate(-50%)scale(1.25)}}