.horizontal-banners--spacious{--vertical-gap: 64px;--horizontal-gap: 64px}.horizontal-banners--compact{--vertical-gap: 48px;--horizontal-gap: 48px}.horizontal-banners__wrapper{display:flex;overflow:clip;background-color:rgb(var(--layout-background-color))}.horizontal-banners__blocks:empty,.horizontal-banners__block:empty,.horizontal-banners__block:has(style:only-child){display:none}.horizontal-banners__blocks{display:flex;min-height:var(--section-height);max-height:var(--section-height);overflow-y:auto}.horizontal-banners{position:relative}.horizontal-banners:not(.mobile-native-scroll){height:var(--pin-height, auto);overscroll-behavior:contain}.horizontal-banners:not(.mobile-native-scroll) .horizontal-banners__blocks{will-change:transform;backface-visibility:hidden}@media screen and (min-width:769px){.horizontal-banners.mobile-native-scroll{height:var(--pin-height, auto);overscroll-behavior:contain}.horizontal-banners.mobile-native-scroll .horizontal-banners__blocks{will-change:transform;backface-visibility:hidden}}.horizontal-banners__block{display:flex;flex-direction:column}.horizontal-banners__block>*{flex:0 0 50%}.horizontal-banners__block>.horizontal-banners__content:only-of-type{flex:0 0 100%}.horizontal-banners__block{position:relative}.main_xs{--main-sidebar: 12.5vw;--secondary-sidebar: 0px}.main_xs_with_secondary{--main-sidebar: 12.5vw;--secondary-sidebar: 96px}.main_s{--main-sidebar: 18.75vw;--secondary-sidebar: 0px}.main_s_with_secondary{--main-sidebar: 18.75vw;--secondary-sidebar: 96px}.main_m{--main-sidebar: 25vw;--secondary-sidebar: 0px}.main_m_with_secondary{--main-sidebar: 25vw;--secondary-sidebar: 96px}.main_l{--main-sidebar: 50vw;--secondary-sidebar: 0px}.main_xs--spacious,.main_s--spacious,.main_m--spacious,.main_l--spacious,.main_xs_with_secondary--spacious,.main_s_with_secondary--spacious,.main_m_with_secondary--spacious{--min-main-sidebar: 280px}.main_xs--compact,.main_s--compact,.main_m--compact,.main_l--compact,.main_xs_with_secondary--compact,.main_s_with_secondary--compact,.main_m_with_secondary--compact{--min-main-sidebar: 200px}.horizontal-banners__block--below,.horizontal-banners__block--under{display:flex;flex-direction:column}.horizontal-banners__media{display:flex;width:100%;height:100%;overflow:clip}.horizontal-banners__image-container{overflow:clip}.horizontal-banners__block--overlay .horizontal-banners__image-container,.horizontal-banners__media{display:flex;position:absolute;width:100%;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--layout-background-color));color:rgb(var(--layout-text-color));min-height:var(--section-height, 100vh)!important;max-height:var(--section-height, 100vh)!important}.horizontal-banners__block--overlay .horizontal-banners__image-container figure{min-height:var(--section-height, 100vh)!important;max-height:var(--section-height, 100vh)!important}.horizontal-banners__block--overlay .horizontal-banners__image-container:after{content:"";display:block;position:absolute;top:0;left:0;height:100%;width:100%;opacity:var(--banner-overlay-opacity);background:var(--overlay-background)}.horizontal-banners .placeholder-svg,.horizontal-banners video,.horizontal-banners img{width:100%;height:100%;object-fit:cover;display:flex}.horizontal-banners__image-container--fit img,.horizontal-banners__image-container--fit video{border-radius:var(--image-radius);-webkit-border-radius:var(--image-radius)}.horizontal-banners__block:not(.horizontal-banners__block--overlay) .horizontal-banners__image-container--fit img,.horizontal-banners__block:not(.horizontal-banners__block--overlay) .horizontal-banners__image-container--fit video{object-fit:contain;padding:var(--vertical-gap) var(--horizontal-gap)}.horizontal-banners__content{display:flex;justify-content:var(--vertical-position);align-items:var(--horizontal-position);flex-direction:column;padding:var(--vertical-gap) var(--horizontal-gap)}.horizontal-banners__content-wrapper{display:flex;justify-content:var(--vertical-position);align-items:var(--horizontal-position);flex-direction:column}.horizontal-banners__content-wrapper>*{width:100%}.horizontal-banners__content-wrapper--narrow{gap:10px;max-width:560px}.horizontal-banners__content-wrapper--center{text-align:center}.horizontal-banners__block--overlay .horizontal-banners__content{position:relative;top:0;left:0;right:0;background-color:transparent;z-index:5;height:100%;width:100%;min-height:100%!important}.horizontal-banners__content-wrapper>*:not(:first-child){margin-top:16px}.horizontal-banners__content-wrapper>.horizontal-banners__button:not(:first-child){margin-top:24px}.horizontal-banners__number-wrapper{border:1px solid rgb(var(--layout-text-color));border-radius:50%;-webkit-border-radius:50%;aspect-ratio:1/1;padding:8px;min-height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;height:1lh}.horizontal-banners__number span{display:flex;word-break:keep-all}.horizontal-banners__button,.horizontal-banners__number{display:flex}.horizontal-banners__content-wrapper--center .horizontal-banners__button,.horizontal-banners__content-wrapper--center .horizontal-banners__number{justify-content:center}.horizontal-banners__media video,.horizontal-banners__image-container video{object-position:var(--video-focal-point)}.horizontal-banners[data-hscroll=enabled]{position:relative;height:var(--pin-height, auto)}.horizontal-banners[data-hscroll=enabled] .horizontal-banners__wrapper{position:sticky;top:calc((100vh - var(--section-height, 100vh)) / 2);min-height:var(--section-height, 100vh);height:var(--section-height, 100vh);max-height:var(--section-height, 100vh);overflow:hidden}.horizontal-banners[data-hscroll=enabled] .horizontal-banners__blocks{overflow:visible;will-change:transform;touch-action:pan-y}.horizontal-banners__image{object-position:var(--image-focal-point)}.horizontal-banners__image-container--fit{background-color:rgb(var(--background-media))}.horizontal-banners__image-container+.horizontal-banners__content,.horizontal-banners__image-container:has(+.horizontal-banners__content),.horizontal-banners__content+.horizontal-banners__image-container,.horizontal-banners__content:has(+.horizontal-banners__image-container),.horizontal-banners__content+.horizontal-banners__image-container figure,.horizontal-banners__image-container:has(+.horizontal-banners__content)>figure{min-height:50vh;max-height:50vh;height:50vh}@media screen and (max-width:1024px){.horizontal-banners--spacious{--vertical-gap: 48px;--horizontal-gap: 48px}}@media screen and (max-width:768px){.horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}.horizontal-banners.mobile-native-scroll .horizontal-banners__blocks{overflow-y:clip;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;transform:none!important}.horizontal-banners.mobile-native-scroll .horizontal-banners__blocks::-webkit-scrollbar{width:0;height:0;display:none}.horizontal-banners.mobile-native-scroll .horizontal-banners__blocks::-moz-scrollbar{width:0;height:0;display:none;scrollbar-width:none}}@media screen and (max-width:1304px)and (min-width:921px){.main_xs--spacious .horizontal-banners--spacious{--vertical-gap: 48px;--horizontal-gap: 48px}}@media screen and (max-width:1048px)and (min-width:921px){.main_xs--spacious .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}@media screen and (max-width:968px)and (min-width:921px){.main_xs--compact .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}@media screen and (max-width:1400px)and (min-width:921px){.main_xs_with_secondary--spacious .horizontal-banners--spacious{--vertical-gap: 48px;--horizontal-gap: 48px}}@media screen and (max-width:1144px)and (min-width:921px){.main_xs_with_secondary--spacious .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}@media screen and (max-width:1064px)and (min-width:921px){.main_xs_with_secondary--compact .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}@media screen and (max-width:1304px)and (min-width:921px){.main_s--spacious .horizontal-banners--spacious{--vertical-gap: 48px;--horizontal-gap: 48px}}@media screen and (max-width:1048px)and (min-width:921px){.main_s--spacious .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}@media screen and (max-width:968px)and (min-width:921px){.main_s--compact .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}@media screen and (max-width:1400px)and (min-width:921px){.main_s_with_secondary--spacious .horizontal-banners--spacious{--vertical-gap: 48px;--horizontal-gap: 48px}}@media screen and (max-width:1144px)and (min-width:921px){.main_s_with_secondary--spacious .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}@media screen and (max-width:1064px)and (min-width:921px){.main_s_with_secondary--compact .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}@media screen and (max-width:1365px)and (min-width:921px){.main_m .horizontal-banners--spacious{--vertical-gap: 48px;--horizontal-gap: 48px}}@media screen and (max-width:1048px)and (min-width:921px){.main_m--spacious .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}@media screen and (max-width:1024px)and (min-width:921px){.main_m--compact .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}@media screen and (max-width:1493px)and (min-width:921px){.main_m_with_secondary .horizontal-banners--spacious{--vertical-gap: 48px;--horizontal-gap: 48px}}@media screen and (max-width:1152px)and (min-width:921px){.main_m_with_secondary .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}@media screen and (max-width:2048px)and (min-width:921px){.main_l .horizontal-banners--spacious{--vertical-gap: 48px;--horizontal-gap: 48px}}@media screen and (max-width:1536px)and (min-width:921px){.main_l .horizontal-banners{--vertical-gap: 24px;--horizontal-gap: 16px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-horizontal-scrolling-banners.css.map */