.ui-switch{--ui-switch-width:44px;--ui-switch-height:26px;--ui-switch-pad:2px;--ui-switch-thumb:22px;box-sizing:border-box;width:var(--ui-switch-width);height:var(--ui-switch-height);min-width:var(--ui-switch-width);min-height:var(--ui-switch-height);padding:var(--ui-switch-pad);background:#a8a29e;border:0;border-radius:999px;transition:background-color .2s;overflow:hidden}.ui-switch[data-state=checked]{background:var(--brand)}.ui-switch-thumb{box-sizing:border-box;width:var(--ui-switch-thumb);height:var(--ui-switch-thumb);min-width:var(--ui-switch-thumb);min-height:var(--ui-switch-thumb);border-radius:999px;transition:transform .2s;transform:translate(0)}.ui-switch[data-state=checked] .ui-switch-thumb{transform:translateX(calc(var(--ui-switch-width) - 2 * var(--ui-switch-pad) - var(--ui-switch-thumb)))}