.gauge-container {
  display: block;
  margin: auto;
  position: relative;
  width: 100%;
}


.gauge .dial {
  stroke: var(--color-gauge-background);
  stroke-width: 10;
  opacity: 0.1;
}

.gauge .value {
  stroke: var(--color-gauge-fill);
  stroke-dasharray: none;
  stroke-width: 10;
}

.gauge-title-text {
  color: var(--color-text-primary);
  text-align: center;
  display: inline-block;
  width: 100%;
  font-size: 10vw;
}

.gauge-value-text {
  color: var(--color-text-primary);
  text-align: center;
  display: inline-block;
  width: 100%;
}

.gauge-sub-text {
  color: var(--color-text-secondary);
  display: inline-block;
  font-size: .8rem;
}

.gauge-content {
  position: absolute;
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
