/* forms */
.form-scroll-wrapper {
    height: 87svh;
    overflow-y: scroll;
    padding-bottom: 20px;
}
.form__input-wrapper.error input {
    border-color: var(--color_5);
    border: var(--color_5) solid 1px;
    border-radius: var(--btn_bord_rad);
}     
.form__input-wrapper.success input {
    border-color: var(--color_11);
    /* background-color: var(--color_1); */
}
.form__input-wrapper {
   padding: 12px 6px;
   width: 100%;
   /* background-color: var(--color_1); */
}
.form__input-label {
   font-size: var(--main_font_size_16);
   font-family: Pragmatica Book;
   color: var(--color_6);
   margin: 0 6px 12px 0;
}
.form__input {
   width: 100%;
   border: var(--color_6) solid 1px;
   border-radius: var(--btn_bord_rad);
   font-size: var(--main_font_size_16);
   font-family: Pragmatica Book;
   padding: 10px;
   outline: none;
}
.form__button-wrapper {
   width: auto;
   padding: 12px 6px;
   z-index: 99;
}
.form__button {
   border-radius: var(--btn_bord_rad);
    background-color: var(--color_6);
    color: var(--color_7);
   font-size: var(--main_font_size_20);
   font-family: Pragmatica Medium;
   padding: 16px;
   width: 100%;
   text-align: center;
}
.a-redirect {
   font-size: var(--main_font_size_16);
   font-family: Pragmatica Book;
   color: var(--color_6);
}
.links-redirect {
    padding: 24px 6px 0 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.error-message {
   color: var(--color_5);
   font-size: var(--base_font_size);
   margin-top: 0.2em;
   /* background-color: var(--color_1); */
}
.form-error-message {
   font-size: var(--base_font_size);
   background-color: var(--color_1);
   color: var(--color_6);
   padding: 6px 12px;
   border-radius: var(--btn_bord_rad);
   visibility: hidden;
}
.button__loader {
   background-color: var(--color_9);
   border-radius: var(--btn_bord_rad);
   font-size: var(--btn_fnt_size);
   padding: var(--btn_padding);
   color: var(--color_6);
   display: none;
}