.image-and-text{background-color:var(--bg-color, #ffffff);width:100%}.image-and-text__container{display:flex;flex-direction:column;gap:3rem}.image-and-text__content-inner{display:flex;flex-direction:column;gap:2rem}@media screen and (min-width:768px){.image-and-text__container{flex-direction:row;gap:8rem;align-items:stretch}.image-and-text__content-inner{margin:auto 0}}.image-and-text__image{position:relative;width:100%;order:1;flex:1 1 calc(50% - 4rem);border-radius:8px;overflow:hidden}.image-and-text__image:before{content:"";display:block;padding-top:100%}.image-and-text__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-and-text__image .placeholder-svg{width:100%;height:auto;min-height:300px}.image-and-text__content{display:flex;flex-direction:column;gap:2rem;order:2;flex:1 1 calc(50% - 4rem)}.image-and-text__heading{color:var(--title-color, #000000);margin:0;font-weight:600}.image-and-text__text{color:var(--text-color, #000000)}.image-and-text__button-wrapper{display:flex;justify-content:center}@media screen and (min-width:768px){.image-and-text__button-wrapper{justify-content:flex-start}}.image-and-text__button{color:var(--button-text-color, #0071e3)!important;border-color:var(--button-border-color, #0071e3)!important}@media screen and (min-width:768px){.image-and-text--image-right .image-and-text__image{order:2}.image-and-text--image-right .image-and-text__content{order:1}}.image-and-text--mobile-image-after .image-and-text__image{order:2}.image-and-text--mobile-image-after .image-and-text__content{order:1}@media screen and (min-width:768px){.image-and-text--mobile-image-after .image-and-text__image{order:1}.image-and-text--mobile-image-after .image-and-text__content,.image-and-text--image-right.image-and-text--mobile-image-after .image-and-text__image{order:2}.image-and-text--image-right.image-and-text--mobile-image-after .image-and-text__content{order:1}}@media screen and (max-width:767px){.image-and-text__heading.h1{font-size:calc(var(--font-heading-scale) * 3rem)}.image-and-text__heading.h2{font-size:calc(var(--font-heading-scale) * 2rem)}.image-and-text__heading.h3{font-size:calc(var(--font-heading-scale) * 1.7rem)}}@media screen and (min-width:768px){.image-and-text__heading.h1{font-size:calc(var(--font-heading-scale) * 4rem)}.image-and-text__heading.h2{font-size:calc(var(--font-heading-scale) * 2.4rem)}.image-and-text__heading.h3{font-size:calc(var(--font-heading-scale) * 1.8rem)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hs-image-and-text.css.map */