.cbx{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.cbx span{transform:translateZ(0)}.cbx span:first-child{position:relative;width:20px;height:20px;border-radius:3px;transform:scale(1);vertical-align:middle;border:1px solid #9098a9;transition:all .2s ease}.cbx span:first-child svg{position:absolute;top:5px;left:4px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20px;stroke-dashoffset:20px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.cbx span:first-child:before{content:"";width:100%;height:100%;background:#0000006b;display:block;transform:scale(0);opacity:1;border-radius:50%}.cbx span:last-child{padding-left:8px}.cbx:hover span:first-child{border-color:#000}.inp-cbx:checked+.cbx span:first-child{background:#000;border-color:#000;animation:wave .4s ease}.inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}.inp-cbx:checked+.cbx span:first-child:before{transform:scale(3.5);opacity:0;transition:all .6s ease}@keyframes wave{50%{transform:scale(.9)}}.inp-cbx:not(:checked)+.cbx span:first-child svg{stroke-dashoffset:16px}.inp-cbx:not(:checked)+.cbx span:first-child:before{transform:scale(1);opacity:1;background:transparent;transition:all .6s ease}.inp-cbx:not(:checked)+.cbx:hover span:first-child{border-color:#000}