.progress-bar-wrapper{background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;color:var(--copy-color);padding:var(--content-gap)}.progress-bar-meter{counter-reset:li;display:flex;flex-flow:column;gap:var(--content-gap);justify-content:center;padding:0 0 var(--content-gap);position:relative;@media (min-width:760px){flex-flow:row;padding-bottom:24px;padding-left:0;padding-right:0;padding-top:0}}.progress-bar-meter{&:after,&:before{border-radius:16px;bottom:0;content:"";display:block;height:8px;position:absolute;width:100%}&:before{background:var(--color-creamy-white)}&:after{background:var(--color-vibrant-purple);left:0;width:16%}}.progress-bar-meter li p:before{--size:32px;align-items:center;background:transparent;border:2px solid var(--border-color);border-radius:50%;color:inherit;content:counter(li);counter-increment:li;display:flex;font-family:inherit;font-feature-settings:"tnum";font-size:var(--font-size-body);font-weight:var(--font-weight-medium);height:var(--size);justify-content:center;width:var(--size)}.progress-bar-meter li:first-child p:before{background:var(--color-creamy-white);border-color:transparent;color:var(--color-obsidian-black)}