.image-with-text{margin-top:0rem}.image-with-text .grid{margin-bottom:0}@media screen and (min-width: 750px){.image-with-text__grid--reverse{flex-direction:row-reverse}}.image-with-text__media{background-color:transparent;min-height:100%}.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:rgba(var(--color-foreground),.04);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{padding-top:6px}@media screen and (min-width: 750px){.image-with-text__grid--reverse .image-with-text__content{margin-left:auto}.image-with-text__content-container{display:flex;align-items:center}.image-with-text__content-container .image-with-text__content{width:100%}.image-with-text__content.is-sticky{position:sticky;top:0}}.image-with-text__content>*+*{margin-top:2rem}.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 .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:7.3rem;font-size:4.5rem}.image-with-text__text{font-size:1.9rem;margin-bottom:2rem}.image-with-text__text p{margin-top:0;margin-bottom:1rem}.image-with-text__cta{font-size:1.9rem;color:rgba(var(--color-link),var(--alpha-link));text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:text-decoration-thickness var(--duration-short) ease}@media screen and (min-width: 990px){.image-with-text__grid .grid__item{width:33.33%}.image-with-text__grid .grid__item:first-child{width:66.66%}}@media screen and (min-width: 990px){.collection-image-with-text .image-with-text__grid .grid__item:first-child{width:25%}.collection-image-with-text .image-with-text__text{max-width:800px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-image-with-text.css.map */