/* Styles for the embeddable surf forecast widget. Loaded by the embed snippet
   on third-party sites, so keep every selector scoped to .surfnerd-widget. */
.surfnerd-widget {
  box-sizing: border-box;
  width: 650px;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #e7e5e4;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

.surfnerd-widget__frame {
  display: block;
  width: 100%;
  border: 0;
}

.surfnerd-widget__footer {
  padding: 4px 12px 10px;
  background: #fff;
  font-family: system-ui, sans-serif;
  font-size: 10px;
  color: rgb(120, 113, 108);
}

.surfnerd-widget__footer a {
  color: inherit;
  text-decoration: underline;
}