.scrolling-columns{position:relative;display:block;isolation:isolate;overflow:hidden;min-height:var(--scrolling-columns-height, 90vh);color:rgb(var(--color-foreground))}.scrolling-columns__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#0a0a0a}.scrolling-columns__columns{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--scrolling-columns-gap, .8rem);padding:var(--scrolling-columns-gap, .8rem)}.scrolling-columns__column{position:relative;overflow:hidden;min-width:0}.scrolling-columns__track{display:flex;flex-direction:column;gap:var(--scrolling-columns-gap, .8rem);will-change:transform}.scrolling-columns__list{display:flex;flex-direction:column;gap:var(--scrolling-columns-gap, .8rem);margin:0;padding:0;flex-shrink:0}.scrolling-columns__item{margin:0}.scrolling-columns__media{width:100%;border-radius:var(--scrolling-columns-radius, 1.2rem);overflow:hidden;background:#ffffff0f}.scrolling-columns__media img,.scrolling-columns__media svg{width:100%;height:100%;object-fit:cover;display:block}.scrolling-columns__content{position:relative;z-index:2;min-height:var(--scrolling-columns-height, 90vh);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.6rem;padding-block:4.8rem;color:#fff}.scrolling-columns__content.text-center{align-items:center;text-align:center}.scrolling-columns__content.text-end{align-items:flex-end;text-align:end}.scrolling-columns__eyebrow{display:block;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd6}.scrolling-columns__heading{margin:0;max-width:18ch;text-wrap:balance}.scrolling-columns__text{max-width:42rem;color:#ffffffd6}.scrolling-columns__text p{margin:0}.scrolling-columns__cta{margin-block-start:.8rem}.scrolling-columns__cta .button--filled{--color-button-text: #111111;--color-button-background: #ffffff;--color-button-outline: #ffffff;--color-button-hover-text: #ffffff;--color-button-hover-background: transparent;--color-button-hover-outline: #ffffff}.scrolling-columns__cta .button--outlined,.scrolling-columns__cta .button--text{--color-button-text: #ffffff;--color-button-background: transparent;--color-button-outline: rgba(255, 255, 255, .7);--color-button-hover-text: #111111;--color-button-hover-background: #ffffff;--color-button-hover-outline: #ffffff}@keyframes scrolling-columns-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - (var(--scrolling-columns-gap, .8rem) / 2)))}}@keyframes scrolling-columns-down{0%{transform:translateY(calc(-50% - (var(--scrolling-columns-gap, .8rem) / 2)))}to{transform:translateY(0)}}.scrolling-columns--animate .scrolling-columns__track--up{animation:scrolling-columns-up var(--scrolling-columns-duration, 40s) linear infinite}.scrolling-columns--animate .scrolling-columns__track--down{animation:scrolling-columns-down var(--scrolling-columns-duration, 40s) linear infinite}.scrolling-columns__column:nth-child(2) .scrolling-columns__track{animation-delay:calc(var(--scrolling-columns-duration, 40s) * -.18)}.scrolling-columns__column:nth-child(3) .scrolling-columns__track{animation-delay:calc(var(--scrolling-columns-duration, 40s) * -.36)}.scrolling-columns__column:nth-child(4) .scrolling-columns__track{animation-delay:calc(var(--scrolling-columns-duration, 40s) * -.52)}.scrolling-columns__column:nth-child(5) .scrolling-columns__track{animation-delay:calc(var(--scrolling-columns-duration, 40s) * -.12)}.scrolling-columns__column:nth-child(6) .scrolling-columns__track{animation-delay:calc(var(--scrolling-columns-duration, 40s) * -.44)}.scrolling-columns__column:nth-child(7) .scrolling-columns__track{animation-delay:calc(var(--scrolling-columns-duration, 40s) * -.28)}@media(prefers-reduced-motion:reduce){.scrolling-columns--animate .scrolling-columns__track--up,.scrolling-columns--animate .scrolling-columns__track--down{animation:none}}@media screen and (max-width:749px){.scrolling-columns__columns{grid-template-columns:repeat(3,minmax(0,1fr))}.scrolling-columns__heading{max-width:14ch}}[dir=rtl] .scrolling-columns__content:not(.text-center):not(.text-end){align-items:flex-start}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-scrolling-columns.css.map */