.checkbox-tick{box-sizing:border-box;--background-color:#fff;--checkbox-height:20px}.checkbox-tick-small{box-sizing:border-box;--background-color:#fff;--checkbox-height:15px}@keyframes bottom-anim{0%{height:0}to{height:calc(var(--checkbox-height)/2)}}@keyframes topanim{0%{height:0}50%{height:0}to{height:calc(var(--checkbox-height)*1.2)}}.checkbox-tick input[type=checkbox]{display:none}.checkbox-tick .check-box{height:var(--checkbox-height);width:var(--checkbox-height);border:calc(var(--checkbox-height)*.05)solid #000;box-sizing:border-box;-o-transition:border-color ease .2s;cursor:pointer;background-color:#0000;border-radius:5px;transition:border-color .2s;display:inline-block;position:relative}.checkbox-tick .check-box:before,.checkbox-tick .check-box:after{box-sizing:border-box;height:0;width:calc(var(--checkbox-height)*.2);transform-origin:0 0;content:" ";-webkit-transition:opacity ease .5;-moz-transition:opacity ease .5;transition:opacity ease .5;background-color:#71d37b;border-radius:5px;display:inline-block;position:absolute}.checkbox-tick .check-box:before{top:calc(var(--checkbox-height)*.72);left:calc(var(--checkbox-height)*.41);box-shadow:0 0 0 calc(var(--checkbox-height)*.05)var(--background-color);transform:rotate(-135deg)}.checkbox-tick .check-box:after{top:calc(var(--checkbox-height)*.37);left:calc(var(--checkbox-height)*.05);transform:rotate(-45deg)}.checkbox-tick input[type=checkbox]:checked+.check-box,.checkbox-tick .check-box.checked{border-color:#34b93d}.checkbox-tick input[type=checkbox]:checked+.check-box:after,.checkbox-tick .check-box.checked:after{height:calc(var(--checkbox-height)/2);animation:.2s forwards bottom-anim}.checkbox-tick input[type=checkbox]:checked+.check-box:before,.checkbox-tick .check-box.checked:before{height:calc(var(--checkbox-height)*1.2);animation:.4s forwards topanim}