.item[data-v-b0ae7b8e]{position:relative;padding-top:var(--pt);padding-bottom:var(--pb);--icon-height: var(--41b5b7c0);--icon-width: var(--f83250a6);--path-width: .125rem;--tail-height: 3.625rem}.item:where([data-status=current][data-v-b0ae7b8e]){--pb: 5rem;--path-bg: var(--black07)}.item:where([data-status=regular][data-v-b0ae7b8e]){--pb: 2.3125rem;--path-bg: var(--black07)}.item:where([data-status=preview][data-v-b0ae7b8e]){--pb: 1.5rem;--path-bg: var(--black07)}.item:where([data-status=completed][data-v-b0ae7b8e]){--pb: 2.3125rem;--path-bg: var(--blue-hover);--opacity: .5}.item>*[data-v-b0ae7b8e],.item[data-v-b0ae7b8e]:after{opacity:var(--opacity)}.item[data-v-b0ae7b8e]:after{position:absolute;top:calc(var(--pt, 0px) + var(--icon-height));left:calc(var(--icon-width) / 2 - var(--path-width) / 2);width:var(--path-width);height:calc(100% - var(--icon-height) - var(--pt, 0px));content:"";background:var(--path-bg)}.item[data-v-b0ae7b8e]:last-child{padding-bottom:0}.item[data-v-b0ae7b8e]:last-child:after{display:none}.tail-decor>.item[data-v-b0ae7b8e]:first-child:before,.tail-decor>.item[data-v-b0ae7b8e]:last-child:after{position:absolute;left:calc(var(--icon-width) / 2 - var(--path-width) / 2);display:block;width:var(--path-width);content:"";background:repeating-linear-gradient(to bottom,var(--black07),var(--black07) .25rem,transparent .25rem,transparent .5rem);opacity:1}.tail-decor>.item[data-v-b0ae7b8e]:first-child{--pt: var(--tail-height)}.tail-decor>.item[data-v-b0ae7b8e]:first-child:before{top:0;height:var(--tail-height)}.tail-decor>.item[data-v-b0ae7b8e]:last-child{min-height:calc(var(--tail-height) + var(--icon-height))}.current-state-icon-animation>.item[data-status=current] .icon svg[data-v-b0ae7b8e]{--shadow-ping-size: 5px;--shadow-ping-color: rgb(86 107 228 / 13%)}@keyframes shadowPing-b0ae7b8e{0%{box-shadow:0 0 0 0 var(--shadow-ping-color, rgb(86 107 228 / 25%)),0 0 0 0 var(--shadow-ping-color, rgb(86 107 228 / 25%))}35%{box-shadow:0 0 0 var(--shadow-ping-size, 4px) var(--shadow-ping-color, rgb(86 107 228 / 25%)),0 0 0 0 var(--shadow-ping-color, rgb(86 107 228 / 25%))}60%,80%{box-shadow:0 0 0 var(--shadow-ping-size, 4px) var(--shadow-ping-color, rgb(86 107 228 / 25%)),0 0 0 var(--shadow-ping-size, 4px) var(--shadow-ping-color, rgb(86 107 228 / 25%))}to{box-shadow:0 0 0 0 transparent,0 0 0 0 transparent}}.current-state-icon-animation>.item[data-status=current] .icon svg[data-v-b0ae7b8e]{animation:shadowPing-b0ae7b8e 2.5s ease-in-out infinite;animation-delay:1s}