.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#12b76a;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark{stroke-miterlimit:10;box-shadow:inset 0 0 0 #12b76a;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #12b76a}}.bead{border-width:.2rem;border-style:solid;clip-path:circle(50% at center);transition:background-color .2s}.bead:not(:hover) .inner{animation:moveout .2s ease-in forwards}.bead:active{transform:scale(1.1)}.bead:hover .inner{animation:movein .2s ease-in forwards}@keyframes movein{0%{top:150%}to{top:0}}@keyframes moveout{to{top:150%}}