.site-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 20px;
  color: #6c7e70;
  font-size: 11px;
  line-height: 1.7;
}

.site-meta__credit {
  color: #345e4e;
  font-weight: 500;
}

.site-meta__visits {
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.site-meta__visits output {
  color: #345e4e;
}

.sidebar .sidebar-foot {
  align-items: flex-start;
  flex-shrink: 0;
}

.sidebar .sidebar-foot > .live-dot {
  margin-top: 3px;
}

.sidebar .site-meta {
  flex-direction: column;
  gap: 3px;
  margin-top: 10px;
  font-size: 10px;
}

.water-footer .site-meta {
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid #dce2d5;
}

.water-footer .site-meta > span {
  display: inline;
  margin: 0;
  font-size: inherit;
}

@media (max-width: 640px) {
  .sidebar {
    height: 206px;
  }

  .sidebar .sidebar-foot > div {
    width: 100%;
    min-width: 0;
  }

  .sidebar .site-meta {
    flex-direction: row;
    justify-content: space-between;
    gap: 2px 12px;
    margin-top: 8px;
    font-size: 10px;
  }

  .water-footer .site-meta {
    flex-direction: column;
    gap: 4px;
    font-size: 11px;
  }
}