.image-with-text{display:flex;flex-wrap:wrap;align-items:center;background:var(--color-bg, #fff)}@media only screen and (min-width: 768px){.image-with-text{flex-wrap:nowrap}}.image-with-text.text_first{flex-direction:row-reverse}.image-with-text__image{flex-grow:0;flex-shrink:0;width:100%}.image-with-text__content{width:100%;flex-grow:1;padding:25px}.image-with-text__content-image-wrapper{margin-bottom:1.25rem;display:flex;column-gap:10px}.image-with-text__content-image-wrapper>*{flex-basis:20%;width:20%}@media only screen and (min-width: 768px){.image-with-text__content{padding:45px}}@media only screen and (min-width: 1068px){.image-with-text__content{padding:70px}}.image-with-text__content svg{width:100px;height:100px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent);margin-bottom:20px}.image-with-text__content--inner{max-width:600px;margin:0 auto}.image-with-text__content--inner-wrapper{display:flex;gap:0 10px}.image-with-text__content--inner-wrapper .image-with-text__left-image{object-fit:contain}.image-with-text__content--inner-wrapper>div{flex:1}.image-with-text__left-image{width:15%}.image-with-text__content__image{margin-bottom:30px}.image-with-text__content p,.image-with-text__content h3,.image-with-text__content .text-button{color:var(--color-text, --color-body)}.image-with-text__content .text-button:before{background:rgba(var(--color-text-rgb),.4)}.image-with-text__content .text-button:after{background:var(--color-text, --color-body)}@media only screen and (min-width: 1068px){.image-with-text__content .rte.description-size--small{font-size:.875rem}}@media only screen and (min-width: 1068px){.image-with-text__content .rte.description-size--large{font-size:1.25rem}}.image-with-text__content .rte p{font-size:inherit}.image-with-text__content .accordion summary{color:var(--color-text, --color-body)}.image-with-text__content .accordion summary span:before,.image-with-text__content .accordion summary span:after{background:var(--color-text, --color-body)}@media only screen and (min-width: 768px){.image-with-text.grid--image-small>.image-with-text__inner{width:40%}}@media only screen and (min-width: 768px){.image-with-text.grid--image-medium>.image-with-text__inner{width:50%}}@media only screen and (min-width: 768px){.image-with-text.grid--image-large>.image-with-text__inner{width:60%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/before-after-image-with-text.css.map */