.onboarding-process{position:relative}.onboarding-process__container{display:flex;gap:40px;padding:0 0 0 40px;margin-right:-56px;overflow:hidden;height:100vh;align-items:center;position:sticky;top:0}@media screen and (min-width:770px){.onboarding-process.is-sticky{min-height:calc(100vh + var(--scroll-height, 0px))}}.onboarding-process__left{display:flex;max-width:332px;min-width:332px;flex-direction:column;position:relative}.onboarding-process__tabs{margin-top:24px;display:flex;flex-direction:column;padding-left:24px;gap:16px;position:relative}.onboarding-process__tabs:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background-color:#e7ecee;border-radius:4px}.onboarding-process__tab{position:relative;color:var(--color-shade-40);font-size:24px;font-weight:700;line-height:32px;border-radius:4px;cursor:pointer;transition:color .5s cubic-bezier(.4,0,.2,1),font-weight .3s ease}.onboarding-process__tab:hover{color:var(--color-shade-70);font-weight:700}.onboarding-process__tab.active{color:var(--color-primary-100);font-weight:700}.onboarding-process__indicator{position:absolute;left:0;width:8px;background-color:var(--color-primary-100);border-radius:4px;transition:top .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1);pointer-events:none}.onboarding-process__right{align-self:center;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.onboarding-process__right::-webkit-scrollbar{display:none}.onboarding-process__card-container{display:flex;gap:24px;min-width:max-content}.onboarding-process__card{display:flex;max-width:240px;width:100%;padding:24px;flex-direction:column;align-items:center;flex-shrink:0;border-radius:16px;background:var(--color-shade-5);border:1px solid var(--color-shade-30);cursor:pointer;opacity:.5;transform:scale(.95);transition:all .6s cubic-bezier(.4,0,.2,1)}.onboarding-process__card:hover{border:1px solid var(--Primary-70, #66d0ff);background:var(--Primary-10, #e6f7ff);opacity:.7;transform:scale(.98)}.onboarding-process__card:last-child{margin-right:24px}.onboarding-process__card.active{background:var(--color-primary-5);border-color:var(--color-primary-40);opacity:1;transform:scale(1)}.onboarding-process__card.active:hover{border:1px solid var(--Primary-70, #66d0ff);background:var(--Primary-10, #e6f7ff);opacity:1;transform:scale(1)}@media screen and (min-width:770px){.onboarding-process__card{min-width:240px;height:288px}.onboarding-process__card.hidden{opacity:0;min-width:0;max-width:0;padding-left:0;padding-right:0;border-left-width:0;border-right-width:0;overflow:hidden;pointer-events:none}.onboarding-process__card.hidden .onboarding-process__card-image,.onboarding-process__card.hidden .onboarding-process__card-subheading,.onboarding-process__card.hidden .onboarding-process__card-paragraph{opacity:0;transition:opacity .01s ease}.onboarding-process__card:not(.hidden) .onboarding-process__card-image,.onboarding-process__card:not(.hidden) .onboarding-process__card-subheading,.onboarding-process__card:not(.hidden) .onboarding-process__card-paragraph{transition:opacity .2s ease .4s}}.onboarding-process__card-image{height:92px;margin-bottom:16px;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.onboarding-process__card-image img{width:100%;height:auto;display:block}.onboarding-process__card-subheading{color:var(--color-primary-100);font-size:16px;font-weight:600;line-height:20px;margin-bottom:4px;transition:opacity .6s cubic-bezier(.4,0,.2,1) .1s,transform .6s cubic-bezier(.4,0,.2,1) .1s}.onboarding-process__card-paragraph{color:var(--color-shade-70);font-size:14px;font-weight:400;line-height:20px;transition:opacity .6s cubic-bezier(.4,0,.2,1) .15s,transform .6s cubic-bezier(.4,0,.2,1) .15s}@media screen and (max-width:1024px){.onboarding-process__container{padding:0 0 0 48px;margin-right:-32px}}@media screen and (max-width:769px){.onboarding-process{min-height:auto!important}.onboarding-process__container{flex-direction:column;gap:24px;padding:40px 16px;position:static;height:auto}.onboarding-process__card{opacity:1;transform:scale(1)}.onboarding-process__left .section-header__subtitle,.onboarding-process__left .section-header__decoration{display:none}.onboarding-process__left{width:100%;max-width:100%;padding-left:8px}.onboarding-process__left .section-header{width:100%;max-width:100%}.onboarding-process__tabs{margin-left:16px}.onboarding-process__tab{scroll-snap-align:start;color:var(--Shade-40, #9db1ba);font-size:20px;font-style:normal;font-weight:400;line-height:24px}.onboarding-process__tab.active{color:var(--color-primary-100);font-weight:700}.onboarding-process__right{width:100%}.onboarding-process__card-container{gap:16px}.onboarding-process__card{width:298px;height:288px}.onboarding-process__card:last-child{margin-right:12px}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/onboarding-process.css.map */