.modal:where(:not(.tooltip)){top:7.5rem;width:100%;max-width:min(1092px,90vw);max-height:90vh;color:var(--color-white);padding:1.5rem;margin-top:0;background:var(--color-neutral-800);border-radius:.5rem;border:none;position:relative}.modal:where(:not(.tooltip))::backdrop{opacity:.75;background:var(--color-black)}.modal:where(:not(.tooltip)) h3{font-size:1.125rem;line-height:1.75rem;margin-bottom:1.5rem}.modal.centered:where(:not(.tooltip)){top:50%;transform:translateY(-50%)}.modal.large:where(:not(.tooltip)){top:var(--navbar-height);width:100vw;height:calc(100vh - var(--navbar-height));background:var(--color-primary-bg);max-width:none;max-height:none;position:absolute;z-index:10;border-radius:0;display:flex;justify-content:center;align-items:center}.modal.large:where(:not(.tooltip))>div{text-align:center}.modal.large:where(:not(.tooltip))>div svg{animation:rotation 1s linear infinite}.modal.large:where(:not(.tooltip))>div svg path{fill:none}.modal.large:where(:not(.tooltip)) h3{font-size:1.25rem;letter-spacing:inherit}.modal:where(:not(.tooltip)) button.close-button{top:1.5rem;right:1.5rem;width:2rem;height:2rem;cursor:pointer;border:none;display:flex;outline:none;position:absolute;background:var(--color-neutral-500);color:var(--color-white);align-items:center;border-radius:1in;justify-content:center}.modal:where(:not(.tooltip)) button.close-button:focus{background:var(--color-neutral-600)}.modal:where(:not(.tooltip)) button.close-button:focus-visible{outline:1px dashed var(--color-primary);outline-offset:2px}.modal:where(:not(.tooltip)) fieldset{border:none;margin:0;padding:0}.modal:where(:not(.tooltip)) fieldset legend{font-size:1.125rem;margin-bottom:1rem}.modal:where(:not(.tooltip)) .modal-footer{width:100%;display:flex;position:relative;flex-direction:row-reverse;justify-content:flex-start}.modal:where(:not(.tooltip)) .modal-footer button:first-of-type{margin-left:1rem}body:has(.modal:not(.tooltip)[open]){overflow:hidden}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}