.togglebox.svelte-1hl28og.svelte-1hl28og{position:relative;width:40px;height:20px;border-radius:9px;background:var(--color-two);border:1px solid var(--color-two);align-items:center;padding-left:2px;padding-right:6px;justify-content:space-between;transition:all .12s var(--ease-snapslide)}.togglebox.svelte-1hl28og .togglecircle.svelte-1hl28og{width:14px;height:14px;border-radius:7px;background:var(--color-eight);transition:background .12s var(--ease-snapslide),transform .12s var(--ease-snapslide)}.togglebox.svelte-1hl28og.svelte-1hl28og:hover{background:var(--themecolor);border:1px solid var(--themecolor)}.togglebox.small.svelte-1hl28og.svelte-1hl28og{width:32px;height:16px}.togglebox.small.svelte-1hl28og .togglecircle.svelte-1hl28og{height:12px;width:12px}.togglebox.toggled.svelte-1hl28og.svelte-1hl28og{background:#fff;padding-left:6px;padding-right:2px;border:1px solid var(--color-four)}.togglebox.toggled.svelte-1hl28og .togglecircle.svelte-1hl28og{background:#171717;transform:translate(16px)}.togglebox.toggled.svelte-1hl28og.svelte-1hl28og:hover{border:1px solid var(--themecolor)}.togglebox.toggled.svelte-1hl28og:hover .togglecircle.svelte-1hl28og{background:var(--themecolor)}.togglebox.toggled.small.svelte-1hl28og .togglecircle.svelte-1hl28og{transform:translate(10px)}