/* Animated Line Graph for Guaranteed Reach Icon */
.animated-graph {
    width: 32px;
    height: 32px;
}

.graph-line {
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    animation: drawLine 2s ease-out forwards;
    animation-delay: 0.5s;
}

.graph-dot {
    opacity: 0;
    animation: showDot 0.3s ease-out forwards;
    animation-delay: 2.2s;
}

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

@keyframes showDot {
    to {
        opacity: 1;
    }
}