.alef-callout{background:var(--alef-callout-bg,#f7f7f8);border-inline-start:var(--alef-callout-bar-width,4px) solid var(--alef-callout-bar-color,#9aa1a8);border-radius:var(--alef-callout-radius,6px);padding:var(--alef-callout-padding,16px 18px);color:var(--alef-callout-text,inherit);margin:0 0 24px}.alef-callout__title{color:var(--alef-callout-title-color,inherit);margin:0 0 8px;font-weight:700}.alef-callout__body>:last-child{margin-bottom:0}.alef-callout--info{--alef-callout-bg:var(--alef-callout-info-bg,#eef4fb);--alef-callout-bar-color:var(--alef-callout-info-bar,#3b82c4)}.alef-callout--tip{--alef-callout-bg:var(--alef-callout-tip-bg,#eef8f0);--alef-callout-bar-color:var(--alef-callout-tip-bar,#3f9b57)}.alef-callout--warning{--alef-callout-bg:var(--alef-callout-warning-bg,#fdf3ea);--alef-callout-bar-color:var(--alef-callout-warning-bar,#d4802a)}.alef-callout--note{--alef-callout-bg:var(--alef-callout-note-bg,#f4f2f8);--alef-callout-bar-color:var(--alef-callout-note-bar,#7c3aed)}