.tick {
    width: var(--local-tick-size, var(--zd_size16));
    height: var(--local-tick-size, var(--zd_size16));
    stroke: currentColor;
    stroke-width: 2.5px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    stroke-dasharray: 24;
    stroke-dashoffset: 24;
}[dir=ltr] .tick {
    animation: drawTick 0.3s ease-out forwards;
}[dir=rtl] .tick {
    animation: drawTick 0.3s ease-out forwards;
}

@keyframes drawTick {
    to {
        stroke-dashoffset: 0;
    }
}