.modals{position:fixed;z-index:var(--zi-below);top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:var(--transition);visibility:hidden}.modals::before{content:"";position:absolute;z-index:var(--zi-default);top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:var(--transition);background:0 0}.modal{position:absolute;z-index:var(--zi-modal);top:var(--gap);left:50%;transform:translateX(-50%);width:calc(100% - var(--gap) * 2);max-width:45em;height:auto;display:flex;flex-direction:column;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--color-box);transition:var(--transition);margin:-2em 0 0;opacity:0;visibility:hidden}.modal__header{display:block;position:relative;padding:1em 3em 1em 1.5em;border-bottom:var(--border);color:var(--color-heading)}.modal__header+.modal__footer{border-top-width:0}.modal__close{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:none;background:0 0;box-shadow:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;margin:0;padding:0;position:absolute;z-index:var(--zi-default);top:50%;transform:translateY(-50%);right:.5em;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-text-muted);cursor:pointer;transition:var(--transition)}.modal__close:active,.modal__close:focus,.modal__close:hover{text-decoration:none;color:var(--color-heading)}.modal__body{display:block;max-height:calc(100vh - 8em - var(--gap) * 2);overflow:hidden auto;padding:1.5em}.modal__footer{display:flex;align-items:stretch;justify-content:flex-end;gap:.5em;padding:1em 1.5em;border-top:var(--border)}.modal_center{top:50%;transform:translate(-50%,-50%)}.modal_sm{max-width:35em}.modal_lg{max-width:65em}.modal-open>.modals{z-index:var(--zi-modal);visibility:visible}.modal-open>.modals::before{background:rgba(0,0,0,.5)}.modal-open>.modals>.modal.active{margin:0;opacity:1;visibility:visible}