#authModal .modal-header{
    border: none;
    padding: 8px;
    display: flex;
    justify-content: end;
}
#authModal .btn-close{
    width: 24px;
    height: 24px;
    background: url('./img/close.svg');
    outline: none;
    border: none;
}
#authModal .auth-not-found-icon{
    width: 24px;
    height: 24px;
    background: url('./img/danger.svg');
    margin: 0 auto 24px;
}
#authModal .modal-footer{
    height: 40px;
    border: none;
}
#authModal .modal-body{
    padding: 0;
}
#authModal .auth-container {
    margin: 0;
    font-family: Calibri, sans-serif;
    /*color: #333;*/
}
#authModal .auth-form,
#authModal .auth-options {
    max-width: 371px;
    margin: 0 auto;
}
.fio-block .input-wrapper{
    gap: 8px;
    display: flex;
}
.fio-block .input-wrapper input{
    flex: 1;
    position: relative;
}
.input-wrapper input.error{
    margin: 0;
}
.form-group div.error {
    padding: 3px;
    margin: 0;
    font-size: 12px;
    background: transparent;
}
.separator{
    text-align: center;
    padding: 24px;
    position: relative;
}
.separator::after{
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    content: '';
    position: absolute;
    left: 0;
    top: 35px;
}
.separator-text {
    color: #9F9F9F;
    font-size: 14px;
    font-weight: 300;
    background-color: #fff;
    padding: 0 10px;
    display: block;
    width: 50px;
    margin: 0 auto;
    z-index: 11;
    position: relative;
}
.auth-title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 16px;
    color: #333;
}
.auth-instruction {
    font-size: 14px;
    text-align: center;
    margin-bottom: 24px;
    color: #9F9F9F;
}
.auth-instruction-not-found{
    font-size: 14px;
    text-align: center;
    margin-bottom: 8px;
    color: #9F9F9F;
    font-weight: 300;
}
.auth-instruction-not-found-login{
    font-size: 18px;
    text-align: center;
    margin-bottom: 24px;
    color: #333;
    font-weight: 700;
}
.auth-form {
    /*margin-bottom: 15px;*/
}
.hidden {
    display: none !important; /* Устанавливаем приоритет для нашего класса */
}
/* Переопределяем [hidden], если он применяется */
[hidden] {
    display: block !important; /* Отключаем влияние [hidden] */
}
/*    .auth-step {
        margin-bottom: 15px;
    }*/
.form-group {
    margin-bottom: 16px;
}
/*.fio-block{
    gap: 8px;
    display: flex;
}*/
.phone-input {
    display: flex;
    gap: 8px;
}
.country-code {
    width: 70px;
    padding: 11px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    color: #333;
    font-weight:400;
}
.phone-number, .email-input, .text-input, .code-input {
    width: 100%;
    padding: 11px 16px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight:300;
}
.phone-number::placeholder,
.email-input::placeholder,
.text-input::placeholder,
.code-input::placeholder {
    color: #9F9F9F;
    font-weight:300;
}

.submit-btn {
    width: 100%;
    padding: 10px;
    background-color: #F57D4F;
    border: none;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight:700;

}
.submit-btn:hover {
    background-color: #e76f51;
}
.auth-options {
    display: flex;
    gap: 8px;
}
.switch-btn,
.register-btn,
.back-btn {
    flex: 1;
    padding: 10px;
    background-color: #F57D4F;
    border: none;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}
.register-btn{
    background-color: #268050;
    color: #fff;
}
.switch-btn{
    background-color: #333;
    color: #fff;
}
.auth-message {
    text-align: center;
    margin-bottom: 15px;
    color: #D2320B;
}
.auth-message.not-found-option{
    padding: 16px 13px;
    margin-bottom: 0;
    background: #f5f5f5;
    font-size: 14px;
}
.error, .success {
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 4px;
}
.error {
    background-color: #ffcccc;
    color: #cc0000;
}
.success {
    background-color: #ccffcc;
    color: #006600;
}

#authModal .auth-form.resend-code-form{
    margin-top: 24px;
}
.resend-code-timer-wrap {
    width: 100%;
    padding: 10px 24px;
    background-color: #F5F5F5;
    border: none;
    color: #9F9F9F;
    border-radius: 4px;
    cursor: wait;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
}
.resend-code-timer{
    font-weight: 300;
}

.resend-code-button{
    width: 100%;
    padding: 10px;
    background-color: #333;
    border: none;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.error-text{
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #D2320B;
}