.image-with-text{display:flex;flex-wrap:wrap;align-items:center;gap:20px}@media only screen and (min-width:769px){.image-with-text{flex-wrap:nowrap;gap:0}}.image-with-text.text_first{flex-direction:row-reverse}.image-with-text.vertical-align__flex_start{align-items:flex-start}.image-with-text.vertical-align__flex_end{align-items:flex-end}.image-with-text.vertical-align__flex_center{align-items:center}.image-with-text__image{flex-grow:0;flex-shrink:0;width:100%;padding-bottom:var(--padding-bottom)}.image-with-text__image svg,.image-with-text__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.image-with-text__image svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5;background:var(--color-accent)}.image-with-text__image-media{position:relative;width:100%;overflow:hidden;padding-bottom:var(--ratio-percent);box-shadow:0 0 10px #00000012}.image-with-text__image-media.no-box-shadow{box-shadow:none}.image-with-text__image-media.aspect-ratio--small{padding-bottom:75%}.image-with-text__image-media.aspect-ratio--large{padding-bottom:100%}.image-with-text__content{width:100%;flex-grow:1}.image-with-text__content h3{text-transform:capitalize}.image-with-text__text-url-container{display:flex;flex-direction:column;gap:10px;text-transform:capitalize;padding-bottom:10px}.image-with-text__text-url{display:flex;align-items:center;gap:10px}.image-with-text__names{text-transform:capitalize;padding-bottom:10px}@media only screen and (min-width:769px){.image-with-text__content{padding:45px}.image-with-text.image_first .image-with-text__content{padding-right:calc(var(--custom-margin) + 70px)}.image-with-text.text_first .image-with-text__content{padding-left:calc(var(--custom-margin) + 70px)}}@media only screen and (min-width:1269px){.image-with-text__content{padding:70px}}@media only screen and (min-width:769px){.image-with-text.grid--image-small>.image-with-text__inner{width:37.5%}}@media only screen and (min-width:769px){.image-with-text.grid--image-medium>.image-with-text__inner{width:46%}}@media only screen and (min-width:769px){.image-with-text.grid--image-large>.image-with-text__inner{width:50%}}.image-with-text.text_first .video-with-text__inner{padding-left:0}.image-with-text.image_first .video-with-text__inner{padding-right:0}
/*# sourceMappingURL=/cdn/shop/t/28/assets/image-with-text.css.map */