@charset "utf-8";

/* Mobile-only waiting indicator, matching the desktop login buttons. */
#orion-login-form .ocw-login-progress-button {
    position: relative;
    overflow: hidden;
}
#orion-login-form .ocw-login-progress-button.is-login-busy {
    opacity: 1;
    cursor: wait;
    transform: none;
}
#orion-login-form .ocw-login-progress-button.is-login-busy::after {
    /* Pause the existing decorative shine while the progress line is shown. */
    opacity: 0;
    animation: none;
}
#orion-login-form .ocw-login-progress-button.is-login-busy::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 1px;
    left: 0;
    width: 40%;
    height: 3px;
    background: var(--ocw-site-login-progress, currentColor);
    pointer-events: none;
    animation: ocw-mobile-login-progress 1.1s linear infinite;
}
#orion-login-form .ocw-login-progress-button:disabled { cursor: wait; }
#orion-login-form .ocw-login-progress-button:focus-visible {
    outline: 3px solid #ddc950;
    outline-offset: 3px;
}
@keyframes ocw-mobile-login-progress {
    from { transform: translateX(-100%); }
    to { transform: translateX(250%); }
}
@media (prefers-reduced-motion: reduce) {
    #orion-login-form .ocw-login-progress-button.is-login-busy::before {
        width: 100%;
        animation: none;
        transform: none;
    }
}