.cbx{position:relative;display:block;float:left;width:18px;height:18px;border-radius:6px;transition:all .15s ease;background-color:#eeeef4;background-image:linear-gradient(#f1f1f5,#e6e6e9);box-shadow:inset 0 1px 1px #ffffff26,inset 0 -1px 1px #00000026}.cbx svg{position:absolute;top:3px;left:3px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#fff;stroke-width:2;stroke-dasharray:17;stroke-dashoffset:17;transform:translateZ(0)}.rdo{position:relative;display:block;float:left;width:18px;height:18px;border-radius:10px;background-color:#606062;background-image:linear-gradient(#474749,#606062);box-shadow:inset 0 1px 1px #ffffff26,inset 0 -1px 1px #00000026;transition:all .15s ease}.rdo:after{content:"";position:absolute;display:block;top:6px;left:6px;width:6px;height:6px;border-radius:50%;background:#fff;opacity:0;transform:scale(0)}.cbx+span,.rdo+span{float:left;margin-left:6px}.forms{margin:auto;user-select:none}.forms label{display:inline-block;margin:10px;cursor:pointer}input[type=checkbox].checkbox-input,input[type=radio].checkbox-input{position:absolute;opacity:0}input[type=radio]:checked+.rdo{background-color:#606062;background-image:linear-gradient(#255cd2,#1d52c1)}input[type=radio]:checked+.rdo:after{opacity:1;transform:scale(1);transition:all .15s ease}input[type=checkbox].checkbox-input:checked+.cbx{background-color:#606062;background-image:linear-gradient(#255cd2,#1d52c1)}input[type=checkbox].checkbox-input:checked+.cbx svg{stroke-dashoffset:0;transition:all .15s ease}@media(max-width:768px){.cbx{width:22px;height:22px;border-radius:6px}.cbx svg{left:5px;top:5px}}