.steps-panel{display:flex;justify-content:center;align-items:center;position:relative;padding:1rem 0;z-index:0;margin-left:auto;margin-right:auto}@media(min-width:768px){.steps-panel{margin-top:1.25rem;max-width:520px}}@media(min-width:320px)and (max-width:767.98px){.steps-panel{margin-top:0;max-width:100%;padding:1rem 0}}.steps-panel__container,.steps-panel__step{display:flex;align-items:center;width:100%}.steps-panel__step{flex-direction:column;position:relative;height:75px}.steps-panel__circle{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;font-weight:700;transition:all .3s;z-index:10;background-color:#fff;border:2px solid #edf0f2;color:#0b41a0}.steps-panel__circle--active,.steps-panel__circle--done{background-color:#0b41a0;color:#fff;border:none}.steps-panel__label{font-weight:500;margin-top:.5rem;transition:all .3s}@media(min-width:768px){.steps-panel__label{font-size:.875rem;white-space:nowrap}}@media(min-width:320px)and (max-width:767.98px){.steps-panel__label{font-size:.75rem;text-align:center;white-space:normal}}.steps-panel__label--active{color:#0b41a0;font-weight:700}.steps-panel__label:not(.steps-panel__label--active){color:#22323a}.steps-panel__line{position:absolute;height:4px;top:15px;left:50%;width:100%;transform:translateX(0);z-index:0}.steps-panel__line--done,.steps-panel__line--pending{background-color:#c3d2de}