.modal-scrim{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(18,22,24,.45);opacity:1;transition:opacity var(--dur-slow) var(--ease-out)}.modal-panel{width:100%;background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;opacity:1;transform:scale(1);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.modal-scrim>.modal-panel{display:flex;flex-direction:column;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}.modal-scrim>.modal-panel>.modal-head{flex:none}.modal-scrim>.modal-panel>.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}@starting-style{.modal-scrim{opacity:0}.modal-panel{opacity:0;transform:scale(.97)}}.modal-scrim[data-state=closed]{pointer-events:none}.modal-panel[data-state=closed],.modal-scrim[data-state=closed]{opacity:0;transition-duration:var(--dur-exit);transition-timing-function:var(--ease-in)}.modal-panel[data-state=closed]{transform:scale(.98)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}.modal-title{font-size:17px;margin:0;letter-spacing:-.01em}.modal-close{flex:none;display:grid;place-items:center;width:30px;height:30px;border:0;background:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-press) var(--ease-out)}.modal-close:hover{background:var(--bg-sunken);color:var(--text-primary)}.modal-close:active{transform:scale(.92)}.modal-close:focus-visible{outline:none;color:var(--text-primary);box-shadow:0 0 0 3px var(--teal-100)}.modal-body{padding:22px}