.section--page-width.media-with-content{grid-template-areas:"margin-left media margin-right" "margin-left content margin-right"}@media screen and (min-width:750px){.section--page-width.media-with-content{--media-with-content-grid-columns: var(--full-page-grid-margin) calc((var(--full-page-grid-central-column-width) / 12) * 7) calc((var(--full-page-grid-central-column-width) / 12) * 5) var(--full-page-grid-margin);grid-template-areas:"margin-left media content margin-right"}}@media screen and (min-width:750px){.section--page-width.media-with-content--media-right{--media-with-content-grid-columns: var(--full-page-grid-margin) calc((var(--full-page-grid-central-column-width) / 12) * 5) calc((var(--full-page-grid-central-column-width) / 12) * 7) var(--full-page-grid-margin);grid-template-areas:"margin-left content media margin-right"}}@media screen and (min-width:750px){.section--page-width.media-with-content--medium{--media-with-content-grid-columns: var(--full-page-grid-margin) repeat(2, calc(var(--full-page-grid-central-column-width) / 2)) var(--full-page-grid-margin)}}@media screen and (min-width:750px){.section--page-width.media-with-content--narrow.media-with-content--media-right{--media-with-content-grid-columns: var(--full-page-grid-margin) calc((var(--full-page-grid-central-column-width) / 3) * 2) calc(var(--full-page-grid-central-column-width) / 3) var(--full-page-grid-margin)}}@media screen and (min-width:750px){.section--page-width.media-with-content--narrow{--media-with-content-grid-columns: var(--full-page-grid-margin) calc(var(--full-page-grid-central-column-width) / 3) calc((var(--full-page-grid-central-column-width) / 3) * 2) var(--full-page-grid-margin)}}@media screen and (min-width:750px){.section--full-width.media-with-content--media-right{--media-with-content-grid-columns: 2.5fr 3.5fr;grid-template-areas:"content media"}}@media screen and (min-width:750px){.section--full-width.media-with-content--medium{--media-with-content-grid-columns: 1fr 1fr}}@media screen and (min-width:750px){.section--full-width.media-with-content--narrow{--media-with-content-grid-columns: 2fr 4fr}}@media screen and (min-width:750px){.section--full-width.media-with-content--narrow.media-with-content--media-right{--media-with-content-grid-columns: 4fr 2fr}}.media-with-content.media-with-content--media-extend{grid-template-columns:var(--media-with-content-grid-columns);grid-template-areas:"media media media" "margin-left content margin-right"}@media screen and (min-width:750px){.media-with-content.media-with-content--media-extend{grid-template-areas:"media media content margin-right"}}@media screen and (min-width:750px){.media-with-content--media-extend.media-with-content--media-right{grid-template-areas:"margin-left content media media"}}@media screen and (min-width:750px){.media-with-content--media-right{grid-template-areas:"margin-left content media media"}}.media-with-content{--media-with-content-grid-columns: var(--full-page-grid-with-margins);grid-template-columns:var(--media-with-content-grid-columns);grid-template-areas:"media media media" "content content content"}@media screen and (min-width:750px){.media-with-content{--media-with-content-grid-columns: 3.5fr 2.5fr;grid-template-areas:"media content"}}.media-with-content .media-block{grid-area:media}.media-with-content .media-with-content__content{grid-area:content}.media-with-content .media-with-content__content>.group-block-content{padding-inline:var(--page-margin);padding-block:calc(2 * var(--page-margin))}@media screen and (min-width:750px){.media-with-content .media-with-content__content>.group-block-content{padding-block:var(--page-margin)}}.media-with-content.section--page-width .media-with-content__content>.group-block-content{padding-inline:0}@media screen and (min-width:750px){.media-with-content.section--page-width .media-with-content__content>.group-block-content{padding-inline-start:var(--page-margin)}}.media-with-content.section--page-width.media-with-content--media-right .media-with-content__content>.group-block-content{padding-inline-end:var(--page-margin);padding-inline-start:0}.media-with-content[data-shopify-visual-preview]{--hero-min-height: 500px;min-height:500px}
/*# sourceMappingURL=/cdn/shop/t/375/assets/section_media-with-content.css.map */
