.switch{background:var(--switch-off-bg);border:none;border-radius:12px;box-shadow:none;cursor:pointer;flex-shrink:0;height:24px;padding:2px 0;position:relative;width:48px}.switch[data-state=checked]{background:var(--switch-on-bg)}.thumb{background:var(--switch-thumb-bg);border-radius:10px;display:block;height:20px;transition:transform .1s;transform:translateX(2px);will-change:transform;width:20px}.thumb[data-state=checked]{background:var(--switch-thumb-bg-checked);transform:translateX(26px)}.switch.switch-theme{background:var(--switch-on-bg)}.switch.switch-theme .icon.sun{color:var(--switch-theme-color);position:absolute;left:4px;top:50%;transform:translateY(-50%)}.switch.switch-theme .icon.moon{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.switch.switch-theme .icon.moon,.switch.switch-theme[data-state=checked] .icon.sun{color:var(--switch-theme-color-checked)}.switch.switch-theme[data-state=checked] .icon.moon{color:var(--switch-theme-color)}