.steps{display:flex;align-items:center;margin-top:1.5rem;margin-bottom:2.5rem;padding-left:.75rem;padding-right:.75rem}@media (min-width:768px){.steps{padding:2rem;margin-bottom:2.5rem;margin-left:1rem;margin-right:1rem}}.steps .step{display:flex;align-items:center;--text-opacity:1;color:#71717a;color:rgba(113,113,122,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{color:var(--color-primary);display:block}.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:#d4d4d8;border-color:rgba(212,212,216,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:#71717a;color:rgba(113,113,122,var(--text-opacity));display:none}@media (min-width:768px){.steps .step .label{display:block}}.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:#d4d4d8;border-color:rgba(212,212,216,var(--border-opacity))}.steps .way.done{border-color:var(--color-primary)}