.progress {
  background-image: linear-gradient(#CED4DA, #fafafa);
  border-radius: 20px;
  display: block;
  height: 0.5rem;
  background-clip: padding-box;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden;
  position: relative;
  width: 100%; }

.primary, .alternate, .affirmative, .warning, .danger, .disabled, .fill {
  height: 100%;
  border-radius: 20px;
  background-color: #354042; }

.primary {
  background-color: #3CAFDA; }

.alternate {
  background-color: #22537A; }

.affirmative {
  background-color: #37C0C9; }

.warning {
  background-color: #F3BC26; }

.danger {
  background-color: #DD3B4C; }

.disabled {
  background-color: rgba(53, 64, 66, 0.25); }