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