.column-slider{height:100vh;position:relative;overflow:hidden}.column-slider-grid{position:relative;z-index:2;height:100%}.column-slider-grid>.grid,.column-slider-grid>.grid>.column{height:100%}.column-slider-grid .floating-content{padding:calc(var(--spacer) * 3.5)!important}.column-slider-grid>.grid>.column:not(:last-child){border-right:1px solid rgba(255,255,255,.2)}.column-slider-images{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:opacity .7s,transform linear 6s,filter linear 1s;transform:scale(1.15) translateZ(0);filter:grayscale(1)}.column-slider-images.active{opacity:1;transform:scale(1) translateZ(0);filter:grayscale(0)}.column-slider-caption{width:100%;color:#fff}.column-slider-title{font-size:calc(var(--font-size-base) * 2);text-transform:uppercase;margin-bottom:calc(var(--spacer) * 1)}.column-slider-text{font-size:calc(var(--font-size-base) * 1.25);margin-bottom:0;opacity:.9}.column-slider-grid-item,.column-slider-mobile-grid-item{position:relative;height:100%;z-index:10}.column-slider-grid-item .hero{opacity:.8;transition:.3s}.column-slider-grid-item:hover .hero{opacity:1;transform:translateY(-20px)}.column-slider-mobile{position:relative;display:block}.column-slider-mobile-wrapper{display:flex;position:relative;overflow:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth}.column-slider-mobile-item{flex-grow:1;flex-shrink:0;width:100vw;scroll-snap-align:start;scroll-snap-stop:always}.column-slider-mobile-item .floating-content{padding-bottom:4rem!important}.column-slider-mobile-nav{position:absolute;z-index:3;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:5px}.column-slider-mobile-nav-item{width:10px;height:10px;background:#fff;border-radius:50%;display:block;opacity:.5;transition:.3s}.column-slider-mobile-nav-item.active{opacity:1}.custom-slider-button-wrapper{position:absolute;bottom:40px;left:40px;z-index:20}.custom-slider-button-wrapper.secondary{left:180px}.custom-slider-button-wrapper .button{display:inline-block;padding:14px 28px;font-size:1rem;border-radius:6px;background:#fff;color:#000;text-decoration:none;font-weight:600;transition:background .3s ease,transform .3s ease}.custom-slider-button-wrapper .button:hover{background:#f2f2f2;transform:scale(1.05)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/column-slider.css.map */
