.image-with-text-section{padding-top:27px;padding-bottom:27px}@media screen and (min-width: 750px){.image-with-text-section{padding-top:36px;padding-bottom:36px}}.image-with-text .grid{margin-bottom:0;--grid-mobile-horizontal-spacing: 16px;--grid-mobile-vertical-spacing: 16px;--grid-desktop-horizontal-spacing: 32px;--grid-desktop-vertical-spacing: 32px}.image-with-text .grid__item{position:relative}@media screen and (min-width: 750px){.image-with-text__grid--reverse{flex-direction:row-reverse}}.image-with-text__media{overflow:hidden;border-radius:var(--radius-large);background-color:transparent;border:none}.image-with-text .image-with-text__media.media>img:not(.zoom):not(.deferred-media__poster-button){position:relative;width:100%;height:auto;display:block;border-radius:var(--radius-large);object-fit:contain}.image-with-text__media--placeholder{position:relative;overflow:hidden;min-height:20rem;border-radius:var(--radius-large)}.image-with-text__media--placeholder:after{content:"";position:absolute;background:rgba(var(--color-foreground),.04)}.image-with-text__media--placeholder>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;fill:currentColor}.image-with-text__content{align-items:flex-start;display:flex;flex-direction:column;height:auto;justify-content:center;padding:0;position:relative;z-index:1;word-break:break-word}.image-with-text__media-item--middle{display:flex;align-items:center}.image-with-text__media-item--top{display:flex;align-items:flex-start}.image-with-text__media-item--bottom{display:flex;align-items:flex-end}.image-with-text__media-item .image-with-text__media{width:100%}.image-with-text__content--mobile-right>*{align-self:flex-end;text-align:right}@media screen and (min-width: 750px){.image-with-text__grid--reverse .image-with-text__content{margin-left:auto}.image-with-text__content--bottom{justify-content:flex-end;align-self:flex-end}.image-with-text__content--top{justify-content:flex-start;align-self:flex-start}.image-with-text__content--desktop-right>*{align-self:flex-end;text-align:right}.image-with-text__content--desktop-left>*{align-self:flex-start;text-align:left}}.image-with-text .background-transparent{background:transparent}.image-with-text__content>*+*{margin-top:1rem}.image-with-text__content>.image-with-text__text:empty~a{margin-top:2rem}.image-with-text__content>:first-child:is(.image-with-text__heading),.image-with-text__text--caption+.image-with-text__heading,.image-with-text__text--caption:first-child{margin-top:0}.image-with-text__content :last-child:is(.image-with-text__heading),.image-with-text__text--caption{margin-bottom:0}.image-with-text__content .button+.image-with-text__text{margin-top:2rem}.image-with-text__content .image-with-text__text+.button{margin-top:3rem}.image-with-text__heading{margin-bottom:0}.image-with-text__text p{margin-top:0;margin-bottom:1rem}@supports not (inset: 10px){.image-with-text .grid{margin-left:0}}.image-with-text .button--dark-blue{background-color:var(--color-deepblue);color:var(--color-white);border-color:var(--color-deepblue)}.image-with-text .button--dark-blue:hover{background-color:transparent;border-color:var(--color-deepblue);color:var(--color-deepblue)}.image-with-text .button--green{background-color:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.image-with-text .button--green:hover{background-color:transparent;border-color:var(--color-green);color:var(--color-green)}.image-with-text__heading{color:var(--color-blue)}.image-with-text__text,.image-with-text__text p,.image-with-text__text--caption.subhead{color:var(--color-deepblue)}.image-with-text__text ul{list-style:none;padding-left:0;margin:0}.image-with-text__text ul li{display:inline-flex;align-items:flex-start;gap:8px;margin-bottom:12px;line-height:1.4;width:100%}.image-with-text__text ul li:before{content:"";width:18px;height:18px;flex-shrink:0;background-image:url(checkmark-green.svg);background-size:contain;background-repeat:no-repeat;position:relative;top:-2px}.image-with-text__content--desktop-right .image-with-text__text ul li,.image-with-text__content--mobile-right .image-with-text__text ul li{justify-content:flex-end}@media screen and (min-width: 750px){.image-with-text__content--mobile-right:not(.image-with-text__content--desktop-right) .image-with-text__text ul li{justify-content:flex-start}}.image-with-text__buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:2rem}.image-with-text__content .button+.button{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-image-with-text.css.map */