.modal{height:100vh;overflow-y:auto;overflow-x:hidden;justify-content:center;inset-inline:0;transition:opacity .3s ease;position:fixed;inset-block:0;opacity:0;visibility:hidden;align-items:center;width:100vw;display:flex;z-index:99}.modal.open{opacity:1;visibility:visible}.modal-bg{height:100%;position:absolute;background:var(--page-desktop-nav-curtain-color);width:100%}.modal-container{height:80%;padding:2rem;position:relative;text-align:center;border-radius:1rem;background:var(--page-content-background-white-color);width:60%}.modal-close{inset-inline-end:1rem;font-weight:700;appearance:none;position:absolute;outline:none;inset-block-start:1rem;background:none}@media (max-width:767.98px){.modal-container{height:70%;width:90%}}