.callout{container-type:inline-size;display:grid;grid-template-columns:auto 1fr;gap:calc(var(--ud-spacing) * 3);padding:calc(var(--ud-spacing) * 4) calc(var(--ud-spacing) * 5);border-radius:var(--ud-radius-lg);color:var(--ud-color-ink)}.callout>.lucide{width:1.25rem;height:1.25rem;margin-top:.2em}.callout-body>*+*{margin-top:calc(var(--ud-spacing) * 2)}.callout-info{background:var(--ud-color-info-soft)}.callout-info>.lucide,.callout-info .callout-body>strong:first-child{color:var(--ud-color-info)}.callout-warning{background:var(--ud-color-warning-soft)}.callout-warning>.lucide,.callout-warning .callout-body>strong:first-child{color:var(--ud-color-warning)}.callout-success{background:var(--ud-color-success-soft)}.callout-success>.lucide,.callout-success .callout-body>strong:first-child{color:var(--ud-color-success)}.callout-danger{background:var(--ud-color-danger-soft)}.callout-danger>.lucide,.callout-danger .callout-body>strong:first-child{color:var(--ud-color-danger)}