.onboarding-screen{min-height:100svh;margin-top:calc(-1 * var(--header-height));padding-top:calc(64px + var(--header-height));color:var(--primary-white);background-color:#071925;background-image:url(../assets/images/onboarding/onboarding-screen.webp);background-position:50%;background-size:cover;flex-direction:column;padding-bottom:64px;display:flex}.onboarding-screen__inner{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.onboarding-screen__steps{gap:12px;margin-bottom:55px;display:flex}.onboarding-screen__step{text-transform:uppercase;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.onboarding-screen__step:before{min-width:36px;height:36px;color:var(--primary-black);background-color:var(--secondary);content:attr(data-step);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 12px;font-size:14px;font-weight:400;transition-property:color,background-color;transition-duration:.3s;display:flex}.onboarding-screen__step:not(:last-child):after{background-color:var(--line);content:"";width:50px;height:1px;margin-left:4px;display:block}.onboarding-screen__step.--active:before{color:var(--primary-white);background-color:var(--primary-fixed)}.onboarding-screen__title{text-align:center;text-transform:uppercase;max-width:940px;margin:0;font-size:40px}.onboarding-screen__title span{background-color:var(--primary-fixed);border-radius:10px;padding:0 6px}.onboarding-screen__subtitle{text-align:center;max-width:760px;margin-top:24px;font-size:18px}.onboarding-screen__form{width:100%;max-width:800px;color:var(--primary-black);background-color:var(--background-light-gray);border-radius:20px;margin-top:48px;padding:36px}.onboarding-screen__form-inner{flex-direction:column;gap:24px;display:flex}.onboarding-screen__form-button{width:100%;max-width:500px;margin:0 auto}.onboarding-screen__info{flex-wrap:wrap;align-items:center;gap:50px;margin-top:36px;display:flex}.onboarding-screen__info-item{text-align:center}.onboarding-screen__info-icon{width:24px;height:24px;color:var(--status-green);vertical-align:middle;background-color:var(--background-light-gray);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.onboarding-screen__info-icon i{font-size:16px;line-height:1}.onboarding-screen__info-users{vertical-align:middle;display:inline-flex}.onboarding-screen__info-users img{-o-object-fit:cover;object-fit:cover;background-color:var(--primary-white);border-radius:50%;width:38px;height:38px;display:block;overflow:hidden}.onboarding-screen__info-users img:not(:last-child){margin-right:-6px}.onboarding-screen__caption{color:var(--primary-black);background-color:var(--primary-white);border-radius:100px;align-items:center;gap:10px;margin-top:22px;padding:10px 12px;font-weight:700;display:flex}.onboarding-screen__loader{z-index:1050;visibility:hidden;opacity:0;pointer-events:none;background-color:#333333e6;width:100%;height:100%;transition-property:opacity,visibility;transition-duration:.3s;position:fixed;top:0;left:0}.onboarding-screen__loader.--active{visibility:visible;opacity:1;pointer-events:all}.onboarding-screen__loader .loader{color:var(--primary-white);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (width<=1023px){.onboarding-screen{padding-top:calc(15px + var(--header-height));padding-bottom:24px}.onboarding-screen__steps{margin-bottom:24px}.onboarding-screen__step:before{min-width:32px;height:32px}.onboarding-screen__step:not(:last-child):after{content:none}.onboarding-screen__title{font-size:24px}.onboarding-screen__subtitle{font-size:16px}.onboarding-screen__form{border-radius:10px;margin-top:18px;padding:18px 12px}.onboarding-screen__form-inner{gap:18px}.onboarding-screen__info{gap:12px;margin-top:18px;font-size:14px}.onboarding-screen__caption{margin-top:18px;padding:8px 12px;font-size:14px}}@media screen and (width<=799px){.onboarding-screen__step:before{content:"Шаг " attr(data-step) " из " attr(data-count)}.onboarding-screen__step:not(.--active){display:none}.onboarding-screen__form-button{max-width:unset}.onboarding-screen__info{flex-direction:column}.onboarding-screen__info-users img{width:24px;height:24px}}