.completion-line{position:relative;height:var(--cl-height,2px);background:var(--color-border);border-radius:1px;overflow:visible}.completion-line__fill{position:absolute;inset:0;background:linear-gradient(to right,var(--color-green) calc(var(--completion-progress, 0) * 100%),var(--color-border) calc(var(--completion-progress, 0) * 100%));border-radius:inherit;transition:background .4s ease}.completion-line__node{position:absolute;right:calc((1 - var(--completion-progress, 0)) * 100%);top:50%;transform:translate(50%,-50%);opacity:var(--completion-progress,0);transition:opacity .3s ease .2s,right .4s ease;width:10px;height:10px;flex-shrink:0}.completion-line__node--hidden{display:none}