:root{--switch-default-backgroundColor: #d9d9d940;--switch-checked-backgroundColor: var(--accentColor);--switch-backgroundColor: #d9d9d988;--switch-thumb-backgroundColor: #fff;--switch-width: 2.5em;--switch-height: 1.5em;--switch-padding: 2px}button.svelte-1lavlkq{--switch-backgroundColor: var(--switch-default-backgroundColor);display:grid;align-items:stretch;grid:". thumb ." 100% / 0fr auto 1fr;flex:0 0 auto;width:var(--switch-width);height:var(--switch-height);padding:var(--switch-padding);background-color:var(--switch-backgroundColor);border-radius:var(--switch-height);transition:.3s var(--transition-easeOutExpo)}button[data-state=checked].svelte-1lavlkq{--switch-backgroundColor: var(--switch-checked-backgroundColor);grid-template-columns:1fr auto 0fr}.thumb.svelte-1lavlkq{grid-area:thumb;width:1.25em;background-color:var(--switch-thumb-backgroundColor);border-radius:100%;box-shadow:0 0 0 var(--card-borderWidth) var(--card-borderColor);transition:.3s var(--transition-easeOutExpo)}button.svelte-1lavlkq:active .thumb:where(.svelte-1lavlkq){width:1.375em;transition-duration:.2s}