.pro_form.-focused .form_label {
    position: absolute;
    transform: translate(0, -25px);
    color: var(--black);
    background: white;
    z-index: 15;
    padding: 0 15px;
    font-weight: 200;
}

.form_input {
    padding: .6rem;
    width: 100%;
    border: 1px solid var(--clr-gray-200);
    color: var(--clr-gray-950);
    font-size: var(--fs-md);
    font-weight: 300;
    transition: border-color var(--transition-duration--fast) ease, box-shadow var(--transition-duration--fast) ease;

    &:hover {
        border: 1px solid var(--clr-gray-950);
    }

    &:is(textarea) {
        font-size: var(--fs-md);
    }
}

.form_label {
    font-weight: 300;
    color: var(--clr-gray-400);
    font-size: var(--fs-md);
}

.form_input--submit {
    margin-bottom: 1.5rem;
}

.user__main .login__container .reset__password__container .btn {
    width: 100%;
}

.form_input:not(input[type="checkbox"]) {
    /*margin-bottom: 1.5rem;*/
    border-radius: 3px;
    padding: 1rem;

    &::placeholder {
        color: var(--clr-gray-400);
    }
}

.form_input:not(input[type="checkbox"]):focus-visible {
    border: 1px solid var(--clr-gray-950);
    box-shadow: 0 0 1px 1px var(--clr-gray-950);
}

.form_row.-link {
    margin-top: .3rem;
    margin-bottom: .3rem;
    text-align: right;
}

.form_input.-password {
    margin-bottom: 0;
}

/*.pro_form .nice-select {*/
/*    margin-bottom: 1.5rem;*/
/*}*/
.pro_form .form_label {
    position: absolute;
    top: 20px;
    transition: transform .3s ease-in-out;
    left: 20px;
}

.input_checkbox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row-reverse;
    margin-bottom: .8rem;
}

.input_checkbox:hover input.form_input {
    cursor: pointer;
}

input[type="checkbox"] {
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: black;
    width: 1.4em;
    min-width: 1.4em;
    height: 1.4em;
    min-height: 1.4em;
    border: 1px solid black;
    border-radius: var(--border-radius);
}


textarea.form_input {
    font-size: var(--fs-md);
    color: var(--clr-gray-950);
    border: 1px solid var(--clr-gray-100);

    &::placeholder {
        color: var(--clr-gray-400);
    }
}

.form_input.-checkbox {
    display: inline;
    width: auto;
    margin-right: .5rem;
}

.form_input.-newsletter {
    margin-bottom: 0;
}

.form_row:last-child {
    margin-bottom: .5rem;
}

.form_row-input-label {
    position: relative;
    width: 100%;
    margin: 1.5rem 0;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: .5rem;
}

.form_row-input-label--block {
    display: block;
}

.error_item {
    color: #D0021B;
    font-size: .75rem;
}

.has-error .form_input {
    border-color: #D0021B;
    background: #FAE7E7;
}

.pro_form-title {
    margin-bottom: .7rem;
}

.form-additional-err-target:not(:has(.err)) {
    display: none;
}

@media only screen and (max-width: 757px) {
    .pro_form .form_label {
        top: 17px;
    }
}