/* Keep the combined logo inside the auth card on narrow phones. */
.auth-portal__brand,
.auth-portal__brand-link,
.auth-portal__brand .brand-logo {
    max-width: 100%;
    min-width: 0;
}

.auth-portal__brand .brand-logo {
    width: 100%;
}

.auth-portal__brand .brand-logo__img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    flex-shrink: 1;
    object-fit: contain;
}

.auth-portal__req {
    color: #ff1e1e;
    font-weight: 700;
    margin-left: 0.15rem;
}

.auth-portal__password {
    position: relative;
}

.auth-portal__password .auth-portal__input {
    padding-right: 5.25rem;
}

.auth-portal__toggle-pass {
    position: absolute;
    right: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #52525b;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.35rem 0.5rem;
}

.auth-portal__toggle-pass:hover,
.auth-portal__toggle-pass:focus {
    color: #0a0a0a;
}

.auth-portal__btn[disabled],
.auth-portal__btn.is-loading {
    opacity: 0.7;
    pointer-events: none;
}

.auth-portal__optional {
    font-weight: 500;
    color: #71717a;
    font-size: 0.75rem;
}