.fig-art-callout.fig-art-callout{background:var(--_bg);border-left:4px solid var(--_c);border-radius:0 var(--fig-radius-md,14px) var(--fig-radius-md,14px) 0;display:flex;gap:16px;margin:36px 0;padding:22px 24px}.fig-art-callout--tip{--_c:var(--fig-color-green,#6abe83);--_bg:var(--fig-color-green-tint,#e9f6ed);--_ic:#2f7a47}.fig-art-callout--note{--_c:var(--fig-color-light-blue,#1395ba);--_bg:var(--fig-color-light-blue-bg,#eaf5f9);--_ic:var(--fig-color-action,#0075c0)}.fig-art-callout--important{--_c:var(--fig-color-orange,#ed6e26);--_bg:var(--fig-color-orange-tint,#fdf2eb);--_ic:#b8501a}.fig-art-callout .fig-art-callout__icon{color:var(--_ic);flex:0 0 auto;padding-top:2px}.fig-art-callout .fig-art-callout__content{min-width:0}.fig-art-callout .fig-art-callout__heading{color:var(--fig-color-navy,#102c58);font-size:17px;font-weight:700;line-height:1.35;margin:0 0 6px}.fig-art-callout .fig-art-callout__body{color:var(--fig-color-ink,#314257);font-size:16px;line-height:1.65}.fig-art-callout .fig-art-callout__body p{margin:0 0 10px}.fig-art-callout .fig-art-callout__body>:last-child{margin-bottom:0}@media (max-width:700px){.fig-art-callout.fig-art-callout{gap:12px;padding:18px}}