input.svelte-zx816h{background:transparent;border:none}input.svelte-zx816h:hover{opacity:.85}input.svelte-zx816h:active{opacity:.7}.toggle.svelte-zx816h{--size: 1.2rem;appearance:none;outline:none;cursor:pointer;width:var(--size);height:var(--size);box-shadow:inset calc(var(--size) * .33) calc(var(--size) * -.25) 0;border-radius:999px;color:var(--color);transition:all .5s}.toggle.svelte-zx816h:checked{--ray-size: calc(var(--size) * -.4);--offset-orthogonal: calc(var(--size) * .65);--offset-diagonal: calc(var(--size) * .45);transform:scale(.75);color:var(--color);box-shadow:inset 0 0 0 var(--size),calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size),var(--offset-orthogonal) 0 0 var(--ray-size),0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size),0 var(--offset-orthogonal) 0 var(--ray-size),calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size),var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size),calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size),var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size)}