@media (min-width: 990px){.jb-steps .steps__title{font-size:clamp(24px,2.5vw,48px);padding-bottom:486px;position:sticky;margin-top:unset;padding-top:120px;top:0;background:linear-gradient(180deg,#171717,#171717ed,#fff0)}.jb-steps .steps__text p{font-size:20px;font-style:normal;font-weight:400;line-height:140%}.jb-steps h3.steps__num.subtitle{color:var(--Type-captions, #94969c);font-size:18px;line-height:140%;letter-spacing:1px}.jb-steps .steps__wrapper{display:flex;gap:110px;padding-top:120px}.jb-steps .jb__steps__left{width:50%}.jb-steps .jb__steps__left .steps__slides{height:100%}.jb-steps .jb__steps__left .steps__slide-item{padding-bottom:220px}.jb-steps .jb__steps__left .steps__slide-item:nth-child(3):nth-last-child(1){padding-bottom:420px}.jb-steps .jb__steps__left .steps__slide-item{opacity:1}.jb-steps .steps__right{width:50%;position:relative}.jb-steps .steps__right .jb__steps__scroll{position:sticky;top:0;padding-top:120px}@media screen and (min-width: 1920px){.jb-steps .steps__right .jb__steps__scroll{top:20%}}@media screen and (min-width: 1680px){.jb-steps .steps__right .jb__steps__scroll{top:15%}}@media screen and (min-width: 1440px){.jb-steps .steps__right .jb__steps__scroll{top:10%}}.jb-steps .steps__right .jb__steps__scroll .steps__slide-item.steps__slide-item--mobile{display:none}.jb-steps .steps__right .steps__image{width:100%;height:560px;position:absolute;opacity:0;transition:opacity .5s}@media screen and (min-width: 1620px){.jb-steps .steps__right .steps__image{height:660px}}.jb-steps .steps__right .steps__image .steps__scroll-parallax{width:100%;height:100%}.jb-steps .steps__right .steps__image .steps__scroll-parallax img{width:100%;height:100%;object-fit:cover}.jb-steps .steps__right .steps__image.active{opacity:1;transition:opacity .5s}}@media (max-width: 989px){.steps-section{overflow:hidden}.steps__right{height:auto!important}.steps{overflow:hidden}@media (min-width: 990px){.steps{min-height:100vh;max-height:100vh}}.steps.no-js{padding-top:4rem;padding-bottom:4rem}@media (min-width: 990px){.steps.no-js{min-height:auto;max-height:100%;padding-top:8rem;padding-bottom:8rem}}.steps.no-js .steps__wrapper{justify-content:flex-start;flex-wrap:wrap;flex-direction:row;gap:4rem 2rem;padding-top:0}.steps.no-js .steps__slide-item{display:flex;flex-direction:column;width:100%;position:relative;top:0;bottom:unset;opacity:1;transform:none}@media (min-width: 750px){.steps.no-js .steps__slide-item{width:calc(50% - 2rem)}}@media (min-width: 1200px){.steps.no-js .steps__slide-item{width:calc(33.3333% - 2rem)}}.steps.no-js .steps__image{order:-1;margin-top:0;margin-bottom:1.6rem}.steps.no-js .steps__scroll-parallax{height:0;padding-top:100%}.steps.no-js .steps__scroll-parallax img,.steps.no-js .steps__scroll-parallax svg{position:absolute;top:0;left:0;right:0;bottom:0}.steps.no-js .steps__num{margin-bottom:0}.steps.no-js .steps__text{margin-top:0}.steps .steps-anim{height:100%}.steps__title{letter-spacing:-.02em;background-color:rgb(var(--color-background));position:relative;z-index:3;padding-bottom:4.2rem;margin:0;line-height:120%}@media (min-width: 990px){.steps__title{padding-bottom:24vh}}@media (max-width: 1359px) and (orientation: landscape) and (max-height: 700px){.steps__title{margin-top:-9.6rem;padding-top:9.6rem;padding-bottom:4.2rem}}@media (min-width: 990px){.steps__container{height:100%}}.steps__wrapper{display:flex;flex-direction:column;padding-top:var(--spaced-section);padding-top:64px}@media (min-width: 990px){.steps__wrapper{height:100%;flex-direction:row;justify-content:space-between;gap:2rem;padding-bottom:2rem}}.steps__left{width:100%;max-height:calc(100vh - var(--spaced-section));display:flex;flex-direction:column;justify-content:space-between;padding-top:0;overflow-y:auto}.steps__left::-webkit-scrollbar{width:.4rem}.steps__left::-webkit-scrollbar-thumb{background-color:rgb(var(--color-border));border-radius:2rem}@media (min-width: 990px){.steps__left{width:auto;max-width:53rem;flex-grow:1}}@media (max-width: 1359px) and (orientation: landscape) and (max-height: 700px){.steps__left{justify-content:flex-start}}.steps__right{width:100%;flex-grow:1}@media (min-width: 990px){.steps__right{max-width:62rem;width:62rem;max-height:83.8rem}}.steps__scroll{position:relative}.steps__slides{display:flex;flex-direction:column;justify-content:flex-end;position:relative;flex-grow:1;overflow:hidden}@media (min-width: 990px){.steps__slide-item{position:absolute;top:0;left:0;transform:translateY(calc(100% + 2rem));opacity:0;max-height:100%}.steps__slide-item-wrapper{overflow:auto}.steps__slide-item-wrapper::-webkit-scrollbar{width:.4rem}.steps__slide-item-wrapper::-webkit-scrollbar-thumb{background-color:rgb(var(--color-border));border-radius:2rem}}@media (max-width: 1359px) and (orientation: landscape) and (max-height: 700px){.steps__slide-item{top:0;bottom:unset}}.steps__slide-item--desktop{display:none;transition:transform .6s ease,opacity .6s ease}@media (min-width: 990px){.steps__slide-item--desktop{display:flex;flex-direction:column;justify-content:flex-end}}.steps__slide-item--desktop.prev{opacity:0;transform:translateY(calc(-100% - 2rem))}.steps__slide-item--desktop.active{opacity:1;transform:translateY(0)}.steps__slide-item--mobile{margin-bottom:2rem}@media (min-width: 990px){.steps__slide-item--mobile{display:none}}.steps__text{max-width:41.5rem;font-size:1.8rem;line-height:150%;color:rgb(var(--color-foreground));opacity:.8;margin-top:1.6rem}.steps__text a{background:no-repeat 0 100%;background-image:linear-gradient(currentColor,currentColor);background-size:100% .1rem;transition:background-size var(--duration-long) ease;text-decoration:none;color:rgb(var(--color-link),1)}.steps__text a:hover{animation:footerLink .5s ease-out}.steps.color-background-2 .steps__image--placeholder{border:1px solid rgb(0,0,0)}.steps.color-background-2 .steps__image svg{fill:#000}.steps.color-background-3 .steps__image--placeholder{border:1px solid rgb(255,255,255)}.steps.color-background-3 .steps__image svg{fill:#fff}.steps__image{border-radius:.3rem;overflow:hidden;margin-bottom:4.8rem}.steps__scroll-parallax{height:0;overflow:hidden;position:relative;border-radius:.3rem;padding-top:115%}@media (min-width: 990px){.steps__scroll-parallax{height:66.2rem;padding-top:0;overflow:hidden}}.steps__scroll-parallax svg{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:.3rem}.steps__scroll-parallax img{width:100%;height:calc(100% + 4rem);object-fit:cover;object-fit:contain;position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.3rem}@media (min-width: 990px){.steps__scroll-parallax img{position:relative;bottom:unset;right:unset}}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/jb-section-steps.css.map */