.split,.split__head{--split-row: calc(1088 * var(--px));width:min(100% - 2 * var(--gutter),var(--split-row));margin-inline:auto}.split{--media-fr: 1fr;--text-fr: 1fr;--split-gap: var(--space-64);--split-stack-gap: var(--space-32);--split-match-space: calc(56 * var(--px));--split-height-small: calc(194 * var(--px));--split-height-medium: calc(296 * var(--px));--split-height-large: calc(435 * var(--px));display:grid;isolation:isolate;grid-template-columns:minmax(0,1fr);row-gap:var(--split-stack-gap)}.split--lone{width:min(100% - 2 * var(--gutter),calc(var(--split-row) / 2))}.split--w-small{--media-fr: 1fr;--text-fr: 2fr}.split--w-large{--media-fr: 2fr;--text-fr: 1fr}.split__media{position:relative;overflow:hidden;aspect-ratio:var(--media-ratio, 16 / 9);background-color:rgba(var(--color-foreground),var(--alpha-8))}.split__media>img,.split__media>.sample,.split__media>video-player{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.split__media>video-player{aspect-ratio:auto}.split--h-small .split__media,.split--h-medium .split__media,.split--h-large .split__media{aspect-ratio:auto}.split--h-small .split__media{height:var(--split-height-small)}.split--h-medium .split__media{height:var(--split-height-medium)}.split--h-large .split__media{height:var(--split-height-large)}.split__text{min-width:0;align-self:center}.split--at-top .split__text{align-self:start}.split--at-bottom .split__text{align-self:end}@media screen and (min-width:769px){.split{grid-template-columns:minmax(0,var(--media-fr)) minmax(0,var(--text-fr));grid-template-areas:"media text";column-gap:0;row-gap:0}.split--text-first{grid-template-columns:minmax(0,var(--text-fr)) minmax(0,var(--media-fr));grid-template-areas:"text media"}.split--lone{grid-template-columns:minmax(0,1fr);grid-template-areas:"media"}.split__media{grid-area:media;align-self:center}.split__text{grid-area:text;padding-inline-start:var(--split-gap)}.split--text-first .split__text{padding-inline:0 var(--split-gap)}.split--h-text .split__media{aspect-ratio:auto;align-self:stretch}.split--h-text .split__copy{padding-block:var(--split-match-space)}.split{--split-height-small: calc(314 * var(--px));--split-height-medium: calc(460 * var(--px));--split-height-large: calc(695 * var(--px))}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-split.css.map */