.user-auth__page-content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #F3F4F6;
}

.user-auth__wrapper {
    background: #fff;
    padding: 80px 120px;
    width: auto;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
}

.user-auth__page-content {
    display: flex;
}

.user-auth__logo-block > img {
    width: 90px;
}

.user-auth__logo-block {
    justify-content: center;
    display: flex;
    margin-bottom: 24px;
}

.user-auth__title {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
}

.user-auth__form {width: 330px;}

* {
    box-sizing: border-box;
}

.user-auth__form > form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.login-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.login-group--buttons {
    padding-top: 8px;
    gap: 8px;
}

.login-group__label {
    font-size: 13px;
    line-height: 1.1;
    color: #6b7a80;
}

.login-input {
    display: block;
    width: 100%;
    padding: 16px 12px;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 400;
    line-height: 1.143;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D1D5DB;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.login-input:active, .login-input:focus {
    border-color: #00a0e3;
    box-shadow: 0 0 0 2px rgb(0 160 227 / 30%);
}

.login-button {
    display: inline-block;
    padding: 13px 14px;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: #333;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid #00A0E3;
    border-radius: 4px;
    background-color: transparent;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    outline: none !important;
    box-shadow: none !important;
}

.login-button--primary {
    background: #00A0E3;
    color: #fff;
    border-color: #00A0E3;
}

.login-button--primary:hover {
    background: #0485bb;
    border-color: #0485bb;
}

a.login-button {
    display: inline-block;
    text-decoration: none;
    box-sizing: border-box;
}

.login-group--messages {
    color: #EB3333;
}