label.svelte-5k7lfh{--width: 60px;--height: calc(var(--width) / 2);--radius: calc(var(--height) / 2);display:flex}.toggle.svelte-5k7lfh{background-color:var(--pico-primary);position:relative;width:var(--width);height:var(--height);border-radius:var(--radius);border:solid 1px black;transition:background-color .3s ease;margin-left:5px}.toggle.svelte-5k7lfh:after{content:"";position:absolute;top:0;left:0;width:calc(var(--height) - 2px);height:calc(var(--height) - 2px);border-radius:var(--radius);background-color:#fff;box-shadow:1px 1px 5px #0000004d;transition:transform .3s ease}input.svelte-5k7lfh{display:none}input.svelte-5k7lfh:checked+.toggle:where(.svelte-5k7lfh):after{transform:translate3d(105%,0,0)}input.svelte-5k7lfh:checked+.toggle:where(.svelte-5k7lfh){background-color:var(--accent)}