/* Keep progress on one line; completed steps draw their checkmark. */
.steps{position:sticky;top:28px;align-self:start;display:grid;gap:0;overflow:visible;padding:0;margin:0;isolation:isolate;--track-x:26px;--track-y:16px;--track-length:288px;--track-fill:0px}.steps:before,.steps:after{content:'';position:absolute;z-index:-1;left:var(--track-x);top:var(--track-y);width:2px;height:var(--track-length);border-radius:2px;background:#d9e3f3;pointer-events:none}.steps:after{height:var(--track-fill);background:#315bdf;transition:height .4s cubic-bezier(.2,0,0,1),width .4s cubic-bezier(.2,0,0,1)}.steps li{position:relative;display:flex;align-items:flex-start;gap:16px;min-height:80px;padding:0 0 24px 10px;color:#7a8aa3;font-size:14px;line-height:24px;white-space:normal}.steps li:last-child{padding-bottom:0;min-height:32px}.steps li>span:last-child{display:block;padding-top:4px}.steps .num{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #cfdaef;border-radius:50%;background:#f4f7ff;color:#8190aa;transform:none;transition:background-color .28s cubic-bezier(.2,0,0,1),border-color .28s cubic-bezier(.2,0,0,1),color .28s cubic-bezier(.2,0,0,1),box-shadow .28s cubic-bezier(.2,0,0,1)}.steps li.active{color:#315bdf;font-weight:700}.steps li.active .num{background:#315bdf;border-color:#315bdf;color:#fff;box-shadow:0 0 0 5px #315bdf10}.steps li.done{color:#637590}.steps li.done .num{background:#e8efff;border-color:#d4dfff;color:#315bdf;transform:none}.wizard-step-check{width:18px;height:18px;display:block;overflow:visible}.wizard-step-check path{stroke-dasharray:1;stroke-dashoffset:0}.steps li.just-completed .num{animation:wizard-step-settle .32s cubic-bezier(.2,0,0,1) both}.steps li.just-completed .wizard-step-check path{animation:wizard-step-draw .3s .08s cubic-bezier(.4,0,.2,1) both}.steps li.current-enter .num{animation:wizard-current-in .32s cubic-bezier(.2,0,0,1) both}.stepview h1:focus{outline:none}.panel{align-self:start}.profile-preview,.profile-preview-action,.profile-preview-body strong,.color-option,.finish-shapes button{transition:background-color .32s cubic-bezier(.2,0,0,1),border-color .32s cubic-bezier(.2,0,0,1),color .32s cubic-bezier(.2,0,0,1),border-radius .32s cubic-bezier(.4,0,.2,1),box-shadow .32s cubic-bezier(.2,0,0,1)}.profile-preview-cover{transition:background-color .35s cubic-bezier(.2,0,0,1)}.profile-preview-action{border-radius:var(--profile-radius,999px)}input,textarea,select{transition:border-color .18s cubic-bezier(.2,0,0,1),box-shadow .18s cubic-bezier(.2,0,0,1)}.btn-hm{transition:transform .15s cubic-bezier(.2,0,0,1),background-color .18s cubic-bezier(.2,0,0,1),box-shadow .18s cubic-bezier(.2,0,0,1)}.btn-hm:active{transform:scale(.98)}
@keyframes wizard-step-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes wizard-step-settle{0%{transform:scale(.94)}65%{transform:scale(1.04)}100%{transform:scale(1)}}@keyframes wizard-current-in{from{box-shadow:0 0 0 0 #315bdf20}to{box-shadow:0 0 0 5px #315bdf10}}
@media(max-width:1024px){.steps{position:relative;top:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:visible;padding:0;margin:0 0 24px}.steps li{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0;gap:0}.steps li:last-child{padding:0}.steps li>span:last-child,.steps li.active>span:last-child{display:none}.steps .num{width:32px;height:32px}.steps:before,.steps:after{width:var(--track-length);height:2px}.steps:after{width:var(--track-fill)}.panel{min-width:0}}
@media(prefers-reduced-motion:reduce){.steps:after,.steps .num,.profile-preview,.profile-preview-action,.profile-preview-body strong,.color-option,.finish-shapes button,input,textarea,select,.btn-hm{transition:none!important}.steps li.just-completed .num,.steps li.just-completed .wizard-step-check path,.steps li.current-enter .num{animation:none!important}.btn-hm:active{transform:none}}