.switch.svelte-1yoc1g{position:relative;width:100%;height:100%;border:none;border-radius:var(--radius-md);background-color:var(--color-bg);cursor:pointer;transition:box-shadow var(--transition-fast);outline:none;contain:layout style;box-shadow:inset 3px 3px 6px #00000040,inset -3px -3px 6px #fffc}.switch.svelte-1yoc1g:hover{box-shadow:inset 2px 2px 5px #0000004d,inset -2px -2px 5px #ffffffd9}.switch.on.svelte-1yoc1g{box-shadow:4px 4px 8px #0003,-4px -4px 8px #ffffffe6}.switch.on.svelte-1yoc1g:hover{box-shadow:3px 3px 6px #00000040,-3px -3px 6px #fffffff2}.switch.pressed.svelte-1yoc1g{animation:svelte-1yoc1g-press-down .15s ease-in forwards}.switch.popped.svelte-1yoc1g{animation:svelte-1yoc1g-pop-up .15s ease-out forwards}@keyframes svelte-1yoc1g-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-1yoc1g-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-1yoc1g:focus-visible{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-primary)}.grid.svelte-wjtq1w{position:relative;z-index:1;display:grid;grid-template-columns:repeat(7,52px);grid-auto-rows:52px;gap:var(--space-md);justify-content:center}.ripple-layer.svelte-wjtq1w{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.ripple-layer.svelte-wjtq1w .ripple{position:absolute;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(106,181,138,.35) 0%,rgba(106,181,138,.15) 40%,transparent 70%);border:2px solid rgba(106,181,138,.35);pointer-events:none;will-change:transform,opacity}.page.svelte-3sjt6g{display:flex;justify-content:center;align-items:center;min-height:100vh}