.steps,.steps .step{display:flex;align-items:center}.steps .step{--text-opacity:1;color:#737373;color:rgba(115,115,115,var(--text-opacity));position:relative}.steps .step.active{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.steps .step.active .point{background:var(--color-primary);border-color:var(--color-primary)}.steps .step.active .label,.steps .step.done{color:var(--color-primary)}.steps .step.done .point{border-color:var(--color-primary)}.steps .step.done .label{color:var(--color-primary)}.steps .step .point{display:flex;align-items:center;justify-content:center;font-size:1.125rem;border-radius:9999px;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);height:3rem;width:3rem;padding-top:.75rem;padding-bottom:.75rem;border-width:2px;--border-opacity:1;border-color:#d4d4d4;border-color:rgba(212,212,212,var(--border-opacity))}.steps .step .label{position:absolute;top:0;margin-left:-2.5rem;text-align:center;margin-top:4rem;width:8rem;font-size:.75rem;font-weight:500;text-transform:uppercase;--text-opacity:1;color:#737373;color:rgba(115,115,115,var(--text-opacity))}.steps .way{flex:1 1 auto;border-top-width:2px;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1);--border-opacity:1;border-color:#d4d4d4;border-color:rgba(212,212,212,var(--border-opacity))}.steps .way.done{border-color:var(--color-primary)}