.wizard-progress{display:flex;align-items:center;margin:0 auto;max-width:600px;width:84%;padding:1em 0 2em;@media #{$media-md}{padding: 2em 0;}}.pedigree-level--gp.is-hidden{display:none}.step{position:relative;width:clamp(26px,5vw,36px);height:clamp(26px,5vw,36px);border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;span {color: var(--rev-black); font-size: 11px; position: absolute; top: -20px; width: 90px; text-align: center; opacity: .25;} &.active span {opacity: 1;}}.line{flex:1;height:2px;background:#e5e7eb}.step.active,.step.done,.line.active{background:#299945;color:#fff}.step.active{outline:2px dashed #299945;border:2px solid var(--rev-white);background-color:#fff;color:#07721d}.wizard-step{display:none}.wizard-step.active{display:block}