.pf-line-dot-separator{--alignment:flex-start;--size-line:3;--size-gap:1;--color-line:var(--color-green);--color-dot:var(--color-yellow);--size-dot:var(--size-dot-md);--size-dot-sm:12px;--size-dot-md:16px;align-items:center;display:flex;gap:calc(var(--size-dot)*var(--size-gap));justify-content:var(--alignment)}.pf-line-dot-separator:is([data-scale=small]){--size-dot:var(--size-dot-sm)}.pf-line-dot-separator:is([data-animate=true]) .pf-line-dot-separator__line{flex-basis:var(--size-dot);transition:all .5s cubic-bezier(var(--bezier))}html[data-loaded=true] .pf-line-dot-separator:is([data-animate=true]) .pf-line-dot-separator__line{flex-basis:calc(var(--size-dot)*var(--size-line))}.pf-line-dot-separator>div{border-radius:calc(var(--size-dot)*.5);height:var(--size-dot)}.pf-line-dot-separator__line{background:var(--color-line);flex:0 1 calc(var(--size-dot)*var(--size-line))}.pf-line-dot-separator__dot{background:var(--color-dot);flex:0 0 var(--size-dot)}