:root{--callout-bg-info:#f5f9fe;--callout-border-color-info:#ecf1f6;--callout-bg-tip:#f3fef9;--callout-border-color-tip:#c6dbd4;--callout-bg-note:#f7f5fe;--callout-border-color-note:#efe8fa;--callout-bg-warn:#fefbf0;--callout-border-color-warn:#f8ede0;--callout-bg-caution:#fff7f7;--callout-border-color-caution:#f6e6e6}.callout{background-color:var(--callout-bg-color,var(--callout-bg-info));border-radius:12px;padding:16px;margin:12px 0;border:1px solid var(--callout-border-color,var(--callout-border-color-info))}.callout-indicator{display:flex;margin-bottom:8px;text-transform:uppercase;font-weight:600}.callout-hint>svg{margin-right:.5rem;display:inline-block;vertical-align:text-bottom;fill:none;stroke:currentColor;stroke-width:3px;width:18px;height:18px;min-width:18px;min-height:18px}.callout-content:first-child,.callout-content:only-child{margin-block-start:0}.callout-content:last-child,.callout-content:only-child{margin-block-end:0}.callout-info{--callout-bg-color:var(--callout-bg-info);--callout-border-color:var(--callout-border-color-info)}.callout-tip{--callout-bg-color:var(--callout-bg-tip);--callout-border-color:var(--callout-border-color-tip)}.callout-warn{--callout-bg-color:var(--callout-bg-warn);--callout-border-color:var(--callout-border-color-warn)}.callout-caution{--callout-bg-color:var(--callout-bg-caution);--callout-border-color:var(--callout-border-color-caution)}.callout-note{--callout-bg-color:var(--callout-bg-note);--callout-border-color:var(--callout-border-color-note)}