@import "https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,500,600,700,800|Ubuntu:300,400,500";.c-progress{background-color:var(--color-text-base-10);border-radius:10px;width:100%;height:8px;display:flex;position:relative}.c-progress>.bar{background:var(--color-positive-base);border-radius:10px;transition:width .3s ease-out;box-shadow:0 0 15px -2px #37cfcc80}.c-progress>.bar.-yellow{background:var(--color-alert-base);box-shadow:0 0 15px -2px #ffc24b80}.c-progress>.bar.-red{background:var(--color-negative-base);box-shadow:0 0 15px -2px #ff4b8c80}.c-progress>.percent{color:var(--color-text-base-80);-webkit-font-smoothing:antialiased;font-size:12px;line-height:29px;position:absolute;top:100%;right:0}.c-progress>.percent.-opacity{color:var(--color-text-base-30)}.c-progress.-inline{width:calc(100% - 40px)}.c-progress.-inline>.percent{top:50%;left:100%;transform:translate(10px,-50%)}