/* Dunkler Stundenstreifen unterhalb des weiterhin hellen Temperaturverlaufs. */
.hourly-details-bg {
  fill: url(#detailsFill);
}

.hourly-chart {
  border: 1px solid transparent;
  background: linear-gradient(
    to bottom,
    rgba(248, 250, 252, 0.94) 0%,
    rgba(248, 250, 252, 0.94) 60%,
    #78838c 65%,
    #18202a 70%,
    #18202a 100%
  );
}

.hourly-icon-object {
  overflow: visible;
}

.hourly-weather-icon {
  --weather-scale: 0.34;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

.hourly-weather-icon > span {
  margin: 0;
}

.axis {
  stroke: rgb(216 247 251 / 54%);
}

.hour-label.day-hour,
.hour-label.night-hour {
  fill: #f8fafc;
}

.rain-label.day-hour,
.rain-label.night-hour {
  fill: #8ee7f1;
}

@media (max-width: 900px) {
  .hourly-weather-icon {
    --weather-scale: 0.32;
  }
}

.sun-label,
.sun-time {
  fill: #e5e7eb !important;
  stroke: #263241 !important;
  stroke-width: 3px !important;
  stroke-linejoin: round;
  paint-order: stroke fill !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 900;
}

.sun-time {
  font-size: 17px;
}


.temp-label.sun-event-hour {
  fill: #e5e7eb !important;
  stroke: #263241 !important;
  stroke-width: 3px !important;
  stroke-linejoin: round;
  paint-order: stroke fill !important;
}