.modal:where(:not(.tooltip)){top:7.5rem;width:100%;max-width:min(1092px,90vw);max-height:90vh;color:var(--color-white);padding:2.5rem 5rem;margin-top:0;background:var(--color-neutral-700);border-radius:.5rem;border:none;position:relative;&::-webkit-backdrop{opacity:.8;background:var(--color-neutral-900)}&::backdrop{opacity:.8;background:var(--color-neutral-900)}& h3{font-size:1.125rem;line-height:1.75rem;margin-bottom:1.5rem}&.centered{top:50%;transform:translateY(-50%)}&.large{top:var(--navbar-height);width:100vw;height:calc(100vh - var(--navbar-height));background:var(--color-primary-bg);max-width:unset;max-height:unset;position:absolute;z-index:10;border-radius:0;display:flex;justify-content:center;align-items:center;&>div{text-align:center;& svg{animation:rotation 1s linear infinite;path{fill:none}}}& h3{font-size:1.25rem;letter-spacing:unset}}button.close-button{top:.75rem;right:.75rem;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;&:focus{background:var(--color-neutral-600)}&:focus-visible{outline:1px dashed var(--color-primary);outline-offset:2px}}& fieldset{border:none;margin:0;padding:0;& legend{font-size:1.125rem;margin-bottom:1rem}}& .modal-footer{width:100%;display:flex;position:relative;flex-direction:row-reverse;justify-content:flex-start;& 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)}}