.slider.svelte-18vg5g9.svelte-18vg5g9{--size:.5rem;--handle-border:hsla(0, 0%, 2%, .5)}.slider.svelte-18vg5g9.svelte-18vg5g9{position:relative;margin:0;padding:0;height:var(--size);border-radius:var(--size)}.slider.svelte-18vg5g9.svelte-18vg5g9,.slider.svelte-18vg5g9 .svelte-18vg5g9{-webkit-user-select:none;user-select:none}.slider.vertical.svelte-18vg5g9.svelte-18vg5g9{display:inline-block;border-radius:100px;width:var(--size);min-height:50px}.slider.svelte-18vg5g9 .handle.svelte-18vg5g9{position:absolute;display:block;height:calc(var(--size) * 2);width:calc(var(--size) * 2);top:calc(var(--size) / 2);left:calc(var(--size) / 2);transform:translateY(-50%) translate(-50%);z-index:3;outline:none}.slider.svelte-18vg5g9 .nub.svelte-18vg5g9,.slider.svelte-18vg5g9 .handle.svelte-18vg5g9:before{position:absolute;left:0;top:0;display:block;border-radius:2rem;height:100%;width:100%;transition:all .25s ease}.slider.svelte-18vg5g9 .handle.svelte-18vg5g9:before{content:"";left:1px;top:1px;bottom:1px;right:1px;height:auto;width:auto;opacity:0}.slider.svelte-18vg5g9 .handle.hoverable.svelte-18vg5g9:hover:before{box-shadow:0 0 0 6px #000;opacity:.2}.slider.svelte-18vg5g9 .handle.hoverable.press.svelte-18vg5g9:before,.slider.svelte-18vg5g9 .handle.hoverable.press.svelte-18vg5g9:hover:before{opacity:.4}.slider.svelte-18vg5g9 .float.svelte-18vg5g9{display:block;position:absolute;left:50%;top:-1rem;transform:translate(-50%,-100%);font-size:1rem;text-align:center;opacity:0;pointer-events:none;white-space:nowrap;transition:all .25s ease;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem}.slider.svelte-18vg5g9 .handle.active .float.svelte-18vg5g9,.slider.svelte-18vg5g9 .handle.hoverable:hover .float.svelte-18vg5g9{opacity:1;top:-.5rem;transform:translate(-50%,-100%)}.slider.svelte-18vg5g9 .fill.svelte-18vg5g9{position:absolute;display:block;transition:background .2s ease;height:var(--size);top:0;-webkit-user-select:none;user-select:none;z-index:1}.fill.svelte-18vg5g9.svelte-18vg5g9{border-radius:var(--size)}.slider.vertical.svelte-18vg5g9 .fill.svelte-18vg5g9{width:var(--size);height:auto}.slider.svelte-18vg5g9.svelte-18vg5g9{background-color:#666}.slider.svelte-18vg5g9 .fill.svelte-18vg5g9{background-color:#bfbfbf}.slider.svelte-18vg5g9 .nub.svelte-18vg5g9{background-color:#fff;box-shadow:inset 0 0 1px gray;box-shadow:inset 0 0 1px #000,0 0 4px #80808040}.slider.focus.svelte-18vg5g9 .fill.svelte-18vg5g9{background-color:#00c5cc}.slider.focus.svelte-18vg5g9 .nub.svelte-18vg5g9{background-color:#ccfdff}.slider.svelte-18vg5g9 .handle.active .nub.svelte-18vg5g9{background-color:#00f7ff}.slider.svelte-18vg5g9 .float.svelte-18vg5g9{color:#fff;background-color:#00c5cc}.slider.focus.svelte-18vg5g9 .float.svelte-18vg5g9{background-color:#00c5cc}.square.svelte-18vg5g9.svelte-18vg5g9{border-radius:0}svg.svelte-lsqocf{width:2.5rem;height:2.5rem;fill:none}path.svelte-lsqocf{fill:#000;stroke:none}@keyframes svelte-p1jbuu-spinner{to{transform:rotate(360deg)}}.spinner.svelte-p1jbuu{box-sizing:border-box;margin:0;padding:0;width:2.5rem;height:2.5rem;border-radius:2.5rem;border:2px solid #eee;border-top-color:#000;animation:svelte-p1jbuu-spinner 1s linear infinite}.play-button.svelte-3d0z2n{margin:0;padding:0;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:4rem;background:none;outline:none;border:none}.controls.svelte-3d0z2n{width:3rem;height:3rem}.track.svelte-3d0z2n{width:4rem;height:4rem}.playing.svelte-3d0z2n{border:1px solid #000}button.svelte-1f34l3c{background:none;border:none;cursor:pointer}.volume-slider.svelte-1f34l3c{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:1rem}.slide-bar.svelte-1f34l3c{position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.doodle-button{box-shadow:0 0 0 .0625rem #000;transition:.25s;outline:none;border:none;cursor:pointer}.doodle-button:hover{box-shadow:.0625rem .0625rem 0 .125rem #000}svg.svelte-184v5r2{fill:none;stroke:#000}path.svelte-184v5r2{fill:none}button.svelte-pzy2e7{background:none;border:none;cursor:pointer;position:relative}select.svelte-pzy2e7{position:absolute;top:100%;left:100%;transform:translate(-100%)}.box.svelte-905mog{border-radius:4rem;padding:1rem 3rem;cursor:default;font-family:sans-serif}.controls.svelte-905mog{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.5rem}audio.svelte-905mog{display:none}div.svelte-905mog{display:grid;grid-auto-flow:row}button.svelte-905mog{margin:0;padding:0;width:2rem;height:1.5rem;border-radius:4px;border:1px solid #bbb;background:none;cursor:pointer;transition:.25s}button.svelte-905mog:hover{transform:scale(1.1)}p.svelte-905mog{margin:0;padding:0;line-height:1;-webkit-user-select:none;user-select:none}span.svelte-905mog{display:inline-grid;margin:0;border-radius:6px;place-items:center;font-size:1rem}.info.svelte-905mog{margin:auto;padding:0;width:100%;text-align:center}.buttons.svelte-905mog{grid-template-columns:2rem 3rem 2rem;place-items:center;column-gap:.5rem;margin:auto}.progress.svelte-905mog{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.duration.svelte-905mog{justify-self:end}.progress-slider.svelte-905mog{width:100%}.prev.svelte-905mog,.next.svelte-905mog{border-radius:2rem;border:none}p.svelte-1gv7ovh{margin:0;padding:0;line-height:0}.info.svelte-1gv7ovh{display:grid;grid-auto-flow:column;grid-template-columns:4rem 1fr;grid-template-rows:2;align-items:center;column-gap:1rem;border:1px solid #ccc;border-radius:8px;margin:0;padding:.5rem 1rem;justify-items:start;border-radius:4rem 16px 16px 4rem;border:1px solid #bbb}.play-button.svelte-1gv7ovh{grid-row:1 / 3}.title.svelte-1gv7ovh,.artist.svelte-1gv7ovh{display:grid;grid-auto-flow:column;column-gap:1rem;margin:0;padding:0}.title.svelte-1gv7ovh{grid-row:1 / 2}.artist.svelte-1gv7ovh{grid-row:2 / 3}.playing.svelte-1gv7ovh{border:1px solid #000}body{margin:0;padding:1rem}p{font-size:12px}strong,button{font-size:14px}.app.svelte-1wkhbon{margin:0;padding:0;display:grid;row-gap:1rem}