.image-with-text__grid{overflow:hidden}@media screen and (min-width: 768px){.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:12rem}.image-with-text__media--large{height:24rem}@media screen and (min-width: 750px){.image-with-text__media--small{height:20rem}.image-with-text__media--large{height:44rem}}.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: 768px){.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;align-self:center;padding:2rem 2rem 3rem}.image-with-text__content--mobile-right>*{align-self:flex-end;text-align:right}.image-with-text__content--mobile-center>*{align-self:center;text-align:center}.image-with-text--overlap .image-with-text__content{transform:translateY(-3rem);width:90%;margin:0 auto;background-color:#fff}@media screen and (min-width: 768px){.image-with-text__grid--reverse .image-with-text__content{margin-left:auto}.image-with-text__content--bottom{justify-content:flex-end;align-self:flex-end}.image-with-text__content--top{justify-content:flex-start;align-self:flex-start}.image-with-text__content--desktop-right>*{align-self:flex-end;text-align:right}.image-with-text__content--desktop-left>*{align-self:flex-start;text-align:left}.image-with-text__content--desktop-center>*{align-self:center;text-align:center}.image-with-text--overlap .image-with-text__text-item{display:flex;padding:3rem 0}.image-with-text--overlap .image-with-text__content{height:auto;width:calc(100% + 4rem);min-width:calc(100% + 4rem);transform:translate(-4rem)}.image-with-text--overlap .image-with-text__grid--reverse .image-with-text__content{transform:translate(4rem)}.image-with-text--overlap .image-with-text__grid--reverse .image-with-text__text-item{justify-content:flex-end}.image-with-text--overlap .image-with-text__media-item--top{align-self:flex-start}.image-with-text--overlap .image-with-text__media-item--middle{align-self:center}.image-with-text--overlap .image-with-text__media-item--bottom{align-self:flex-end}.image-with-text__media-item--small,.image-with-text__media-item--large+.image-with-text__text-item{flex-grow:0}}@media screen and (min-width: 768px){.image-with-text__content{padding:2rem 4rem 4rem}}.image-with-text__content>*+*{margin-top:1rem}.image-with-text__content>.image-with-text__text:empty~a{margin-top:1rem}.image-with-text__content>:first-child:is(.image-with-text__heading),.image-with-text__text--caption+.image-with-text__heading,.image-with-text__text--caption:first-child{margin-top:0}.image-with-text__content :last-child:is(.image-with-text__heading),.image-with-text__text--caption{margin-bottom:0}.image-with-text__content .button+.image-with-text__text{margin-top:1rem}.image-with-text__content .image-with-text__text+.button{margin-top:2rem}.image-with-text__heading{margin-bottom:0}.image-with-text__text p{margin-top:0;margin-bottom:.5rem}.image-with-text__icon-with-text{display:flex}.image-with-text__icon-with-text>*+*{margin-left:1rem}.image-with-text__icon-with-text .media{width:5rem}.related_blogs_heading_wrapper .featured_product_name{text-transform:capitalize}.related_blogs{justify-content:center}.related_blogs_container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;margin-top:2rem}.related_blogs_heading_wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:100%;margin:2rem 0 0rem}.related_blogs_heading{font-weight:700}.featured-article-card{display:flex;justify-content:center;align-items:center;width:100%;height:200px;max-width:500px}.extra-featured-articles{display:flex}.featured-blog-img{max-width:40%;height:100%}.featured-blog-img,.featured-blog-img img{border-radius:10px 0 0 10px}.featured-blog-snippet{background-color:rgb(var(--color-gray-100));height:100%;display:flex;justify-content:center;flex-direction:column;padding:2rem;max-width:60%;border-radius:0 10px 10px 0}.featuredblog_mobile{display:none}.image-with-text__liquid{width:100%}@media screen and (max-width:767px){.related_blogs_container{margin-top:unset}}@media screen and (min-width:767px){.related_blogs{flex-direction:row;flex-wrap:nowrap;width:100%}.extended{flex-wrap:wrap}}@media screen and (max-width: 540px){.featuredblog_desktop{display:none}.featuredblog_mobile{display:flex;margin:2rem 0}.featuredblog_mobile .featured-blog-snippet{justify-content:center;align-items:center;text-align:center}.featuredblog_mobile .featured-article-card{width:100vw}}@media screen and (max-width: 348px){.featuredblog_mobile .button{padding:.5rem}}@media screen and (max-width:767px){.related_blogs_container{display:flex;align-items:flex-start;overflow-x:scroll;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.related_blogs_container::-webkit-scrollbar{display:none}.related_blogs_container .grid{flex-wrap:nowrap}.featured-article-card{display:flex;justify-content:center;align-items:center;height:auto;min-height:170px;width:calc(100vw - 3rem);max-width:500px;scroll-snap-align:center}.single-article-card{width:calc(100vw - 2rem)}.featured-blog-img{max-width:39%;height:100%}.featured-blog-snippet{max-width:61%;height:100%;padding:1rem;gap:.5rem}.related_blogs_heading_wrapper{margin:0rem 1rem 2rem;align-items:flex-start;text-align:left}.Featuredblog .image-with-text__content{padding:2rem 0rem 3rem}}@media (min-width:767px){.page-width-desktop{max-width:var(--page-width);margin:0 auto}}.text-below-mobile{display:none}@media (max-width:768px){.text-below-mobile{display:block;margin:auto;padding-top:2rem;order:3}.text_below_mobile_layout{display:none}}@media (min-width:768px){.mobile_image-with-text__media-item{display:none}}@media (max-width:767px){.desktop_image-with-text__media-item{display:none}}
/*# sourceMappingURL=/cdn/shop/t/772/assets/component-image-with-text.css.map */