.kivo-loading-progress,
.kivo-login-loading-track {
    position: relative;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(7, 80, 46, 0.12);
}

.kivo-loading-progress::after,
.kivo-login-loading-track::after {
    position: absolute;
    inset: 0 auto 0 0;
    width: 38%;
    border-radius: inherit;
    background: linear-gradient(90deg, #12814b, #39a655);
    content: "";
    animation: kivo-loading-progress 1.25s ease-in-out infinite;
}

@keyframes kivo-loading-progress {
    from {
        transform: translateX(-110%);
    }

    to {
        transform: translateX(270%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .kivo-loading-progress::after,
    .kivo-login-loading-track::after {
        width: 100%;
        animation: none;
    }
}