input[type=checkbox]{display:none}.checkbox{box-sizing:border-box;cursor:pointer;width:auto;margin-top:-24px;padding:5px 24px;display:inline-block;position:relative}.checkbox:before{background-color:#fff;border:1px solid #ccc;border-radius:3px;width:24px;height:24px;margin-top:1px;margin-left:1px;left:5px}.checkbox:after,.checkbox:before{content:"";display:block;position:absolute;top:50%}.checkbox:after{opacity:0;border-bottom:2px solid #fff;border-right:2px solid #fff;border-radius:2px;width:7px;height:12px;margin-top:6px;margin-left:2px;transition:all .1s;left:13px;transform:rotate(45deg)}input[type=checkbox]:checked+.checkbox:before{background-color:#90ce9c}input[type=checkbox]:checked+.checkbox:after{opacity:1}.checkbox-disabled{cursor:not-allowed}.checkbox-disabled:after{content:"";opacity:.1;background-color:#000;border-bottom:none;border-right:none;border-radius:3px;width:24px;height:24px;margin-top:6px;margin-left:6px;transition:all .1s;display:block;position:absolute;top:0;left:0;transform:rotate(0)}input[type=checkbox]:checked+.checkbox-disabled:before{background-color:#0000}input[type=checkbox]:checked+.checkbox-disabled:after{opacity:.1}