.spacer{height:10000px;display:block!important;position:relative;margin-bottom:6rem}.video-container{align-items:center;position:sticky;top:25%;display:flex;flex-direction:column}.scroll-jack__title{text-align:center}.video{grid-area:video;width:100%}.scroll-jack__items{display:grid;grid-template-columns:25% 1fr 25%;grid-template-areas:"titles video descriptions";column-gap:2rem;position:relative;row-gap:2rem;width:100%}.scroll-jack__titles{display:flex;flex-direction:column;grid-area:titles;justify-content:center}.scroll-jack__descriptions{display:flex;grid-area:descriptions;position:relative}.scroll-jack__item-title{color:var(--green);cursor:pointer;margin:1rem 0;opacity:.5}.scroll-jack__item.active .scroll-jack__item-title{opacity:1}.scroll-jack__item:focus{outline:var(--green) 3px solid;width:fit-content;padding-right:.5rem}.scroll-jack__item-text{bottom:0;color:var(--black);opacity:0;position:absolute;top:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.scroll-jack__item.active .scroll-jack__item-text{display:flex;opacity:1}.scroll-jack__item-text p{margin:0}.scroll-jack__button{margin-top:2rem}.scroll-jack__dots{display:none;text-align:center}@media screen and (max-width: 989px){.spacer{margin-top:0}.video-container{top:0;transform:none}.video-container--no-cta{top:50px}.scroll-jack__title{order:1}.scroll-jack__items{order:3;grid-template-columns:auto;grid-auto-flow:row;grid-template-areas:"video" "titles" "descriptions" "dots"}.scroll-jack__title{margin:0 0 1.5rem}.scroll-jack__titles{text-align:center}.scroll-jack__descriptions{min-height:17rem;text-align:center}.scroll-jack__button{margin-top:0;margin-bottom:2rem;order:2}.scroll-jack__item-title{display:none;margin-bottom:0}.scroll-jack__item.active .scroll-jack__item-title{display:block}.scroll-jack__item-text{align-items:center}.scroll-jack__dots{display:block!important;grid-area:dots}}@media screen and (min-width: 989px){.top-sticky{position:sticky;top:-500px;transform:translateY(-80px)}.bottom-sticky{position:sticky!important;bottom:-10px}}
/*# sourceMappingURL=/cdn/shop/t/319/assets/component-scroll-jacking-video.css.map */
