.c-progress{display:flex;margin:40px -5px 0}.c-progress--micro{margin:0 -1px}.c-progress__step{background:#d8d8d8;border-radius:1px;display:block;flex:1 1 auto;height:10px;margin:0 5px}.c-progress--micro .c-progress__step{height:7px;margin:0 1px;min-width:15px}.c-progress__step--highlighted{background:#2d7f6d}.c-progress-pane-underlay{background:#000000b3;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:100}.c-progress-pane{background:#fff;height:100%;max-width:calc(100% - 30px);padding:40px;position:fixed;right:0;top:0;width:350px;z-index:101}.c-progress-pane__inner{text-align:right}.c-progress-pane__heading{margin-top:10px;text-align:left}.c-progress-list{list-style:none;margin:30px 0 0;padding:0;text-align:left}.c-progress-list__item{display:flex;font-size:1rem;margin-top:20px}.c-progress-list__item--active{font-weight:700}.c-progress-list__item--emphasised{border-bottom:2px solid #ddd;border-top:2px solid #ddd;padding:20px 0}.c-progress-list__item:first-child{margin-top:0}.c-progress-list__item__icon{color:#ddd;font-size:1.21429rem;margin-right:10px}.c-progress-list__item--complete .c-progress-list__item__icon{color:#2e7b86}.side-pane-leave-active .c-progress-pane-underlay{opacity:0}.side-pane-leave-active .c-progress-pane{animation:slidePanel .3s ease reverse forwards}.side-pane-enter-from .c-progress-pane-underlay{opacity:0}.side-pane-enter-active .c-progress-pane-underlay{opacity:1}.side-pane-enter-active .c-progress-pane{animation:slidePanel .3s ease normal forwards}@keyframes slidePanel{0%{opacity:0;transform:translateX(100%)}50%{opacity:.7}to{opacity:1;transform:translateX(0)}}