.registration-step{text-align:center;position:relative;padding:0 var(--spacing-xl);overflow:hidden;color:var(--color-light-gray);font-weight:500;width:50%}.registration-step.active{color:var(--color-primary)}.registration-step.completed{color:var(--color-primary-inactive)}.step-num{font-size:var(--font-3xl);margin:0 auto;border-radius:var(--border-radius-full);background-color:currentColor;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.step-num span{color:white}.step-text{font-size:var(--font-2xl);margin-top:var(--spacing-sm);width:200%;margin-left:-50%;white-space:nowrap}.step-line-left{border-top:solid 1px currentColor;position:absolute;top:14px;left:0;right:calc(50% + 20px)}.active .step-line-left,.completed .step-line-left{border-top-color:var(--color-primary-inactive)}.step-line-right{border-top:solid 1px currentColor;position:absolute;top:14px;left:calc(50% + 20px);right:0}.active .step-line-right{border-top-color:var(--color-light-gray)}.completed .step-line-right{border-top-color:var(--color-primary-inactive)}.register-form{display:grid;grid-template-columns:4fr 5fr;align-items:center;column-gap:var(--spacing-xs)}.email-form{grid-template-rows:auto auto var(--spacing-xl) auto}.activate-form{grid-template-rows:auto var(--spacing-lg) auto auto var(--spacing-lg) auto auto var(--spacing-md) auto 100px var(--spacing-2xl) auto auto var(--spacing-xl) var(--spacing-3xl);font-size:14px}.activate-form label,.activate-form input,.confirm-form label{font-size:14px}.confirm-form{grid-template-rows:auto var(--spacing-3xl) var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl) var(--spacing-3xl) auto;font-size:14px}.password-form{grid-template-rows:auto auto var(--spacing-lg) auto auto var(--spacing-md) auto 100px var(--spacing-2xl);font-size:14px}.white-fade-left{background-image:linear-gradient(to right,white,transparent);position:absolute;top:0;left:0;width:40px;height:200px;display:none}.disable-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:white;opacity:.6;cursor:wait}.step-3 .step-guide,.step-4 .step-guide,.step-5 .step-guide{width:calc(133% - 130px);margin-left:calc(79px - 33%)}.step-3 .white-fade-left,.step-4 .white-fade-left,.step-5 .white-fade-left{display:block}@media(max-width:768px){.step-1 .step-guide{width:129vw;margin-left:21.5vw}.step-2 .step-guide{width:129vw;margin-left:-22.5vw}.step-2 .white-fade-left{display:block}.step-3 .step-guide{width:174vw;margin-left:-23vw}.step-4 .step-guide{width:174vw;margin-left:-66.5vw}.step-5 .step-guide{width:174vw;margin-left:-110vw}.white-fade-right{background-image:linear-gradient(to left,white,transparent);position:absolute;top:0;right:0;width:40px;height:200px}.step-5 .white-fade-right{display:none}.register-form{grid-template-columns:1fr}.email-form{grid-template-rows:30px auto auto auto 30px auto 30px}.activate-form{grid-template-rows:auto var(--spacing-xl) var(--spacing-sm) auto var(--spacing-2xl) auto auto auto var(--spacing-md) auto auto auto auto auto var(--spacing-md) auto auto auto var(--spacing-md) var(--spacing-4xl) var(--spacing-xl) auto var(--spacing-2xl) auto auto auto var(--spacing-lg) auto var(--spacing-2xl) auto var(--spacing-2xl) auto var(--spacing-xl) auto}.confirm-form{grid-template-rows:auto var(--spacing-2xl) var(--spacing-3xl) auto var(--spacing-lg) auto var(--spacing-3xl) auto var(--spacing-2xl) auto var(--spacing-lg) auto var(--spacing-4xl) auto auto var(--spacing-2xl) auto}}