/* Circle Check Icon Animation */
/* Pattern: Line Drawing Animation for checkmark path */
/* Base state: Match TSX initial="normal" - visible by default */
[data-name="CircleCheckAnimate"] path[d="m9 12 2 2 4-4"] {
opacity: 1;
stroke-dasharray: 20;
stroke-dashoffset: 0;
}
/* Animation: Line drawing effect on hover */
[data-name="CircleCheckAnimate"]:hover path[d="m9 12 2 2 4-4"] {
animation: drawCheckmark 0.4s ease-in-out;
}
@keyframes drawCheckmark {
0% {
opacity: 0;
stroke-dashoffset: 20;
}
100% {
opacity: 1;
stroke-dashoffset: 0;
}
}