/* No font metrics or native button padding in the close control. */
dialog.modal>.modal-close{position:absolute;top:14px;right:14px;left:auto;bottom:auto;display:block;box-sizing:border-box;appearance:none;-webkit-appearance:none;flex-shrink:0;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #cdd8c2;border-radius:50%;background:#fffef8;color:var(--ink);font-size:0;line-height:1;z-index:3;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
dialog.modal>.modal-close>.close-icon{display:block;position:absolute;left:50%;top:50%;width:20px;height:20px;margin:0;padding:0;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}
dialog.modal>.modal-close:hover{background:#eef3e5;border-color:#a9bc95}
dialog.modal>.modal-close:active{background:#e3ecd5}
dialog.modal>.modal-close:focus-visible{outline:3px solid #8da976;outline-offset:3px}
/* Long headings must not run underneath the close button. */
dialog.modal:has(>.modal-close)>:is(h2,.eyebrow,.app-menu-brand){padding-right:44px}