/* Progress Bar */

/* Pluribus Green #8FC200 */
/* Arista Blue #16325B */

:root {
  --progress-bar-height: 4px;
  --progress-bar-color: #dcdcdc;
  --progress-bar-value-color: #16325B;
  --progress-bar-value: 20%;
}

.progress-wrapper {
  position: relative;
}

.progress-label {
  position: absolute;
  right: 0px;
  bottom: 10px;
  font-size: 14px;
  color: #16325B;
}

progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  width: 100%;
  height: var(--progress-bar-height);
  background-color: var(--progress-bar-color);
  border: none;
}

progress::-moz-progress-bar {
  background-color: var(--progress-bar-value-color);
}

progress::-webkit-progress-bar {
  background-color: var(--progress-bar-color);
}

progress::-webkit-progress-value {
  background-color: var(--progress-bar-value-color);
}

progress::-ms-fill {
  background-color: var(--progress-bar-value-color);
}