@layer ui{.ui-callout{--callout-bg: var(--primary-soft);--callout-fg: var(--primary);--callout-edge: color-mix(in srgb, var(--callout-fg) 28%, transparent);display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--callout-edge);border-radius:var(--radius-card-sm);background:var(--callout-bg);color:var(--text)}.ui-callout--info{--callout-bg: var(--primary-soft);--callout-fg: var(--primary)}.ui-callout--success{--callout-bg: var(--ok-soft);--callout-fg: var(--ok)}.ui-callout--warning{--callout-bg: var(--warn-soft);--callout-fg: var(--warn)}.ui-callout--danger{--callout-bg: var(--danger-soft);--callout-fg: var(--danger)}.ui-callout--neutral{--callout-bg: var(--surface-sunk);--callout-fg: var(--text-muted);--callout-edge: var(--line)}.ui-callout__icon{flex:none;display:grid;place-items:center;padding-block-start:1px;color:var(--callout-fg)}.ui-callout__body{flex:1 1 auto;min-width:0}.ui-callout__title{margin:0;font-weight:var(--weight-semibold);line-height:var(--leading-snug);overflow-wrap:anywhere}.ui-callout__text{line-height:var(--leading-body);overflow-wrap:anywhere}.ui-callout__title+.ui-callout__text{margin-block-start:var(--space-1)}.ui-callout__text>*{margin-block:0}.ui-callout__text>*+*{margin-block-start:var(--space-2)}.ui-callout__action{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-3)}}