.metadata-tabs {
  display: flex;
  flex-shrink: 0;
  padding: 0 16px;
  border-bottom: 1px solid #303030;
}

.metadata-tabs [role="tab"] {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 14px 8px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #b8b8b8;
  font-size: 16px;
  font-weight: 800;
}

.metadata-tabs [role="tab"][aria-selected="true"] {
  color: #fff;
  border-bottom-color: #e50914;
}

.metadata-tabs [role="tab"]:hover,
.metadata-tabs [role="tab"]:focus {
  outline: 0;
  color: #fff;
  background: #251014;
}

.metadata-tab-panel {
  height: 100%;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
}

.metadata-tab-panel:focus { outline: 1px solid #e50914; outline-offset: -1px; }
.metadata-tab-panel[hidden] { display: none; }
.tmdb-record + .tmdb-record { margin-top: 28px; }
.metadata-source { margin: 0 0 14px; color: #aaa; font-size: 14px; word-wrap: break-word; }
.metadata-message { color: #b8b8b8; line-height: 1.5; }
.tmdb-metadata dt, .tmdb-metadata dd { word-wrap: break-word; }
.tmdb-json { margin: 0; white-space: pre-wrap; word-wrap: break-word; font: inherit; }
.metadata-retry { padding: 10px 14px; border: 1px solid #555; border-radius: 6px; background: #222; color: #fff; }
.metadata-retry:hover, .metadata-retry:focus { border-color: #e50914; }
.tv-metadata-panel .metadata-tabs { padding: 0 24px; }
.tv-metadata-panel .metadata-tabs [role="tab"] { padding: 18px 12px; font-size: 22px; }
.tv-metadata-panel .metadata-source { font-size: 17px; }
.tv-metadata-panel .metadata-message { font-size: 20px; }

@media (max-width: 480px) {
  .metadata-modal { padding: 10px; }
  .metadata-dialog-body { padding: 12px; }
  .metadata-tabs { padding: 0 12px; }
}