.appointments-header{margin-inline:auto;justify-content:center;align-items:center;max-width:1188px;height:56px;margin-top:24px;padding-inline:24px;display:flex}.appointments-completed-step{border-radius:var(--n-border-radius-circle);border:2px solid var(--n-color-accent-secondary);justify-content:center;align-items:center;width:30px;height:30px;display:flex}.appointments-completed-step.focused{background-color:var(--n-color-text-on-accent);position:relative}.appointments-completed-step.focused:after{content:"";background-color:var(--n-color-accent);border-radius:var(--n-border-radius-circle);box-sizing:border-box;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.appointments-completed-step.next-step{border-color:var(--n-color-border-strong)}.appointments-progress-line{background-color:var(--n-color-border-strong);width:132.5px;height:2px}.appointments-progress-line.active{background-color:var(--n-color-accent-secondary)}.appointments-progress-bar,.appointment-progress-bar-step{align-items:center;gap:8px;display:flex}.appointment-progress-bar-step-text{margin-top:-2px}.appointment-progress-bar-step-text.focused{color:var(--n-color-accent);font-weight:var(--n-font-weight-heading)}.appointment-progress-bar-step-text.next-step{color:var(--n-color-text-weak)}.step-counter-text{font-size:11px;font-weight:var(--n-font-weight-heading);color:var(--n-color-accent);line-height:11px}.step-counter-text.focused{color:var(--n-color-text-on-accent)}.step-counter-text.next-step{color:var(--n-color-border-strong)}@media screen and (max-width:767px){.appointments-header{height:32px;margin-top:8px;padding-inline:16px}.appointments-completed-step{width:20px;height:20px}.appointment-progress-bar-step-text{display:none}.appointments-progress-line{width:54px}}