:root{--tick-fill-color: #178c11;--tick-color: #fff;--tick-thickness: 5}.tick{display:block;margin-left:auto;margin-right:auto;border-radius:50%;stroke:var(--tick-color);stroke-width:var(--tick-thickness);stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.tick__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:var(--tick-thickness);stroke-miterlimit:10;stroke:var(--tick-fill-color);fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.tick__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 100vh var(--tick-fill-color)}}