.site_login_set_mdp{
    display: flex;
    width: 100%;
    padding-bottom: 269.5px;
    flex-direction: column;
    align-items: center;
    gap: 172.5px;
}

.navsection{
    display: flex;
    width: 100%;
    padding: var(--Space-700, 28px) var(--Space-1500, 60px);
    justify-content: space-between;
    align-items: center;
}

.formsection{
    display: flex;
    width: 500px;
    max-width: 500px;
    padding: var(--Space-1500, 60px);
    flex-direction: column;
    align-items: center;
    gap: 36px;

    border-radius: var(--border-radius-200, 12px);
    background: var(--neutral-400, #DDD);
}

.formsectionbody {
    width: 100%;
    height: 100%;
    align-items: center;
    align-content: center;
    display: flex;
    justify-content: center;
    justify-items: center;
}

.formsection_title{
    color: var(--text-primary, #0C0C0C);
    text-align: center;

    /* Heading/h5 */
    font-family: var(--type-font-family-primary, Inter);
    font-size: var(--font-size-heading-h5, 26px);
    font-style: normal;
    font-weight: var(--type-font-weight-bold, 700);
    line-height: 120%; /* 31.2px */
}

.formsection_content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--Space-600, 24px);
    align-self: stretch;
}

.formsection_content_form > div[class^="field-"] {
    all: unset;
    display: flex;
    justify-content: center;
    width: 100%;
}

.my_input_style{
    display: flex;
    height: 64px;
    padding: 0px 14px;
    align-items: center;
    align-self: stretch;
    width: 100%;
    box-shadow: none;
    background: #F5F5F5;
    border: none;
    outline: none;

    border-radius: var(--border-radius-100, 8px);
    background: var(--neutral-500, #F5F5F5);

}

.my_button_style{
    display: flex;
    padding: var(--Space-500, 20px);
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    width: 100%;

    border-radius: var(--border-radius-100, 8px);
    border: var(--border-width-100, 4px) solid var(--neutral-400, #DDD);
    background: var(--surface-disable, #F5F5F5);
}

/* Ajout du responsive */

@media screen and (max-width: 600px) {
    .formsection {
        width: 90%;
        padding: 24px;
        gap: 24px;
    }

    .formsection_title {
        font-size: 20px;
    }

    .my_input_style,
    .my_button_style {
        height: 48px;
        font-size: 16px;
    }

    .navsection {
        padding: 16px;
    }

    .site_login_set_mdp {
        padding-bottom: 80px;
        /* gap: 60px; */
    }

    .password-wrapper svg {
        width: 20px;
        height: 20px;
    }

    #toggle-password {
        right: 14px;
    }
}