.scroll-slider-section{position:relative;margin-bottom:-1px;overflow:hidden}.scroll-slider-section__inner{position:relative;padding:70px 0;display:flex;flex-direction:column}.scroll-slider-section__inner.cards-none .scroll-slider-section__content{margin-block:auto}.scroll-slider-section__inner.scroll-slider-section-animation{min-height:100svh}.scroll-slider-section__images{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scroll-slider-section__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;transform:translateY(100%);transition:transform 1s}.scroll-slider-section__image img{width:100%;height:100%;display:block;object-fit:contain}.scroll-slider-section__image.active{transform:translateY(0);pointer-events:visible}.scroll-slider-section__image.prev{transform:translateY(-100%);pointer-events:visible}.scroll-slider-section__image.next{transform:translateY(100%);pointer-events:visible}.scroll-slider-section__image-mob,.scroll-slider-section__image-desk{margin:0 auto}.scroll-slider-section__image-desk{display:none}.scroll-slider-section__content{position:relative;z-index:3;margin-top:auto;margin-bottom:auto;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:margin .5s}.scroll-slider-section__content-item{position:absolute;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity 1s}.scroll-slider-section__content-item.active{z-index:5;opacity:1}.scroll-slider-section__content-item.active .scroll-slider-section__subtitle-inner,.scroll-slider-section__content-item.active .scroll-slider-section__link-inner,.scroll-slider-section__content-item.active .scroll-slider-section__heading .line__inner{transform:translateY(0)}.scroll-slider-section__content-item.prev .scroll-slider-section__subtitle-inner,.scroll-slider-section__content-item.prev .scroll-slider-section__link-inner,.scroll-slider-section__content-item.prev .scroll-slider-section__heading .line__inner{transform:translateY(-200%)}.scroll-slider-section__content-item.next .scroll-slider-section__subtitle-inner,.scroll-slider-section__content-item.next .scroll-slider-section__link-inner,.scroll-slider-section__content-item.next .scroll-slider-section__heading .line__inner{transform:translateY(200%)}.scroll-slider-section__subtitle{overflow:hidden}.scroll-slider-section__subtitle .scroll-slider-section__subtitle-inner{margin:0 auto;width:max-content;display:block;border-color:var(--color-border);transform:translateY(200%);transition:transform 1s}.scroll-slider-section__heading{margin:24px 0 0;text-align:center;color:var(--color-foreground-heading)}@media screen and (min-width:750px){.scroll-slider-section__heading{font-size:64px}}@media screen and (min-width:990px){.scroll-slider-section__heading{font-size:72px}}.scroll-slider-section__heading *{font-family:Thunder,sans-serif!important}.scroll-slider-section__heading .line{display:block;overflow:hidden}.scroll-slider-section__heading .line__inner{display:inline-block;will-change:transform;transform:translateY(200%);transition:transform 1s}.scroll-slider-section__heading .word{display:inline-block}.scroll-slider-section__link{margin-top:25px;display:block;overflow:hidden}.scroll-slider-section__link .scroll-slider-section__link-inner{text-align:center;transform:translateY(200%);transition:transform 1s}.scroll-slider-section__link .scroll-slider-section__link-inner svg path{transition:fill .3s ease}.scroll-slider-section__link .scroll-slider-section__link-inner:hover span{color:var(--black-60)}.scroll-slider-section__link .scroll-slider-section__link-inner:hover svg path{fill:var(--black-60)}.scroll-slider-section__link .scroll-slider-section__link-inner span{transition:color .3s ease;color:var(--black)}.scroll-slider-section__cards{position:absolute;z-index:2;width:100%;max-width:285px;align-self:center;height:var(--max-card-height, 0);display:flex;flex-direction:column;gap:40px;background-color:var(--custom-color-white);border-radius:20px;overflow:hidden}.scroll-slider-section__card{position:absolute;padding:20px;width:100%;display:flex;flex-direction:column;gap:40px;pointer-events:none;transform:translateY(calc(1 * var(--max-card-height, 0)));transition:transform 1s}.scroll-slider-section__card.active{transform:translateY(0);pointer-events:visible}.scroll-slider-section__card.prev{transform:translateY(calc(-1 * var(--max-card-height, 0)));pointer-events:visible}.scroll-slider-section__card.next{transform:translateY(calc(1 * var(--max-card-height, 0)));pointer-events:visible}.scroll-slider-section__card-icon{margin-left:auto;padding:8px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid rgba(0,0,0,.5)}.scroll-slider-section__card-icon img{width:100%;height:100%;display:block;object-fit:contain}.scroll-slider-section__card-description p{color:var(--black-80);font-size:16px;line-height:122%;letter-spacing:-.32px}@media screen and (min-width:990px){.scroll-slider-section__card-description p{font-size:20px;line-height:130%;letter-spacing:-.4px}}.scroll-slider-section__dots{position:absolute;z-index:4;bottom:40px;left:0;right:0;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:5px}.scroll-slider-section__dot{position:relative;width:6px;height:6px;border-radius:6px;border:1px solid var(--color-primary-button-background);background-color:var(--color-primary-button-text);transition:width .5s}.scroll-slider-section__dot.active{width:67px}.scroll-slider-section__dot.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--scroll-slider-slide-progress);border-radius:6px;background-color:var(--color-primary-button-background);opacity:.8}@media screen and (min-width:768px){.scroll-slider-section__image-desk{display:block}.scroll-slider-section__image-mob{display:none}.scroll-slider-section__cards{max-width:340px}}@media screen and (min-width:990px){.scroll-slider-section__cards{position:absolute;max-width:388px;width:33%;align-self:normal}.scroll-slider-section__card{padding:24px}.scroll-slider-section__card-icon{padding:12px;width:45px;height:45px}.scroll-slider-section__card-description{max-width:266px;font-size:20px;font-weight:400;line-height:130%;letter-spacing:-.4px}.scroll-slider-section__content{margin:auto;width:50.5%}}@media screen and (min-width:1280px){.scroll-slider-section__card{overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/scroll-slider.css.map */
