/* Shared by every dialog close button; keep sizing independent of text fonts. */
dialog .dialog-close-button{box-sizing:border-box;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;min-width:34px;min-height:34px;margin:0;padding:0;border:1px solid #a7b99540;border-radius:50%;background:transparent;color:#dfdfd0;line-height:1;cursor:pointer;appearance:none}
dialog .dialog-close-button>.icon{display:block;width:18px;height:18px;margin:0;pointer-events:none}
dialog .dialog-close-button:hover{background:#c5d0af14;border-color:#c5d0af80;color:#fff4d9}
dialog .dialog-close-button:focus-visible{outline:2px solid #d4bc82;outline-offset:3px}
@media(pointer:coarse){dialog .dialog-close-button{flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px}}