@media screen and (orientation: portrait) {



    .promo-container {
        display: none;
    }

    .auth-container {
        width: calc(100% - 48px);
        height: calc(100% - 48px);
        padding: 24px;
        min-width: 0;
        margin: 0;
    }


    .auth-adaptive-container {
        flex-direction: column;
    }


    .width-limiter {
        width: 100%;
        height: fit-content;
        margin-bottom: auto;
        margin-top: auto;
        gap: 32px;
    }

    .sign-via-container {
        gap: 24px;
    }



    .auth-container .input-container input {
        color: var(--primary-text-color);
        caret-color: var(--primary-text-color);
    }


    .sign-via-container a {
        border-radius: var(--secondary-border-radius);
        gap: 16px;
        font-weight: 600;
    }

    #sign-in {
        border-radius: var(--secondary-border-radius);
    }

}