@layer reset,tokens,base,layout;@layer components{.callout{--callout-color:var(--color-info);--callout-bg:var(--color-info-surface);gap:var(--space-2);max-inline-size:var(--width-text);padding:var(--space-4) var(--space-5);background-color:var(--callout-bg);border-inline-start:3px solid var(--callout-color);border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md);align-content:start;display:grid}.callout--tip{--callout-color:var(--color-success);--callout-bg:var(--color-success-surface)}.callout--warning{--callout-color:var(--color-warning);--callout-bg:var(--color-warning-surface)}.callout--danger{--callout-color:var(--color-danger);--callout-bg:var(--color-danger-surface)}.callout__title{font-family:var(--font-label);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--callout-color);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase}.callout__body{gap:var(--space-3);display:grid}@media (forced-colors:active){.callout{border:var(--border-width) solid CanvasText;border-inline-start-width:3px}}}@layer utilities,overrides;