.version-picker {
  appearance: none;
  -webkit-appearance: none;
  padding: 2px 24px 2px 8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23ccc'/%3E%3C/svg%3E") no-repeat right 8px center;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.version-picker:hover,
.version-picker:focus {
  border-color: var(--color-key-blue, #207a4c);
  outline: none;
}

.version-picker option {
  background: var(--color-background-nav, #1b2232);
  color: #fff;
}

.version-banner {
  margin-top: 22px;
  padding: 8px 12px;
  border-left: 4px solid var(--color-key-blue, #207a4c);
  background: rgba(32, 122, 76, 0.1);
}

.version-banner--preview {
  border-left-color: #f57c00;
  background: rgba(245, 124, 0, 0.12);
}

.version-banner--outdated {
  border-left-color: #d32f2f;
  background: rgba(211, 47, 47, 0.1);
}

.version-banner .nowrap {
  white-space: nowrap;
}

.breadcrumbs:empty {
  display: none;
}

.main-content :is(h1) {
  margin-top: 22px;
}