.gradient-mask { visibility: hidden; }

.gauge-container {
  display: flex;
  justify-content: center;
}

.gauge {
  height: 180px;
  width: 240px;
}

.gauge .dxg-range.dxg-background-range { fill: url(#gradientGauge); }

.gauge .dxg-line {
  transform: scaleX(1.04) scaleY(1.03) translate(-4px, -4px);
}

.gauge .dxg-line path:first-child,
.gauge .dxg-line path:last-child {
  display: none;
}

.gauge .dxg-line path:nth-child(2) {
  stroke: var(--red);
}

.gauge .dxg-line path:nth-child(3) {
  stroke: var(--yellow);
}

.gauge .dxg-line path:nth-child(4) {
  stroke: var(--yellow);
}

.gauge .dxg-line path:nth-child(5) {
  stroke: var(--darkestgreen);
}

.gauge .dxg-elements text:first-child {
  transform: translate(19px, 13px);
}

.gauge .dxg-elements text:last-child {
  transform: translate(-27px, 14px);
}

.gauge .dxg-value-indicator {
  fill: var(--txtcolor);
}

.gauge .dxg-value-indicator path {
  transform: scale(1.2) translate(0, -5px);
  transform-origin: center center;
}

.gauge .dxg-value-indicator .dxg-title {
  text-transform: uppercase;
}

.gauge .dxg-value-indicator .dxg-title text:first-child {
  transform: translateY(5px);
}

.gauge .dxg-value-indicator .dxg-spindle-border:nth-child(4),
.gauge .dxg-value-indicator .dxg-spindle-hole:nth-child(5) {
  transform: translate(0, -80px);
}
