.utmb-modale {
align-items: center;
background-color: var( --utmb-modale-overlay, rgba( 23, 39, 47, 0.78 ) );
bottom: 0;
display: flex;
justify-content: center;
left: 0;
opacity: 0;
padding: var( --utmb-modale-margin, 40px );
position: fixed;
right: 0;
top: 0;
transition: opacity 0.18s ease; z-index: 100000;
}
.utmb-modale[hidden] {
display: none;
}
.utmb-modale.is-open {
opacity: 1;
} .utmb-modale__window {
background-color: var( --e-global-color-primary, #396277 );
border-radius: var( --utmb-modale-radius, 18px );
box-shadow: 0 24px 64px rgba( 23, 39, 47, 0.45 );
display: flex;
flex-direction: column;
max-height: var( --utmb-modale-max-h, 92% );
max-width: 100%;
overflow: hidden;
position: relative;
transform: translateY( 12px );
transition: transform 0.18s ease;
width: var( --utmb-modale-w, 960px ); height: var( --utmb-modale-h, 720px );
}
.utmb-modale.is-open .utmb-modale__window {
transform: translateY( 0 );
}  .utmb-modale__title {
clip-path: inset( 50% );
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.utmb-modale__close {
align-items: center;
background-color: var( --e-global-color-secondary, #fff );
border: 0;
border-radius: 50%;
color: var( --e-global-color-primary, #396277 );
cursor: pointer;
display: flex;
height: var( --utmb-modale-close, 44px );
justify-content: center;
line-height: 0;
padding: 0;
position: absolute;
right: 12px;
text-transform: none;
top: 12px;
transition: background-color 0.15s ease, color 0.15s ease;
width: var( --utmb-modale-close, 44px );
z-index: 2;
}
.utmb-modale__close:hover,
.utmb-modale__close:focus {
background-color: var( --e-global-color-utmbbleusurvol, #2c4b5b );
color: var( --e-global-color-secondary, #fff );
}
.utmb-modale__close:focus-visible {
outline: 3px solid var( --e-global-color-secondary, #fff );
outline-offset: 2px;
}
.utmb-modale__close svg {
height: 20px;
width: 20px;
} .utmb-modale__close-text {
clip-path: inset( 50% );
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}  .utmb-modale__media {
flex: 0 0 auto;
}
.utmb-modale__media {
display: none;
} .utmb-modale.has-media .utmb-modale__media {
display: block;
}
.utmb-modale.has-media .utmb-modale__media:empty {
display: none;
}
.utmb-modale__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
}
.utmb-modale__frame {
border: 0;
display: block;
flex: 1 1 auto;
min-height: 0;
width: 100%;
} .utmb-modale__loading {
align-items: center;
color: var( --e-global-color-secondary, #fff );
display: flex;
font-family: var( --e-global-typography-text-font-family, "Futura PT" ), Futura, "Century Gothic", system-ui, sans-serif;
inset: 0;
justify-content: center;
position: absolute;
}
.utmb-modale.is-loaded .utmb-modale__loading {
display: none;
}  body.utmb-modale-ouverte {
overflow: hidden;
padding-right: var( --utmb-modale-scrollbar, 0 );
} @media ( max-width: 767px ) {
.utmb-modale {
padding: 0;
}
.utmb-modale__window {
border-radius: 0;
height: 100%;
max-height: 100%;
width: 100%;
}
.utmb-modale__close {
right: 8px;
top: 8px;
}
} @media ( prefers-reduced-motion: reduce ) {
.utmb-modale,
.utmb-modale__window {
transition: none;
}
.utmb-modale__window {
transform: none;
}
}