.modal-overlay{z-index:100;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:460px;max-width:100%;max-height:90vh;box-shadow:var(--shadow);flex-direction:column;display:flex}.modal:focus{outline:none}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-head h3{font-size:16px;font-weight:500}.modal-x{color:var(--muted);background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.modal-x:hover{color:var(--text)}.modal-body{padding:20px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}