:root{--accent-color: rgb(137, 168, 225);--gray: #ccc}.s--slider.svelte-d39fdc{display:flex;align-items:center}.s--slider.svelte-d39fdc button:where(.svelte-d39fdc){width:3em;height:1.6em;position:relative;margin:0 0 0 .5em;background:var(--gray);border:none}.s--slider.svelte-d39fdc button:where(.svelte-d39fdc):before{content:"";position:absolute;width:1.3em;height:1.3em;background:#fff;top:.13em;right:1.5em;transition:transform .3s}.s--slider.svelte-d39fdc button[aria-checked=true]:where(.svelte-d39fdc){background-color:var(--accent-color)}.s--slider.svelte-d39fdc button[aria-checked=true]:where(.svelte-d39fdc):before{transform:translate(1.3em);transition:transform .3s}.s--slider.svelte-d39fdc button:where(.svelte-d39fdc):focus{box-shadow:0 0 0 1px var(--accent-color)}.s--slider.svelte-d39fdc button:where(.svelte-d39fdc){border-radius:1.5em}.s--slider.svelte-d39fdc button:where(.svelte-d39fdc):before{border-radius:100%}.s--slider.svelte-d39fdc button:where(.svelte-d39fdc):focus{box-shadow:0 0 8px var(--accent-color);border-radius:1.5em}