.auth-provider--yandex {
    background-color: #fc3f1d;
    color: #fff;
}
.auth-provider--yandex .auth-provider__mark {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}

.auth-provider--vk {
    background-color: #4a76a8;
    color: #fff;
}
.auth-provider--vk .auth-provider__icon {
    filter: brightness(0) invert(1);
}

a:focus-visible {
    outline: 2px solid #EF5A1A;
    outline-offset: 2px;
}

.form-check-input:focus-visible {
    outline: 2px solid #EF5A1A;
    outline-offset: 2px;
}

input:focus-visible:not([type="checkbox"]),
select:focus-visible,
button:focus-visible,
.btn-magnetic:focus-visible,
.password-show-toggle:focus-visible,
.nice-select:focus-visible .current {
    outline: none;
}

.form-floating.auth-field {
    position: relative;
}

.auth-form .form-floating.auth-field {
    margin-bottom: 2.2rem;
}

.form-floating.auth-field .invalid-feedback {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.25rem;
    font-size: 0.8rem;
    color: #b42318;
}

.password-show-toggle {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 5;
    color: #6c757d;
    line-height: 1;
}

.form-floating.auth-field .form-control {
    padding-right: 40px;
}

.password-show-toggle:focus-visible {
    outline: none;
}

.sing-info-box .remember-me {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
}

.auth-form .form-floating.auth-field {
  margin-bottom: 1.5rem;
}

.invalid-feedback {
    display: none;
}

.invalid-feedback.d-block {
    display: block;
}

.auth-form .form-floating.auth-field:has(.invalid-feedback.d-block) {
    margin-bottom: 3rem;
}


.yourway-datepicker .input-group-addon
 {
    position: absolute;
    top: 50%;
    right: 1px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 56px;
    color: hsl(var(--secondary));
    line-height: 1;
    cursor: pointer;
    transform: translateY(-50%);
}