.image-scroll-banner{position:relative;overflow:hidden}.image-scroll-banner__inner{display:flex;align-items:stretch;gap:0;min-height:var(--section-height, 600px);position:relative}.image-scroll-banner__content{display:flex;flex-direction:column;justify-content:center;padding:60px 50px;flex:0 0 var(--content-width, 45%);max-width:var(--content-width, 45%);position:relative;z-index:2;isolation:isolate;box-sizing:border-box;background-color:var(--content-bg-color, transparent);backdrop-filter:var(--content-backdrop-filter, none);-webkit-backdrop-filter:var(--content-backdrop-filter, none);height:100%}.image-scroll-banner__content:before{content:none}.image-scroll-banner__content>*{position:relative;z-index:1}.image-scroll-banner__subtitle{font-size:var(--subtitle-fontsize, 14px);color:var(--subtitle-color, #999);text-transform:var(--subtitle-transform, uppercase);letter-spacing:var(--subtitle-letter-spacing, 2px);margin-top:var(--subtitle-margin-top, 0px);margin-bottom:var(--subtitle-margin-bottom, 16px);font-style:var(--subtitle-font-style, normal)}.image-scroll-banner__title{font-size:var(--title-fontsize, 64px);color:var(--title-color, #fff);line-height:var(--title-line-height, 1.05);margin-top:var(--title-margin-top, 0px);margin-bottom:var(--title-margin-bottom, 24px);font-weight:var(--title-font-weight, 900);text-transform:var(--title-transform, uppercase);font-style:var(--title-font-style, normal);word-break:break-word}.image-scroll-banner__description{font-size:var(--description-fontsize, 16px);color:var(--description-color, #aaa);line-height:1.6;margin-top:var(--description-margin-top, 0px);margin-bottom:var(--description-margin-bottom, 40px);max-width:520px;font-style:var(--description-font-style, normal)}.image-scroll-banner__button{display:inline-flex;align-items:center;gap:12px;font-size:var(--font-size-button-style, 16px);color:var(--color-button-style, #fff);background:var(--bg-color-button-style, transparent);border:var(--border-width-button-style, 1px) solid var(--border-color-button-style, #fff);border-radius:var(--border-radius-button-style, 0px);padding:var(--padding-button-style, 14px 32px);text-transform:var(--text-transform-button-style, none);min-width:var(--button-width-style, auto);text-decoration:none;transition:color .3s ease,background-color .3s ease,border-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;cursor:pointer;letter-spacing:.5px;justify-content:center;backdrop-filter:var(--button-backdrop-filter, none);-webkit-backdrop-filter:var(--button-backdrop-filter, none)}.image-scroll-banner__button:hover{color:var(--color-button-hover-style, #000);background:var(--bg-color-button-hover-style, #fff);border-color:var(--border-color-button-hover-style, #fff);backdrop-filter:var(--button-backdrop-filter-hover, none);-webkit-backdrop-filter:var(--button-backdrop-filter-hover, none)}.image-scroll-banner__button svg{width:18px;height:18px;transition:transform .3s ease}.image-scroll-banner__button:hover svg{transform:translate(3px,-3px)}.image-scroll-banner__button-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--button-icon-size, 40px);height:var(--button-icon-size, 40px);border:1px solid currentColor;border-radius:50%;flex-shrink:0}.image-scroll-banner__button-icon svg{width:16px;height:16px}.image-scroll-banner__images{flex:1;display:flex;gap:var(--columns-gap, 12px);overflow:hidden;position:relative;height:100%;z-index:1}.image-scroll-banner__column{flex:1;display:flex;flex-direction:column;gap:var(--images-gap, 12px);will-change:transform}.image-scroll-banner__column-track{display:flex;flex-direction:column;gap:var(--images-gap, 12px);animation-timing-function:linear;animation-iteration-count:infinite}.image-scroll-banner__column--up .image-scroll-banner__column-track{animation-name:scrollUp;animation-duration:var(--scroll-speed, 25s)}.image-scroll-banner__column--down .image-scroll-banner__column-track{animation-name:scrollDown;animation-duration:var(--scroll-speed, 25s)}.image-scroll-banner__images:hover .image-scroll-banner__column-track{animation-play-state:var(--pause-on-hover, running)}.image-scroll-banner__image{flex-shrink:0;border-radius:var(--image-border-radius, 12px);overflow:hidden;position:relative}.image-scroll-banner__image img{width:100%;height:100%;object-fit:cover;display:block}.image-scroll-banner__image .placeholder{width:100%;padding-top:120%;background:#333;position:relative}.image-scroll-banner__image .placeholder svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;opacity:.3}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.image-scroll-banner__bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}@media(min-width:1025px){.image-scroll-banner__inner{height:var(--section-height, 600px)}.image-scroll-banner__images{position:absolute;top:0;right:0;bottom:0;width:var(--desktop-images-width, 100%);height:100%;z-index:1;margin-left:auto}.image-scroll-banner__content{padding:80px 60px;flex:0 0 var(--desktop-text-width, 50%);max-width:var(--desktop-text-width, 50%);width:var(--desktop-text-width, 50%);transform:none}}@media(max-width:1024px){.image-scroll-banner__inner{height:var(--section-height, 600px);min-height:0}.image-scroll-banner__content{padding:40px 30px;flex:0 0 40%;max-width:40%}.image-scroll-banner__title{font-size:var(--title-fontsize-tablet, 42px)}.image-scroll-banner__images{height:100%}}@media(max-width:767px){.image-scroll-banner__inner{flex-direction:column;height:var(--section-height-mobile, 450px);min-height:0}.image-scroll-banner__content{flex:0 0 auto;max-width:100%;height:100%;padding:40px 20px;text-align:var(--mobile-text-align, left);z-index:3}.image-scroll-banner__title{font-size:var(--title-fontsize-mobile, 36px);margin-top:var(--title-margin-top-mobile, 0px)}.image-scroll-banner__subtitle{font-size:var(--subtitle-fontsize-mobile, 12px);margin-top:var(--subtitle-margin-top-mobile, 0px)}.image-scroll-banner__description{font-size:var(--description-fontsize-mobile, 14px);max-width:100%;margin-top:var(--description-margin-top-mobile, 0px)}.image-scroll-banner__images{min-height:0;max-height:none;height:100%;padding:0 10px;position:absolute;top:0;right:0;bottom:0;left:0}.image-scroll-banner__column,.image-scroll-banner__column-track{height:100%;min-height:100%}.image-scroll-banner__image{min-height:calc((100% - var(--images-gap, 12px)) / 2)}.image-scroll-banner__button{font-size:var(--font-size-button-style-mobile, 14px)}}@media(max-width:550px){.image-scroll-banner__content{height:100%;padding:30px 15px}.image-scroll-banner__title{font-size:var(--title-fontsize-small-mobile, 30px)}.image-scroll-banner__images{min-height:0;max-height:none;height:100%}.image-scroll-banner__column,.image-scroll-banner__column-track{height:100%;min-height:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-image-scroll-banner.css.map */