.switch.svelte-1sibeyy{position:relative;width:100%;height:100%;border:none;border-radius:var(--radius-md);background-color:var(--color-bg);cursor:pointer;outline:none;contain:layout style;transition:box-shadow var(--transition-fast),background-color var(--transition-fast);box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #fffc}.switch.svelte-1sibeyy:hover{box-shadow:inset 2px 2px 5px #0000004d,inset -2px -2px 5px #ffffffd9}.switch.on.svelte-1sibeyy{background-color:var(--color-surface-hover);box-shadow:4px 4px 8px #0003,-4px -4px 8px #ffffffe6}.switch.on.svelte-1sibeyy:hover{box-shadow:3px 3px 6px #00000040,-3px -3px 6px #fffffff2}.switch.pressed.svelte-1sibeyy{animation:svelte-1sibeyy-press-down .15s ease-in forwards}.switch.popped.svelte-1sibeyy{animation:svelte-1sibeyy-pop-up .15s ease-out forwards}@keyframes svelte-1sibeyy-press-down{0%{box-shadow:4px 4px 8px #0003,-4px -4px 8px #ffffffe6}to{box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #fffc}}@keyframes svelte-1sibeyy-pop-up{0%{box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #fffc}to{box-shadow:4px 4px 8px #0003,-4px -4px 8px #ffffffe6}}.switch.svelte-1sibeyy:focus-visible{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary)}.grid.svelte-3qb516{display:grid;grid-template-columns:repeat(3,72px);grid-auto-rows:72px;gap:var(--space-lg);justify-content:center}.page.svelte-18hn5pw{display:flex;justify-content:center;align-items:center;min-height:100vh}