/* ============= Reset Bulma Rules =============*/
.label:not(:last-child) {
    margin-bottom: 0;
}
/**/

/* ============= General =============*/
.modal_forms_auth.is-active {
    z-index: 1000;
}

.modal_forms_auth .modal-card-body {
    border-radius: 8px;
    position: relative;
    width: 100%;
    height: 540px;
}

.modal_forms_auth .modal-card-body > .delete_btn {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
}

.modal_forms_auth .modal-form {
    position: relative;
    height: 100%;
    width: 100%;
}

.another_auth_option {
    position: absolute;
    top: 0;
    left: 0;
}

.another_auth_option > button.stylessBtn {
    border: none;
}

.modal_forms_auth .form__wrapper {
    gap: 2rem;
    min-width: 391px;
}

.modal_forms_auth .form__wrapper form {
    gap: 1rem;
    width: 100%;
}

.auth_options {
    height: 100%;
}
/**/


/* ============= Sign up =============*/
.modal-form-auth-sign-up form {
    gap: 1rem;
}

.modal-form-auth-sign-up .form__wrapper {
    width: 100%;
    max-width: 467px;

    position: absolute;
    /* top: 18.5%; */
    top: 22%;
}

.modal_forms_auth .form__wrapper form fieldset div.is-flex{
    gap: 1.5rem;
}

.modal-form-auth-sign-up form > :last-child {
    margin-bottom: 30px;
}
/**/

/* ============= Messages ============= */
.modal_forms_auth .message {
    width: 100%;
}
/**/

/* ============= Buttons ============= */
.buttons_container {
    gap: 1rem;
}

.buttons_container > button {
    width: 150px;
}
/**/

/* ============= Sign up alert =============*/
.confirmOpenSignUpBtn {
    width: fit-content;
}