.progressbar{display:flex;align-items:flex-start;position:relative;margin:20px 0}.step{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.bullet{width:28px;height:28px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0}.bullet .icon-idle{width:28px;height:28px}.bullet .icon-checkmark{display:none;width:12px;height:9px;position:absolute;color:#5461c9;z-index:2}.step.active .bullet .icon-idle circle:nth-child(1){fill:#5461c9}.step.active .bullet .icon-idle circle:nth-child(2){fill:#fff}.step.completed .bullet .icon-idle circle:nth-child(1){fill:#5461c9}.step.completed .bullet .icon-checkmark{display:block}.stepname{font-family:Open Sans,sans-serif;font-size:11px;font-weight:400;line-height:normal;color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;position:absolute;top:32px;left:50%;transform:translate(-50%)}.step.active .stepname{color:#5461c9;font-weight:500}.progress-line{flex:1;height:3px;background:#e1e1e1;margin-top:13px;align-self:flex-start;border-radius:2px}.progress-line.active{background:#5461c9}
/*# sourceMappingURL=/cdn/shop/t/505/assets/custom-design-progress-bar.css.map */