.esg-step-flow[data-v-c52e0fd1]{--u:99}.esg-step-flow__step[data-v-c52e0fd1]:first-child{--i:0}.esg-step-flow__step[data-v-c52e0fd1]:nth-child(2){--i:1}.esg-step-flow__step[data-v-c52e0fd1]:nth-child(3){--i:2}.esg-step-flow__step[data-v-c52e0fd1]:nth-child(4){--i:3}@media(min-width:768px){.esg-step-flow--staggered[data-v-c52e0fd1]{--flow-gap:100px;grid-template-columns:220px 200px 180px 180px}.esg-step-flow--even[data-v-c52e0fd1]{--flow-gap:120px;grid-template-columns:180px 180px 180px 180px}}.esg-step-flow__dot[data-v-c52e0fd1]{opacity:clamp(0,calc((var(--u) - var(--i))*5),1)}.esg-step-flow__fill[data-v-c52e0fd1]{--fill:clamp(0,calc(var(--u)/.8 - var(--i)/.8 - .25),1);height:calc(var(--fill)*100%);width:100%}@media(min-width:768px){.esg-step-flow__fill[data-v-c52e0fd1]{height:100%;width:calc(var(--fill)*100%)}}