.ui-alert{--alert-accent:var(--c-error);--alert-soft:var(--c-error-soft);align-items:flex-start;background:var(--alert-soft);border:1px solid color-mix(in srgb,var(--alert-accent) 28%,transparent);border-radius:var(--radius-md);color:var(--c-ink);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.ui-alert__icon{align-items:center;background:var(--alert-accent);block-size:24px;border-radius:50%;color:#fff;display:inline-flex;flex:0 0 auto;inline-size:24px;justify-content:center;margin-block-start:1px}.ui-alert__icon svg{display:block}.ui-alert__body{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-alert__title{color:var(--c-ink);font-family:var(--font-semi);font-size:14px;font-weight:600;line-height:1.35;margin:0}.ui-alert__msg{color:var(--c-ink-2,var(--c-ink));font-family:var(--font-sans);font-size:14px;line-height:1.5;margin:0}.ui-alert__close{align-items:center;background:transparent;block-size:28px;border:0;border-radius:var(--radius-sm,8px);color:var(--c-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;inline-size:28px;justify-content:center;margin-inline-start:auto;opacity:.7;padding:0;transition:opacity var(--dur-fast,.14s) var(--ease-out,ease),background-color var(--dur-fast,.14s) var(--ease-out,ease)}.ui-alert__close:hover{background:color-mix(in srgb,var(--alert-accent) 12%,transparent);opacity:1}.ui-alert--success{--alert-accent:var(--c-live-deep,var(--c-live));--alert-soft:var(--c-live-soft)}.ui-alert--warning{--alert-accent:var(--c-warning);--alert-soft:var(--c-warning-soft)}.ui-alert--info{--alert-accent:var(--c-secondary);--alert-soft:var(--c-secondary-soft)}