[data-fragment=Modal]{z-index:100;background:var(--ui-overlay,#00000073);font-family:var(--font-sans,system-ui, sans-serif);color:var(--text-primary,currentColor);place-items:center;padding:24px;display:grid;position:fixed;inset:0}[data-fragment=Modal] [class$=-dialog]{background:var(--bg-primary,transparent);border-radius:var(--radius-lg,16px);flex-direction:column;width:100%;max-width:520px;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}[data-fragment=Modal][data-size=small] [class$=-dialog]{max-width:380px}[data-fragment=Modal][data-size=large] [class$=-dialog]{max-width:760px}[data-fragment=Modal][data-size=full] [class$=-dialog]{width:100%;max-width:calc(100vw - 48px);height:100%;max-height:calc(100vh - 48px)}[data-fragment=Modal][data-size=drawer]{place-items:stretch end;padding:0}[data-fragment=Modal][data-size=drawer] [class$=-dialog]{border-left:1px solid var(--ui-line,transparent);border-radius:0;width:100%;max-width:460px;height:100vh;max-height:100vh}[data-fragment=Modal][data-size=drawer-wide]{place-items:stretch end;padding:0}[data-fragment=Modal][data-size=drawer-wide] [class$=-dialog]{border-left:1px solid var(--ui-line,transparent);border-radius:0;width:100%;max-width:640px;height:100vh;max-height:100vh}[data-fragment=Modal] [class$=-foot]{border-top:1px solid var(--ui-line,transparent);background:var(--bg-primary,transparent);justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}[data-fragment=Modal] [class$=-header]{border-bottom:1px solid var(--ui-line,transparent);justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}[data-fragment=Modal] [class$=-header] :is(h1,h2,h3){letter-spacing:-.2px;color:var(--text-primary,currentColor);text-wrap:balance;margin:0;font-size:16px;font-weight:700}[data-fragment=Modal] [class$=-close]{border-radius:var(--radius-sm,6px);width:28px;height:28px;color:var(--text-secondary,currentColor);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}[data-fragment=Modal] [class$=-close]:hover{background:var(--bg-secondary,transparent);color:var(--text-primary,currentColor)}[data-fragment=Modal] [class$=-close]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=Modal] [class$=-body]{flex:1;padding:20px;overflow-y:auto}