:export{surfacePrimary:var(--surface-primary);surfaceSecondary:var(--surface-secondary);surfaceInteractive:var(--surface-interactive)}.switch{display:inline-flex;position:relative;height:24px;width:44px;flex-shrink:0;cursor:pointer;align-items:center;border-radius:999px;border:2px solid rgba(0,0,0,0);transition:background-color .2s ease}.switch:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--surface-interactive)/.2)}.switch:disabled{cursor:not-allowed;opacity:.5}.switch[data-state=checked]{background-color:hsl(142,76%,36%)}.switch[data-state=unchecked]{background-color:#666}.switch:hover[data-state=checked]{background-color:hsl(142,76%,40%)}.switch:hover[data-state=unchecked]{background-color:hsl(0,0%,45%)}.switch__thumb{pointer-events:none;display:block;height:20px;width:20px;border-radius:999px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s ease}.switch[data-state=checked] .switch__thumb{transform:translateX(20px)}.switch[data-state=unchecked] .switch__thumb{transform:translateX(0)}