.switch_rootClass{background-color:#aaa;border:none;border-radius:9999px;outline:none;padding:4px;text-align:left;transition:background-color 166ms ease-out;vertical-align:middle;width:50px}.switch_rootClass:focus{box-shadow:0 0 0 2px #111;outline:none}.switch_rootClass[data-state=checked]{background-color:#dc143c;border-color:#dc143c}.switch_rootClass[data-disabled]{opacity:.5}.switch_thumbClass{background-color:#fff;border-radius:9999px;display:inline-block;height:20px;transition:transform 166ms ease-out;vertical-align:middle;width:20px}.switch_thumbClass[data-state=checked]{transform:translate(22px)}.switch_rootAttrClass,.switch_thumbAttrClass{background-color:#0000ff4d;border:2px solid blue;padding:10px}.switch_rootAttrClass[data-state=unchecked],.switch_thumbAttrClass[data-state=unchecked]{border-color:red}.switch_rootAttrClass[data-state=checked],.switch_thumbAttrClass[data-state=checked]{border-color:green}.switch_rootAttrClass[data-state=indeterminate],.switch_thumbAttrClass[data-state=indeterminate]{border-color:purple}.switch_rootAttrClass:disabled,.switch_rootAttrClass[data-disabled],.switch_thumbAttrClass:disabled,.switch_thumbAttrClass[data-disabled]{border-style:dashed;opacity:.5}