.hero-banner-container{position:relative;width:100%;overflow:hidden}.hero-banner-wrapper{position:relative}.hero-banner-slider{display:flex;scroll-snap-type:none;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none;-webkit-user-select:none;will-change:scroll-position;transition:all .2s ease;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.hero-banner-slider.grabbing{cursor:grabbing}.hero-banner-slider::-webkit-scrollbar{display:none}.hero-banner-slide{position:relative;flex:0 0 100%;width:100%;height:auto;scroll-snap-align:start;overflow:hidden;transition:transform .2s ease-out}.hero-banner-link{display:block;width:100%;height:100%}.hero-banner-image{position:relative;width:100%;height:100%}.hero-banner-img{display:block;width:100%;height:auto;object-fit:cover;image-rendering:-webkit-optimize-contrast;transform:translateZ(0)}.desktop-banner{display:none}.mobile-banner{display:block}.hero-banner-wrapper .slider-button{top:50%}@media screen and (min-width: 750px){.desktop-banner{display:block}.mobile-banner{display:none}.hero-banner-slide{max-height:80vh}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/main-banner-slider.css.map */