.checkbox{border:1px solid #000;background-color:#d9d9d9;outline:none;position:relative;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox:before{content:"";position:absolute;top:3px;left:5px;width:12px;height:12px;background-color:rgba(0,0,0,0);border-radius:2px;transition:background-color .2s,border-color .2s}.checkbox:checked{box-shadow:0 0 0 2px rgba(33,197,110,.55)}.checkbox:checked,.checkbox:checked:before{background-color:#21c56e;border-color:#21c56e}.checkbox:checked:before{content:"✓";color:#fff;text-align:center;line-height:12px;font-size:20px}.checkbox:focus{border-color:#21c56e;box-shadow:0 0 0 2px rgba(33,197,110,.55)}