.split-media{--split-media-overlap: 0px;--split-media-content-padding: clamp(24px, 4vw, 64px);--split-media-sticky-runway: max(40dvh, 360px);position:relative;min-width:0;overflow:clip;color:var(--fg);background:var(--bg)}.split-media--overlap-small{--split-media-overlap: clamp(20px, 3vw, 48px)}.split-media--overlap-medium{--split-media-overlap: clamp(36px, 5vw, 80px)}.split-media--overlap-large{--split-media-overlap: clamp(52px, 7vw, 112px)}.split-media__inner{--split-media-layout-gutter: var(--page-gutter);--split-media-fixed-width: calc(min(100vw, var(--layout-max-width)) - var(--split-media-layout-gutter) - var(--split-media-layout-gutter));--split-media-fixed-inset: calc((100vw - min(100vw, var(--layout-max-width))) / 2 + var(--split-media-layout-gutter));--split-media-panel-width: var(--split-media-fixed-width);min-width:0}.split-media__inner[data-panel-count="2"]{--split-media-panel-width: calc((var(--split-media-fixed-width) - var(--split-media-gap)) / 2)}.split-media__inner.layout-container--flush{--split-media-layout-gutter: 0px}.split-media__grid,.split-media__panel,.split-media__stage{min-width:0;max-width:100%}.split-media__grid{display:grid;grid-template-columns:repeat(var(--split-media-panel-count),minmax(0,1fr));gap:var(--split-media-gap, 0px);width:100%;overflow:visible}.split-media__panel{display:block;position:relative;z-index:1;margin-block:var(--block-spacing-top-desktop, 0px) var(--block-spacing-bottom-desktop, 0px)}.split-media__panel:nth-child(2){z-index:2;width:calc(100% + var(--split-media-overlap));max-width:none;margin-inline-start:calc(-1 * var(--split-media-overlap))}.split-media__stage{position:relative;min-height:var(--split-media-height-desktop);overflow:hidden;isolation:isolate}.split-media--height-adapt .split-media__stage{min-height:0;aspect-ratio:var(--split-media-adapt-ratio, 1.25)}.split-media__media,.split-media__media-visual,.split-media__content-positioner{position:absolute;top:0;right:0;bottom:0;left:0}.split-media__media,.split-media__media-visual,.split-media__media theme-video,.split-media__media theme-video>video,.split-media__media picture,.split-media__media .media-frame__media{width:100%;height:100%}.split-media__media,.split-media__media-visual{display:block}.split-media__media theme-video{position:relative}.split-media__media .media-frame__media{display:block;object-fit:cover}.split-media__media .media-frame__placeholder{background:color-mix(in srgb,var(--fg) 6%,var(--bg))}.split-media__content-positioner{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--split-media-content-padding);pointer-events:none}.split-media__panel--content-top-left .split-media__content-positioner,.split-media__panel--content-top-center .split-media__content-positioner,.split-media__panel--content-top-right .split-media__content-positioner{justify-content:flex-start}.split-media__panel--content-bottom-left .split-media__content-positioner,.split-media__panel--content-bottom-center .split-media__content-positioner,.split-media__panel--content-bottom-right .split-media__content-positioner{justify-content:flex-end}.split-media__panel--content-top-left .split-media__content-positioner,.split-media__panel--content-center-left .split-media__content-positioner,.split-media__panel--content-bottom-left .split-media__content-positioner{align-items:flex-start}.split-media__panel--content-top-right .split-media__content-positioner,.split-media__panel--content-center-right .split-media__content-positioner,.split-media__panel--content-bottom-right .split-media__content-positioner{align-items:flex-end}.split-media__content{display:flex;flex-direction:column;align-items:var(--split-media-content-items-align, center);width:fit-content;max-width:100%;min-width:0;color:inherit;text-align:var(--split-media-content-text-align, center);pointer-events:auto}.split-media__content>*{margin-inline:0}.split-media__content>.theme-links-block{width:fit-content;padding-inline:0}.split-media__content>*,.split-media__content .custom-text-block{max-width:100%}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.split-media--content-on-hover .split-media__content{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.split-media--content-on-hover .split-media__panel:hover .split-media__content,.split-media--content-on-hover .split-media__panel:focus-within .split-media__content{opacity:1;transform:translateY(0)}}@media screen and (min-width:990px){.split-media__inner[data-scroll-effect=sticky] .split-media__panel{min-height:max(calc(var(--split-media-height-desktop) + var(--split-media-sticky-runway)),100dvh);clip-path:inset(0)}.split-media__inner[data-scroll-effect=sticky] .split-media__stage{inset-block:0;inset-inline-start:var(--split-media-fixed-inset);width:var(--split-media-panel-width);height:100dvh;min-height:0}.split-media__inner[data-scroll-effect=sticky] .split-media__panel:nth-child(2) .split-media__stage{inset-inline-start:calc(var(--split-media-fixed-inset) + var(--split-media-panel-width) + var(--split-media-gap) - var(--split-media-overlap));width:calc(var(--split-media-panel-width) + var(--split-media-overlap))}}@media screen and (max-width:989px){.split-media__grid{grid-template-columns:minmax(0,1fr)}.split-media__panel,.split-media__panel:nth-child(2){width:100%;max-width:100%;margin-inline:0;margin-block:var(--block-spacing-top-mobile, 0px) var(--block-spacing-bottom-mobile, 0px)}.split-media__inner[data-scroll-effect=sticky] .split-media__panel{min-height:max(var(--split-media-height-mobile),100svh);clip-path:inset(0)}.split-media__inner[data-scroll-effect=sticky] .split-media__stage,.split-media__inner[data-scroll-effect=sticky] .split-media__panel:nth-child(2) .split-media__stage{inset-block:0;inset-inline:0;width:100vw;max-width:none;height:100svh;min-height:0}.split-media__stage{min-height:var(--split-media-height-mobile)}.split-media--mobile-height-adapt .split-media__stage{min-height:0;aspect-ratio:var(--split-media-adapt-ratio, 1.25)}.split-media__content-positioner{padding:clamp(20px,7vw,40px)}.split-media__content{align-items:var(--split-media-content-items-align-mobile, var(--split-media-content-items-align, center));text-align:var(--split-media-content-text-align-mobile, var(--split-media-content-text-align, center))}}@media(prefers-reduced-motion:reduce){.split-media__content{transform:none;transition:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-split-media.css.map */