.random-grotesque-spacious-book {
    font-family: "Random Grotesque Spacious Book";
}

.login-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 160px 196px 100px;
    gap: 80px;
    isolation: isolate;
}

.login-info {
    margin: 100px 0;
    width: 640px;
}

.login-form {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 24px;
    font-size: 16px;
}

.fs-48 {
    font-size: 48px;
}

.authorization {
    width: 480px;
}

.text-weight {
    font-weight: 500;
}

.login-sub-header {
    margin-top: 40px;
    line-height: 28px;
}

.pirs-btn-login {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    width: 117px;
    height: 36px;
    gap: 10px;
    border-radius: 4px;
}

#login-form-fields .invalid-feedback {
    text-align: left;
    font-size: 14px;
}

#login-form .help-block {
    max-height: 0px;
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 50px var(--pirs-bg3) !important; /* Цвет фона */
    -webkit-text-fill-color: var(--pirs-gray) !important; /* цвет текста */
    color: var(--pirs-gray) !important; /* цвет текста */
}

@media screen and (max-width: 920px) {

    .login-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }

    .login-control {
        flex-wrap: wrap;
    }

    .login-info {
        width: 90%;
        margin: 0;
    }

    #login-form-fields {
        width: 100%;
    }

}