<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.fr-weather {
  flex-direction:column;
}


.fr-weather.card-view {
  display: none;
}

.fr-weather.card-view .list {
  gap: 2rem;
  flex-wrap: wrap;
  margin: 2rem 0;
  box-shadow: none;
}

.fr-weather.card-view table {
  box-shadow: none !important;
}

.fr-weather.card-view tr {
  padding: 0;
}

.fr-weather.card-view .station {
  padding:1rem;
  border-radius:.25rem;
  box-shadow: var(--float-close);
  flex-direction: column;
  min-height: 8rem;
  background: var(--compare);
  width: 20rem;
  border-left: .5rem solid var(--color-med);

}

.fr-weather.card-view .station .label {

  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .02rem;
  margin-bottom: .5rem;
  border: none;
  padding: 0;
}

.fr-weather td:after {
  display: none;
}

.fr-weather.card-view .info {
  align-items: center;
  border: none;
  padding: 0;
}

.fr-weather .station svg {
  stroke-width: 2;
  margin: .25rem;
  height: 18px;
  width: 18px;
}

.fr-weather.card-view .high-alert .station {
 /* background: var(--resident-lt);*/
  border-color:var(--resident);
}

.fr-weather.card-view .alert .station {
/*  background: var(--visitor-lt);*/
  border-color: var(--visitor);
}

.fr-weather.card-view .title {
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: 2rem;
}

  .fr-weather.card-view .title:before {
    content: "";
    width: 4px;
    height: auto;
    background: var(--color);
    flex-shrink: 0;
    margin-right: .5rem;
  }


.fr-weather .high-alert:nth-of-type(odd) td:first-of-type {
  background: var(--resident-med);
}
  .fr-weather .high-alert:nth-of-type(even) td:first-of-type {
    background: var(--resident-dark);
  }

  .fr-weather .alert:nth-of-type(odd) td:first-of-type {
    background: var(--visitor-med);
  }

  .fr-weather .alert:nth-of-type(even) td:first-of-type {
    background: var(--visitor-dark);
  }

  .fr-weather .high-alert:last-of-type td {
    border-bottom: 2px solid var(--resident) !important;
  }

  .fr-weather td span,
  .fr-weather tr td {
    white-space: nowrap;
    text-align: center;
  }

  .fr-weather tr td:first-of-type {
    padding: .5rem;
  }

  .fr-weather svg {
    height: 18px;
    width: 18px;
    stroke-width: 1.5;
    margin-left: .25rem;
  }

  .fr-weather svg + svg {
    margin-left: -.5rem;
  }

  .fr-weather .wind-adjust {
    transform: rotate(-15deg); 
  }

  .fr-weather tbody tr.high-alert:hover td{
    background: var(--resident-lt);
  }

  .fr-weather tbody tr.high-alert td:hover {
    background: var(--resident);
  }

  .fr-weather tbody tr.alert:hover td{
    background: var(--visitor-lt);
    color: var(--contrast);
  }

  .fr-weather tbody tr.alert td:hover {
    background: var(--visitor);
    color: var(--contrast);
  }

.large-table.fr-weather th:first-of-type {
  background: var(--contrast-less);
}

.choices .yes-no {
  white-space: nowrap;
  padding: 1rem 2rem !important;
}

.choices {
  width: fit-content;
  margin-bottom: 3rem;
}

.large-table.fr-weather {
 max-height: calc(100vh - 4.5rem);
}


@media screen and (max-width: 600px) {
  .choices .yes-no {
    align-self: stretch;
    white-space: normal;
  }

  .fr-weather :is(td:first-of-type, th) {
    white-space: normal;
  }
}
</pre></body></html>