.progress-bar{list-style-type:none;margin:0;padding:0;--progress-bar-width:100%;--progress-bar-padding-block:24px;--progress-bar-item-spacing:0;--progress-bar-label-foreground-color:var(--color-content-base-5-aa);--progress-bar-label-opacity:0;--progress-bar-label-foreground-color-active:var(--color-content-base-1-aa);--progress-bar-label-opacity-active:1;--progress-bar-label-foreground-color-done:var(--color-content-base-1-aa);--progress-bar-label-opacity-done:0;--progress-bar-count-size:36px;--progress-bar-count-foreground-color:var(--color-content-base-5-aa);--progress-bar-count-background-color:var(--color-surface-base-1);--progress-bar-count-border-color:var(--color-border-base-5-aa);--progress-bar-count-foreground-color-active:var(--color-content-base-1-aa);--progress-bar-count-background-color-active:transparent;--progress-bar-count-border-color-active:var(--color-border-base-1-aa);--progress-bar-count-foreground-color-done:var(--color-content-base-4);--progress-bar-count-background-color-done:var(--color-surface-base-2-aa);--progress-bar-count-border-color-done:var(--color-border-base-1-aa);--progress-bar-line-width:1px;--progress-bar-line-y:calc(var(--progress-bar-count-size)/2 - var(--progress-bar-line-width)/2);--progress-bar-dash-color:var(--color-border-base-5-aa);--progress-bar-dash-length:4px;--progress-bar-dash-gap:4px;--progress-bar-dash-image:repeating-linear-gradient(to right,var(--progress-bar-dash-color) 0 var(--progress-bar-dash-length),transparent var(--progress-bar-dash-length) calc(var(--progress-bar-dash-length) + var(--progress-bar-dash-gap)));--progress-bar-dash-size:calc(50% - var(--progress-bar-count-size)/2) var(--progress-bar-line-width);counter-reset:progressbar;display:flex;flex-direction:row;margin-inline:auto;overflow:hidden;padding-block:var(--progress-bar-padding-block);width:var(--progress-bar-width)}@media only screen and (max-width:767px){.progress-bar:has(.progress-bar__item--active) .progress-bar__item:not(.progress-bar__item--active,:has(+.progress-bar__item--active),.progress-bar__item--active+*,.progress-bar__item--active:first-child+*+*,:has(+*+.progress-bar__item--active:last-child)){flex:0 0 0;inline-size:0;overflow:hidden}.progress-bar:has(.progress-bar__item--active) .progress-bar__item:not(:first-child):has(+*+.progress-bar__item--active:last-child),.progress-bar:has(.progress-bar__item--active) .progress-bar__item:not(:first-child):has(+.progress-bar__item--active:not(:last-child)){background-image:var(--progress-bar-dash-image);background-position:left 0 top var(--progress-bar-line-y);background-repeat:no-repeat;background-size:var(--progress-bar-dash-size)}.progress-bar:has(.progress-bar__item--active) .progress-bar__item--active:first-child+*+.progress-bar__item:not(:last-child),.progress-bar:has(.progress-bar__item--active) .progress-bar__item--active:not(:first-child)+.progress-bar__item:not(:last-child){background-image:var(--progress-bar-dash-image);background-position:right 0 top var(--progress-bar-line-y);background-repeat:no-repeat;background-size:var(--progress-bar-dash-size)}.progress-bar:has(.progress-bar__item--active) .progress-bar__item--active:first-child+*+.progress-bar__item:not(:last-child):after,.progress-bar:has(.progress-bar__item--active) .progress-bar__item--active:not(:first-child)+.progress-bar__item:not(:last-child):after{display:none}}@media only screen and (min-width:768px){.progress-bar{--progress-bar-item-spacing:32px;--progress-bar-label-opacity:1;--progress-bar-label-opacity-done:1;--progress-bar-width:fit-content;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;max-inline-size:100%}}.progress-bar__item{color:var(--progress-bar-label-foreground-color);flex:1 1 0;flex-direction:column;min-inline-size:0;padding-inline:var(--progress-bar-item-spacing)}.progress-bar__item,.progress-bar__item:before{display:flex;justify-content:center;position:relative}.progress-bar__item:before{align-items:center;background-color:var(--progress-bar-count-background-color);border:var(--progress-bar-line-width) solid var(--progress-bar-count-border-color);border-radius:50%;box-sizing:border-box;color:var(--progress-bar-count-foreground-color);counter-increment:progressbar;height:var(--progress-bar-count-size);margin-inline:auto;margin-bottom:8px;width:var(--progress-bar-count-size);z-index:1}.progress-bar__item:not(.progress-bar__item--done):before{content:counter(progressbar)}.progress-bar__item:after{border-bottom:var(--progress-bar-line-width) solid var(--progress-bar-count-border-color);content:"";display:block;left:calc(50% + var(--progress-bar-count-size)/2);position:absolute;right:calc(-50% + var(--progress-bar-count-size)/2);top:var(--progress-bar-line-y);z-index:0}.progress-bar__item:last-child:after{display:none}.progress-bar__item--active{--progress-bar-label-opacity:var(--progress-bar-label-opacity-active);--progress-bar-label-foreground-color:var(--progress-bar-label-foreground-color-active);--progress-bar-count-foreground-color:var(--progress-bar-count-foreground-color-active);--progress-bar-count-background-color:var(--progress-bar-count-background-color-active);--progress-bar-count-border-color:var(--progress-bar-count-border-color-active)}.progress-bar__item--done{--progress-bar-label-opacity:var(--progress-bar-label-opacity-done);--progress-bar-label-foreground-color:var(--progress-bar-label-foreground-color-done);--progress-bar-count-foreground-color:var(--progress-bar-count-foreground-color-done);--progress-bar-count-background-color:var(--progress-bar-count-background-color-done);--progress-bar-count-border-color:var(--progress-bar-count-border-color-done)}.progress-bar__item--done:before{font-size:24px}.progress-bar__label{opacity:var(--progress-bar-label-opacity);text-align:center}