.image-with-text{display:flex;flex-wrap:wrap;align-items:center;background:transparent}@media only screen and (min-width:768px){.image-with-text{flex-wrap:nowrap}}.image-with-text.text_first{flex-direction:row-reverse}.image-with-text__image{flex-grow:0;flex-shrink:0;width:100%;padding-bottom:var(--padding-bottom);border-radius:8px}.image-with-text__image svg,.image-with-text__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:8px}.image-with-text__image svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent)}.image-with-text__image-media{position:relative;width:100%;overflow:hidden;padding-bottom:var(--ratio-percent);border-radius:8px;margin-bottom:2rem}.image-with-text__image-media.aspect-ratio--small{padding-bottom:75%}.image-with-text__image-media.aspect-ratio--large{padding-bottom:100%}.image-with-text__image-media iframe,.image-with-text__image-media video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.image-with-text__content{width:100%;flex-grow:1;padding:25px 0}.image-with-text__container{padding:0 3px}@media only screen and (min-width:768px){.image-with-text__content{padding:45px}.image-with-text__image-media{margin-bottom:0}}@media only screen and (min-width:1068px){.image-with-text__content{padding:70px}}.image-with-text__content .subheading,.image-with-text__content p{color:var(--color-body-text)}@media only screen and (min-width:768px){.image-with-text.grid--image-small>.image-with-text__inner{width:37.5%}}@media only screen and (min-width:768px){.image-with-text.grid--image-medium>.image-with-text__inner{width:46%}.full-width-row-full .image-with-text.grid--image-medium>.image-with-text__inner{width:50%}}@media only screen and (min-width:768px){.image-with-text.grid--image-large>.image-with-text__inner{width:56%}}.image-backdrop{position:relative}@media screen and (min-width:768px){.image-backdrop:after{position:absolute;content:"";height:100%;top:48px;background-color:var(--color-secondary--lightest);z-index:-1;width:100vw;right:48px;left:unset;border-radius:8px}}.text_first .image-backdrop:after{right:unset;left:48px}@media screen and (min-width:1513px){.image-backdrop:after{width:100%}}.image-with-text__inner h3.h2{line-height:1}
/*# sourceMappingURL=/cdn/shop/t/127/assets/image-with-text.css.map */