.modal-light-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#02172bcc;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out modalLightFadeIn;display:flex;position:fixed;top:0;left:0}.modal-light-content{box-sizing:border-box;max-width:95vw;max-height:95vh;animation:.3s cubic-bezier(.16,1,.3,1) modalLightScaleIn;position:relative;box-shadow:0 24px 48px #0006}.modal-light-close-button{background-color:var(--color-white);color:var(--color-primary-navy);cursor:pointer;z-index:10002;opacity:.9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;font-weight:300;transition:background-color .2s,transform .2s,opacity .2s;display:flex;position:absolute;top:24px;right:24px;box-shadow:0 4px 12px #00000026}.modal-light-close-button:hover{background-color:var(--color-secondary-mist-light);opacity:1;transform:scale(1.05)}.modal-light-close-button:focus-visible{outline:2px solid var(--color-primary-navy);outline-offset:2px}@keyframes modalLightFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalLightScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.modal-light-backdrop{align-items:flex-start;padding:30px 10px;overflow-y:auto}.modal-light-content{max-height:none}.modal-light-close-button{background:#ffffff80;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:30px;display:flex;top:16px;right:16px;box-shadow:0 2px 8px #0000001a}}
