.table-weather {
  .header {
    font-size: 0.9rem;
    text-align: left;
    padding-top: 0.25rem;
  }

  .date {
    background: rgba(1, 0, 0, 0.1) !important;
  }

  .date.now {
    background: rgba(0, 128, 255, 0.2) !important;
  }

  .date .value a {
    all: unset;
    cursor: pointer;
  }

  .cloudness {
    vertical-align: top;
  }

  .cloudness .icon {
    font-size: 1rem;
  }

  .cloudness .icon:first-child {
    font-size: 2rem;
  }

  .temperature {
    padding: 0 !important;
  }

  .temperature .value {
    padding: 0.1rem 0.4rem;
  }

  .temperature .value.positive {
    color: orangered;
  }

  .temperature .value.negative {
    color: blue;
  }

  .wind .direction {
    font-size: 1rem;
  }

  .wind .gust {
    font-size: 1rem;
  }

  .precipitation .value {
    color: blue;
  }

  .pressure {
    padding: 0 !important;
  }

  .pressure .value {
    padding: 0.1rem 0.4rem;
    color: blueviolet;
  }

  .humidity .value {
    color: blue;
  }
}
