body:has(.dialog-modal[open]){overflow:hidden}@media screen and (pointer:fine){body:has(.dialog-modal[open]){margin-right:15px}body:has(.dialog-modal[open]) #mainHeader{width:calc(100% - 15px)}}.modal-open-button{background-color:var(--dark-blue);color:var(--white);border:1px solid var(--white);border-radius:20px;padding:.25rem 1rem;transition:background-color .2s}.modal-open-button:hover{background-color:var(--dark-blue-hover)}.dialog-modal{border:1px solid var(--dark-blue);opacity:0;overscroll-behavior:contain;border-radius:10px;width:95vw;padding:0;overflow:auto}.dialog-modal .modal-content{display:grid}.dialog-modal .modal-content header.modal-header{background-color:var(--dark-blue);grid-template-columns:40px 1fr 40px;align-items:center;padding:.5rem;display:grid}.dialog-modal .modal-content header.modal-header .modal-title{color:var(--white);grid-column:2;margin:0}.dialog-modal .modal-content header.modal-header .dialog-modal-close-button{color:var(--orange);background:0 0;border:none;width:40px;padding:0;transition:color .2s}.dialog-modal .modal-content header.modal-header .dialog-modal-close-button:hover{color:var(--light-orange)}.dialog-modal .modal-content .modal-body{max-height:70vh;padding:.5rem;position:relative;overflow-y:auto}.dialog-modal[open]{animation:.3s ease-in forwards fadein}.dialog-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media screen and (min-width:768px){.dialog-modal .modal-content .modal-body{padding:1rem}}@media screen and (min-width:992px){.dialog-modal{width:75vw}.dialog-modal .modal-content .modal-body{max-height:-moz-fit-content;max-height:fit-content;padding:1rem}}@media screen and (min-width:1200px){.dialog-modal{width:50vw}}@keyframes fadein{0%{opacity:0}to{opacity:1}}