.switch.size-xs.svelte-1ocqhgk{--scale: calc(calc(var(--sw-height-xs, var(--base-input-size-xs-height, 3.1)) * var(--sw-rem, 10px)) / 32px)}.switch.size-sm.svelte-1ocqhgk{--scale: calc(calc(var(--sw-height-sm, var(--base-input-size-sm-height, 3.3)) * var(--sw-rem, 10px)) / 32px)}.switch.size-md.svelte-1ocqhgk{--scale: calc(calc(var(--sw-height-md, var(--base-input-size-md-height, 3.5)) * var(--sw-rem, 10px)) / 32px)}.switch.size-lg.svelte-1ocqhgk{--scale: calc(calc(var(--sw-height-lg, var(--base-input-size-lg-height, 3.8)) * var(--sw-rem, 10px)) / 32px)}.switch.size-xl.svelte-1ocqhgk{--scale: calc(calc(var(--sw-height-xl, var(--base-input-size-xl-height, 4.1)) * var(--sw-rem, 10px)) / 32px)}.switch.svelte-1ocqhgk{position:relative;background-color:var(--current-bg-color, var(--sw-bg-off, var(--base-primary-bg, #ccc)));border-radius:calc(var(--sw-border-radius, var(--base-border-radius-sm, .4)) * var(--sw-rem, 10px));cursor:pointer;transition:background-color .3s ease;outline:none;-webkit-user-select:none;user-select:none}.switch.checked.svelte-1ocqhgk{background-color:var(--current-bg-color, var(--sw-bg-on, var(--base-accent-color, #4299e1)))}.switch.svelte-1ocqhgk{--thumb-offset: 28px;--margin: 2px;--sw-width: 60px;--sw-height: 32px;--thumb-height: 28px;--scale: 1;width:calc(var(--sw-width) * var(--scale));height:calc(var(--sw-height) * var(--scale))}.switch.vertical.svelte-1ocqhgk{width:calc(var(--sw-height) * var(--scale));height:calc(var(--sw-width) * var(--scale))}.switch.svelte-1ocqhgk:focus-visible{outline:none;box-shadow:0 0 0 3px var(--sw-focus-color, var(--base-accent-color, rgba(66, 153, 225, .5)))}.switch.disabled.svelte-1ocqhgk{opacity:.5;cursor:not-allowed}.switch.svelte-1ocqhgk .thumb:where(.svelte-1ocqhgk){position:absolute;background-color:var(--current-thumb-color, var(--sw-thumb-bg, var(--base-text-color-on-accent, #fff)));border-radius:calc(var(--sw-border-radius, var(--base-border-radius-sm, .4)) * var(--sw-rem, 10px));transition:transform .3s ease;box-shadow:var(--sw-shadow, var(--base-shadow-sm, 0 2px 4px rgba(0, 0, 0, .2)));border:1px solid var(--current-thumb-border-color, var(--sw-thumb-border-color, transparent));width:calc(var(--thumb-height) * var(--scale));height:calc(var(--thumb-height) * var(--scale));top:calc(var(--margin) * var(--scale));left:calc(var(--margin) * var(--scale));display:flex;align-items:center;justify-content:center}.switch.vertical.svelte-1ocqhgk .thumb:where(.svelte-1ocqhgk){left:50%;transform:translate(-50%);top:calc(var(--margin) * var(--scale))}