.progressTracker{display:inline-flex;flex-direction:column;margin:0 auto;max-width:100%;position:relative}.progressTracker__items{align-items:center;counter-reset:li;display:inline-flex;flex-direction:row;list-style:none;margin:0;padding:0;text-align:center}.progressTracker__item{font-family:var(--font-sans-serif);align-items:center;align-self:baseline;display:flex;flex:1;flex-direction:column;font-size:var(--font-size-sm);margin:0;max-width:180px;padding:0 10px;position:relative;width:80px}@media only screen and (min-width: 768px){.progressTracker__item{font-size:var(--font-size-base);width:180px}}.progressTracker__item:before,.progressTracker__item:after{left:auto;margin-bottom:8px;position:relative;top:auto}.progressTracker__item:before{content:counter(li);counter-increment:li;position:absolute;top:0;z-index:3}@media only screen and (min-width: 768px){.progressTracker__item:before{line-height:1.75}}.progressTracker__item:after{align-items:center;background-color:var(--neutral-01);border:solid 2px var(--neutral-04);border-radius:50%;content:"";display:flex;height:20px;justify-content:center;order:-2;transform:rotate(-45deg);transition:border-radius .15s linear;width:20px;z-index:2}@media only screen and (min-width: 768px){.progressTracker__item:after{border-width:4px;height:32px;top:auto;width:32px}}@media only screen and (max-width: 767px){.progressTracker__item--many{width:40px}.progressTracker__item--many .progressTracker__label{display:none}}.progressTracker__item--completed:after,.progressTracker__item--active:after{border-color:var(--brand-01)}.progressTracker__item--completed{font-weight:700}.progressTracker__item--completed:not(.progressTracker__item--noCheckmark):before{border:solid 2px var(--text-color);border-right:none;border-top:none;content:"";height:5px;top:7px;transform:rotate(-45deg);width:9px}@media only screen and (min-width: 768px){.progressTracker__item--completed:not(.progressTracker__item--noCheckmark):before{border-width:3px;height:8px;margin-left:0;top:11px;width:14px}}.progressTracker__item--active{font-weight:700}.progressTracker__item--active:after{border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.progressTracker__potentialMeter{background-color:var(--neutral-04);border-radius:100px;height:2px;order:0;position:absolute;top:9px;z-index:1}@media only screen and (min-width: 768px){.progressTracker__potentialMeter{height:4px;top:14px}}.progressTracker__actualMeter{background-color:var(--brand-01);border-radius:10px;float:left;height:2px;transition:all 1s ease-in-out;width:0}@media only screen and (min-width: 768px){.progressTracker__actualMeter{height:4px}}.progressTracker__label{line-height:1.2}