.brand .logo,
.login-card .logo-lg {
  letter-spacing: 0;
  white-space: nowrap;
}
.tooltip {
  left: 50%;
  top: auto;
  bottom: 16px;
  transform: translateX(-50%);
}
.tooltip.anchored {
  left: 50%;
  top: auto;
  bottom: 16px;
}
.cap-track {
  display: block;
  width: 100%;
  height: 6px;
  border: 0;
  border-radius: 3px;
  background: var(--selected);
  overflow: hidden;
  accent-color: var(--up);
}
.cap-track::-webkit-progress-bar {
  background: var(--selected);
  border-radius: 3px;
}
.cap-track::-webkit-progress-value {
  background: var(--up);
  border-radius: 3px;
  transition: width 160ms var(--ease);
}
.cap-track.warn::-webkit-progress-value,
.cap-track.hot::-webkit-progress-value {
  background: var(--partial);
}
.cap-track.over::-webkit-progress-value {
  background: var(--down);
}
.cap-track::-moz-progress-bar {
  background: var(--up);
}
.cap-track.warn::-moz-progress-bar,
.cap-track.hot::-moz-progress-bar {
  background: var(--partial);
}
.cap-track.over::-moz-progress-bar {
  background: var(--down);
}
.cap-pct.overloaded,
.overloaded {
  color: var(--down);
}
.site-error,
.group-warning,
.site-http-warning {
  display: block;
  color: var(--down);
  font-size: 0.75rem;
  overflow-wrap: anywhere;
}
.group-warning {
  color: var(--partial);
}
.site-http-warning {
  color: var(--degraded);
}
.group-tag {
  margin: 0;
}
.token-prefix {
  user-select: none;
}
.full-width {
  width: 100%;
}
.site-card:not(.open) .site-body .group-detail {
  padding-block: 0;
}
.site-card.open .site-body .group-detail {
  padding-block: 20px;
}