.step-rail{margin:var(--bk-space-3,12px) var(--bk-space-4,16px) var(--bk-space-4,16px)}.step-rail__head{color:var(--bk-primary);margin:0 0 var(--bk-space-2,8px);font-size:12.5px;font-weight:700}.step-rail__card{background:var(--bk-surface,#fff);border:1px solid var(--bk-primary-100,#e0dcf0);border-radius:20px;padding:12px 2px 10px;position:relative}.step-rail__track{top:24px;left:calc((100% - 4px) / (2 * var(--rail-n,6)) + 2px);right:calc((100% - 4px) / (2 * var(--rail-n,6)) + 2px);background:var(--bk-primary-100,#e0dcf0);border-radius:3px;height:3px;position:absolute}.step-rail__fill{background:var(--bk-secondary,#03c988);height:100%;transition:width var(--bk-dur,.3s) var(--bk-ease,ease);border-radius:3px;display:block}.step-rail__map{justify-content:space-between;margin:0;padding:0;list-style:none;display:flex;position:relative}.step-rail__item{flex:1 1 0;justify-content:center;min-width:0;display:flex}.step-rail__btn{cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;min-height:44px;padding:0;font-family:inherit;display:flex}.step-rail__item--start .step-rail__btn,.step-rail__btn:disabled{cursor:default}.step-rail__btn:focus-visible{outline:2px solid var(--bk-primary);outline-offset:2px}.step-rail__dot{box-sizing:border-box;width:26px;height:26px;color:var(--bk-fg-3);background:var(--bk-surface,#fff);border:2px dashed var(--bk-primary-200,#b9b3d8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.step-rail__item--current .step-rail__dot{color:#fff;background:var(--bk-primary);border:0;font-size:12px;box-shadow:0 0 0 5px #13005a24}.step-rail__item--done .step-rail__dot{color:#fff;background:var(--bk-secondary,#03c988);border:0;font-size:13px}.step-rail__label{letter-spacing:-.01em;color:var(--bk-fg-2);white-space:nowrap;font-size:9.5px;font-weight:500;line-height:1.15}.step-rail__btn:not(:disabled):hover .step-rail__label,.step-rail__btn:not(:disabled):focus-visible .step-rail__label{color:var(--bk-primary)}.step-rail__item--current .step-rail__label{color:var(--bk-primary);font-weight:700}.step-rail__item--done .step-rail__label{color:#0b7a55;font-weight:600}.step-rail__hint{background:var(--bk-surface-2,#f7f8fb);color:var(--bk-fg-2);border-radius:8px;margin:6px 0 0;padding:7px 10px;font-size:11.5px;font-weight:600;line-height:1.35;animation:.18s step-rail-hint-in}@keyframes step-rail-hint-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (min-width:481px){.step-rail__label{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.step-rail__fill,.step-rail__hint{transition:none;animation:none}}