.reg-layout{--aside-bg:var(--c-gray-900);--border:var(--border-light);border:var(--border);border-radius:24px;display:grid;grid-template-columns:minmax(24rem,3fr) minmax(auto,7fr);height:100vh;max-height:860px;max-width:1104px;overflow:hidden;width:100%}.reg-layout__sidebar{background-color:var(--aside-bg);display:grid;grid-template-rows:auto 1fr auto;overflow-y:auto}.reg-layout__sidebar-logo{padding:32px 32px 16px}.reg-layout__have-account{color:var(--c-gray-500);margin:auto 0 32px;padding-left:32px;text-align:left}.reg-layout__steps{display:grid;gap:3.2rem;grid-template-rows:repeat(auto-fit,minmax(10rem,min-content));padding:16px 32px 32px}.reg-layout__step{--step-bg:var(--c-gray-800);--step-name-color:var(--c-gray-100);--step-desc-color:var(--c-gray-500);background-color:var(--step-bg);border:1px solid transparent;border-radius:12px;padding:1.6rem;position:relative;transition:all .2s;z-index:2}.reg-layout__step:before{background-color:var(--c-purple-400);content:"";display:block;height:0;left:50%;position:absolute;top:100%;transition:height .2s;width:1.5px;z-index:3}.reg-layout__step--done{background:var(--c-gray-900);border-color:var(--c-purple-400)}.reg-layout__step--done:before{height:33px}.reg-layout__step--active{--step-bg:var(--c-purple-400);--step-name-color:var(--c-gray-900);--step-desc-color:var(--c-gray-900)}.reg-layout__step h3{color:var(--step-name-color)}.reg-layout__step p{color:var(--step-desc-color);font-size:1.4rem;line-height:1.3em;margin-top:1.2rem}