.image-with-text,.image-with-text .grid-table{margin:0 auto}.image-with-text__grid{display:flex;flex-direction:column;margin:auto;overflow:hidden;width:100%;align-items:center;padding-bottom:15px}@media screen and (min-width: 750px){.image-with-text__grid{flex-direction:row}.image-with-text__grid--reverse-desktop{flex-direction:row-reverse}.image-with-text__grid>.grid__item{padding:0 2rem}.image-with-text__grid>.grid__item:first-child{padding-left:0}.image-with-text__grid>.grid__item:last-child{padding-right:0}}.image-with-text__media{background-color:transparent;margin:0;min-height:100%}@media screen and (min-width: 750px){.image-with-text__media{margin:4rem 0}}.image-with-text__media--small{height:19.4rem}.image-with-text__media--large{height:43.5rem}@media screen and (min-width: 750px){.image-with-text__media--small{height:31.4rem}.image-with-text__media--large{height:69.5rem}}.image-with-text__media--placeholder{background-color:var(--color-foreground-4);position:relative;overflow:hidden}.image-with-text__media--placeholder.image-with-text__media--adapt{height:20rem}@media screen and (min-width: 750px){.image-with-text__media--placeholder.image-with-text__media--adapt{height:30rem}}.image-with-text__media--placeholder>svg{position:absolute;left:50%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:100%;fill:currentColor}.image-with-text__content{display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:center;padding:4rem 0rem 5rem}@media screen and (max-width: 749px){.image-with-text__content{align-items:center;text-align:center}.image-with-text__text,.image-with-text__heading{text-align:center!important}}.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){margin-top:0}.image-with-text__content :last-child:is(.image-with-text__heading){margin-bottom:0}.image-with-text__content :last-child:is(.button){margin-top:2rem}.image-with-text__content .button+.image-with-text__text{margin-top:2rem}.image-with-text__heading{margin-bottom:0}.image-with-text__text p{margin-top:0;margin-bottom:1rem;font-size:1.1rem;font-weight:500}.image-with-text__pricing-button{border-radius:10px;padding:1rem 5rem;color:#fff;background-color:#f15971;border-color:#f15971;font-weight:600}@media screen and (min-width: 576px){.image-with-text__pricing-button{padding:1rem 6rem}}
/*# sourceMappingURL=/cdn/shop/t/430/assets/component-image-with-text.css.map */
