.table--striped tbody tr:nth-child(even) {
  background-color: var(--background-color);
}

.table--background-style-1 {
  background-color: white;
  /* border-radius: 1rem; */
  /* border: 1px solid var(--color-grey-light); */
  overflow: hidden;
  /* box-shadow: 0 4px 12px rgba(0,0,0,0.08); */
}

.forecast-table-scroll {
  margin-bottom: 3rem;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

.table--forecast {
  border-collapse: collapse;

  & .table__row {
    /* display: table-row; */
    /* display: flex; */
  }

  & .table__cell {
    display: table-cell;
    font-size: 13px;
    border: 1px solid white;
  }

  & .table__cell--label {
    width: 100px;
    min-width: 100px;
    text-align: left;
    font-weight: bold;
  }

  & .table__cell--fixed-width {
    /* width: 21px; */
    /* min-height: 21px;
    text-align: center; */
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    min-height: 25px !important;
    padding: 0 !important;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;

    /* If you have content that overflows (icons, etc.) */
    overflow: hidden;
  }

  /* Visually merge consecutive same-value cells */
  & .table__cell--merged-left {
    border-left: none !important;
  }

  & .table__cell--merged-right {
    border-right: none !important;
  }
}

.table__cell--right-aligned {
  text-align: right !important;
}

.table__cell--time-day-name,
.table__cell--time-day-number,
.table__cell--time-hour {
  display: block;
  font-size: 12px;
  line-height: 1.25;
}