/* Scoped modal step transitions; supports Home and Maps vendor CSS */
#authModal .tab-content > .tab-pane {
    display: none;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .18s ease, transform .18s ease;
}

    #authModal .tab-content > .tab-pane.active {
        display: block;
    }

        #authModal .tab-content > .tab-pane.active.show {
            opacity: 1;
            transform: translateY(0);
        }

#authModal .auth-submit:disabled {
    opacity: .72;
    cursor: wait;
}

#authModal .auth-input:focus {
    outline-offset: 2px;
}

#authModal #authAlert:not(.d-none) {
    animation: authNoticeIn .2s ease-out;
}

@keyframes authNoticeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    #authModal .tab-content > .tab-pane {
        transition: none;
        transform: none;
    }

    #authModal #authAlert:not(.d-none) {
        animation: none;
    }
}