.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:transparent;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal,1400)}.modal-overlay.allow-underneath-pointer-events{pointer-events:none;background-color:transparent}.modal-overlay.greyed-background{background-color:rgba(0,0,0,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-overlay.whitened-background{background-color:hsla(0,0%,100%,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-container{display:flex;flex-direction:column;background-color:transparent;position:absolute;border:2px solid transparent;height:fit-content;width:fit-content;max-width:100%;align-self:center;outline:1px solid var(--modal-background-color);border-radius:8px;pointer-events:all}.modal-container .title-container{display:flex;background:var(--back-accent-color);width:100%;border-radius:8px 8px 0 0;align-items:center;font-family:var(--font-rubik);font-weight:300}.modal-container .title-container :not(button):focus,.modal-container .title-container :not(button):focus-visible,.modal-container .title-container:focus,.modal-container .title-container:focus-visible{outline:none}.modal-container .title{margin:0;padding:.75rem 2rem;width:100%;color:var(--yellow-lightest);font-size:1.75rem;font-weight:400;text-align:center;text-justify:center;border-radius:inherit;user-select:none}.modal-container.modal-container--warning{outline:1px solid var(--red-strong)}.modal-container.modal-container--warning .title{background-color:var(--red-strong);color:var(--white)}.modal-container .title.title-with-close-button{padding-right:3rem;padding-left:2rem}.modal-body{background-color:var(--modal-background-color);border-radius:0 0 8px 8px;border:1px solid var(--grey-shadow);border-top:none}.modal-body>*{border-radius:0 0 8px 8px}body.modal-open{position:fixed;overflow:hidden;width:100%;overscroll-behavior:none;touch-action:none}.modal-container .close-button{position:absolute;right:0;padding:0 .5rem;margin:.5rem;font-size:1.5rem;color:var(--yellow-lightest);cursor:pointer;font-weight:500}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes modal-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}.modal-container.animating-in{animation:modal-fade-in .25s ease-out forwards}.modal-container.animating-out{animation:modal-fade-out .25s ease-in forwards}@media (max-width:500px){.modal-container{margin:.75rem;min-width:90vw;min-width:90dvw}}