multi-scroll-gallery{display:block;position:relative}.multi-scroll-gallery{background-color:#183028}.multi-scroll-gallery__item .multi-scroll-gallery__image-wrapper{grid-area:image}.multi-scroll-gallery__right{border-radius:var(--media-radius)}.multi-scroll-gallery__item-title:not(:last-child){margin:0 0 var(--title-space-bottom-sm)}.multi-scroll-gallery__item-content .description{color:#f6f6f6}.multi-scroll-gallery__sticky-wrapper{top:0;position:sticky;overflow:hidden}@media screen and (max-width:749px){.multi-scroll-gallery__item .multi-scroll-gallery__image-wrapper{margin-bottom:var(--text-space-bottom-mobile)}.multi-scroll-gallery__item-title:not(:last-child){margin:0 0 var(--title-space-bottom-sm-mobile)}}@media screen and (max-width:749px){.multi-scroll-gallery__item:not(:last-child){margin-bottom:var(--text-space-bottom)}.multi-scroll-gallery__sticky-wrapper{top:3rem;height:100%}multi-scroll-gallery .grid-main{display:flex;flex-direction:column;height:100%}.multi-scroll-gallery__right-wrapper{order:1;margin-bottom:var(--text-space-bottom-mobile);border-radius:var(--media-radius);overflow:hidden;position:relative}.multi-scroll-gallery__left{order:2;flex:1;display:flex;flex-direction:column;justify-content:space-between}.multi-scroll-gallery__right{display:block;height:100%}.multi-scroll-gallery__right .multi-scroll-gallery__image-wrapper{height:100%}.multi-scroll-gallery__left .multi-scroll-gallery__image-wrapper{display:none}.multi-scroll-gallery__pagination{display:flex;gap:.4rem;position:absolute;bottom:20px;left:20px;z-index:2}.multi-scroll-gallery__pagination-dot{width:1.2rem;height:1.2rem;border-radius:12px;background:#fbf7eb80;transition:all var(--duration-default) ease}.multi-scroll-gallery__pagination-dot.active{width:2.4rem;background-color:rgb(var(--color-foreground));border-radius:10px}.multi-scroll-gallery__item{display:none}.multi-scroll-gallery__item.prev-prev-item,.multi-scroll-gallery__item.prev-item,.multi-scroll-gallery__item.active{display:block;animation:slideInUp var(--duration-default) ease;animation-fill-mode:forwards}.multi-scroll-gallery__item.prev-item{opacity:.16}.multi-scroll-gallery__item.prev-prev-item{opacity:.08}.multi-scroll-gallery .media{border-radius:var(--media-radius)}}@media screen and (min-width:750px){.multi-scroll-gallery__pagination{display:none}multi-scroll-gallery .grid-main{grid-template-columns:repeat(2,1fr)}.multi-scroll-gallery__right-wrapper{border-radius:var(--media-radius);overflow:hidden}.multi-scroll-gallery__left{display:flex;flex-direction:column;justify-content:space-between}.multi-scroll-gallery__left .multi-scroll-gallery__image-wrapper{display:none}.multi-scroll-gallery__sticky-wrapper .grid-main{column-gap:12rem;grid-template-columns:1.2fr 1fr}.multi-scroll-gallery__item{display:none}.multi-scroll-gallery__item:where(:not(:last-child)){margin-bottom:6rem}.multi-scroll-gallery__item.active:where(:not(:last-child)){margin-bottom:0}.multi-scroll-gallery__item.prev-prev-item,.multi-scroll-gallery__item.prev-item,.multi-scroll-gallery__item.active{display:block;animation:slideInUp var(--duration-default) ease;animation-fill-mode:forwards}.multi-scroll-gallery__item.prev-item{opacity:.16}.multi-scroll-gallery__item.prev-prev-item{opacity:.08}}@keyframes slideInUp{0%{transform:translateY(1.5rem)}to{transform:translateY(0)}}.no-js .multi-scroll-gallery__right-wrapper{display:none}@media screen and (min-width:750px){.no-js .multi-scroll-gallery .grid-main{grid-template-columns:1fr}.no-js .multi-scroll-gallery__left .multi-scroll-gallery__image-wrapper{display:inline-block}.no-js .multi-scroll-gallery__item{display:grid;column-gap:3rem;grid-template-columns:repeat(2,1fr);grid-template-areas:"content image";align-items:center}.no-js multi-scroll-gallery .title-wrapper{margin-bottom:var(--text-space-bottom)}}@media screen and (min-width:750px){.no-js .multi-scroll-gallery__item:nth-child(2n){grid-template-areas:"image content"}.no-js .multi-scroll-gallery .media{border-radius:var(--media-radius)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-multi-scroll-gallery.css.map */