.callout{--background: transparent;--gap: var(--size-6);background-color:var(--background);container:callout / inline-size}:where([class*=bg-blue-]:not(.bg-blue-100)) .callout{--text-color: var(--white);color:var(--text-color)}.callout .callout__title{color:var(--text-color);font-size:clamp(var(--h2-min),1.386rem + 1.176vw,var(--h2-max))}.callout__inner{display:flex;flex-direction:column;gap:var(--gap)}@container (inline-size >= 48rem){.callout__inner{align-content:center;flex-direction:row-reverse}.is-reversed .callout__inner{flex-direction:row}}@container (inline-size >= 64rem){.callout__inner{--gap: 5% }}@container (inline-size >= 48rem){.callout__content--image,.callout__content--text{flex:1}}.callout__content--image img{border-radius:var(--radius-4)}.callout__content--text{--gap: var(--size-6);display:flex;flex-direction:column;gap:var(--gap)}@container (inline-size >= 48rem){.callout__content--text{justify-content:center}}