.track.svelte-n26qcu{background-color:var(--input);height:10px;border-radius:20px;position:relative}.handle.svelte-n26qcu{background-color:var(--accent);width:20px;height:20px;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);cursor:grab;z-index:1;transition:.2s box-shadow}.handle.svelte-n26qcu:hover{box-shadow:0 0 0 2px var(--accent-light)}.tip.svelte-n26qcu{position:absolute;bottom:100%;margin-bottom:3px;left:50%;transform:translate(-50%);padding:3px 6px;border-radius:5px;--local-bg: #24292f;--local-color: #fff;background-color:var(--local-bg);color:var(--local-color);display:none}.dot.svelte-n26qcu{background-color:var(--accent-light);z-index:0;width:8px;height:8px;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.handle.svelte-n26qcu:hover .tip:where(.svelte-n26qcu),.track.dragging.svelte-n26qcu .tip:where(.svelte-n26qcu){display:block}.track.dragging.svelte-n26qcu,.track.dragging.svelte-n26qcu .handle:where(.svelte-n26qcu){cursor:grabbing}.track.dragging.svelte-n26qcu .handle:where(.svelte-n26qcu){box-shadow:0 0 0 3px var(--accent-light)}