:root{--text-around-image-media-border-radius: 0;--text-around-image-section-gap: 40px;--text-around-image-section-header-gap: 20px;--text-around-image-section-content-row-gap: 40px;--text-around-image-section-content-column-gap: 20px;--text-around-image-text-item-gap: 5px}.section.text-around-image .section__inner{display:flex;flex-direction:column;width:100%;gap:var(--text-around-image-section-gap)}.section.text-around-image .section__page-width{max-width:var(--page-width, 120rem);margin:0 auto;padding:0 1.5rem}.section.text-around-image .section__header{display:flex;flex-direction:column;width:100%;gap:var(--text-around-image-section-header-gap)}.section.text-around-image .section__header .section__title,.section.text-around-image .section__header .section__title>*,.section.text-around-image .section__header .section__description>*{margin-top:0;margin-bottom:0}.text-around-image__content--mobile{display:flex;flex-direction:column;row-gap:calc(var(--text-around-image-section-content-row-gap) / 2)}.text-around-image__content--mobile-left,.text-around-image__content--mobile-right{display:flex;flex-wrap:wrap;row-gap:calc(var(--text-around-image-section-content-row-gap) / 2);column-gap:calc(var(--text-around-image-section-content-column-gap))}.text-around-image__content--mobile-left:has(.accordion),.text-around-image__content--mobile-right:has(.accordion){--text-around-image-section-content-row-gap: 0}.text-around-image__content--desktop-center{width:var(--image-width, 30%)}.text-around-image__content--desktop{display:none}.text-around-image__media{position:relative;margin-left:auto;margin-right:auto}.text-around-image__media img{object-fit:cover;position:absolute;height:100%;width:100%;max-width:100%;max-height:100%;top:0;left:0;border-radius:var(--text-around-image-media-border-radius)}.text-around-image__text-items{display:flex;flex-wrap:wrap;row-gap:var(--text-around-image-section-content-row-gap);column-gap:var(--text-around-image-section-content-column-gap)}.text-around-image__text-item{display:flex;flex-direction:column;align-items:var(--block-alignment, center);justify-content:center;width:100%;gap:var(--text-around-image-text-item-gap)}.text-around-image__text-items .text-around-image__text-item{--total-gap-per-row: calc(var(--text-around-image-section-content-column-gap) * (var(--items-per-row-mobile, 2) - 1));width:calc((100% / var(--items-per-row-mobile, 2)) - (var(--total-gap-per-row) / var(--items-per-row-mobile, 2)))}.text-around-image__text-item.accordion{margin-top:0;border-top:none}.text-around-image__text-item.accordion:last-child{border-bottom:none}.text-around-image__text-item.accordion details{width:100%}.text-around-image__text-item-icon{max-width:100%}.text-around-image__text-item img,.text-around-image__text-item svg.placeholder-svg{width:100%;max-width:var(--icon-width, 24px);height:auto}.text-around-image__text-item-title,.text-around-image__text-item-description>*{width:100%;text-align:var(--block-text-alignment, center);margin-top:0;margin-bottom:0}.text-around-image__text-item-title{color:rgb(var(--color-foreground))}.text-around-image__text-item.accordion:has(.text-around-image__text-item-icon) .text-around-image__text-item-title{margin-left:-1.5rem}.text-around-image__text-item.accordion .text-around-image__text-item-description{padding-bottom:1.25rem}@media screen and (max-width:749px){.text-around-image__text-item-icon{display:flex;align-items:center;gap:.5rem;width:100%}.text-around-image__text-item img,.text-around-image__text-item svg.placeholder-svg{max-width:calc(var(--icon-width, 24px) / 1.5)}}@media screen and (min-width:750px){.section.text-around-image .section__page-width{padding:0 5rem}.text-around-image__content--mobile{display:none}.text-around-image__content--desktop{display:flex;flex-direction:row;align-items:center;justify-content:center;column-gap:var(--text-around-image-section-content-column-gap)}.text-around-image__content--desktop-left,.text-around-image__content--desktop-right{display:flex;flex-direction:column;row-gap:var(--text-around-image-section-content-row-gap);width:calc((100% - var(--image-width, 30%)) / 2)}.text-around-image__content--desktop-left:has(.accordion),.text-around-image__content--desktop-right:has(.accordion){--text-around-image-section-content-row-gap: 0}.text-around-image__content--desktop-center{width:var(--image-width, 30%)}}
/*# sourceMappingURL=/cdn/shop/t/186/assets/section-text-around-image.css.map */