.animated-inputs{position:relative}.animated-inputs .each{align-items:center;margin:0 auto;padding:.5em 0;display:flex;position:relative}.animated-inputs label{cursor:pointer;align-items:center;gap:.75em;transition:color .3s;display:flex;position:relative}.animated-inputs input[type=checkbox],.animated-inputs input[type=radio]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.box-container{flex-shrink:0;width:2.5em;height:2.5em;display:inline-block;position:relative}.box-image{object-fit:contain;transition:filter .3s;width:100%!important;height:100%!important}.checkmark{pointer-events:none;width:1.6em;height:1.6em;position:absolute;top:50%;left:.45em;transform:translateY(-50%)}.checkmark path{stroke:#000;stroke-width:13px;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:stroke-dasharray .5s,stroke-dashoffset .5s}.radio input[type=radio]+label svg path{stroke-dasharray:490 600;stroke-dashoffset:491px;transition:stroke-dasharray .8s,stroke-dashoffset .8s,stroke .8s}.checkbox input[type=checkbox]:checked+label .checkmark path,.radio input[type=radio]:checked+label .checkmark path{stroke-dashoffset:0}.text-sm .box-container{width:1.5em;height:1.5em}.text-sm .checkmark{width:1em;height:1em;left:.25em}.text-lg .box-container{width:3em;height:3em}.text-lg .checkmark{width:1.9em;height:1.9em;left:.55em}.text-xl .box-container{width:3.5em;height:3.5em}.text-xl .checkmark{width:2.2em;height:2.2em;left:.65em}