.image-with-text .image-with-text__wrapper{display:flex;align-items:stretch;flex-direction:row;gap:1rem}.image-with-text .image-with-text__wrapper .media-item .media{width:100%;min-height:100%;--padding-bottom: 25rem}.image-with-text .image-with-text__wrapper .media-item .media .image-container .image-wrapper{height:100%;border-radius:var(--large-radius);overflow:hidden}.image-with-text .image-with-text__wrapper .media-item .media .image-container .image-wrapper img,.image-with-text .image-with-text__wrapper .media-item .media .image-container .image-wrapper svg{width:100%;height:100%;object-fit:cover;object-position:center}.image-with-text .image-with-text__wrapper .media-item .media .image-container.image-has-secondary{display:flex;gap:.5rem;align-items:stretch}.image-with-text .image-with-text__wrapper .media-item .media .image-container.image-has-secondary .image-wrapper{flex:1 1 50%}.image-with-text .image-with-text__wrapper .media-item.image-height--medium .media{--padding-bottom: 35rem}.image-with-text .image-with-text__wrapper .media-item.image-height--large .media{--padding-bottom: 45rem}.image-with-text .image-with-text__wrapper .media-item.image-height--adapt .media{--padding-bottom: var(--ratio-percent, 30rem)}@media screen and (max-width:749px){.image-with-text .image-with-text__wrapper .media-item .media{--padding-bottom: 15rem}.image-with-text .image-with-text__wrapper .media-item.image-height--medium .media{--padding-bottom: 20rem}.image-with-text .image-with-text__wrapper .media-item.image-height--large .media{--padding-bottom: 30rem}.image-with-text .image-with-text__wrapper .media-item.image-height--adapt .media{--padding-bottom: var(--ratio-percent, 20rem)}}@media screen and (min-width:750px){.image-with-text .image-with-text__wrapper .media-item{flex:0 0 auto;width:40%}.image-with-text .image-with-text__wrapper .media-item.image-width--medium{width:50%}.image-with-text .image-with-text__wrapper .media-item.image-width--large{width:60%}}.image-with-text .image-with-text__wrapper .text-item{position:relative;flex:1 1 auto;width:auto;display:flex;align-items:center;justify-content:center;padding:3rem;border-radius:var(--large-radius);overflow:hidden}.image-with-text .image-with-text__wrapper .text-item .text-content{max-width:45rem}.image-with-text .image-with-text__wrapper .text-item .text-content .text-content-socials .social-item{--icon-width: 1.5rem}.image-with-text .image-with-text__wrapper .text-item .text-content .text-content-buttons:not(:first-child){margin-block-start:2rem}@media screen and (max-width:749px){.image-with-text .image-with-text__wrapper{flex-direction:column}.image-with-text .image-with-text__wrapper .media-item,.image-with-text .image-with-text__wrapper .text-item{width:100%}}@media screen and (min-width:750px){.image-with-text .image-with-text__wrapper.image-with-text--reverse .media-item{order:2}}.template-index main .image-with-text .image-with-text__wrapper{gap:0;position:relative}.template-index main .image-with-text .image-with-text__wrapper:before{content:"";position:absolute;inset:0 var(--home-promo-inset, 2rem);background:var(--home-card-background);border-radius:8px!important;z-index:-1}.template-index main .image-with-text .image-with-text__wrapper .text-item{--color-background: 26,24,28;--gradient-background: #1a181c;--color-foreground: 243,244,246;background:transparent;padding:clamp(24px,3vw,48px);min-width:0;border-radius:0!important}.template-index main .image-with-text .image-wrapper{border-radius:0!important}.template-index main .image-with-text .media-item .media .image-container .image-wrapper :is(img,svg){object-fit:contain}.template-index main .image-with-text .media-item.image-height--adapt .media{min-height:0}.template-index main .image-with-text .text-item .text-content>*:not(:first-child){margin-block-start:12px}@media screen and (max-width:749px){.template-index main .image-with-text .image-with-text__wrapper{--home-promo-inset: 1.5rem}.template-index main .image-with-text .image-with-text__wrapper .media-item{order:0}.template-index main .image-with-text .image-with-text__wrapper .text-item{order:1;padding:24px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-image-with-text.css.map */