.h2ui-modal-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);background:oklch(15% .01 260/.48);position:fixed;inset:0}.h2ui-modal-content{z-index:50;gap:var(--s-4);width:100%;max-height:calc(100vh - var(--s-8));background:var(--chrome-bg-elev);color:var(--chrome-fg);border:1px solid var(--chrome-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--s-6);outline:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.h2ui-modal-content[data-size=sm]{max-width:400px}.h2ui-modal-content[data-size=md]{max-width:520px}.h2ui-modal-content[data-size=lg]{max-width:720px}.h2ui-modal-content[data-size=xl]{max-width:960px}.h2ui-modal-content[data-size=full]{max-width:calc(100vw - var(--s-8))}.h2ui-modal-footer{justify-content:flex-end;align-items:center;gap:var(--s-2);border-top:1px solid var(--chrome-divider);padding:var(--s-3) var(--s-6);background:var(--chrome-bg-elev);margin-top:auto;display:flex}.h2ui-modal-body{min-height:0;padding:0 var(--s-6);flex:auto;overflow-y:auto}body[data-chrome=slate] .h2ui-modal-content{color:var(--ink-900);border-color:var(--ink-200);background:#fff}body[data-chrome=slate] .h2ui-modal-footer{border-top-color:var(--ink-200);background:#fff}.h2ui-modal-close{top:var(--s-3);right:var(--s-3);border-radius:var(--r-xs);width:24px;height:24px;color:var(--chrome-fg-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute}.h2ui-modal-close:hover{background:var(--chrome-hover);color:var(--chrome-fg)}.h2ui-modal-close:focus-visible{box-shadow:var(--ring);outline:none}.h2ui-modal-close svg{stroke-width:1.75px;width:14px;height:14px}