.image-with-text .image-with-text__content{background-color:rgb(var(--secondary-bg-color));padding-left:15rem;padding-right:20%}.image-with-text .grid{margin-left:0;margin-bottom:0}.image-with-text__grid{overflow:hidden}@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{display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:center;padding:4rem 4rem 5rem}@media screen and (min-width: 750px){.image-with-text__grid--reverse .image-with-text__content{margin-left:auto}}@media screen and (min-width: 990px){.image-with-text__content{padding:6rem 7rem 7rem}}.image-with-text__content>*+*{margin-top:3rem}.image-with-text__content>.image-with-text__text:empty~a{margin-top:2rem}.image-with-text__content>:first-child:is(.image-with-text__head){margin-top:0}.image-with-text__content :last-child:is(.image-with-text__head){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__subheading{font-weight:700;font-size:18px;line-height:28px;color:#000;letter-spacing:0;margin:0}.image-with-text__head{margin:10px 0!important;color:#000!important}.image-with-text__text p{margin-top:0;margin-bottom:1rem}@media screen and (max-width: 1200px){.image-with-text .image-with-text__content{padding-left:5rem;padding-right:10%}}@media screen and (max-width: 768px){.image-with-text .grid{flex-direction:column}.image-with-text .grid>.grid__item{width:100%;text-align:center}.image-with-text .image-with-text__content{justify-content:center!important;align-items:center;padding:40px 20px}}@media screen and (max-width: 500px){.image-with-text__subheading{font-size:16px;line-height:25px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/99-image-with-text.css.map */