.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-heading{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;font-weight:400}.syszla-callout__buttons{display:flex;gap:var(--gap-4xl,24px);justify-content:flex-end}}.syszla-callout .syszla-image-wrapper .syszla-image{width:100%}.syszla-callout .syszla-icon{justify-content:flex-start}@media (max-width:640px){.syszla-callout-wrapper .syszla-heading{max-width:100%;min-width:0;width:100%}.syszla-callout-wrapper .syszla-heading .syszla-hero-buttons{align-items:stretch;flex-direction:column;min-width:0;width:100%}.syszla-callout-wrapper .syszla-heading .syszla-hero-buttons>span,.syszla-callout.variant-narrow .syszla-callout__buttons>span{display:flex;max-width:100%;min-width:0;width:100%}.syszla-callout-wrapper .syszla-heading .syszla-hero-buttons>span>a,.syszla-callout.variant-narrow .syszla-callout__buttons>span>a{display:flex;flex-wrap:wrap;max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal;width:100%;word-break:break-word}.syszla-callout-wrapper .syszla-heading .syszla-hero-buttons>span>a{flex-wrap:nowrap;justify-content:flex-start}.syszla-callout-wrapper .syszla-heading .syszla-hero-buttons>span>a>span:has(.syszla-icon),.syszla-callout.variant-narrow .syszla-callout__buttons .syszla-button>span:has(.syszla-icon){flex:0 0 auto;width:auto}.syszla-callout-wrapper .syszla-heading .syszla-hero-buttons>span>a>span:not(:has(.syszla-icon)),.syszla-callout.variant-narrow .syszla-callout__buttons .syszla-button>span:not(:has(.syszla-icon)){display:block;flex:1 1 auto;max-width:100%;min-width:0;overflow-wrap:anywhere;text-align:center;white-space:normal;width:auto;word-break:break-word}.syszla-callout.variant-narrow .syszla-callout__content{align-items:flex-start;flex-direction:column}.syszla-callout.variant-narrow .syszla-callout__content>*{max-width:100%;min-width:0}.syszla-callout.variant-narrow .syszla-callout__content>.syszla-body-text{width:100%}.syszla-callout.variant-narrow .syszla-callout__buttons{flex-direction:column;min-width:0;width:100%}.syszla-callout.variant-narrow .syszla-callout__buttons .syszla-button{justify-content:center}}.syszla-callout.bg-neutral{background:var(--color-neutral-bg-ultralight,#f9fafb)}.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-primary-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)}}