.bf-st{--bf-st-done-bg: #2de3b0;--bf-st-done-fg: #04241c;--bf-st-current-bg: #8b5cff;--bf-st-current-fg: #ffffff;--bf-st-upcoming-bg: rgba(128, 128, 128, .18);--bf-st-upcoming-fg: rgba(128, 128, 128, .9);--bf-st-line: #2de3b0;--bf-st-line-muted: rgba(128, 128, 128, .25);--bf-st-label: inherit;--bf-st-node: 34px;--bf-st-label-width: 88px;width:100%}.bf-st__rail{position:relative;width:100%;display:flex;justify-content:space-between;align-items:flex-start;list-style:none;margin:0;padding:0}.bf-st__rail:before,.bf-st__rail:after{content:"";position:absolute;top:calc(var(--bf-st-node) / 2 - 1.5px);left:calc(var(--bf-st-node) / 2);height:3px;border-radius:2px;z-index:0}.bf-st__rail:before{right:calc(var(--bf-st-node) / 2);background:var(--bf-st-line-muted)}.bf-st__rail:after{width:calc((100% - var(--bf-st-node)) * var(--bf-st-progress, 0));background:var(--bf-st-line)}.bf-st__rail:has(.bf-st__seg:only-child):before,.bf-st__rail:has(.bf-st__seg:only-child):after{display:none}.bf-st__seg{position:relative;z-index:1;flex:0 0 auto;width:var(--bf-st-node);display:flex;flex-direction:column;align-items:center}.bf-st__node{width:var(--bf-st-node);height:var(--bf-st-node);border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1;background:var(--bf-st-upcoming-bg);color:var(--bf-st-upcoming-fg)}.bf-st__seg--done .bf-st__node{background:var(--bf-st-done-bg);color:var(--bf-st-done-fg)}.bf-st__seg--current .bf-st__node{background:var(--bf-st-current-bg);color:var(--bf-st-current-fg);box-shadow:0 0 0 4px color-mix(in srgb,var(--bf-st-current-bg) 22%,transparent)}.bf-st__node svg{display:block}.bf-st__label{width:var(--bf-st-label-width);margin-top:8px;margin-inline:calc((var(--bf-st-node) - var(--bf-st-label-width)) / 2);font-size:11px;line-height:1.2;text-align:center;color:var(--bf-st-label)}.bf-st__seg:first-child .bf-st__label{margin-inline-start:0;text-align:left}.bf-st__seg:last-child .bf-st__label{margin-inline-end:0;text-align:right}