:root{--size: 8px}@media screen and (orientation:portrait){:root{--size: 8px}}.slider.svelte-iz8v03,.slider.svelte-iz8v03 :where(.svelte-iz8v03){user-select:none}.square.svelte-iz8v03{border-radius:0}.slider.svelte-iz8v03{width:100%;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;justify-items:center;position:relative}.vertical.svelte-iz8v03{height:100%}.background.svelte-iz8v03{grid-row:1 / 2;grid-column:1 / 2;z-index:1;width:100%;height:var(--size);border-radius:var(--size);background-color:var(--slider-bg)}.vertical.svelte-iz8v03 .background:where(.svelte-iz8v03){width:var(--size);height:100%}.fill.svelte-iz8v03{grid-row:1 / 2;grid-column:1 / 2;z-index:2;transition:background-color .2s ease;height:var(--size);background-color:var(--slider-fill);border-radius:var(--size);align-self:center;justify-self:start}.vertical.svelte-iz8v03 .fill:where(.svelte-iz8v03){width:var(--size);align-self:end;justify-self:center}.slider.focus.svelte-iz8v03 .fill:where(.svelte-iz8v03){background-color:var(--slider-focus-fill)}.handle.svelte-iz8v03{grid-row:1 / 2;grid-column:1 / 2;z-index:3;position:absolute;height:calc(var(--size) * 2);width:calc(var(--size) * 2);border-radius:calc(var(--size) * 2);transform:translate(-50%);outline:none;background-color:#fff;display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.small-handle.svelte-iz8v03{height:calc(var(--size) * 1.25);width:calc(var(--size) * 1.25)}.vertical.svelte-iz8v03 .handle:where(.svelte-iz8v03){transform:translateY(50%)}.nub.svelte-iz8v03,.handle.svelte-iz8v03:before{border-radius:2rem;height:100%;width:100%;transition:all .25s ease}.slider.vertical.svelte-iz8v03 .nub:where(.svelte-iz8v03),.slider.vertical.svelte-iz8v03 .handle:where(.svelte-iz8v03):before{border-radius:2rem;height:100%;width:100%;transition:all .25s ease}.slider.svelte-iz8v03 .handle:where(.svelte-iz8v03):before{content:"";inset:1px;height:auto;width:auto;box-shadow:0 0 0 0 var(--slider-handle-border);opacity:0}.slider.svelte-iz8v03 .handle.hoverable:where(.svelte-iz8v03):hover:before{box-shadow:0 0 0 8px var(--slider-handle-border);opacity:.5}.slider.svelte-iz8v03 .handle.hoverable.press:where(.svelte-iz8v03):before,.slider.svelte-iz8v03 .handle.hoverable.press:where(.svelte-iz8v03):hover:before{box-shadow:0 0 0 8px var(--slider-handle-border);opacity:.75}.slider.svelte-iz8v03 .float:where(.svelte-iz8v03){display:block;position:absolute;left:50%;top:-24px;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-iz8v03 .handle.active:where(.svelte-iz8v03) .float:where(.svelte-iz8v03),.slider.svelte-iz8v03 .handle.hoverable:where(.svelte-iz8v03):hover .float:where(.svelte-iz8v03){opacity:1;top:-10px;transform:translate(-50%,-100%)}.slider.svelte-iz8v03 .nub:where(.svelte-iz8v03){background-color:#fff;box-shadow:inset 0 0 1px gray;box-shadow:inset 0 0 1px #000,0 0 4px #80808040}.slider.focus.svelte-iz8v03 .nub:where(.svelte-iz8v03){background-color:#ccfdff}.slider.svelte-iz8v03 .handle.active:where(.svelte-iz8v03) .nub:where(.svelte-iz8v03){background-color:#fff}.slider.svelte-iz8v03 .float:where(.svelte-iz8v03){color:#fff;font-family:var(--music-font);background-color:var(--slider-fill)}.slider.focus.svelte-iz8v03 .float:where(.svelte-iz8v03){background-color:var(--slider-focus-fill)}