.checkbox_rootClass{border:1px solid #aaa;height:30px;padding:4px;vertical-align:middle;width:30px}.checkbox_rootClass:focus{border-color:#dc143c;box-shadow:0 0 0 1px #dc143c;outline:none}.checkbox_rootClass[data-disabled]{opacity:.3}.checkbox_indicatorClass{background-color:#dc143c;display:block;height:4px;width:20px}.checkbox_indicatorClass[data-state=checked],.checkbox_indicatorClass[data-state=unchecked]{height:20px}@keyframes checkbox_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes checkbox_fadeOut{0%{opacity:1}to{opacity:0}}.checkbox_animatedIndicatorClass{transition:height .3s}.checkbox_animatedIndicatorClass[data-state=checked]{animation:checkbox_fadeIn 1s ease-out}.checkbox_animatedIndicatorClass[data-state=unchecked]{animation:checkbox_fadeOut 1s ease-in}.checkbox_indicatorAttrClass,.checkbox_rootAttrClass{background-color:#0000ff4d;border:2px solid blue;padding:10px}.checkbox_indicatorAttrClass[data-state=unchecked],.checkbox_rootAttrClass[data-state=unchecked]{border-color:#dc143c}.checkbox_indicatorAttrClass[data-state=checked],.checkbox_rootAttrClass[data-state=checked]{border-color:green}.checkbox_indicatorAttrClass[data-state=indeterminate],.checkbox_rootAttrClass[data-state=indeterminate]{border-color:purple}.checkbox_indicatorAttrClass[data-disabled],.checkbox_rootAttrClass[data-disabled]{border-style:dashed}.checkbox_indicatorAttrClass:disabled,.checkbox_rootAttrClass:disabled{opacity:.5}