.popup-section{
    width: 100%;
    height: 100%;
    background: #1b1c227f;
    z-index: 99999;
    justify-content: center;
    align-items: center;
    position: fixed;

    display: none;
    opacity: 0;

    transition: opacity 0.35s ease;

    pointer-events: none;
}
.popup-section.is-active{
    display: flex;
    opacity: 1;
    pointer-events: auto;
}

.popup-NL{ 
    width: var(--width-popup-NL);
    height: fit-content;
    max-height: 85%;
    position: fixed;
    z-index: 99999;
    display: none;
    flex-direction: row-reverse;

    background-color: var(--sable-opacity);
    border-radius: var(--radius);
    backdrop-filter: blur(8px);

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.6),
    inset 0 -1px 0 rgba(255,255,255,0.15),
    0 10px 30px rgba(0,0,0,0.08);   

    justify-self: center;
    align-self: anchor-center;
    filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.25));
    overflow: auto;

    opacity: 0;
    transform: scale(0.85);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease;

    pointer-events: auto;
}
.popup-NL.is-active{
    display: flex;
    opacity: 1;
    transform: scale(1);
}
    .popup-OFF{
        padding-right: 20px;
        padding-top: 20px;
        display: grid;
        justify-content: end;
    }
        .popup-OFF-button{
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: var(--mer);
            font-size: calc(var(--font-size)/1.5);
            color: var(--sable);
            display: grid;
            justify-content: center;
            align-items: center;
            cursor: pointer;

            transition: 0.2s;

                position: relative;
                z-index: 100000;
                pointer-events: auto;
                touch-action: manipulation;
        }

    .popup-formulaire{
        width: fit-content;
        height: auto;
        padding-inline: 20px;
        font-family: var(--secondaryFont);
        color: var(--mer);
    }

    .popup-formulaire-title{
        margin-bottom: 0; 
        margin-top: 20px;
        font-size: calc(var(--font-size)/1);
        font-family: var(--principalFont);
    }
    .popup-formulaire-subtitle{
        margin-top: 0;
        margin-bottom: 10px;
        font-size: calc(var(--font-size)/2);  
        color: var(--sable-mouille);     
    }
    .popup-formulaire-kaa{
        margin-bottom: 0; 
        margin-top: 10px;
        font-size: calc(var(--font-size)/2.5);
        margin-bottom: 20px;
        color: var(--sable-mouille);  
    }

    .popup-formulaire-kaa a{ color: var(--sable-mouille); transition: 0.1s; }
    .popup-formulaire-kaa a:hover{text-decoration: underline; color: var(--mer);}

    #sib-container input:-ms-input-placeholder {
                text-align: left;
                font-family: "Host Grotesk", sans-serif;
                color: grey;
            }
    #sib-container input::placeholder {
        text-align: left;
        font-family: "Host Grotesk", sans-serif;
        color: grey;
    }
    #sib-container textarea::placeholder {
        text-align: left;
        font-family: "Host Grotesk", sans-serif;
        color: grey;
    }
    #sib-container a {
        text-decoration: underline;
        color: var(--mer);
    }