.syszla-callout{box-shadow:0 -1px 0 0 var(--color-transparent-shadow-black-mid,rgba(16,33,38,.2)) inset,0 8px 12px -4px var(--color-transparent-shadow-black-light,rgba(16,33,38,.1))}.syszla-callout.variant-default{align-items:flex-start;border-radius:var(--border-radius-4xl,32px);display:flex;gap:var(--gap-5xl,32px);padding:var(--padding-5xl,32px) var(--padding-4xl,24px);.syszla-callout__content{align-items:center;align-self:stretch;display:flex;justify-content:space-between;width:100%}.syszla-callout__heading{flex:1}.syszla-image-wrapper{max-height:260px}}.syszla-callout.variant-narrow{align-items:center;border-radius:var(--border-radius-2xl,12px);display:flex;gap:var(--gap-2xl,16px);padding:var(--padding-2xl,16px);.syszla-callout__content{align-items:center;display:flex;width:100%}.syszla-body-text{flex:1}.syszla-callout__buttons{display:flex;gap:var(--gap-4xl,24px);justify-content:flex-end}}.syszla-callout.bg-neutral{background:var(--color-neutral-bg-light,#f3f5f6)}.syszla-callout.bg-yellow{background:var(--color-warning-bg-light,#fffad8)}.syszla-callout.bg-brand_blue{background:var(--color-brand-blue-bg-light,#ebf5ff)}.syszla-callout.bg-primary{background:var(--color-alert-bg-light,#ffeceb)}.syszla-callout.bg-green{background:var(--color-success-bg-light,#e7fbda)}.syszla-callout.variant-default .syszla-image-wrapper{display:none}@media (min-width:1024px){.syszla-callout.variant-default{padding:var(--padding-5xl,32px) var(--padding-6xl,48px)}.syszla-callout.variant-default .syszla-image-wrapper{display:block}}@media (min-width:1280px){.syszla-callout.variant-default{padding:var(--padding-6xl,48px) var(--padding-7xl,64px)}}