@layer components{@media screen and (min-width: 768px),print{.image-with-text__wrapper{display:flex;align-items:stretch}}.image-with-text__wrapper.content-wrapper{padding:0}@media screen and (min-width: 768px),print{.image-with-text__column{width:50%}}.image-with-text__column--image{display:flex;flex-direction:column-reverse}@media screen and (min-width: 768px),print{.image-with-text__column--image{flex-direction:row}}@media screen and (min-width: 1024px),print{.image-with-text__column--image{gap:calc(var(--spacing-unit-xs) * 8)}}.image-with-text__column--content{background-repeat:no-repeat;max-width:800px}.image-with-text__callouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:calc(var(--spacing-unit-xs) * 5);margin:calc(var(--spacing-unit-xs) * 5) 0}@media screen and (min-width: 768px),print{.image-with-text__callouts{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-unit-xs);margin:0 0 var(--spacing-unit-s)}}@media screen and (min-width: 1024px),print{.image-with-text__callouts{grid-template-columns:1fr;gap:var(--spacing-unit-m);margin:0}}.image-with-text__callout-image{width:120px}@media screen and (min-width: 1024px),print{.image-with-text__callout-image{width:90px}}.image-with-text__callout-text{display:flex;justify-content:center;align-items:center;gap:var(--spacing-unit-xxs);margin:var(--spacing-unit-xs) 0 0;font-weight:700;font-size:1.2rem;text-align:center;white-space:nowrap}@media screen and (min-width: 768px),print{.image-with-text__callout-icon{display:none}}@media screen and (min-width: 1024px),print{.image-with-text__callout-icon{display:block}}.image-with-text__image{width:100%;height:100%;object-fit:cover}.image-with-text__content{display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-unit-s);height:100%;text-align:center}@media screen and (min-width: 768px),print{.image-with-text__content{text-align:left}}.image-with-text__tag{margin-bottom:var(--spacing-unit-s)}.image-with-text__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-unit-xs)}@media screen and (min-width: 768px),print{.image-with-text__cta{justify-content:flex-start}}}
/*# sourceMappingURL=/cdn/shop/t/467/assets/image-with-text.css.map */