html.alupreference-modal-open {
overflow: hidden;
}
.alupreference-modal {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 48px 16px;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.alupreference-modal[hidden] {
display: none;
}
.alupreference-modal__overlay {
position: fixed;
inset: 0;
background: rgba(18, 24, 66, 0.7);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
animation: alupreference-modal-fade .2s ease-out;
}
.alupreference-modal__dialog {
position: relative;
z-index: 1;
width: 100%;
max-width: 800px;
margin: auto;
animation: alupreference-modal-rise .25s ease-out;
}
.alupreference-modal__dialog .gform_wrapper {
margin: 0;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
}
.alupreference-modal__dialog .gform_confirmation_wrapper {
margin: 0;
} .alupreference-modal__close {
position: absolute;
top: 20px;
right: 24px;
z-index: 2;
display: grid;
place-items: center;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
color: #121842;
cursor: pointer;
transition: color .15s ease, transform .15s ease;
}
.alupreference-modal__close:hover,
.alupreference-modal__close:focus-visible {
color: #f05332;
transform: scale(1.08);
outline: none;
}
.alupreference-modal__close svg {
width: 24px;
height: 24px;
display: block;
}
@keyframes alupreference-modal-fade {
from { opacity: 0; }
to   { opacity: 1; }
}
@keyframes alupreference-modal-rise {
from { opacity: 0; transform: translateY(16px); }
to   { opacity: 1; transform: translateY(0); }
}
@media (max-width: 782px) {
.alupreference-modal {
padding: 16px 12px 24px;
}
.alupreference-modal__close {
top: 14px;
right: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.alupreference-modal__overlay,
.alupreference-modal__dialog {
animation: none;
}
}