.container{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:12px;padding-left:35px;font-size:22px;display:block;position:relative}.container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:#0000;border:.1em solid #b8b8b8;border-radius:5px;width:20px;height:20px;position:absolute;top:0;left:0}.container:hover>.checkmark:after{border:2px solid #e6e6e6;border-width:0 2px 2px 0;width:5px;height:13px;display:block;top:1px;left:6px}.container input:checked~.checkmark{background-color:#06f;border:.1em solid #06f}.checkmark:after{content:"";display:none;position:absolute}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:13px;top:1px;left:6px;transform:rotate(45deg)}