.media-with-text__inner{display:grid;grid-template-columns:1fr;gap:24px}.media-with-text__header{grid-row:1}.media-with-text__media{grid-row:2}.media-with-text__content{grid-row:3}.media-with-text__content{display:flex;flex-direction:column;justify-content:center}.media-with-text__subheading{margin:0 0 12px;color:var(--color-primary);font-weight:600}.media-with-text__heading{margin:0}.media-with-text__text{margin-top:0;font-size:17px;line-height:1.5}.media-with-text__text>*:first-child{margin-top:0}.media-with-text__text>*:last-child{margin-bottom:0}.media-with-text__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px}.media-with-text__media{position:relative;width:100%;min-width:0;overflow:hidden;background:var(--color-surface-alt)}.media-with-text__image,.media-with-text__video,.media-with-text__external-video,.media-with-text__media iframe,.media-with-text__placeholder{display:block;width:100%;height:100%}.media-with-text__image,.media-with-text__video,.media-with-text__placeholder{object-fit:cover;object-position:center}.media-with-text__external-video{position:relative;overflow:hidden}.media-with-text__external-video iframe,.media-with-text__media>iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}@media screen and (min-width:768px){.media-with-text__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;align-items:center}.media-with-text__header,.media-with-text__content,.media-with-text__media{grid-row:auto}.media-with-text[data-media-position=right] .media-with-text__header{grid-column:1;grid-row:1;align-self:end}.media-with-text[data-media-position=right] .media-with-text__content{grid-column:1;grid-row:2;align-self:start}.media-with-text[data-media-position=right] .media-with-text__media{grid-column:2;grid-row:1 / span 2}.media-with-text[data-media-position=left] .media-with-text__media{grid-column:1;grid-row:1 / span 2}.media-with-text[data-media-position=left] .media-with-text__header{grid-column:2;grid-row:1;align-self:end}.media-with-text[data-media-position=left] .media-with-text__content{grid-column:2;grid-row:2;align-self:start}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/media-with-text.css.map */