.mds-inset-t--0 {
    padding-top: 0rem;
}

.mds-inset-b--0 {
    padding-bottom: 0rem;
}

.mds-inset-r--0 {
    padding-right: 0rem;
}

.mds-inset-l--0 {
    padding-left: 0rem;
}

.mds-inset-t--4 {
    padding-top: 0.25rem;
}

.mds-inset-b--4 {
    padding-bottom: 0.25rem;
}

.mds-inset-r--4 {
    padding-right: 0.25rem;
}

.mds-inset-l--4 {
    padding-left: 0.25rem;
}

.mds-inset-t--8 {
    padding-top: 0.5rem;
}

.mds-inset-b--8 {
    padding-bottom: 0.5rem;
}

.mds-inset-r--8 {
    padding-right: 0.5rem;
}

.mds-inset-l--8 {
    padding-left: 0.5rem;
}

.mds-inset-t--12 {
    padding-top: 0.75rem;
}

.mds-inset-b--12 {
    padding-bottom: 0.75rem;
}

.mds-inset-r--12 {
    padding-right: 0.75rem;
}

.mds-inset-l--12 {
    padding-left: 0.75rem;
}

.mds-inset-t--16 {
    padding-top: 1rem;
}

.mds-inset-b--16 {
    padding-bottom: 1rem;
}

.mds-inset-r--16 {
    padding-right: 1rem;
}

.mds-inset-l--16 {
    padding-left: 1rem;
}

.mds-inset-t--20 {
    padding-top: 1.25rem;
}

.mds-inset-b--20 {
    padding-bottom: 1.25rem;
}

.mds-inset-r--20 {
    padding-right: 1.25rem;
}

.mds-inset-l--20 {
    padding-left: 1.25rem;
}

.mds-inset-t--24 {
    padding-top: 1.5rem;
}

.mds-inset-b--24 {
    padding-bottom: 1.5rem;
}

.mds-inset-r--24 {
    padding-right: 1.5rem;
}

.mds-inset-l--24 {
    padding-left: 1.5rem;
}

.mds-inset-t--32 {
    padding-top: 2rem;
}

.mds-inset-b--32 {
    padding-bottom: 2rem;
}

.mds-inset-r--32 {
    padding-right: 2rem;
}

.mds-inset-l--32 {
    padding-left: 2rem;
}

.mds-inset-t--48 {
    padding-top: 3rem;
}

.mds-inset-b--48 {
    padding-bottom: 3rem;
}

.mds-inset-r--48 {
    padding-right: 3rem;
}

.mds-inset-l--48 {
    padding-left: 3rem;
}

.mds-inset-t--64 {
    padding-top: 4rem;
}

.mds-inset-b--64 {
    padding-bottom: 4rem;
}

.mds-inset-r--64 {
    padding-right: 4rem;
}

.mds-inset-l--64 {
    padding-left: 4rem;
}

.mds-inset-t--124 {
    padding-top: 7.75rem;
}

.mds-inset-b--124 {
    padding-bottom: 7.75rem;
}

.mds-inset-r--124 {
    padding-right: 7.75rem;
}

.mds-inset-l--124 {
    padding-left: 7.75rem;
}

.mds-inset-t--auto {
    padding-top: auto;
}

.mds-inset-b--auto {
    padding-bottom: auto;
}

.mds-inset-r--auto {
    padding-right: auto;
}

.mds-inset-l--auto {
    padding-left: auto;
}

.mds-inset--0 {
    padding: 0rem;
}

.mds-inset--4 {
    padding: 0.25rem;
}

.mds-inset--8 {
    padding: 0.5rem;
}

.mds-inset--16 {
    padding: 1rem;
}

.mds-inset--24 {
    padding: 1.5rem;
}

.mds-inset--32 {
    padding: 2rem;
}

.mds-inset--48 {
    padding: 3rem;
}

.mds-inset--64 {
    padding: 4rem;
}

.mds-squish-inset--8-16 {
    padding: 0.5rem 1rem;
}

.mds-squish-inset--12-24 {
    padding: 0.75rem 1.5rem;
}

.mds-squish-inset--16-32 {
    padding: 1rem 2rem;
}

.mds-squish-inset--20-32 {
    padding: 1.25rem 2rem;
}

.mds-stretch-inset--8-4 {
    padding: 0.5rem 0.25rem;
}

.mds-stretch-inset--12-8 {
    padding: 0.75rem 0.5rem;
}

.mds-stretch-inset--20-16 {
    padding: 1.25rem 1rem;
}

.mds-stretch-inset--32-24 {
    padding: 2rem 1.5rem;
}

.mds-stack--0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.mds-stack-t--0 {
    margin-top: 0rem;
}

.mds-stack-b--0 {
    margin-bottom: 0rem;
}

.mds-inline--0 {
    margin-right: 0rem;
    margin-left: 0rem;
}

.mds-inline-l--0 {
    margin-left: 0rem;
}

.mds-inline-r--0 {
    margin-right: 0rem;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--0 {
        margin-top: 0rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--0 {
        margin-bottom: 0rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--0 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--0 {
        margin-right: 0rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--0 {
        margin-left: 0rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--0 {
        margin-top: 0rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--0 {
        margin-bottom: 0rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--0 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--0 {
        margin-right: 0rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--0 {
        margin-left: 0rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--0 {
        margin-top: 0rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--0 {
        margin-bottom: 0rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--0 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--0 {
        margin-right: 0rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--0 {
        margin-left: 0rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--0 {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--0 {
        margin-top: 0rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--0 {
        margin-bottom: 0rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--0 {
        margin-right: 0rem !important;
        margin-left: 0rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--0 {
        margin-right: 0rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--0 {
        margin-left: 0rem !important;
    }
}

.mds-stack--4 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.mds-stack-t--4 {
    margin-top: 0.25rem;
}

.mds-stack-b--4 {
    margin-bottom: 0.25rem;
}

.mds-inline--4 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}

.mds-inline-l--4 {
    margin-left: 0.25rem;
}

.mds-inline-r--4 {
    margin-right: 0.25rem;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--4 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--4 {
        margin-top: 0.25rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--4 {
        margin-bottom: 0.25rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--4 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--4 {
        margin-right: 0.25rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--4 {
        margin-left: 0.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--4 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--4 {
        margin-top: 0.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--4 {
        margin-bottom: 0.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--4 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--4 {
        margin-right: 0.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--4 {
        margin-left: 0.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--4 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--4 {
        margin-top: 0.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--4 {
        margin-bottom: 0.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--4 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--4 {
        margin-right: 0.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--4 {
        margin-left: 0.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--4 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--4 {
        margin-top: 0.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--4 {
        margin-bottom: 0.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--4 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--4 {
        margin-right: 0.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--4 {
        margin-left: 0.25rem !important;
    }
}

.mds-stack--8 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.mds-stack-t--8 {
    margin-top: 0.5rem;
}

.mds-stack-b--8 {
    margin-bottom: 0.5rem;
}

.mds-inline--8 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.mds-inline-l--8 {
    margin-left: 0.5rem;
}

.mds-inline-r--8 {
    margin-right: 0.5rem;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--8 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--8 {
        margin-top: 0.5rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--8 {
        margin-bottom: 0.5rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--8 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--8 {
        margin-right: 0.5rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--8 {
        margin-left: 0.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--8 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--8 {
        margin-top: 0.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--8 {
        margin-bottom: 0.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--8 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--8 {
        margin-right: 0.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--8 {
        margin-left: 0.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--8 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--8 {
        margin-top: 0.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--8 {
        margin-bottom: 0.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--8 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--8 {
        margin-right: 0.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--8 {
        margin-left: 0.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--8 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--8 {
        margin-top: 0.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--8 {
        margin-bottom: 0.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--8 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--8 {
        margin-right: 0.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--8 {
        margin-left: 0.5rem !important;
    }
}

.mds-stack--12 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.mds-stack-t--12 {
    margin-top: 0.75rem;
}

.mds-stack-b--12 {
    margin-bottom: 0.75rem;
}

.mds-inline--12 {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
}

.mds-inline-l--12 {
    margin-left: 0.75rem;
}

.mds-inline-r--12 {
    margin-right: 0.75rem;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--12 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--12 {
        margin-top: 0.75rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--12 {
        margin-bottom: 0.75rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--12 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--12 {
        margin-right: 0.75rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--12 {
        margin-left: 0.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--12 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--12 {
        margin-top: 0.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--12 {
        margin-bottom: 0.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--12 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--12 {
        margin-right: 0.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--12 {
        margin-left: 0.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--12 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--12 {
        margin-top: 0.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--12 {
        margin-bottom: 0.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--12 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--12 {
        margin-right: 0.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--12 {
        margin-left: 0.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--12 {
        margin-top: 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--12 {
        margin-top: 0.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--12 {
        margin-bottom: 0.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--12 {
        margin-right: 0.75rem !important;
        margin-left: 0.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--12 {
        margin-right: 0.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--12 {
        margin-left: 0.75rem !important;
    }
}

.mds-stack--16 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.mds-stack-t--16 {
    margin-top: 1rem;
}

.mds-stack-b--16 {
    margin-bottom: 1rem;
}

.mds-inline--16 {
    margin-right: 1rem;
    margin-left: 1rem;
}

.mds-inline-l--16 {
    margin-left: 1rem;
}

.mds-inline-r--16 {
    margin-right: 1rem;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--16 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--16 {
        margin-top: 1rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--16 {
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--16 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--16 {
        margin-right: 1rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--16 {
        margin-left: 1rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--16 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--16 {
        margin-top: 1rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--16 {
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--16 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--16 {
        margin-right: 1rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--16 {
        margin-left: 1rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--16 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--16 {
        margin-top: 1rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--16 {
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--16 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--16 {
        margin-right: 1rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--16 {
        margin-left: 1rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--16 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--16 {
        margin-top: 1rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--16 {
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--16 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--16 {
        margin-right: 1rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--16 {
        margin-left: 1rem !important;
    }
}

.mds-stack--20 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.mds-stack-t--20 {
    margin-top: 1.25rem;
}

.mds-stack-b--20 {
    margin-bottom: 1.25rem;
}

.mds-inline--20 {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
}

.mds-inline-l--20 {
    margin-left: 1.25rem;
}

.mds-inline-r--20 {
    margin-right: 1.25rem;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--20 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--20 {
        margin-top: 1.25rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--20 {
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--20 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--20 {
        margin-right: 1.25rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--20 {
        margin-left: 1.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--20 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--20 {
        margin-top: 1.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--20 {
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--20 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--20 {
        margin-right: 1.25rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--20 {
        margin-left: 1.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--20 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--20 {
        margin-top: 1.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--20 {
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--20 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--20 {
        margin-right: 1.25rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--20 {
        margin-left: 1.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--20 {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--20 {
        margin-top: 1.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--20 {
        margin-bottom: 1.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--20 {
        margin-right: 1.25rem !important;
        margin-left: 1.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--20 {
        margin-right: 1.25rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--20 {
        margin-left: 1.25rem !important;
    }
}

.mds-stack--24 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.mds-stack-t--24 {
    margin-top: 1.5rem;
}

.mds-stack-b--24 {
    margin-bottom: 1.5rem;
}

.mds-inline--24 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
}

.mds-inline-l--24 {
    margin-left: 1.5rem;
}

.mds-inline-r--24 {
    margin-right: 1.5rem;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--24 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--24 {
        margin-top: 1.5rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--24 {
        margin-bottom: 1.5rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--24 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--24 {
        margin-right: 1.5rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--24 {
        margin-left: 1.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--24 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--24 {
        margin-top: 1.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--24 {
        margin-bottom: 1.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--24 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--24 {
        margin-right: 1.5rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--24 {
        margin-left: 1.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--24 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--24 {
        margin-top: 1.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--24 {
        margin-bottom: 1.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--24 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--24 {
        margin-right: 1.5rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--24 {
        margin-left: 1.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--24 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--24 {
        margin-top: 1.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--24 {
        margin-bottom: 1.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--24 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--24 {
        margin-right: 1.5rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--24 {
        margin-left: 1.5rem !important;
    }
}

.mds-stack--32 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mds-stack-t--32 {
    margin-top: 2rem;
}

.mds-stack-b--32 {
    margin-bottom: 2rem;
}

.mds-inline--32 {
    margin-right: 2rem;
    margin-left: 2rem;
}

.mds-inline-l--32 {
    margin-left: 2rem;
}

.mds-inline-r--32 {
    margin-right: 2rem;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--32 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--32 {
        margin-top: 2rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--32 {
        margin-bottom: 2rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--32 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--32 {
        margin-right: 2rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--32 {
        margin-left: 2rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--32 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--32 {
        margin-top: 2rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--32 {
        margin-bottom: 2rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--32 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--32 {
        margin-right: 2rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--32 {
        margin-left: 2rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--32 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--32 {
        margin-top: 2rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--32 {
        margin-bottom: 2rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--32 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--32 {
        margin-right: 2rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--32 {
        margin-left: 2rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--32 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--32 {
        margin-top: 2rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--32 {
        margin-bottom: 2rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--32 {
        margin-right: 2rem !important;
        margin-left: 2rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--32 {
        margin-right: 2rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--32 {
        margin-left: 2rem !important;
    }
}

.mds-stack--48 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.mds-stack-t--48 {
    margin-top: 3rem;
}

.mds-stack-b--48 {
    margin-bottom: 3rem;
}

.mds-inline--48 {
    margin-right: 3rem;
    margin-left: 3rem;
}

.mds-inline-l--48 {
    margin-left: 3rem;
}

.mds-inline-r--48 {
    margin-right: 3rem;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--48 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--48 {
        margin-top: 3rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--48 {
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--48 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--48 {
        margin-right: 3rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--48 {
        margin-left: 3rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--48 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--48 {
        margin-top: 3rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--48 {
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--48 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--48 {
        margin-right: 3rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--48 {
        margin-left: 3rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--48 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--48 {
        margin-top: 3rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--48 {
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--48 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--48 {
        margin-right: 3rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--48 {
        margin-left: 3rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--48 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--48 {
        margin-top: 3rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--48 {
        margin-bottom: 3rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--48 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--48 {
        margin-right: 3rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--48 {
        margin-left: 3rem !important;
    }
}

.mds-stack--64 {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.mds-stack-t--64 {
    margin-top: 4rem;
}

.mds-stack-b--64 {
    margin-bottom: 4rem;
}

.mds-inline--64 {
    margin-right: 4rem;
    margin-left: 4rem;
}

.mds-inline-l--64 {
    margin-left: 4rem;
}

.mds-inline-r--64 {
    margin-right: 4rem;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--64 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--64 {
        margin-top: 4rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--64 {
        margin-bottom: 4rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--64 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--64 {
        margin-right: 4rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--64 {
        margin-left: 4rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--64 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--64 {
        margin-top: 4rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--64 {
        margin-bottom: 4rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--64 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--64 {
        margin-right: 4rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--64 {
        margin-left: 4rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--64 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--64 {
        margin-top: 4rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--64 {
        margin-bottom: 4rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--64 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--64 {
        margin-right: 4rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--64 {
        margin-left: 4rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--64 {
        margin-top: 4rem !important;
        margin-bottom: 4rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--64 {
        margin-top: 4rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--64 {
        margin-bottom: 4rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--64 {
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--64 {
        margin-right: 4rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--64 {
        margin-left: 4rem !important;
    }
}

.mds-stack--124 {
    margin-top: 7.75rem;
    margin-bottom: 7.75rem;
}

.mds-stack-t--124 {
    margin-top: 7.75rem;
}

.mds-stack-b--124 {
    margin-bottom: 7.75rem;
}

.mds-inline--124 {
    margin-right: 7.75rem;
    margin-left: 7.75rem;
}

.mds-inline-l--124 {
    margin-left: 7.75rem;
}

.mds-inline-r--124 {
    margin-right: 7.75rem;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--124 {
        margin-top: 7.75rem !important;
        margin-bottom: 7.75rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--124 {
        margin-top: 7.75rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--124 {
        margin-bottom: 7.75rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--124 {
        margin-right: 7.75rem !important;
        margin-left: 7.75rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--124 {
        margin-right: 7.75rem !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--124 {
        margin-left: 7.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--124 {
        margin-top: 7.75rem !important;
        margin-bottom: 7.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--124 {
        margin-top: 7.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--124 {
        margin-bottom: 7.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--124 {
        margin-right: 7.75rem !important;
        margin-left: 7.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--124 {
        margin-right: 7.75rem !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--124 {
        margin-left: 7.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--124 {
        margin-top: 7.75rem !important;
        margin-bottom: 7.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--124 {
        margin-top: 7.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--124 {
        margin-bottom: 7.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--124 {
        margin-right: 7.75rem !important;
        margin-left: 7.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--124 {
        margin-right: 7.75rem !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--124 {
        margin-left: 7.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--124 {
        margin-top: 7.75rem !important;
        margin-bottom: 7.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--124 {
        margin-top: 7.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--124 {
        margin-bottom: 7.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--124 {
        margin-right: 7.75rem !important;
        margin-left: 7.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--124 {
        margin-right: 7.75rem !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--124 {
        margin-left: 7.75rem !important;
    }
}

.mds-stack--auto {
    margin-top: auto;
    margin-bottom: auto;
}

.mds-stack-t--auto {
    margin-top: auto;
}

.mds-stack-b--auto {
    margin-bottom: auto;
}

.mds-inline--auto {
    margin-right: auto;
    margin-left: auto;
}

.mds-inline-l--auto {
    margin-left: auto;
}

.mds-inline-r--auto {
    margin-right: auto;
}

@media (min-width: 37.5em) {
    .mds-stack-sm--auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-t-sm--auto {
        margin-top: auto !important;
    }
}

@media (min-width: 37.5em) {
    .mds-stack-b-sm--auto {
        margin-bottom: auto !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-sm--auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-r-sm--auto {
        margin-right: auto !important;
    }
}

@media (min-width: 37.5em) {
    .mds-inline-l-sm--auto {
        margin-left: auto !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-md--auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-t-md--auto {
        margin-top: auto !important;
    }
}

@media (min-width: 56.25em) {
    .mds-stack-b-md--auto {
        margin-bottom: auto !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-md--auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-r-md--auto {
        margin-right: auto !important;
    }
}

@media (min-width: 56.25em) {
    .mds-inline-l-md--auto {
        margin-left: auto !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-lg--auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-t-lg--auto {
        margin-top: auto !important;
    }
}

@media (min-width: 75em) {
    .mds-stack-b-lg--auto {
        margin-bottom: auto !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-lg--auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-r-lg--auto {
        margin-right: auto !important;
    }
}

@media (min-width: 75em) {
    .mds-inline-l-lg--auto {
        margin-left: auto !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-xl--auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-t-xl--auto {
        margin-top: auto !important;
    }
}

@media (min-width: 112.5em) {
    .mds-stack-b-xl--auto {
        margin-bottom: auto !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-xl--auto {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-r-xl--auto {
        margin-right: auto !important;
    }
}

@media (min-width: 112.5em) {
    .mds-inline-l-xl--auto {
        margin-left: auto !important;
    }
}
.mds-display--none {
    display: none !important;
}

.mds-display--inline {
    display: inline !important;
}

.mds-display--inline-block {
    display: inline-block !important;
}

.mds-display--inline-flex {
    display: inline-flex !important;
}

.mds-display--flex {
    display: flex !important;
}

.mds-display--block {
    display: block !important;
}

.mds-display--revert {
    display: revert !important;
}

@media (min-width: 37.5em) {
    .mds-display-sm--none {
        display: none !important;
    }
}

@media (min-width: 37.5em) {
    .mds-display-sm--inline {
        display: inline !important;
    }
}

@media (min-width: 37.5em) {
    .mds-display-sm--inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 37.5em) {
    .mds-display-sm--inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 37.5em) {
    .mds-display-sm--flex {
        display: flex !important;
    }
}

@media (min-width: 37.5em) {
    .mds-display-sm--block {
        display: block !important;
    }
}

@media (min-width: 37.5em) {
    .mds-display-sm--revert {
        display: revert !important;
    }
}

@media (min-width: 56.25em) {
    .mds-display-md--none {
        display: none !important;
    }
}

@media (min-width: 56.25em) {
    .mds-display-md--inline {
        display: inline !important;
    }
}

@media (min-width: 56.25em) {
    .mds-display-md--inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 56.25em) {
    .mds-display-md--inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 56.25em) {
    .mds-display-md--flex {
        display: flex !important;
    }
}

@media (min-width: 56.25em) {
    .mds-display-md--block {
        display: block !important;
    }
}

@media (min-width: 56.25em) {
    .mds-display-md--revert {
        display: revert !important;
    }
}

@media (min-width: 75em) {
    .mds-display-lg--none {
        display: none !important;
    }
}

@media (min-width: 75em) {
    .mds-display-lg--inline {
        display: inline !important;
    }
}

@media (min-width: 75em) {
    .mds-display-lg--inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 75em) {
    .mds-display-lg--inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 75em) {
    .mds-display-lg--flex {
        display: flex !important;
    }
}

@media (min-width: 75em) {
    .mds-display-lg--block {
        display: block !important;
    }
}

@media (min-width: 75em) {
    .mds-display-lg--revert {
        display: revert !important;
    }
}

@media (min-width: 112.5em) {
    .mds-display-xl--none {
        display: none !important;
    }
}

@media (min-width: 112.5em) {
    .mds-display-xl--inline {
        display: inline !important;
    }
}

@media (min-width: 112.5em) {
    .mds-display-xl--inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 112.5em) {
    .mds-display-xl--inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 112.5em) {
    .mds-display-xl--flex {
        display: flex !important;
    }
}

@media (min-width: 112.5em) {
    .mds-display-xl--block {
        display: block !important;
    }
}

@media (min-width: 112.5em) {
    .mds-display-xl--revert {
        display: revert !important;
    }
}
.mds-sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.mds-sr-only-focusable:focus,
.mds-sr-only-focusable:active,
.mds-sr-only-focusable:focus-visible {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    width: auto;
    white-space: normal;
    margin-top: 1rem;
}
.mds-accordion--basic .mds-accordion__item {
    border-bottom: 1px #ccc solid
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__header {
    width: 100%;
    min-height: 52px;
    height: auto;
    display: flex;
    align-items: center
}

@media (min-width: 56.25em) {
    .mds-accordion--basic .mds-accordion__item .mds-accordion__header {
        min-height: 60px
    }
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label {
    color: #333;
    font: normal 1rem "Source Sans Pro", sans-serif;
    line-height: 1.25rem;
    padding: .75rem 0;
    border: none;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    min-height: inherit;
    justify-content: center
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label::before {
    color: inherit;
    position: absolute;
    top: auto;
    right: 0
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label:hover {
    background-color: #f2f2f2
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label:has(.mds-accordion__picto) .mds-badge {
    margin-left: 35px
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label .mds-accordion__title {
    margin-right: 2rem;
    display: inline-flex;
    align-items: flex-start;
    text-align: left
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label .mds-badge {
    margin-top: 8px
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label .mds-accordion__picto {
    display: flex
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label .mds-accordion__picto::before {
    font-size: 2rem
}

@media (min-width: 56.25em) {
    .mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label {
        padding: 1rem 0;
        flex-direction: row;
        align-items: center
    }

    .mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label .mds-accordion__title {
        flex: 1;
        margin-right: 3rem;
        display: flex
    }

    .mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label .mds-badge {
        margin-left: auto;
        margin-top: 0;
        margin-right: 35px;
        order: 2
    }
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__body {
    padding: 1.25rem
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__body * {
    transition: all .3s cubic-bezier(0.05, 0.7, 0.1, 1)
}

@media (min-width: 56.25em) {
    .mds-accordion--basic .mds-accordion__item .mds-accordion__body {
        padding: 1.5rem
    }
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__body > * + * {
    margin-top: 1rem
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__body .mds-accordion__desc {
    color: #333;
    font: normal 1rem "Source Sans Pro", sans-serif;
    line-height: 1.25rem
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__body .mds-accordion__section > .mds-accordion__section-title {
    font-weight: 700;
    color: #333;
    font: normal 1rem "Source Sans Pro", sans-serif;
    line-height: 1.25rem;
    padding-bottom: 1rem
}

.mds-accordion--basic .mds-accordion__item .mds-accordion__body .mds-accordion__section .mds-btn + .mds-btn {
    margin-left: .75rem
}

.mds-accordion--basic.mds-accordion--reverse .mds-accordion__item {
    border-color: #fff
}

.mds-accordion--basic.mds-accordion--reverse .mds-accordion__item .mds-accordion__header > .mds-collapse__label {
    color: #fff;
    background-color: #0a2d82
}

.mds-accordion--basic.mds-accordion--reverse .mds-accordion__item .mds-accordion__header > .mds-collapse__label:hover {
    background-color: rgba(255, 255, 255, .2)
}

.mds-accordion--basic.mds-accordion--reverse .mds-accordion__item .mds-accordion__body .mds-accordion__desc {
    color: #fff
}

.mds-accordion--standalone {
    background-color: #fff;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .1)
}

.mds-accordion--standalone .mds-accordion__item {
    border-bottom: 1px #ccc solid
}

.mds-accordion--standalone .mds-accordion__item:last-of-type {
    border-bottom: 0
}

.mds-accordion--standalone .mds-accordion__item .mds-accordion__header {
    width: 100%
}

.mds-accordion--standalone .mds-accordion__item .mds-accordion__header > .mds-collapse__label {
    color: #333;
    font: normal 1.125rem "Source Sans Pro", sans-serif;
    line-height: 1.75rem;
    font-weight: 700;
    border: none;
    background-color: #fff;
    padding: .75rem 1.5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left
}

.mds-accordion--standalone .mds-accordion__item .mds-accordion__header > .mds-collapse__label::before {
    color: inherit;
    order: 2
}

.mds-accordion--standalone .mds-accordion__item .mds-accordion__header > .mds-collapse__label:hover {
    background-color: #f2f2f2
}

@media (max-width: 37.48em) {
    .mds-accordion--standalone .mds-accordion__item .mds-accordion__header > .mds-collapse__label {
        color: #333;
        font: normal 1rem "Source Sans Pro", sans-serif;
        line-height: 1.25rem;
        padding: 1rem;
        font-weight: 700
    }
}

.mds-accordion--standalone .mds-accordion__item .mds-accordion__body {
    padding: 1rem 1.5rem;
    padding-bottom: 2rem
}

.mds-accordion--standalone .mds-accordion__item .mds-accordion__body * {
    transition: all .3s cubic-bezier(0.05, 0.7, 0.1, 1)
}

@media (max-width: 37.48em) {
    .mds-accordion--standalone .mds-accordion__item .mds-accordion__body {
        padding: 1rem;
        padding-bottom: 1.5rem
    }
}

.mds-accordion--standalone .mds-accordion__item .mds-accordion__body > * + * {
    margin-top: 1.5rem
}

@media (max-width: 37.48em) {
    .mds-accordion--standalone .mds-accordion__item .mds-accordion__body > * + * {
        margin-top: 1rem
    }
}

.mds-accordion--standalone .mds-accordion__item .mds-accordion__body > .mds-accordion__desc {
    color: #333;
    font: normal 1rem "Source Sans Pro", sans-serif;
    line-height: 1.25rem
}

.mds-accordion--standalone .mds-accordion__item .mds-accordion__body .mds-accordion__section > .mds-accordion__section-title {
    color: #333;
    font: normal 1rem "Source Sans Pro", sans-serif;
    line-height: 1.25rem;
    font-weight: 700;
    padding-bottom: 1rem
}

.mds-accordion--standalone .mds-accordion__item .mds-accordion__body .mds-accordion__section .mds-btn + .mds-btn {
    margin-left: 1rem
}
.mds-label {
    color: #333333;
    font: 600 0.875rem "Montserrat", sans-serif;
    line-height: 1.25rem;
    position: relative;
    display: block;
}
@media (min-width: 56.25em) {
    .mds-label {
        color: #333333;
        font: 600 1.125rem "Montserrat", sans-serif;
        line-height: 1.75rem;
    }
}
.mds-label--description {
    display: block;
    color: #333333;
    font: normal 0.875rem "Source Sans Pro", sans-serif;
    line-height: 1.25rem;
}
.mds-label--required, .mds-label--optional {
    color: #333333;
    font: normal 0.875rem "Source Sans Pro", sans-serif;
    line-height: 1.25rem;
}
.mds-label.disabled {
    opacity: 0.4;
}
.mds-label + .mds-input-cell {
    margin-top: 0.5rem;
}

legend.mds-fieldset--legend {
    margin: 1.5rem 0;
}

legend.mds-label {
    margin: 0;
}

.mds-label, label {
    cursor: auto;
}

.mds-message--error {
    display: flex;
    color: #d80c31;
    font-weight: normal;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
    background-color: #feecef;
    padding: .25rem .5rem;
    border-radius: 4px;
    width: fit-content;
}

.mds-hidden {
    display: none;
}

.mds-visible {
    display: block;
}

.mds-fit-content {
    width: fit-content;
}

.mds-full-width {
    width: 100%;
}

.mds-full-width--xs {
    width: 100%;
    width: auto;
}

.mds-full-width--md {
    width: 100%;
}

@media (min-width: 56.25em) {
    .mds-full-width--md {
        width: auto;
    }
}

.mds-custom-scrollbar__x {
    width: 100%;
    height: 100%;
    overflow: auto;
    scrollbar-color: #B2B2B2 #F2F2F2;
    scrollbar-width: thin;
    /* Styles pour la piste (track) de la barre de défilement */
    /* Styles pour la poignée (thumb) de la barre de défilement */
    /* Lorsque la souris est dessus, changez la couleur de la poignée */
}
.mds-custom-scrollbar__x::-webkit-scrollbar {
    width: 8px;
    /* Largeur de la barre de défilement */
    height: 8px;
    /* Hauteur de la barre de défilement */
}
.mds-custom-scrollbar__x::-webkit-scrollbar-track {
    background-color: #F2F2F2;
    /* Couleur de fond de la piste */
}
.mds-custom-scrollbar__x::-webkit-scrollbar-thumb {
    background-color: #B2B2B2;
    /* Couleur de la poignée */
}
.mds-custom-scrollbar__x::-webkit-scrollbar-thumb:hover {
    background-color: #999999;
}

.mds-social__bloc {
    display: flex;
}

.mds-social {
    position: relative;
    display: flex;
    background-color: #0A2D82;
    border-color: #0A2D82;
    color: #fff;
    border-radius: 50%;
    padding: 0px;
    width: 1.75rem;
    max-width: 1.75rem;
    height: 1.75rem;
    align-items: center;
    justify-content: center;
}
.mds-social:hover:not([disabled]), .mds-social:active {
    background: #061d53;
    border-color: #061d53;
}
.mds-social::before {
    padding: 0;
    font-size: 18px;
}
.mds-social:not(:last-of-type) {
    margin-right: 0.75rem;
}
.mds-social a:not([disabled]) {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}
.mds-autocomplete {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .1), 0px 1px 2px rgba(0, 0, 0, .1);
    width: 300px
}

.mds-autocomplete__result {
    max-height: 700px;
    overflow: overlay
}

.mds-autocomplete__result-item {
    padding: .75rem 1rem
}

.mds-autocomplete__result-item:last-child {
    padding: .75rem 1rem
}

@media (min-width: 37.5em) {
    .mds-autocomplete__result-item {
        padding: .75rem 1.5rem
    }

    .mds-autocomplete__result-item:last-child {
        padding: .75rem 1.5rem
    }
}

.mds-autocomplete__result-item[aria-selected=true] {
    border-left: 4px solid #06c;
    background-color: #f2f2f2
}

.mds-autocomplete__result-item[aria-selected=true] p, .mds-autocomplete__result-item[aria-selected=true] p:first-child {
    color: #0a2d82
}

.mds-autocomplete__result-item:hover, .mds-autocomplete__result-item:focus {
    background-color: #f2f2f2;
    cursor: pointer
}

.mds-autocomplete__result-item:hover p, .mds-autocomplete__result-item:hover p:first-child, .mds-autocomplete__result-item:focus p, .mds-autocomplete__result-item:focus p:first-child {
    color: #0a2d82
}

.mds-autocomplete__result-item:focus-visible {
    outline: none
}

.mds-autocomplete__result-item:focus {
    position: relative
}

.mds-autocomplete__result-item:focus::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background-color: #06c
}

.mds-autocomplete__result-item .mds-text__bold {
    line-height: 1.25rem
}

.mds-autocomplete__result-item p:first-child {
    font: normal .875rem "Source Sans Pro", sans-serif;
    color: #333;
    line-height: 1.25rem
}

@media (min-width: 37.5em) {
    .mds-autocomplete__result-item p:first-child {
        color: #333;
        font: normal 1rem "Source Sans Pro", sans-serif;
        line-height: 1.25rem
    }
}

.mds-autocomplete__result-item p + p {
    margin-top: .25rem;
    font: normal .875rem "Source Sans Pro", sans-serif;
    color: #666;
    line-height: 1.25rem
}

.mds-autocomplete__result-loader {
    display: flex;
    padding: .75rem !important;
    position: relative;
    font: normal .875rem "Source Sans Pro", sans-serif;
    color: #666;
    line-height: 1.25rem
}

@media (min-width: 37.5em) {
    .mds-autocomplete__result-loader {
        padding: 1rem !important;
        color: #666;
        font: normal 1rem "Source Sans Pro", sans-serif;
        line-height: 1.25rem
    }
}

.mds-autocomplete__result-loader .mds-autocomplete-loader {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    animation: mds-spinner 1.2s infinite linear;
    background: radial-gradient(farthest-side, #0A2D82 94%, rgba(0, 0, 0, 0)) top/4px 4px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #0A2D82);
    -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 4px), #000 0)
}

.mds-autocomplete__result-loader p + p {
    margin-left: .75rem;
    align-self: center
}

.mds-autocomplete__result-infos {
    padding: .75rem;
    display: flex
}

.mds-autocomplete__result-infos span::before {
    font-size: 1.5rem;
    vertical-align: middle
}

@media (min-width: 37.5em) {
    .mds-autocomplete__result-infos span::before {
        padding-right: .75rem
    }
}

@media (min-width: 37.5em) {
    .mds-autocomplete__result-infos {
        padding: 1rem
    }
}

.mds-autocomplete__result-infos .mds-autocomplete__result-infos-content {
    font: normal .875rem "Source Sans Pro", sans-serif;
    color: #333;
    line-height: 1.25rem
}

.mds-autocomplete__result-infos .mds-autocomplete__result-infos-content p {
    font-weight: 700
}

@media (min-width: 37.5em) {
    .mds-autocomplete__result-infos .mds-autocomplete__result-infos-content {
        color: #333;
        font: normal 1rem "Source Sans Pro", sans-serif;
        line-height: 1.25rem
    }
}
.mds-badge {
  color: #333;
  font: normal 1rem "Source Sans Pro", sans-serif;
  line-height: 1.25rem;
  display: inline-flex;
  align-items: center;
  border-radius: 100px;
  max-width: max-content;
  padding: 4px 1rem;
  background-color: #e5e5e5
}

.mds-badge span {
  font-family: "Source Sans Pro"
}

.mds-badge::before {
  color: #666;
  padding-right: .25rem
}

.mds-badge.mds-badge--neutral::before {
  color: #333
}

.mds-badge.mds-badge--small {
  padding: 4px 12px;
  color: #333;
  font: normal .875rem "Source Sans Pro", sans-serif;
  line-height: 1.25rem
}

.mds-badge.mds-badge--small::before {
  font-size: 1rem
}

.mds-badge[class*=mds-icon], .mds-badge--small[class*=mds-icon] {
  padding: 4px 16px 4px 8px
}

.mds-badge.mds-badge--dot {
  color: #fff;
  font: 700 .75rem "Source Sans Pro", sans-serif;
  line-height: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0 !important;
  background-color: #666;
  justify-content: center;
  max-width: initial
}

.mds-badge.mds-badge--dot.mds-badge--neutral::before, .mds-badge.mds-badge--dot.mds-badge--success::before, .mds-badge.mds-badge--dot.mds-badge--danger::before, .mds-badge.mds-badge--dot.mds-badge--error::before, .mds-badge.mds-badge--dot.mds-badge--warning::before {
  color: #fff;
  font-weight: 400;
  font-size: .875rem;
  padding-right: 0
}

.mds-badge.mds-badge--dot.mds-badge--small {
  width: .5rem;
  height: .5rem
}

.mds-badge--neutral {
  background-color: #e5e5e5
}

.mds-badge--neutral.mds-badge--dot {
  background-color: #666
}

.mds-badge--success {
  background-color: #e9fde4
}

.mds-badge--success::before {
  color: #016f50
}

.mds-badge--success.mds-badge--dot {
  background-color: #016f50
}

.mds-badge--danger, .mds-badge--error {
  background-color: #ffe8e2
}

.mds-badge--danger.mds-badge--dot, .mds-badge--error.mds-badge--dot {
  background-color: #d80c31
}

.mds-badge--warning {
  background-color: #fff1d4
}

.mds-badge--warning.mds-badge--dot {
  background-color: #c73e00
}

.mds-badge--icon-alone {
  background-color: rgba(0, 0, 0, 0)
}

.mds-badge--icon-alone::before {
  padding: 0;
  font-size: 1.5rem
}

.mds-badge + .mds-badge {
  margin-left: 1rem
}
.mds-collapse {
    width: 100%;
}

.mds-collapse__label {
    cursor: pointer;
    display: flex;
    word-break: break-word;
    align-items: flex-start;
}

.mds-collapse__label::before {
    content: "";
    font-family: "mds-icon";
    margin-right: 8px;
    transition-duration: .1s;
    font-size: 1.5rem;
    color: #0a2d82;
}

.mds-collapse__content {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    transition: max-height .3s cubic-bezier(0.05, 0.7, 0.1, 1);
}

.mds-collapse.active ~ .mds-collapse__content {
    visibility: visible;
    transition: max-height .3s cubic-bezier(0.05, 0.7, 0.1, 1);
}

.mds-collapse.active.mds-collapse__label::before, .mds-collapse.active.mds-collapse__label::after, .mds-collapse.active .mds-collapse__label::before, .mds-collapse.active .mds-collapse__label::after {
    transform: rotate(-180deg);
}

.contenuMasque{
    display: flex;
    flex-direction: column;
}

.contenuMasque label {
    align-items: center;
    margin-bottom: 0;
}

.contenuMasque span {
    transition: .35s;
}
.mds-input-group.mds-wrapper--disabled {
    cursor: not-allowed;
}
.mds-input-group.mds-wrapper--disabled *,
.mds-input-group.mds-wrapper--disabled .mds-input__unit {
    color: var(--color-grey--50);
}
.mds-input-group:has(input[disabled]) .mds-input__icon::before,
.mds-input-group:has(input[disabled]) .mds-input__icon::after,
.mds-input-group:has(input[disabled]) * {
    color: var(--color-grey--50);
    cursor: not-allowed;
}

.mds-input-cell {
    width: 300px;
    position: relative;
    height: 44px;
    display: inline-flex;
}
@media (min-width: 56.25em) {
    .mds-input-cell {
        height: 52px;
    }
}
.mds-input-cell button {
    color: var(--color-use--9);
    font-size: 1.25rem;
    padding: 0;
    z-index: 100;
    margin-left: 0.5rem;
    display: flex;
    align-items: center;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
@media (min-width: 56.25em) {
    .mds-input-cell button {
        font-size: 1.5rem;
    }
}
.mds-input-cell.mds-wrapper--icon-right .mds-input__icon, .mds-input-cell.mds-wrapper--icon-left .mds-input__icon {
    display: flex;
    align-self: center;
    font-size: 1.25rem;
}
@media (min-width: 56.25em) {
    .mds-input-cell.mds-wrapper--icon-right .mds-input__icon, .mds-input-cell.mds-wrapper--icon-left .mds-input__icon {
        font-size: 1.5rem;
    }
}
.mds-input-cell.mds-wrapper--icon-right {
    padding-right: 1rem;
}
.mds-input-cell.mds-wrapper--icon-right .mds-input__icon {
    margin-left: 0.5rem;
}
.mds-input-cell.mds-wrapper--icon-right input {
    padding-right: 0 !important;
    order: 1;
}
.mds-input-cell.mds-wrapper--icon-right .mds-input__icon {
    order: 2;
}
.mds-input-cell.mds-wrapper--icon-left {
    padding-left: 1rem;
}
.mds-input-cell.mds-wrapper--icon-left .mds-input__icon {
    margin-right: 0.5rem;
}
.mds-input-cell.mds-wrapper--icon-left input {
    padding-left: 0 !important;
}
.mds-input-cell:has(input:not(input[type=checkbox])), .mds-input-cell:has(:not(input[type=radio])) {
    border-radius: 4px;
    background-color: var(--color-white);
    outline: solid 1.1px var(--color-grey--50);
    outline-offset: -1.1px;
}
.mds-input-cell:has(input:not(input[type=checkbox])):has(input[aria-invalid=true]), .mds-input-cell:has(:not(input[type=radio])):has(input[aria-invalid=true]) {
    outline-color: var(--color-use--5);
}
.mds-input-cell:has(input:not(input[type=checkbox])):has(input[aria-invalid=true]):has(input:hover), .mds-input-cell:has(:not(input[type=radio])):has(input[aria-invalid=true]):has(input:hover) {
    outline-color: var(--color-use--9);
}
.mds-input-cell:has(input:not(input[type=checkbox])):has(input:hover), .mds-input-cell:has(:not(input[type=radio])):has(input:hover) {
    outline: solid 3px var(--color-use--9);
    outline-offset: -3px;
}
.mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus), .mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus-visible), .mds-input-cell:has(:not(input[type=radio])):has(input:focus), .mds-input-cell:has(:not(input[type=radio])):has(input:focus-visible) {
    outline-color: var(--color-use--9);
}
.mds-input-cell:has(input:not(input[type=checkbox])):has(input[disabled]), .mds-input-cell:has(:not(input[type=radio])):has(input[disabled]) {
    outline: solid 1px var(--color-grey--50);
    outline-offset: -1px;
    cursor: not-allowed;
}
.mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]), .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]:hover), .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]), .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]:hover) {
    outline: none;
    background-color: var(--color-grey--5);
}
.mds-input-cell input:not(input[type=checkbox]):not(input[type=radio]) {
    border-radius: 4px;
    width: 100%;
    color: var(--color-grey--80);
    font: normal 1.125rem "Source Sans Pro", sans-serif;
    line-height: 1.75rem;
    background-color: transparent;
    border: none;
    z-index: 10;
    padding: 0.5rem 1rem;
}
@media (max-width: 56.23em) {
    .mds-input-cell input:not(input[type=checkbox]):not(input[type=radio]) {
        color: var(--color-grey--80);
        font: normal 1rem "Source Sans Pro", sans-serif;
        line-height: 1.25rem;
    }
}
.mds-input-cell input:not(input[type=checkbox]):not(input[type=radio]).mds-input-text--basic-value {
    text-align: right;
    padding-right: 0.5rem;
}
.mds-input-cell:has(input[readonly=readonly]), .mds-input-cell:has(input[readonly=readonly]:hover) {
    outline: none;
    background-color: var(--color-grey--5);
}

input:not(input[type=checkbox]):not(input[type=radio]):not(input[class=mds-otp__input]):not(input[class=mds-range-slider__input--range]) {
    border-radius: 4px;
    width: 100%;
    color: var(--color-grey--80);
    font: normal 1.125rem "Source Sans Pro", sans-serif;
    line-height: 1.75rem;
    background-color: transparent;
    border: none;
    z-index: 10;
}
@media (max-width: 56.23em) {
    input:not(input[type=checkbox]):not(input[type=radio]):not(input[class=mds-otp__input]):not(input[class=mds-range-slider__input--range]) {
        color: var(--color-grey--80);
        font: normal 1rem "Source Sans Pro", sans-serif;
        line-height: 1.25rem;
    }
}
input:not(input[type=checkbox]):not(input[type=radio]):not(input[class=mds-otp__input]):not(input[class=mds-range-slider__input--range]).mds-input-text--basic-value {
    text-align: right;
    padding-right: 0.5rem;
}

input:focus-visible,
input[readonly] {
    outline: none;
}

.mds-input__unit {
    color: var(--color-grey--80);
    font: normal 1rem "Source Sans Pro", sans-serif;
    line-height: 1.25rem;
    font-weight: 700;
    align-self: center;
    margin-right: 1rem;
}
@media (min-width: 56.25em) {
    .mds-input__unit {
        color: var(--color-grey--80);
        font: normal 1.125rem "Source Sans Pro", sans-serif;
        line-height: 1.75rem;
        font-weight: 700;
    }
}

input:-webkit-autofill {
    background-color: transparent !important;
}

input:-internal-autofill-selected {
    background-color: transparent !important;
}

.mds-input-cell.mds-input-cell--date {
    width: 150px;
}
@media (min-width: 56.25em) {
    .mds-input-cell.mds-input-cell--date {
        width: 180px;
    }
}
.mds-input-cell.mds-input-cell--date button {
    font-size: 1.25rem;
    padding: 0 1rem 0 0;
    margin-left: 0.5rem;
    border: none;
    cursor: pointer;
}
@media (min-width: 56.25em) {
    .mds-input-cell.mds-input-cell--date button {
        font-size: 1.5rem;
    }
}
.mds-input-cell.mds-input-cell--date:has(input[disabled]) button {
    color: var(--color-grey--50);
}

input[type=password] {
    font-family: Verdana;
    background-color: transparent !important;
}

.mds-input-group--reverse .mds-label,
.mds-input-group--reverse .mds-label > * {
    color: var(--color-white);
}
.mds-input-group--reverse .mds-btn {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
.mds-input-group--reverse .mds-btn:hover {
    color: #fff;
}
.mds-input-group--reverse .mds-btn:hover:not([disabled]):not([aria-disabled=true]):not([aria-current]), .mds-input-group--reverse .mds-btn:active:not([disabled]):not([aria-disabled=true]):not([aria-current]), .mds-input-group--reverse .mds-btn.active:not([disabled]):not([aria-disabled=true]):not([aria-current]) {
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.mds-input-group--reverse .mds-btn:focus, .mds-input-group--reverse .mds-btn:focus-visible {
    outline-color: #fff;
}
.mds-input-group--reverse .mds-btn:hover:not([disabled]):not([aria-disabled=true]):not([aria-current=true]), .mds-input-group--reverse .mds-btn:active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]), .mds-input-group--reverse .mds-btn.active:not([disabled]):not([aria-disabled=true]):not([aria-current=true]) {
    background: rgba(255, 255, 255, 0.15);
}
.mds-input-group--reverse .mds-btn:focus {
    outline-color: var(--color-white);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])) {
    outline: none;
    border: solid 2px var(--color-white);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])) > input,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])) > input {
    padding-left: calc(1rem - 2px);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])).mds-wrapper--icon-right,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])).mds-wrapper--icon-right {
    padding-right: calc(1rem - 2px);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])).mds-wrapper--icon-left,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])).mds-wrapper--icon-left {
    padding-left: calc(1rem - 2px);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])) .mds-input__unit,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])) .mds-input__unit {
    margin-right: calc(1rem - 2px);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:hover), .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus), .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus-visible),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:hover),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:focus),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:focus-visible) {
    border-color: var(--color-macif--1);
    outline-offset: 0;
    outline: solid 1px var(--color-white);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:hover), .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus:hover), .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus-visible:hover),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:hover),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:focus:hover),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:focus-visible:hover) {
    outline-width: 2px;
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]), .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]):hover,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]):hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]) input,
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]) .mds-input__unit,
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]) .mds-input__icon::after,
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]) .mds-input__icon::before, .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]):hover input,
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]):hover .mds-input__unit,
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]):hover .mds-input__icon::after,
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]):hover .mds-input__icon::before,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]) input,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]) .mds-input__unit,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]) .mds-input__icon::after,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]) .mds-input__icon::before,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]):hover input,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]):hover .mds-input__unit,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]):hover .mds-input__icon::after,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]):hover .mds-input__icon::before {
    color: var(--color-white);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[disabled]), .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[disabled]):hover, .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]), .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[readonly=readonly]):hover,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[disabled]),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[disabled]):hover,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[readonly=readonly]):hover {
    outline: none;
    border-color: transparent;
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[aria-invalid=true]),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[aria-invalid=true]) {
    border-color: var(--color-macif--1);
    outline: solid 2px var(--color-use--5);
    outline-offset: 0px;
    background-color: var(--color-use--6);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[aria-invalid=true]):has(input:hover),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[aria-invalid=true]):has(input:hover) {
    outline-color: var(--color-white);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[aria-invalid=true]):has(input:focus), .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input[aria-invalid=true]):has(input:focus-visible),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[aria-invalid=true]):has(input:focus),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input[aria-invalid=true]):has(input:focus-visible) {
    outline: solid 1px var(--color-white);
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus), .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus-visible),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:focus),
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:focus-visible) {
    outline-color: var(--color-white);
    outline-width: 1px;
}
.mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus):has(input:focus):hover, .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus):has(input:focus-visible):hover, .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus-visible):has(input:focus):hover, .mds-input-group--reverse .mds-input-cell:has(input:not(input[type=checkbox])):has(input:focus-visible):has(input:focus-visible):hover,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:focus):has(input:focus):hover,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:focus):has(input:focus-visible):hover,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:focus-visible):has(input:focus):hover,
.mds-input-group--reverse .mds-input-cell:has(:not(input[type=radio])):has(input:focus-visible):has(input:focus-visible):hover {
    outline-width: 2px;
}
.mds-input-group--reverse:has(input[disabled]) {
    opacity: 0.5;
}
.mds-input-group--reverse:has(input[disabled]) * {
    color: var(--color-white);
}
.mds-input-group--reverse:has(input[disabled]) .mds-input__icon::before,
.mds-input-group--reverse:has(input[disabled]) .mds-input__icon::after {
    color: var(--color-black);
}
.mds-input-group--reverse:has(input[disabled]) .mds-btn {
    color: var(--color-white);
}

.mds-input-file-upload {
    position: relative;
    display: flex;
    flex-direction: row;
    border-radius: 4px;
    box-shadow: 0px 3px 10px rgba(var(--color-black), 0.1), 0px 1px 2px rgba(var(--color-black), 0.1);
    padding: 1rem;
    padding-right: 2.75rem;
}
.mds-input-file-upload:has(button[type=button]:focus), .mds-input-file-upload:has(button[type=button]:focus-visible) {
    box-shadow: 0 2px 3px rgba(var(--color-black), 0.1), 0 1px 2px rgba(var(--color-black), 0.15);
}
.mds-input-file-upload:hover {
    box-shadow: 0px 5px 10px rgba(var(--color-black), 0.1), 0px 2px 4px rgba(var(--color-black), 0.15);
}
.mds-input-file-upload:has(input[aria-invalid=true]) {
    outline: solid 1px var(--color-use--5);
}
.mds-input-file-upload img {
    height: 3.75rem;
    width: 3.75rem;
    border-radius: 4px;
    object-fit: cover;
}
.mds-input-file-upload img + * {
    margin-left: 0.5rem;
}
@media (min-width: 56.25em) {
    .mds-input-file-upload:has(> img) .mds-input-file-upload__label {
        margin-top: 0.625rem;
    }
}
.mds-input-file-upload .mds-btn--loader-reverse,
.mds-input-file-upload .mds-btn--loader {
    border: none;
    background-color: transparent;
    height: 2.5rem;
    min-width: 3.75rem;
    padding: 0;
    cursor: default !important;
    margin-right: 0.5rem;
}
.mds-input-file-upload__content {
    display: flex;
    flex-direction: column;
    align-self: center;
    width: 100%;
}
@media (max-width: 56.23em) {
    .mds-input-file-upload__content:has(.mds-progress-bar), .mds-input-file-upload__content:has(.mds-badge) {
        place-content: space-between;
        align-self: auto;
    }
}
@media (min-width: 56.25em) {
    .mds-input-file-upload__content {
        place-content: initial;
    }
    .mds-input-file-upload__content:has(.mds-badge) {
        width: 100%;
        flex-direction: row;
        place-content: space-between;
    }
}
.mds-input-file-upload .mds-input-file-upload__label {
    color: var(--color-macif--1);
    font: normal 1rem "Source Sans Pro", sans-serif;
    line-height: 1.25rem;
    font-weight: 700;
}
.mds-input-file-upload .mds-input-file-upload__label + *:not(button) {
    margin-top: 0.5rem;
}
@media (min-width: 56.25em) {
    .mds-input-file-upload .mds-input-file-upload__label + .mds-badge {
        margin-top: 0;
    }
}
.mds-input-file-upload .mds-input-file-upload__label .mds-label--description {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    color: var(--color-grey--80);
    font: normal 1rem "Source Sans Pro", sans-serif;
    line-height: 1.25rem;
}
@media (max-width: 56.23em) {
    .mds-input-file-upload .mds-input-file-upload__label .mds-label--description {
        color: var(--color-grey--80);
        font: normal 0.875rem "Source Sans Pro", sans-serif;
        line-height: 1.25rem;
    }
}
.mds-input-file-upload .mds-progress-bar {
    width: 100%;
}
@media (max-width: 56.23em) {
    .mds-input-file-upload .mds-progress-bar {
        margin: 0.625rem 0 0.75rem;
    }
}
@media (min-width: 56.25em) {
    .mds-input-file-upload .mds-progress-bar {
        margin-top: 0.25rem;
    }
}
.mds-input-file-upload button[type=button] {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
.mds-input-file-upload button[type=button]:focus, .mds-input-file-upload button[type=button]:focus-visible, .mds-input-file-upload button[type=button]:focus-within {
    outline: none;
}
.mds-input-file-upload button[type=button]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    border-radius: 4px;
}
.mds-input-file-upload button[type=button].mds-input-file-upload__label::after {
    left: 0;
    width: 100%;
}
.mds-input-file-upload button[type=button] span[class^=mds-icon] {
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3rem;
    justify-content: flex-end;
}
.mds-input-file-upload button[type=button] span[class^=mds-icon]::before {
    font-size: 1.25rem;
    top: 0;
    bottom: 0;
    right: 1rem;
    align-self: center;
    color: var(--color-macif--1);
    font-weight: normal;
    padding-right: 1rem;
}
.mds-input-file-upload:has(.mds-badge) button[type=button]::after {
    width: 100%;
}
.mds-input-file-upload button[role=presentation],
.mds-input-file-upload button[type=button] {
    padding: 0;
    border: none;
    background-color: transparent;
    text-align: initial;
}
.mds-input-file-upload button[role=presentation] {
    cursor: default;
}
.mds-input-file-upload .mds-badge {
    margin-top: 8px;
}
@media (min-width: 56.25em) {
    .mds-input-file-upload .mds-badge {
        margin-top: 0;
        align-self: center;
    }
}

a.mds-link, .mds-link {
    color: #06c;
    display: inline-block
}

a.mds-link:active, a.mds-link.active, .mds-link:active, .mds-link.active {
    color: #333
}

a.mds-link > i, a.mds-link::after, a.mds-link::before, .mds-link > i, .mds-link::after, .mds-link::before {
    display: inline-block;
    vertical-align: bottom
}

a.mds-link::after, a.mds-link::before, a.mds-link i::before, a.mds-link i::after, .mds-link::after, .mds-link::before, .mds-link i::before, .mds-link i::after {
    font-size: inherit;
    vertical-align: bottom
}

a.mds-link.mds-link--standalone, .mds-link.mds-link--standalone {
    text-decoration: none
}

a.mds-link.mds-link--standalone:hover, a.mds-link.mds-link--standalone:active, .mds-link.mds-link--standalone:hover, .mds-link.mds-link--standalone:active {
    text-decoration: underline
}

a.mds-link.mds-link--reverse, .mds-link.mds-link--reverse {
    color: #fff
}
@keyframes mds-modalRightToLeft {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes mds-modalSlideToRight {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(100%);
    }
}


.mds-modal.mds-modal:has(.mds-otp) .mds-modal__header {
    justify-content: flex-end;
}
.mds-modal .mds-otp {
    text-align: center;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.mds-modal .mds-otp h1 {
    margin-top: 1rem;
}
.mds-modal .mds-otp__input-group {
    display: flex;
    margin: auto;
    width: fit-content;
}
.mds-modal .mds-otp__input {
    width: auto;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}
.mds-modal .mds-otp .mds-message--error {
    text-align: left;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
.mds-modal .mds-otp .mds-input__mask {
    margin: 0 auto;
    display: flex;
    pointer-events: none;
    position: unset;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mds-modal .mds-otp .mds-alert {
    vertical-align: middle;
    max-width: none;
    text-align: left;
    text-align: -moz-left;
    text-align: -webkit-left;
}
.mds-modal .mds-otp button {
    min-width: 100px;
}
.mds-modal .mds-otp .mds-btn-group button {
    margin: 0;
    vertical-align: middle;
}


.mds-modal {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1);
    border-color: #7F7F7F;
    padding: 1rem;
    margin: auto;
    position: relative;
}
.mds-modal .mds-close {
    color: #333333;
    height: 1.5rem;
    width: 1.5rem;
}
.mds-modal .mds-close::before {
    font-size: 1.5rem;
}
.mds-modal .mds-close:focus, .mds-modal .mds-close:focus-visible {
    outline-offset: 1px;
    border-radius: 4px;
    outline: solid 2px #000;
}
@media (max-width: 37.48em) {
    .mds-modal .mds-close {
        right: 0.35rem;
        top: 0.35rem;
    }
}
.mds-modal--small {
    width: 368px;
}
.mds-modal--medium {
    width: 564px;
}
.mds-modal--big {
    width: 760px;
}
@media (max-width: 56.23em) {
    .mds-modal {
        width: 100%;
    }
}
.mds-modal__header {
    display: flex;
}
@media (max-width: 37.48em) {
    .mds-modal__header {
        padding: 1rem 1rem 0;
    }
}
.mds-modal--rich, .mds-modal--basic, .mds-modal--side-panel {
    max-height: 70vh;
    height: fit-content;
    position: relative;
    display: flex;
}
.mds-modal--rich.mds-modal,
.mds-modal--rich .mds-modal, .mds-modal--basic.mds-modal,
.mds-modal--basic .mds-modal, .mds-modal--side-panel.mds-modal,
.mds-modal--side-panel .mds-modal {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
    flex-direction: column;
}
.mds-modal--rich.mds-modal__header > [class*=mds-icon],
.mds-modal--rich .mds-modal__header > [class*=mds-icon], .mds-modal--basic.mds-modal__header > [class*=mds-icon],
.mds-modal--basic .mds-modal__header > [class*=mds-icon], .mds-modal--side-panel.mds-modal__header > [class*=mds-icon],
.mds-modal--side-panel .mds-modal__header > [class*=mds-icon] {
    color: #0A2D82;
    font-size: 2rem;
}
@media (min-width: 56.25em) {
    .mds-modal--rich.mds-modal__header > [class*=mds-icon],
    .mds-modal--rich .mds-modal__header > [class*=mds-icon], .mds-modal--basic.mds-modal__header > [class*=mds-icon],
    .mds-modal--basic .mds-modal__header > [class*=mds-icon], .mds-modal--side-panel.mds-modal__header > [class*=mds-icon],
    .mds-modal--side-panel .mds-modal__header > [class*=mds-icon] {
        font-size: 2.5rem;
    }
}
.mds-modal--rich.mds-modal__header .mds-modal__title,
.mds-modal--rich .mds-modal__header .mds-modal__title, .mds-modal--basic.mds-modal__header .mds-modal__title,
.mds-modal--basic .mds-modal__header .mds-modal__title, .mds-modal--side-panel.mds-modal__header .mds-modal__title,
.mds-modal--side-panel .mds-modal__header .mds-modal__title {
    font-size: 1.375rem;
    line-height: 28px;
    color: #0A2D82;
    font-weight: 700;
}
@media (max-width: 37.48em) {
    .mds-modal--rich.mds-modal__header .mds-modal__title,
    .mds-modal--rich .mds-modal__header .mds-modal__title, .mds-modal--basic.mds-modal__header .mds-modal__title,
    .mds-modal--basic .mds-modal__header .mds-modal__title, .mds-modal--side-panel.mds-modal__header .mds-modal__title,
    .mds-modal--side-panel .mds-modal__header .mds-modal__title {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}
@media (min-width: 56.25em) {
    .mds-modal--rich.mds-modal__header .mds-modal__title,
    .mds-modal--rich .mds-modal__header .mds-modal__title, .mds-modal--basic.mds-modal__header .mds-modal__title,
    .mds-modal--basic .mds-modal__header .mds-modal__title, .mds-modal--side-panel.mds-modal__header .mds-modal__title,
    .mds-modal--side-panel .mds-modal__header .mds-modal__title {
        font-size: 1.75rem;
        line-height: 36px;
    }
}
@media (min-width: 56.25em) and (max-width: 37.48em) {
    .mds-modal--rich.mds-modal__header .mds-modal__title,
    .mds-modal--rich .mds-modal__header .mds-modal__title, .mds-modal--basic.mds-modal__header .mds-modal__title,
    .mds-modal--basic .mds-modal__header .mds-modal__title, .mds-modal--side-panel.mds-modal__header .mds-modal__title,
    .mds-modal--side-panel .mds-modal__header .mds-modal__title {
        font-size: 1.625rem;
        line-height: 2.125rem;
    }
}
.mds-modal--rich.mds-modal__container,
.mds-modal--rich .mds-modal__container, .mds-modal--basic.mds-modal__container,
.mds-modal--basic .mds-modal__container, .mds-modal--side-panel.mds-modal__container,
.mds-modal--side-panel .mds-modal__container {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.mds-modal--rich.mds-modal__content,
.mds-modal--rich .mds-modal__content, .mds-modal--basic.mds-modal__content,
.mds-modal--basic .mds-modal__content, .mds-modal--side-panel.mds-modal__content,
.mds-modal--side-panel .mds-modal__content {
    min-height: 2rem;
    overflow-y: auto;
}
.mds-modal--basic {
    padding: calc(3rem - 4px) 1.25rem 1.25rem;
}
@media (min-width: 56.25em) {
    .mds-modal--basic {
        padding: 3rem 1.5rem 1.5rem;
    }
}
.mds-modal--basic .mds-close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}
.mds-modal--basic .mds-modal__container {
    max-height: calc(70vh - 64px);
}
@media (min-width: 56.25em) {
    .mds-modal--basic .mds-modal__container {
        max-height: calc(70vh - 72px);
    }
}
.mds-modal--basic .mds-modal__header {
    height: fit-content;
    text-align: center;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 1rem;
}
@media (min-width: 56.25em) {
    .mds-modal--basic .mds-modal__header {
        margin-bottom: 1.5rem;
        gap: 1.5rem;
    }
}
.mds-modal--basic .mds-modal__header p[class^=mds-icon] {
    font-size: 2rem;
    color: #0A2D82;
}
@media (min-width: 56.25em) {
    .mds-modal--basic .mds-modal__header p[class^=mds-icon] {
        font-size: 2.5rem;
    }
}
.mds-modal--basic .mds-modal__content {
    text-align: center;
}
.mds-modal--basic .mds-modal__content > * {
    justify-content: center;
}
.mds-modal--basic .mds-modal__footer > * {
    justify-content: center;
    margin-top: 1.5rem;
}
.mds-modal--rich .mds-modal__container {
    max-height: calc(70vh - 32px);
}
@media (min-width: 56.25em) {
    .mds-modal--rich .mds-modal__container {
        max-height: calc(70vh - 48px);
    }
}
.mds-modal--rich, .mds-modal--side-panel {
    padding: 1rem;
}
.mds-modal--rich:has(.mds-close) .mds-modal__header, .mds-modal--side-panel:has(.mds-close) .mds-modal__header {
    margin-right: 1.5rem;
}
.mds-modal--rich .mds-close, .mds-modal--side-panel .mds-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
}
@media (min-width: 56.25em) {
    .mds-modal--rich .mds-close, .mds-modal--side-panel .mds-close {
        top: 1.25rem;
        right: 1.25rem;
    }
}
.mds-modal--rich hr, .mds-modal--side-panel hr {
    margin: 0.5rem 0;
    border-bottom: 2px solid #F2F2F2;
}
@media (min-width: 56.25em) {
    .mds-modal--rich hr, .mds-modal--side-panel hr {
        margin: 0.75rem 0;
    }
}
.mds-modal--rich.mds-modal__header,
.mds-modal--rich .mds-modal__header, .mds-modal--side-panel.mds-modal__header,
.mds-modal--side-panel .mds-modal__header {
    align-items: center;
    padding: 0 1rem 0 0;
}
.mds-modal--rich.mds-modal__header span[class^=mds-icon],
.mds-modal--rich .mds-modal__header span[class^=mds-icon], .mds-modal--side-panel.mds-modal__header span[class^=mds-icon],
.mds-modal--side-panel .mds-modal__header span[class^=mds-icon] {
    font-size: 1.5rem;
    color: #0A2D82;
}
@media (min-width: 56.25em) {
    .mds-modal--rich.mds-modal__header span[class^=mds-icon],
    .mds-modal--rich .mds-modal__header span[class^=mds-icon], .mds-modal--side-panel.mds-modal__header span[class^=mds-icon],
    .mds-modal--side-panel .mds-modal__header span[class^=mds-icon] {
        font-size: 2rem;
    }
}
.mds-modal--rich.mds-modal__footer,
.mds-modal--rich .mds-modal__footer, .mds-modal--side-panel.mds-modal__footer,
.mds-modal--side-panel .mds-modal__footer {
    padding-top: 0.5rem;
}
.mds-modal--rich.mds-modal__footer > *,
.mds-modal--rich .mds-modal__footer > *, .mds-modal--side-panel.mds-modal__footer > *,
.mds-modal--side-panel .mds-modal__footer > * {
    padding-top: 0.5rem;
}
.mds-modal--rich.mds-modal__footer button,
.mds-modal--rich .mds-modal__footer button, .mds-modal--side-panel.mds-modal__footer button,
.mds-modal--side-panel .mds-modal__footer button {
    width: 100%;
}
@media (min-width: 56.25em) {
    .mds-modal--rich.mds-modal__footer button,
    .mds-modal--rich .mds-modal__footer button, .mds-modal--side-panel.mds-modal__footer button,
    .mds-modal--side-panel .mds-modal__footer button {
        width: fit-content;
    }
}
@media (min-width: 56.25em) {
    .mds-modal--rich, .mds-modal--side-panel {
        padding: 1.5rem;
    }
}
.mds-modal--side-panel {
    position: absolute;
    right: 0;
    margin-left: auto;
    margin-right: 0;
    border-radius: 0;
    height: 100%;
    max-height: 100%;
}
.mds-modal--side-panel .mds-modal__container {
    max-height: calc(100vh - 32px);
}
@media (min-width: 56.25em) {
    .mds-modal--side-panel .mds-modal__container {
        max-height: calc(100vh - 48px);
    }
}

.mds-dialog {
    display: flex;
    top: 0;
    position: fixed;
    z-index: 2000;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    border: none;
    background-color: transparent;
}
.mds-dialog::backdrop {
    background: transparent;
}

.mds-dialog[open] {
    opacity: 1;
    visibility: visible;
}
.mds-dialog[open]:not(:has(.mds-modal--side-panel)) {
    background-color: rgba(0, 0, 0, 0.4);
    transition: background-color 0.4s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.4s cubic-bezier(0.05, 0.7, 0.1, 1), visibility 0.4s cubic-bezier(0.05, 0.7, 0.1, 1);
    -webkit-transition: background-color 0.4s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.4s cubic-bezier(0.05, 0.7, 0.1, 1), visibility 0.4s cubic-bezier(0.05, 0.7, 0.1, 1);
    -moz-transition: background-color 0.4s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.4s cubic-bezier(0.05, 0.7, 0.1, 1), visibility 0.4s cubic-bezier(0.05, 0.7, 0.1, 1);
    -o-transition: background-color 0.4s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.4s cubic-bezier(0.05, 0.7, 0.1, 1), visibility 0.4s cubic-bezier(0.05, 0.7, 0.1, 1);
}

.mds-dialog:not([open]) {
    opacity: 0;
    visibility: hidden;
    transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), visibility 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
    -webkit-transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), visibility 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
    -moz-transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), visibility 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
    -o-transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), visibility 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}

.mds-dialog:has(.mds-modal--side-panel) {
    padding-right: 0;
    padding-top: 0;
    position: fixed;
}
.mds-dialog:has(.mds-modal--side-panel)::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
}
.mds-dialog:has(.mds-modal--side-panel)[open] {
    animation: mds-modalRightToLeft 0.4s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.mds-dialog:has(.mds-modal--side-panel):not([open]) {
    animation: mds-modalSlideToRight 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}

.mds-close {
    border: none;
    padding: 0;
    height: 1.5rem;
    width: 1.5rem;
    background-color: transparent;
    font-size: 1rem;
    text-align: right;
    cursor: pointer;
}
.mds-text--1 {
    color: #333;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    font-family: "Montserrat-SemiBold", sans-serif
}

.mds-text--2 {
    color: #333;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-family: "Source Sans Pro", sans-serif
}

.mds-text--3 {
    color: #333;
    font-weight: normal;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
    line-height: 1.25rem
}

.mds-text--4 {
    color: #333;
    font-weight: normal;
    font-family: "Source Sans Pro", sans-serif;
    font-size: .875rem;
    line-height: 1.25rem
}

.mds-text__bold {
    font-weight: 700;
    line-height: 1.5rem
}
@media (max-width: 1200px) {
    #med-header .mcf-homepage__menu-mobile {
        position: fixed;
        display: flex;
        flex-direction: column;
        overflow: unset !important;
        align-items: unset;
        overflow-y: scroll;
        height: 100%;
    }
}

#med-header a.med-nav-tab-link{
    text-decoration: none;
}

#med-header {
    position: relative;
    background-color: white;
    z-index: 1080;
}

#med-header .med-icon-top{
    flex-direction: column;
    height: 63px;
    max-width: 60px;
    min-width: 50px;
    padding: 0 4px;
}

#med-header .med-icon-top span:first-child::before {
    line-height: 24px;
    font-size: 24px;
    margin-bottom: 2px;
}

#med-header a:focus-visible, #med-header button:focus-visible {
    outline: 5px auto;
}

#med-header .med-icon-top.mds-btn span{
    font-size: 11px;
    line-height: 100%;
    font-weight: normal;
    font-family: "Source Sans Pro", sans-serif;
}

#med-header .med-icon-top::before{
    font-size: 24px;
    margin-bottom: 4px;
}

#med-header .med-icon-top span:first-child {
    margin-bottom: 4px;
    padding: 0;
}

#med-header .med-icon-top span:last-child {
    line-height: 13px;
    overflow: hidden;
    text-overflow: clip;
    margin: 0;
}

#med-header--backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1070;
    opacity: 0.5;
    transition: all .5s;
    background-color: black;
}

#med-header--backdrop.med-hidden {
    display: none;
}

/** Corrections accessibilités avec zoom 200% **/
#med-header .med-open-dialog-panel span{
    text-overflow: initial;
}
.med-nav-access{
    position: absolute;
    top: -99em;
    left: 0;
    z-index: 0;
    padding: 8px;
    height: 36px;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
    background-color: #0a2d82;
    transition: all .2s cubic-bezier(.2,0,0,1);
}

.med-nav-access:focus{
    top: 0;
    z-index: 2000;
}

.med-nav-access:hover{
    background: #061d53;
    border-color: #061d53;
    text-decoration: none;
}
#med-header .med-bandeau-brand--mobile-container{
    position: sticky;
    top: 0;
    z-index: 1093;
    background-color: white;
}

#med-header .med-bandeau-brand--desktop-container {
    display: flex;
    padding: 16px 0 16px 10px;
    max-width: 1200px;
    margin: auto;
}

#med-header .med-bandeau-brand {
    border-bottom: 2px solid var(--color-grey--5);
    width: 100%;
    display: flex;
    align-items: center;
}

#med-header med-bandeau-brand>div {
    display: flex;
    align-items: center;
}

@media (max-width: 1199px) {
    #med-header .med-bandeau-brand {
        height: 63px;
        justify-content: space-between;
        padding: 0 8px 0 0;
    }
}

@media (max-width: 359px) {
    #med-header .med-bandeau-brand {
        padding-left: 8px;
    }
}


@media (min-width: 360px) and (max-width: 1199px) {
    #med-header .med-bandeau-brand {
        padding-left: 24px;
    }
}

#med-header .med-bandeau-brand__buttons, #med-header .med-bandeau-brand div:first-child{
    display: flex;
    align-items: center;
}

#med-header .med-bandeau-brand div.med-bandeau-brand--desktop-container:first-child{
    width: 100%;
    justify-content: space-between;
}

#med-header .med-bandeau-brand>div.megamenu-mobile-container--opened nav:not(:last-child){
    display: none;
}

#med-header .med-bandeau-brand>div.megamenu-mobile-container--opened .med-icon-top span:first-child{
    margin-bottom: 0;
}

#med-header .med-bandeau-brand>div.megamenu-mobile-container--opened nav:last-child>.med-megamenu--mobile__basculer-le-menu>span:first-child{
    font-size: 24px;
}

#med-header .med-bandeau-brand>div.megamenu-mobile-container--opened nav:last-child{
    margin-left: auto;
}

#med-header .med-header--mobile.med-header-mobile--opened{
    position: fixed;
    transform: translateX(0%);
    opacity: 1;
    z-index: 1080;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    padding-bottom: 87px;
}

#med-header .med-boutonEspacePersoHeader {
    margin-left: auto;
    display: flex;
    margin-bottom: 0;
    margin-top: 0;
}

#med-header .med-boutonEspacePersoHeader a:last-child {
    width: 100%;
}

#med-header .med-boutons-tertiaire-header .med-bouton-tertiaire-header{
    color: var(--color-macif--1);
    width: max-content;
}

#med-header .med-boutons-tertiaire-header .med-bouton-tertiaire-header:not(:last-child){
    margin-right: 4px;
    justify-content: end;
}
#med-header .med-nav-tabs {
    background-color: white;
    border-radius: 80px;
    padding: 5px;
    letter-spacing: 0;
    text-align: center;
    color: #0a2d82;
    border: 2px solid #F2F2F2;
    height: 70px;
}

#med-header .med-nav-tabs ul {
    margin: 0;
    padding: 0;
}

#med-header .med-nav-tab-item {
    list-style: none;
    border-radius: 80px;
    color: #0a2d82;
    padding: 16px;
    cursor: pointer;
    height: 60px;
}

#med-header .med-nav-tab-item.active {
    background-color: #0a2d82;
}

#med-header .med-nav-tab-item.active .med-nav-tab-link {
    color: white;
}

#med-header .med-nav-tab-link {
    background: none;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 28px;
    letter-spacing: 0;
    text-align: center;
    color: #0a2d82;
}

#med-header .med-nav-tab-item:not(.active):hover {
    background: #dbe5fc;
}

#med-header .med-nav-tab-item:not(.active):hover * {
    color: #0a2d82;
}
#med-header .med-btn--tertiary-alert {
    color: var(--color-use--5);
}

#med-header .med-btn--tertiary-alert:hover:not([disabled]):not([aria-disabled=true]),
#med-header .med-btn--tertiary-alert:active:not([disabled]):not([aria-disabled=true]),
#med-header .med-btn--tertiary-alert.active:not([disabled]):not([aria-disabled=true]) {
    background: #fee5ea;
    color: var(--color-use--5);
}

#med-header a.med-open-dialog-panel.mds-btn.mds-btn--tertiary {
    color: #0A2D82;
}

#med-header a.med-open-dialog-panel.mds-btn.med-btn--tertiary-alert {
    color: var(--color-use--5);
}

#med-header .med-modal-header {
    height: 100%;
}

#med-header .med-modal-header > p {
    line-height: 1.5rem;
}

#med-header .med-modal-header .mds-accordion--basic .mds-btn span,
#med-header .med-modal-header .mds-accordion--basic .mds-accordion__title,
#med-header .med-modal-header .mds-accordion--basic .mds-accordion__header {
    margin-bottom: 0;
}

#med-header .med-modal-header .med-volet-subtitle,
#med-header .med-modal-header .mds-accordion--basic .mds-collapse__content .med-volet-subtitle {
    display: block;
    margin: 8px 0 0 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    font-family: "Source Sans Pro", sans-serif;
}

#med-header .med-modal-header .mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label:focus:not(:focus-visible) {
    outline: none;
}

#med-header .med-modal-header .mds-accordion--basic .mds-accordion__item .mds-accordion__header > .mds-collapse__label {
    font-family: Montserrat-Bold, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

#med-header .med-modal-header .maciffr-recherche-agence-app .mds-btn.mds-btn--secondary,
#med-header .med-modal-header .mds-input-cell,
#med-header .med-modal-header .maciffr-recherche-agence-app .mds-autocomplete {
    width: 100%;
}

#med-header .med-modal-header .recherche-agence-dropdown {
    width: 90%;
}

#med-header .med-modal__container {
    justify-content: space-evenly;
    height: 100%;
}

#med-header .mds-modal p > a {
    text-decoration: underline;
}
.mds-modal--side-panel .mds-btn:not(.med-btn-close) {
    width: 100%;
}
#med-header .med-bandeau-rubriques {
    align-items: center;
    background-color: var(--color-white);
    border-bottom: 2px solid var(--color-grey--5);
    padding: 0;

}

#med-header .med-bandeau-rubriques--container {
    margin: auto;
    width: 1200px;
    display: flex;
    align-items: center;
}

#med-header .med-bandeau-rubriques__liste {
    display: flex;
    margin-bottom: 0;
    padding-inline-start: 0;
}

#med-header .med-bandeau-rubriques__liste__item {
    list-style-type: none;
    min-height: 62px;
}

#med-header .med-rubrique-header button::after, #med-header .med-rubrique-header a::after{
    padding-left: 4px;
}

#med-header li.med-rubrique-header:hover {
    border-bottom: 2px solid var(--color-macif--1);
}

#med-header li.med-rubrique-header a:hover {
    text-decoration: none;
}

#med-header .med-rubrique-header__bouton, #med-header .med-rubrique-header__lien {
    background-color: transparent;
    color: var(--color-macif--1);
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    border: none;
    align-items: center;
    display: flex;
    min-height: 62px;
    padding: 0 12px;
    height: 100%;
}

#med-header .med-rubrique-header__bouton {
    padding: 0 10px;
}

#med-header .med-rubrique-header__lien:hover {
    text-decoration: none;
    cursor: pointer;
}

#med-header .med-rubrique--underline:hover, #med-header .med-rubrique--underline.active {
    box-shadow: 0 2px 0 var(--color-macif--1);
    outline: 0;
}

#med-header .med-rubrique--underline.active {
    font-weight: 700;
}

#med-header .med-rubrique--underline.active::after {
    padding-left: 0.3rem;
}

#med-header .med-bandeau-rubriques nav[aria-label='contact'] {
    padding-top: 2px;
}

#med-header .med-blocs-urgence-ou-contact {
    display: flex;
    flex-wrap: wrap;
}
/* transitions gérés dans headerMobile.css */

#med-header .med-megamenu {
    position: absolute;
    display: none;
    left: 0;
    width: 100%;
    z-index: 1080;
    line-height: 1.22222;
    font-weight: normal;
    background-color: white;
    background-clip: padding-box;
    margin-top: 2px;
}

#med-header .med-megamenu[aria-hidden="false"] {
    display: block;
}

#med-header .med-megamenu.editMode {
    position: static;
}

#med-header .med-megamenu--container {
    margin: auto;
    display: flex;
    max-width: 1200px;
    gap: 2px;
}

#med-header .med-megamenu__fermer-le-menu {
    position: absolute;
    border: 0;
    top: 0;
    right: 0;
    padding: 0;
    margin: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

#med-header .med-megamenu__fermer-le-menu:focus {
    width: auto;
    height: auto;
    min-height: auto;
    overflow: visible;
    clip: auto;
}

/* MOBILE VIEW */

@media (max-width: 1200px) {
    #med-header .med-megamenu--mobile {
        display: flex;
    }

    #med-header .med-megamenu {
        display: none;
    }
}

#med-header .med-megamenu--mobile{
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    transition: cubic-bezier(0.2, 0, 0, 1) .3s;
    visibility: hidden;
    position: fixed;
    display: flex;
    flex-direction: column;
    overflow: unset;
    align-items: unset;
    padding: 95px 24px 0 24px;
    gap: 24px;
}

#med-header .med-megamenu--mobile__blocs-domaine {
    top: 0;
    right: 0;
    left: 0;
    z-index: 1092;
    height: 100%;
    background-color: #fff;
    position: fixed;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 95px 0 0 0;
    visibility: hidden;
    transition: cubic-bezier(0.2, 0, 0, 1) .3s;
}

/* transitions gérés dans headerMobile.css */

#med-header .med-megamenu--mobile__titre-rubrique,
#med-header .med-megamenu--mobile__titre-domaine {
    all: unset;
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    color: var(--color-macif--1);
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}

#med-header .med-megamenu--mobile__titre-rubrique.mds-icon__arrow-back--left:before,
#med-header .med-megamenu--mobile__titre-domaine.mds-icon__arrow-back--left:before {
    font-size: 24px;
}

#med-header .med-megamenu--mobile__titre-rubrique:hover,
#med-header .med-megamenu--mobile__titre-domaine:hover,
#med-header .med-megamenu--mobile__bouton-domaine:hover {
    cursor: pointer;
}

#med-header .med-megamenu--mobile .med-megamenu__button{
    padding: 16px 0;
}

#med-header .med-display--none {
    display: none;
}

#med-header .med-megamenu--mobile__bloc-a-la-une--container {
    background-color: #F2F2F2;
    box-shadow: -24px 0 0 0 #F2F2F2;
}


#med-header .med-megamenu--rh-container {
    background-color: var(--color-white);
    height: 100%;
    display: flex;
}

#med-header .med-megamenu--rh-bloc1-container {
    width: 65%;
    background-color: var(--color-white);
    padding: 32px 8px 32px 12px;
}

#med-header .med-megamenu--rh-bloc1-container .mds-action-list--default {
    margin-left: 0;
}

#med-header .med-megamenu--rh-bloc2-container {
    width: 35%;
    background-color: var(--color-grey--5);
    padding: 32px;
}

#med-header .med-megamenu--rh-bloc2-container .med-megamenu__bloc-liens {
    flex-direction: column;
    gap: 24px;
}

#med-header .med-megamenu--rh-bloc2-container .med-megamenu__conteneur-liens-produits {
    background-color: var(--color-grey--5);
}

#med-header .med-megamenu--rh-bloc2-container-button {
    margin-top: 16px;
}

@media (min-width: 1200px) {
    #med-header .med-megamenu__blocActualiteALaUne-liens .med-megamenu__titre-cards {
        margin-bottom: 24px;
    }
}

@media (max-width: 1199px) {
    #med-header .med-megamenu__blocActualiteALaUne-liens .med-megamenu__titre-cards {
        margin-top: 32px;
        margin-bottom: 16px;
    }
    #med-header .med-megamenu__blocActualiteALaUne-liens .med-megamenu--mobile__titre-cards {
        margin-top: 32px;
    }
    #med-header .med-megamenu--mobile-rh .med-megamenu--mobile__bouton-domaine--container {
        padding: 8px 8px 0 32px;
    }
    #med-header .med-megamenu--mobile-rh .med-megamenu__blocActualiteALaUne-liens {
        padding: 0 32px 32px 32px;
    }
    #med-header .med-megamenu--mobile-rh .med-megamenu__blocActualiteALaUne-liens {
        flex-grow: 1;
    }
}

#med-header .med-megamenu--mobile-rh {
    padding: 95px 0 0;
}

#med-header .med-megamenu--mobile-rh .med-megamenu--mobile__titre-rubrique {
    margin-left: 24px;
}

#med-header .med-megamenu--mobile-rh .med-megamenu__liste-cards {
    gap: 8px;
    margin-left: 0;
    margin-right: 0;
}

#med-header .med-megamenu--rh-bloc2-container .med-megamenu__liste-cards {
    display: flex;
    flex-direction: column;
}



/***
Container des boutons domaine
***/
#med-header .med-megamenu__bouton-domaine--container {
    background-color: #F2F2F2;
    width: 20%;
}

#med-header .med-megamenu__blocs-domaine--container {
    background-color: white;
    width: 80%;
    height: 100%;
}

#med-header .med-full-width {
    width: 100%;
    max-width: 100%;
}

/***
Container des blocs
***/
#med-header .med-megamenu__blocs-domaine {
    display: none;
}

#med-header .med-megamenu__blocs-domaine.visible {
    display: flex;
}

#med-header .med-megamenu__blocs-domaine.reversed {
    flex-direction: row-reverse;
}

#med-header .med-megamenu__blocs-domaine > .bloc-1 {
    width: 55%;
}

#med-header .med-megamenu__blocs-domaine > .bloc-2 {
    width: 45%;
}

/***
Bouton domaine
***/
#med-header .med-megamenu__bouton-domaine {
    font-family: "Source sans pro", sans-serif;
    font-size: 18px;
    color: var(--bleu-macif-blason);
    font-weight: 700;
    padding: 24px 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-color: #F2F2F2;
    border-bottom: solid 2px white;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    gap: 16px;
}

#med-header .med-megamenu__bouton-domaine.active {
    background-color: white;
}

#med-header .med-megamenu__bouton-domaine span:first-child {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-around;
}

#med-header .med-megamenu--mobile__bouton-domaine {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Source sans pro", sans-serif;
    font-size: 18px;
    color: var(--bleu-macif-blason);
    font-weight: 700;
    max-height: 88px;
    padding: 16px 0px;
    line-height: 18px;
    width: 100%;
    background-color: white;
    border: 0;
}

#med-header .med-megamenu--mobile__bouton-domaine span:first-child {
    display: flex;
    align-items: center;
    gap: 16px;
}

#med-header .med-megamenu__bouton-domaine__icon,
#med-header .med-megamenu--mobile__bouton-domaine__icon {
    height: 33px;
    width: 33px;
}

#med-header .med-megamenu__bouton-domaine__icon::before,
#med-header .med-megamenu--mobile__bouton-domaine__icon::before {
    font-size: 33px;
    font-weight: 400;
}

#med-header .med-megamenu__bouton-domaine__chevron,
#med-header .med-megamenu--mobile__bouton-domaine__chevron {
    height: 18px;
    width: 18px;
}

#med-header .med-megamenu__bouton-domaine__chevron::before,
#med-header .med-megamenu--mobile__bouton-domaine__chevron::before {
    font-size: 18px;
    font-weight: 400;
}

#med-header .med-megamenu__bouton-domaine__texte {
    text-align: left;
    font-size: 16px;
}

/***
Bloc de droite mégamenu
***/
#med-header .med-megamenu__bloc-cards {
    background-color: #F2F2F2;
    padding: 32px;
}

@media (max-width: 1200px) {
    #med-header .med-megamenu__bloc-cards {
        width: 100%;
    }

    /* On reproduit le comportement de la grille avec un seul élement par ligne en vue mobile, sauf pour les cards compact de la vue produit */
    #med-header .med-megamenu__liste-cards:not(.med-megamenu__cards-compact) > .mds-col {
        flex: 0 0 auto;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

#med-header .med-megamenu__bloc-cards .med-megamenu__liste-cards:not(:last-child) {
    margin-bottom: 32px;
}

#med-header .med-megamenu__bloc-cards .mds-card__desc {
    margin-bottom: 0;
}

/***
Titre du bloc conseil
***/
#med-header .med-megamenu__titre-cards,
#med-header .med-megamenu--mobile__titre-cards {
    margin-bottom: 16px;
}

@media (max-width: 1200px) {
    #med-header .med-megamenu__titre-cards {
        display: none;
    }
}

@media (min-width: 1201px) {
    #med-header .med-megamenu--mobile__titre-cards {
        display: none;
    }
}

/**
Bloc conseil
 */
#med-header .med-megamenu__liste-cards .mds-card--compact-v,
#med-header .med-megamenu__liste-cards .mds-card--compact-h {
    font-family: "Source sans pro", sans-serif;
}

#med-header a.mds-card__link:hover {
    text-decoration: none !important;
}

/***
Bloc central mégamenu
***/
#med-header .med-megamenu__btn-bloc-produits {
    margin-top: 24px;
}

#med-header .med-megamenu__conteneur-liens-produits {
    padding: 32px;
    display: flex;
    background-color: white;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

#med-header .med-megamenu__bloc-liens {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

@media (max-width: 1200px) {
    #med-header .med-megamenu__bloc-liens {
        width: 100%;
        flex-direction: column;
        padding: 32px;
    }

    #med-header .med-megamenu__conteneur-liens-produits {
        width: 100%;
        padding-top: 24px;
        padding-bottom : 32px;
    }
}

/***
Liste de lien (liens et titre)
***/
#med-header .med-megamenu__liste-liens {
    flex: 1 1 50%;
}

#med-header .med-megamenu__liste-liens ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0;
}

#med-header .med-megamenu__bloc-liens a {
    color:var(--color-grey--80);
}

#med-header .med-megamenu__bloc-liens a:hover {
    text-decoration: underline;
}

#med-header .med-megamenu__liste-liens ul > li:not(:last-child) {
    margin-bottom: 8px;
}

@media (max-width: 1200px) {
    #med-header .med-megamenu__btn-bloc-produits {
        margin: 0 32px 32px 32px;
        width: calc(100% - 64px);
    }
}

#med-header .med-megamenu__liste-liens--titre {
    margin-bottom: 24px;
    word-break: break-word;
}

@media (max-width: 1200px) {
    #med-header .med-megamenu__liste-liens--titre {
        display: none;
    }
}

#med-header .med-megamenu--mobile__liste-liens--titre {
    margin-bottom: 16px;
}

@media (min-width: 1201px) {
    #med-header .med-megamenu--mobile__liste-liens--titre {
        display: none;
    }
}

#med-header .med-megamenu__liste-liens .mds-badge {
    margin-left: 8px;
}
/***
Cards conseils : Card basic DS an affichage mobile, reproduit pour affichage desktop
***/
#med-header .med-card--megamenu-basic .mds-card__title {
    font-family: "Montserrat-Bold", sans-serif;
    font-size: .875rem;
    line-height: 1.125;
    font-weight: 700;
    margin-bottom: 4px;
}

#med-header .med-card--megamenu-basic {
    flex-direction: row;
    min-width: 200px;
    min-height: 90px;
    max-width: 100%;
    font-family: "Source sans pro", sans-serif;
}

#med-header .med-card--megamenu-basic .mds-card__desc {
    color: #666;
    font-family: "Source sans pro", sans-serif;
    line-height: 1.125rem;
    font-size: .87rem;
}

#med-header .med-card--megamenu-basic .mds-card__content {
    padding: 16px 16px 32px 16px;
}

#med-header .med-card--megamenu-basic .mds-card__img {
    aspect-ratio: 58/37;
    width: 93px;
    min-height: 90px
}

#med-header .med-card--megamenu-basic .mds-card__img img {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.maciffr-recherche-agence-app ul{
    list-style: none;
    padding-left: 0;
}
body.med-header-mobile--opened{
    overflow: hidden;
}

#med-header .med-header--mobile{
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 1092;
    background-color: #fff;
}

#med-header .med-megamenu--mobile {
    opacity: 1;
    z-index: 1092;
}

@media (min-width: 1200px) {
    #med-header .med-header--mobile{
        display: none;
    }
}

#med-header .med-header-mobile--opened-edition {
    position: relative;
    top: 0;
    transform: translateX(0%);
    opacity: 1;
    z-index: 1080;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

#med-header .med-header--mobile:not(.med-header-mobile--opened):not(.med-header-mobile--opened-edition){
    transform: translateX(+100%);
}

#med-header .med-header--mobile-cibles {
    padding: 24px 24px 0 24px;
}

#med-header .med-header--mobile-rubriques {
    padding: 0 24px 24px 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid var(--color-grey--5);
    flex-direction: column;
    gap: 32px;
    margin-top: 32px;
    width: 100%;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 22px;
    font-style: normal;
    color: var(--color-macif--1);
    line-height: 28px;
}

#med-header .med-header--mobile-cibles select {
    margin-left: 0;
    display: inline-block;
    width: 100%;
    height: calc(1.375em + 1.375em + 2px);
    padding: .6875em 1.6875em .6875em .6875em;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375em;
    color: #373940;
    vertical-align: middle;
    background: url('data:image/svg+xml;utf8,<svg viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path stroke="%23343a40" stroke-width="2px" d="M2 5l6 6 6-6" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right .6875em center/16px 12px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    border-radius: .375em;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#menuCiblesMobile {
    margin-left: 0;
}

#med-header .med-header--mobile-rubriques__lien,
#med-header .med-header--mobile-rubriques__button {
    all: unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer;
}

#med-header .med-header--mobile-rubriques__button.mds-icon__arrow-forward-ios--right::after {
    font-size: 18px;
}

#med-header .med-megamenu--mobile__titre-domaine {
    margin-left: 24px;
}

#med-header .med-megamenu--mobile__titre-rubrique > .mds-icon__arrow-back,
#med-header .med-megamenu--mobile__titre-domaine > .mds-icon__arrow-back {
    font-weight: 700;
}

#med-header .med-rubrique-header__bouton > span:last-child{
    font-size: 18px;
}

#med-header .med-header--mobile-urgence-ou-contact{
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    border-bottom: 2px solid var(--color-grey--5);
}

#med-header .med-header--mobile .med-header--bouton-volet span {
    width: 100%;
    font-family: "Source sans pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

#med-header .med-header--mobile .med-header--bouton-volet::before{
    font-size: 24px;
}

#med-header .med-bandeau-brand--mobile-container .mds-btn--tertiary:hover:not([disabled]),
#med-header .med-bandeau-brand--mobile-container .mds-btn--tertiary:active:not([disabled]),
#med-header .med-header--mobile .mds-btn--tertiary:hover:not([disabled]),
#med-header .med-header--mobile .mds-btn--tertiary:active:not([disabled]) {
    background: initial;
    border-color: initial;
}

#med-header .med-header-mobile-liste-lien-simple {
    padding-left: 0;
}

#med-header .med-header-mobile-lien-simple {
    padding: 24px 24px 0 24px;
    list-style-type: none;
}

#med-header .med-header-mobile-lien-simple a {
    color: var(--noir-gris-blanc-gris-90, #1A1A1A);
    font-family: Source Sans Pro, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#med-header .med-header-mobile-lien-simple a:hover {
    text-decoration: none;
}

#med-header .med-header-overflow-y--hidden {
    overflow-y: hidden;
}

#med-header .med-header--mobile.visible,
#med-header .med-megamenu--mobile__blocs-domaine.visible,
#med-header .med-megamenu--mobile.visible {
    overflow-y: scroll;
    visibility: visible;
    transition: cubic-bezier(0.2, 0, 0, 1) .3s;
    transform: translateX(0%);
}

#med-header .med-header--mobile:not(.visible),
#med-header .med-megamenu--mobile__blocs-domaine:not(.visible),
#med-header .med-megamenu--mobile:not(.visible) {
    overflow-y: hidden;
    visibility: hidden;
    transition: cubic-bezier(0.2, 0, 0, 1) .3s;
    transform: translateX(+100%);
}

#med-header .med-header-resize-height {
    height: 100vh;
}
#med-header .med-megamenu__bloc-a-la-une {
    padding: 32px 0;
    box-shadow: 24px 0 0 0 #F2F2F2;
}

#med-header .med-megamenu__bloc-a-la-une--titre {
    color: var(--color-macif--1);
    font-size: 20px;
    font-family: "Montserrat-Bold", sans-serif;
    margin-bottom: 24px;
    line-height: 28px;
}
.med-image__figure {
    margin: 0 0 .625rem;
}

.med-image__img-desktop, .med-image__img-mobile {
    margin-bottom: 0.3125rem;
    line-height: 1;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none;
}

@media (max-width: 479px) {
    .med-image__img-desktop:not(.med-image__img-mobile-present), .med-image__img-mobile {
        display:block;
    }
    .med-image__img-mobile-present {
        display:none;
    }
}

@media (min-width: 480px) {
    .med-image__img-mobile {
        display:none;
    }
    .med-image__img-desktop {
        display:block;
    }
}

.med-image-figure--a-gauche,
.med-image-figure--a-droite,
.med-image-figure--centree{
    display: flex;
}


.med-image-figure--a-gauche {
    justify-content: flex-start;
}

.med-image-figure--a-droite {
    justify-content: flex-end;
}

.med-image-figure--centree {
    justify-content: center;
}
h1 > span.mds-underline,
.mds-h1 > span.mds-underline,
h2 > span.mds-underline,
.mds-h2 > span.mds-underline,
.mds-display--1 > span.mds-underline,
.mds-display--2 > span.mds-underline {
  background: linear-gradient(0deg, #D3D62E 43%, transparent 40%);
  padding: 0 2px;
}

h1 > span.mds-underline--color-1100,
.mds-h1 > span.mds-underline--color-1100,
h2 > span.mds-underline--color-1100,
.mds-h2 > span.mds-underline--color-1100,
.mds-display--1 > span.mds-underline--color-1100,
.mds-display--2 > span.mds-underline--color-1100 {
  background: linear-gradient(0deg, #00C9F6 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-1050,
.mds-h1 > span.mds-underline--color-1050,
h2 > span.mds-underline--color-1050,
.mds-h2 > span.mds-underline--color-1050,
.mds-display--1 > span.mds-underline--color-1050,
.mds-display--2 > span.mds-underline--color-1050 {
  background: linear-gradient(0deg, #80e4fb 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-1020,
.mds-h1 > span.mds-underline--color-1020,
h2 > span.mds-underline--color-1020,
.mds-h2 > span.mds-underline--color-1020,
.mds-display--1 > span.mds-underline--color-1020,
.mds-display--2 > span.mds-underline--color-1020 {
  background: linear-gradient(0deg, #CCF4Fc 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-2100,
.mds-h1 > span.mds-underline--color-2100,
h2 > span.mds-underline--color-2100,
.mds-h2 > span.mds-underline--color-2100,
.mds-display--1 > span.mds-underline--color-2100,
.mds-display--2 > span.mds-underline--color-2100 {
  background: linear-gradient(0deg, #52DFCE 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-2050,
.mds-h1 > span.mds-underline--color-2050,
h2 > span.mds-underline--color-2050,
.mds-h2 > span.mds-underline--color-2050,
.mds-display--1 > span.mds-underline--color-2050,
.mds-display--2 > span.mds-underline--color-2050 {
  background: linear-gradient(0deg, #A8F0E5 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-2020,
.mds-h1 > span.mds-underline--color-2020,
h2 > span.mds-underline--color-2020,
.mds-h2 > span.mds-underline--color-2020,
.mds-display--1 > span.mds-underline--color-2020,
.mds-display--2 > span.mds-underline--color-2020 {
  background: linear-gradient(0deg, #DCF9F5 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-3100,
.mds-h1 > span.mds-underline--color-3100,
h2 > span.mds-underline--color-3100,
.mds-h2 > span.mds-underline--color-3100,
.mds-display--1 > span.mds-underline--color-3100,
.mds-display--2 > span.mds-underline--color-3100 {
  background: linear-gradient(0deg, #D2FCCA 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-3050,
.mds-h1 > span.mds-underline--color-3050,
h2 > span.mds-underline--color-3050,
.mds-h2 > span.mds-underline--color-3050,
.mds-display--1 > span.mds-underline--color-3050,
.mds-display--2 > span.mds-underline--color-3050 {
  background: linear-gradient(0deg, #E9FDE4 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-3020,
.mds-h1 > span.mds-underline--color-3020,
h2 > span.mds-underline--color-3020,
.mds-h2 > span.mds-underline--color-3020,
.mds-display--1 > span.mds-underline--color-3020,
.mds-display--2 > span.mds-underline--color-3020 {
  background: linear-gradient(0deg, #F6FEF3 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-4100,
.mds-h1 > span.mds-underline--color-4100,
h2 > span.mds-underline--color-4100,
.mds-h2 > span.mds-underline--color-4100,
.mds-display--1 > span.mds-underline--color-4100,
.mds-display--2 > span.mds-underline--color-4100 {
  background: linear-gradient(0deg, #C9ABFB 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-4050,
.mds-h1 > span.mds-underline--color-4050,
h2 > span.mds-underline--color-4050,
.mds-h2 > span.mds-underline--color-4050,
.mds-display--1 > span.mds-underline--color-4050,
.mds-display--2 > span.mds-underline--color-4050 {
  background: linear-gradient(0deg, #E4D5FC 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-4020,
.mds-h1 > span.mds-underline--color-4020,
h2 > span.mds-underline--color-4020,
.mds-h2 > span.mds-underline--color-4020,
.mds-display--1 > span.mds-underline--color-4020,
.mds-display--2 > span.mds-underline--color-4020 {
  background: linear-gradient(0deg, #E4D5FC 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-5100,
.mds-h1 > span.mds-underline--color-5100,
h2 > span.mds-underline--color-5100,
.mds-h2 > span.mds-underline--color-5100,
.mds-display--1 > span.mds-underline--color-5100,
.mds-display--2 > span.mds-underline--color-5100 {
  background: linear-gradient(0deg, #FF866E 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-5050,
.mds-h1 > span.mds-underline--color-5050,
h2 > span.mds-underline--color-5050,
.mds-h2 > span.mds-underline--color-5050,
.mds-display--1 > span.mds-underline--color-5050,
.mds-display--2 > span.mds-underline--color-5050 {
  background: linear-gradient(0deg, #FEC2B7 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-5020,
.mds-h1 > span.mds-underline--color-5020,
h2 > span.mds-underline--color-5020,
.mds-h2 > span.mds-underline--color-5020,
.mds-display--1 > span.mds-underline--color-5020,
.mds-display--2 > span.mds-underline--color-5020 {
  background: linear-gradient(0deg, #FFE8E2 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-6100,
.mds-h1 > span.mds-underline--color-6100,
h2 > span.mds-underline--color-6100,
.mds-h2 > span.mds-underline--color-6100,
.mds-display--1 > span.mds-underline--color-6100,
.mds-display--2 > span.mds-underline--color-6100 {
  background: linear-gradient(0deg, #FB9AA3 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-6050,
.mds-h1 > span.mds-underline--color-6050,
h2 > span.mds-underline--color-6050,
.mds-h2 > span.mds-underline--color-6050,
.mds-display--1 > span.mds-underline--color-6050,
.mds-display--2 > span.mds-underline--color-6050 {
  background: linear-gradient(0deg, #FDCCD0 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-6020,
.mds-h1 > span.mds-underline--color-6020,
h2 > span.mds-underline--color-6020,
.mds-h2 > span.mds-underline--color-6020,
.mds-display--1 > span.mds-underline--color-6020,
.mds-display--2 > span.mds-underline--color-6020 {
  background: linear-gradient(0deg, #FEEBED 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-7100,
.mds-h1 > span.mds-underline--color-7100,
h2 > span.mds-underline--color-7100,
.mds-h2 > span.mds-underline--color-7100,
.mds-display--1 > span.mds-underline--color-7100,
.mds-display--2 > span.mds-underline--color-7100 {
  background: linear-gradient(0deg, #FDBC29 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-7050,
.mds-h1 > span.mds-underline--color-7050,
h2 > span.mds-underline--color-7050,
.mds-h2 > span.mds-underline--color-7050,
.mds-display--1 > span.mds-underline--color-7050,
.mds-display--2 > span.mds-underline--color-7050 {
  background: linear-gradient(0deg, #FEDE95 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-7020,
.mds-h1 > span.mds-underline--color-7020,
h2 > span.mds-underline--color-7020,
.mds-h2 > span.mds-underline--color-7020,
.mds-display--1 > span.mds-underline--color-7020,
.mds-display--2 > span.mds-underline--color-7020 {
  background: linear-gradient(0deg, #FFF1D4 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-8100,
.mds-h1 > span.mds-underline--color-8100,
h2 > span.mds-underline--color-8100,
.mds-h2 > span.mds-underline--color-8100,
.mds-display--1 > span.mds-underline--color-8100,
.mds-display--2 > span.mds-underline--color-8100 {
  background: linear-gradient(0deg, #FCDD2B 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-8050,
.mds-h1 > span.mds-underline--color-8050,
h2 > span.mds-underline--color-8050,
.mds-h2 > span.mds-underline--color-8050,
.mds-display--1 > span.mds-underline--color-8050,
.mds-display--2 > span.mds-underline--color-8050 {
  background: linear-gradient(0deg, #FDED95 43%, transparent 40%);
  padding: 0 2px;
}
h1 > span.mds-underline--color-8020,
.mds-h1 > span.mds-underline--color-8020,
h2 > span.mds-underline--color-8020,
.mds-h2 > span.mds-underline--color-8020,
.mds-display--1 > span.mds-underline--color-8020,
.mds-display--2 > span.mds-underline--color-8020 {
  background: linear-gradient(0deg, #FEF8D4 43%, transparent 40%);
  padding: 0 2px;
}
.med-link:not(.mds-link--standalone), .med-link:not(.mds-link--reverse){
    text-decoration: underline;
    background-color: transparent;
}
/*! design system 2.1.1 */

.mds-background-color__color-white {
    background-color: #fff
}

.mds-background-color__color-black {
    background-color: #000
}

.mds-background-color__color-transparent {
    background-color: rgba(0, 0, 0, 0)
}

.mds-background-color__color-macif--1 {
    background-color: #0a2d82
}

.mds-background-color__color-macif--2 {
    background-color: #d3d62e
}

.mds-background-color__color-grey--5 {
    background-color: #f2f2f2
}

.mds-background-color__color-grey--10 {
    background-color: #e5e5e5
}

.mds-background-color__color-grey--20 {
    background-color: #ccc
}

.mds-background-color__color-grey--30 {
    background-color: #b2b2b2
}

.mds-background-color__color-grey--40 {
    background-color: #999
}

.mds-background-color__color-grey--50 {
    background-color: #7f7f7f
}

.mds-background-color__color-grey--60 {
    background-color: #666
}

.mds-background-color__color-grey--70 {
    background-color: #4d4d4d
}

.mds-background-color__color-grey--80 {
    background-color: #333
}

.mds-background-color__color-grey--90 {
    background-color: #1a1a1a
}

.mds-background-color__color-use--1 {
    background-color: #016f50
}

.mds-background-color__color-use--2 {
    background-color: #effbf7
}

.mds-background-color__color-use--3 {
    background-color: #0038ba
}

.mds-background-color__color-use--4 {
    background-color: #ecf1ff
}

.mds-background-color__color-use--5 {
    background-color: #d80c31
}

.mds-background-color__color-use--6 {
    background-color: #feecef
}

.mds-background-color__color-use--7 {
    background-color: #cf4100
}

.mds-background-color__color-use--8 {
    background-color: #fff1eb
}

.mds-background-color__color-use--9 {
    background-color: #06c
}

.mds-background-color__color-1100 {
    background-color: #00c9f6
}

.mds-background-color__color-1050 {
    background-color: #80e4fb
}

.mds-background-color__color-1020 {
    background-color: #ccf4fc
}

.mds-background-color__color-2100 {
    background-color: #52dfce
}

.mds-background-color__color-2050 {
    background-color: #a8f0e5
}

.mds-background-color__color-2020 {
    background-color: #dcf9f5
}

.mds-background-color__color-3100 {
    background-color: #d2fcca
}

.mds-background-color__color-3050 {
    background-color: #e9fde4
}

.mds-background-color__color-3020 {
    background-color: #f6fef3
}

.mds-background-color__color-4100 {
    background-color: #c9abfb
}

.mds-background-color__color-4050 {
    background-color: #e4d5fc
}

.mds-background-color__color-4020 {
    background-color: #f5eefe
}

.mds-background-color__color-5100 {
    background-color: #ff866e
}

.mds-background-color__color-5050 {
    background-color: #fec2b7
}

.mds-background-color__color-5020 {
    background-color: #ffe8e2
}

.mds-background-color__color-6100 {
    background-color: #fb9aa3
}

.mds-background-color__color-6050 {
    background-color: #fdccd0
}

.mds-background-color__color-6020 {
    background-color: #feebed
}

.mds-background-color__color-7100 {
    background-color: #fdbc29
}

.mds-background-color__color-7050 {
    background-color: #fede95
}

.mds-background-color__color-7020 {
    background-color: #fff1d4
}

.mds-background-color__color-8100 {
    background-color: #fcdd2b
}

.mds-background-color__color-8050 {
    background-color: #fded95
}

.mds-background-color__color-8020 {
    background-color: #fef8d4
}
.med-grid-border{
    border: solid 2px;
}
.med-nav-tabs.med-nav-tabs-carre {
    background-color: white;
    padding: 0px;
    letter-spacing: 0;
    text-align: center;
    color: #0a2d82;
    border: 0;
    border-radius: 4px 4px 0 0;
    height: 60px;
}

.med-nav-tabs.med-nav-tabs-carre ul {
    margin: 0;
    padding: 0;
}

.med-nav-tab-item.med-tab-item-carre {
    list-style: none;
    color: #0a2d82;
    padding: 16px;
    cursor: pointer;
    height: 60px;
    border-radius: 4px 4px 0 0;
    width: 0; /* permet aux onglets de se partager le même espace en responsive*/
}

.med-nav-tab-item.med-tab-item-carre:not(.active) {
    border: 2px solid #F2F2F2;
}

.med-nav-tab-item.med-tab-item-carre.active {
    background-color: #0a2d82;
}

.med-tab-item-carre.active .med-nav-tab-link {
    color: white;
}

.med-tab-item-carre.med-nav-tab-link {
    background: none;
    border: none;
    font-family: 'Montserrat-SemiBold', sans-serif;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0;
    text-align: center;
    color: #0a2d82;
    text-wrap: nowrap;
}

.med-tab-item-carre.med-tab-pane {
    display: none;
}

.med-tab-item-carre.med-tab-pane.active-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #0a2d82;
    padding: 32px;
}

.med-tab-item-carre.med-tab-pane.active-content a.mds-btn {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .med-tab-item-carre.med-tab-pane.active-content {
        padding: 24px;
    }
}

.med-add-tab-item {
    text-align: left;
}

.med-accessibility-hidden {
    opacity: 0;
    filter: alpha(opacity=0);
    height:0;
    width: 0;
    margin: 0;
}

a.med-accessibility-hidden:focus {
    opacity: 100;
    filter: alpha(opacity=100);
    height:100%;
    width: 100%;
    color: white;
}
.med-lanceur-devis__bouton-secondaire span {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
}

.med-lanceur-devis__bouton-secondaire:after {
  margin-left: auto;
}
.sizing-picto {
    font-size: 2rem;
}
.med-avis__stars .mds-icon__star-filled {
    color: var(--color-7100);
}

.med-avis__stars .mds-icon__star{
    color: var(--color-grey--50);
}

.med-avis__stars {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.125rem;
}

.med-avis {
    padding: 1.5rem;
    border: 2px solid var(--color-grey--5);
}

.med-avis__text {
    min-height: 80px;
    margin-bottom: 1rem;
}

.med-avis__text:before {
    content: "“";
}

.med-avis__text::after {
    content: "”";
}

.med-avis__legendary {
    color: #333333;
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0;
}
.mcf-card-lift .mcf-card__body{
    height: 100%;
}
.mcf-card-lift.mcf-border{
    border: 1px solid var(--gris-sable) !important;
}
.mcf-card-lift .resume-content{
    height: initial;
}
.mcf-card-lift .resume-content h3{
    color: var(--bleu-macif-blason);
}
.mcf-card-lift .resume-content .last-published{
    color: var(--gris-600);
}
.mcf-card-lift .resume-content{
    height: 75%;
}
@media screen and (max-width: 768px) {
    .mcf-card-lift .resume-content{
        height: 85%;
    }
}
@media screen and (max-width: 480px) {
    .mcf-card-lift .resume-content{
        height: 80%;
    }
}

.mds-card.mds-card--basic-1.med-card--evenement{
    min-height: unset;
}

.mds-card--basic-1.mds-card__title.med-card--evenement__title{
    margin-bottom: 0;
}

.mds-card--basic-1.mds-card__content.med-card--evenement__content{
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mds-card--basic-1.mds-card__desc.med-card--evenement__desc{
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-grey--80);
    margin-bottom: 4px;
}

.med-card--evenement__chapeau{
    max-height: 40px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: "Source Sans Pro", sans-serif;
    color:#373940;
    margin-bottom: 0;
}

.med-card--evenement__link{
    min-height: 24px;
}

@media (max-width: 37.48em){
    .med-card--evenement.mds-card--basic-1 .mds-card__title{
        font-size: 18px;
        line-height: 1.5rem;
    }
}
.med-ancre a span{
    color: var(--color-macif--1);
}

.med-ancre a:hover{
    text-decoration: none;
}
button.scroll-to-top {
    position: fixed!important;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin-right: 32px;
    margin-bottom: 32px;
    opacity: 0;
    transition: all 200ms cubic-bezier(0.2, 0, 0, 1);
    border: 2px solid #0a2d82;
    background-color: var(--color-white);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}

button.scroll-to-top:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.15);
}

button.scroll-to-top:focus {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px #fff;
}

button.scroll-to-top:disabled {
    cursor: default;
}

@media screen and (max-width: 767px){
    button.scroll-to-top {
        margin-bottom: 76px;
        margin-right: 16px;
    }
}
.mds-list li {
    padding-bottom: 1rem
}

.mds-list li:last-child {
    padding-bottom: 0
}

.mds-list--reverse {
    color: #fff
}

.mds-list--styled > li, .mds-list--styled ul li, .mds-list--styled ol li {
    padding-bottom: 0;
    line-height: 20px;
    padding-left: .5rem
}

.mds-list--styled li + li, .mds-list--styled ul, .mds-list--styled ol {
    margin-top: .5rem
}

.mds-list--styled ol {
    margin-left: 1rem
}

.mds-list--styled ol li::marker {
    content: counter(list-item, lower-alpha) "."
}

.mds-list--styled ul {
    margin-left: .625rem
}

.mds-list--styled ul > li::marker {
    content: "○";
    font-size: .813rem
}

ul.mds-list--styled {
    margin-left: 30px
}

ul.mds-list--styled > li::marker {
    font-size: 1.4rem;
    content: "•"
}

ol.mds-list--styled {
    margin-left: 35px
}

ol.mds-list--styled > li::marker {
    content: counter(list-item) "."
}
.med-list {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

ul.med-list .med-list__fleche{
    padding-top: .75rem;
    display: flex;
}

ul.med-list.med-list__clair .med-list__fleche > span:before{
    color: var(--color-white);
}

ul.med-list .med-list__fleche > span:before{
    color: var(--color-use--9);
}

ul.med-list .med-list__aucune::marker {
    content: none;
}
hr.med-separateur {
    color: var(--color-white);
    height: 2px;
    margin: 48px 0;
    opacity: 1;
}
.med-accordion .mds-accordion__item .mds-accordion__body .mds-row{
    justify-content: center;
}

.med-accordion .mds-accordion__item .mds-accordion__body .mds-row figure{
    width: unset;
}

.med-accordion button.mds-collapse__label:focus,
.med-accordion button.mds-collapse__label:focus-visible{
    outline: 2px auto black;
}

.med-footer__accordion{
    max-width: 276px;
}

.med-footer__accordion-desktop .mds-accordion__item{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.med-footer__accordion-desktop .med-footer__accordion-title{
    color: white;
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    margin-bottom: 0;
    word-break: break-word;
}

.med-footer__accordion-desktop .med-footer__accordion-links,
.med-footer__accordion-mobile.mds-accordion--basic .mds-accordion__item .mds-accordion__body.med-footer__accordion-links{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.med-footer__accordion-desktop .med-footer__accordion-links{
    gap: 16px;
}

.med-footer__accordion-desktop .med-footer__accordion-links a,
.med-footer__accordion-mobile.mds-accordion--basic .mds-accordion__item .mds-accordion__body.med-footer__accordion-links a{
    width: 100%;
    font-size: 16px;
    line-height: 22px;
}

.med-footer__accordion-mobile.mds-accordion--basic .mds-accordion__item .mds-accordion__header button{
    padding-left: 16px;
    padding-right: 16px;
}

.med-footer__accordion-mobile.mds-accordion--basic .mds-accordion__item .mds-accordion__header button p,
.med-footer__accordion-mobile h2{
    margin-bottom: 0;
}

.med-footer__accordion-mobile h2 button p{
    color: white;
}

.med-footer__accordion-link>span.mds-icon::before{
    line-height: 22px;
}

.med-footer__accordion-link{
    display: flex;
    flex-wrap: nowrap;
    color: white;
    align-items: flex-start;
    width: 100%;
}
.mds-show-more__btn {
    display: flex;
    cursor: pointer;
    padding: 0;
    border: none;
    background-color: transparent;
    transition: all .3s cubic-bezier(.2, 0, 0, 1);
    position: relative;
}
.mds-show-more__btn:not([class*=mds-text]) {
    color: var(--color-use--9);
    font: normal 1.125rem "Source Sans Pro", sans-serif;
    line-height: 1.75rem;
}
.mds-show-more__btn[class*=mds-text] {
    color: var(--color-use--9);
}
.mds-show-more__btn:hover > span.mds-visible,
.mds-show-more__btn:hover > span.mds-hidden {
    text-decoration: underline;
}
.mds-show-more__btn span.mds-visible,
.mds-show-more__btn span.mds-hidden {
    padding-right: 4px;
    text-align: left;
}
.mds-show-more__btn > span[class*=mds-icon] {
    transition: all .3s cubic-bezier(.2, 0, 0, 1);
    display: flex;
}
.mds-show-more__btn.active span[class*=mds-icon] {
    transform: rotate(-180deg);
}
.mds-show-more__btn ~ .mds-collapse__content:not([class*=mds-text]) {
    color: var(--color-grey--80);
    font: normal 1.125rem "Source Sans Pro", sans-serif;
    line-height: 1.75rem;
}
.mds-show-more__btn ~ .mds-collapse__content.active {
    padding-top: 1rem;
}
.med-reseaux-sociaux li {
    list-style: none;
}

.med-reseaux-sociaux ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    gap: 8px;
}
#popinWcb { z-index: 2000 }
#popinWcb + .mcf-modal__backdrop.show { z-index: 1999 }
#popinWcb button.close:focus { outline: 2px auto black }