.slider.svelte-1ookv3l.svelte-1ookv3l{--size:.5rem;--handle-border:hsla(0, 0%, 2%, .5);position:relative;margin:0;padding:0;height:var(--size);border-radius:var(--size)}.slider.svelte-1ookv3l.svelte-1ookv3l,.slider.svelte-1ookv3l .svelte-1ookv3l{-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider.svelte-1ookv3l .handle.svelte-1ookv3l{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:2;outline:none}.slider.svelte-1ookv3l .nub.svelte-1ookv3l,.slider.svelte-1ookv3l .handle.svelte-1ookv3l:before{position:absolute;left:0;top:0;display:block;border-radius:2rem;height:100%;width:100%;transition:all .25s ease}.slider.svelte-1ookv3l .handle.svelte-1ookv3l:before{content:"";left:1px;top:1px;bottom:1px;right:1px;height:auto;width:auto;box-shadow:0 0 0 0 var(--handle-border);opacity:0}.slider.svelte-1ookv3l .handle.hoverable.svelte-1ookv3l:hover:before{box-shadow:0 0 0 6px #000;opacity:.2}.slider.svelte-1ookv3l .handle.hoverable.press.svelte-1ookv3l:before,.slider.svelte-1ookv3l .handle.hoverable.press.svelte-1ookv3l:hover:before{box-shadow:0 0 0 8px var(--handle-border);opacity:.4}.slider.svelte-1ookv3l .fill.svelte-1ookv3l{position:absolute;display:block;transition:background .2s ease;height:var(--size);top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.fill.svelte-1ookv3l.svelte-1ookv3l{border-radius:var(--size)}.slider.svelte-1ookv3l.svelte-1ookv3l{background-color:#155e75}.slider.svelte-1ookv3l .fill.svelte-1ookv3l{background-color:#0891b2}.slider.svelte-1ookv3l .nub.svelte-1ookv3l{box-shadow:inset 0 0 1px gray;box-shadow:inset 0 0 1px #000,0 0 4px #80808040}.slider.focus.svelte-1ookv3l .fill.svelte-1ookv3l{background-color:#06b6d4}