.callout.svelte-3ee4k9{--callout-bg:var(--md-surface-container-low);--callout-fg:var(--md-on-surface);--callout-border:var(--md-outline-variant);border:1px solid var(--callout-border);border-radius:var(--md-radius-md);background-color:var(--callout-bg);color:var(--callout-fg);margin:1.5em 0;padding:20px 24px}.callout--note.svelte-3ee4k9{--callout-bg:var(--md-primary-container);--callout-fg:var(--md-on-primary-container);--callout-border:var(--md-primary)}.callout--tip.svelte-3ee4k9{--callout-bg:var(--md-secondary-container);--callout-fg:var(--md-on-secondary-container);--callout-border:var(--md-secondary)}.callout--warning.svelte-3ee4k9{--callout-bg:var(--md-tertiary-container);--callout-fg:var(--md-on-tertiary-container);--callout-border:var(--md-tertiary)}.callout--danger.svelte-3ee4k9{--callout-bg:var(--md-error-container);--callout-fg:var(--md-on-error-container);--callout-border:var(--md-error)}.callout-header.svelte-3ee4k9{align-items:center;gap:8px;display:flex}.callout-title.svelte-3ee4k9{overflow-wrap:anywhere;margin:0;font-weight:700}.callout-body.svelte-3ee4k9{margin-top:10px}.callout-body.svelte-3ee4k9>:first-child{margin-top:0}.callout-body.svelte-3ee4k9>:last-child{margin-bottom:0}@media (width<=640px){.callout.svelte-3ee4k9{padding:16px 18px}}