.tier-progress{margin:0 0 12px;font-size:14px;line-height:1.4;width:100%}
.tier-progress[hidden]{display:none!important}
.tier-progress__msg{margin:0 0 6px}
.tier-progress__bar{height:6px;border-radius:3px;background:rgba(127,127,127,.2);overflow:hidden}
.tier-progress__bar span{display:block;height:100%;width:0;background:currentColor;border-radius:3px;transition:width .3s ease}
.tier-progress__steps{margin:6px 0 0;font-size:12px;opacity:.7}

.tp-track{position:relative;height:60px;margin:2px 0 4px}
.tp-rail{position:absolute;left:0;right:0;top:15px;height:8px;border-radius:4px;background:rgba(127,127,127,.22);overflow:hidden}
.tp-rail span{display:block;height:100%;width:0;border-radius:4px;background:currentColor;transition:width .3s ease}
.tp-node{position:absolute;top:0;transform:translateX(-100%);display:flex;flex-direction:column;align-items:center;gap:3px;width:52px}
.tp-node b{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff;border:2px solid rgba(127,127,127,.4);font-size:11.5px;font-weight:700;line-height:1;opacity:.85}
.tp-node small{font-size:11px;line-height:1.1;opacity:.7}
.tp-node.is-on b{background:#111;border-color:#111;color:#fff;opacity:1}
.tp-node.is-on small{opacity:1;font-weight:600}