.c-modal{z-index:9999;position:fixed;inset:0}.c-modal[hidden]{display:none}.c-modal__overlay{background:#0000008c;position:absolute;inset:0}.c-modal__panel{color:#fff;background:#273a46;border:2px solid #fff;border-radius:.75rem;width:calc(100% - 2rem);max-width:50rem;max-height:80dvh;margin:10vh auto;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 10px 40px #00000040}.c-modal__header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.c-modal__title{margin:0;font-size:1.25rem;line-height:1.3}.c-modal__close{-webkit-appearance:none;appearance:none;color:#273a46;cursor:pointer;aspect-ratio:1;text-box:trim-both ex alphabetic;background:#fff;border:0;border-radius:50%;padding:.4rem .6rem;font-size:1.2rem;font-weight:600;line-height:1}.c-modal__body{margin-top:.75rem}html:has(.modal-open){height:100dvh;overflow:hidden}body.modal-open{padding-top:var(--header-height)}