.mo-switch{cursor:pointer;--mo-a-animation-duration:.15s;--mo-a-switch-current-bg-color:var(--mo-switch-bg-off-default);--mo-a-switch-current-content-color:var(--mo-switch-circle-default);display:inline-flex;position:relative}.mo-switch__skeleton{display:none}.mo-switch[data-skeleton=true]{pointer-events:none;cursor:default}.mo-switch[data-skeleton=true] .mo-switch__control{visibility:hidden}.mo-switch[data-skeleton=true] .mo-switch__skeleton{z-index:10;width:inherit;height:inherit;border-radius:var(--mo-CRx8);visibility:visible;display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.mo-switch[data-disabled=true],.mo-switch[data-loading=true]{cursor:default;pointer-events:none}.mo-switch:hover{--mo-a-switch-current-bg-color:var(--mo-switch-bg-off-hovered)}.mo-switch:active{--mo-a-switch-current-bg-color:var(--mo-switch-bg-off-pressed)}.mo-switch[data-disabled=true],.mo-switch[data-loading=true]{--mo-a-switch-current-content-color:var(--mo-switch-circle-disabled);--mo-a-switch-current-bg-color:var(--mo-switch-bg-off-disabled)}.mo-switch[data-checked=true]{--mo-a-switch-current-bg-color:var(--mo-switch-bg-on-default)}.mo-switch[data-checked=true]:hover{--mo-a-switch-current-bg-color:var(--mo-switch-bg-on-hovered)}.mo-switch[data-checked=true]:active{--mo-a-switch-current-bg-color:var(--mo-switch-bg-on-pressed)}.mo-switch[data-checked=true][data-disabled=true],.mo-switch[data-checked=true][data-loading=true]{--mo-a-switch-current-bg-color:var(--mo-switch-bg-on-disabled)}.mo-switch__input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.mo-switch__control{border-radius:var(--mo-CRx8);background-color:var(--mo-a-switch-current-bg-color);flex-shrink:0;display:block;position:relative}.mo-switch__control_size_large{width:50px;height:32px}.mo-switch__control_size_medium{width:42px;height:24px}.mo-switch__circle{border-radius:var(--mo-CRxfull);background-color:var(--mo-a-switch-current-content-color);color:var(--mo-switch-icon-disabled);justify-content:center;align-items:center;transition:inset-inline-start .15s;display:flex;position:absolute;inset-block-start:2px;inset-inline-start:2px}.mo-switch__circle_size_large{width:28px;height:28px}.mo-switch__circle_size_medium{width:20px;height:20px}.mo-switch[data-checked=true] .mo-switch__circle{inset-inline-start:20px}