.soil-moisture-reading {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 0;
}

.soil-moisture-meter {
  display: block;
  flex: 0 0 auto;
  width: 2.25rem;
  height: 3.75rem;
  color: var(--soil-meter-fill, var(--rain, #4d95a8));
}

.soil-moisture-meter--compact {
  width: 1.2rem;
  height: 2rem;
}

.soil-moisture-meter__track {
  fill: var(--soil-meter-track, rgba(77, 149, 168, 0.1));
  stroke: var(--soil-meter-line, rgba(77, 149, 168, 0.72));
  stroke-width: 1.5;
}

.soil-moisture-meter__tick {
  stroke: var(--soil-meter-tick, currentColor);
  stroke-width: 1;
  opacity: 0.34;
}

.soil-moisture-meter__fill {
  fill: currentColor;
  opacity: 0.86;
}

.soil-table-moisture,
.sensor-reading--moisture {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.jz-sensor__reading {
  justify-content: space-between;
  margin: 0.45rem 0 0.55rem;
}

.jz-sensor__reading .jz-sensor__value {
  margin: 0;
}

.soil-brief-card__reading {
  justify-content: space-between;
  margin-top: 0.45rem;
}

.soil-brief-card__reading .soil-brief-card__value {
  margin: 0;
}

.soil-sensor-card__reading {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 0.62rem;
}

.soil-sensor-card__reading .soil-sensor-card__value-wrap {
  margin-top: 0;
}

.sensor-reading--moisture {
  margin-top: 0.3rem;
}

.sensor-reading--moisture .sensor-reading {
  margin: 0;
}

@media (max-width: 520px) {
  .soil-moisture-meter {
    width: 2rem;
    height: 3.35rem;
  }

  .soil-moisture-meter--compact {
    width: 1.1rem;
    height: 1.85rem;
  }
}