.tick{width:var(--tick-size);height:var(--tick-size);background:var(--green);box-shadow:0 0 0 calc(var(--tick-size)*.12) var(--green-bg);border-radius:50%;flex:none;place-items:center;display:grid}.tick svg{width:52%;height:52%}.tick.grey{background:var(--line);box-shadow:0 0 0 calc(var(--tick-size)*.12) var(--bg2)}.tick.animate{opacity:0;animation:tick-pop .7s cubic-bezier(.2,1.4,.4,1) var(--tick-delay) forwards;transform:scale(.6)}@keyframes tick-pop{to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tick.animate{opacity:1;animation:none;transform:none}}