.video-results-shell { position: relative; min-width: 0; }
.video-results-shell.has-broadcast-tabs { margin-top: 22px; }
.video-results-shell > .section { padding-top: 6px; }
#trendFilterControls { padding-bottom: 16px; }
#trendFilterControls > .collapsed-filter-view { margin-bottom: 0; }
#trendFilterControls.uses-video-tabs .quick-overseas-section,
#trendFilterControls.uses-video-tabs .quick-type-section { display: none !important; }
.video-broadcast-tabs {
  position: absolute;
  left: 24px;
  right: 24px;
  top: -37px;
  z-index: 1;
  height: 38px;
}
.video-broadcast-tabs[hidden], body.index-live-active .video-broadcast-tabs { display: none; }
.video-broadcast-scroll {
  display: flex;
  align-items: end;
  gap: 32px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  padding: 4px 4px 0;
  height: 38px;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  background: transparent;
}
.video-broadcast-scroll::-webkit-scrollbar { display: none; }
.video-tab-group { display: flex; flex: 0 0 auto; gap: 2px; }
.video-broadcast-tabs .video-tab-group { background: var(--bg-primary); }
.video-broadcast-tabs :is(.video-tab-group, .channel-period-scroll) > button {
  position: relative;
  isolation: isolate;
  min-width: 64px;
  height: 34px;
  border: 0;
  padding: 2px 18px 0;
  background: none;
  color: var(--text-secondary);
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}
.video-broadcast-tabs :is(.video-tab-group, .channel-period-scroll) > button::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 1px solid var(--border-color);
  border-bottom-color: var(--bg-primary);
  border-radius: 8px 8px 0 0;
  background: var(--bg-primary);
  transform: perspective(48px) rotateX(12deg);
  transform-origin: bottom;
}
.video-broadcast-tabs :is(.video-tab-group, .channel-period-scroll) > button.active { color: var(--text-primary); }
.video-broadcast-tabs :is(.video-tab-group, .channel-period-scroll) > button.active::before { border-color: var(--primary-color); border-bottom-color: var(--bg-primary); }
.video-broadcast-tabs :is(.video-tab-group, .channel-period-scroll) > button:hover { color: var(--primary-color); }
.video-broadcast-tabs :is(.video-tab-group, .channel-period-scroll) > button:focus-visible { outline: 2px solid var(--primary-color); outline-offset: 3px; border-radius: 6px; }
.video-results-shell.has-channel-period-tabs { margin-top: -15px; }
.channel-period-tabs {
  position: relative;
  inset: auto;
  display: flex;
  align-items: center;
  gap: 16px;
  height: auto;
  min-height: 38px;
  margin: 0 24px -1px;
}
.channel-period-scroll { min-width: 0; gap: 2px; background: var(--bg-primary); }
.channel-period-tabs .channel-list-search { flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
@media (max-width: 600px) {
  .video-broadcast-tabs { left: 16px; right: 16px; }
  .video-broadcast-tabs :is(.video-tab-group, .channel-period-scroll) > button { min-width: 60px; padding-inline: 14px; }
  .video-broadcast-scroll { gap: 24px; }
  .channel-period-tabs { left: auto; right: auto; margin-inline: 16px; flex-wrap: wrap; gap: 0; }
  .channel-period-scroll { gap: 2px; }
  .channel-period-tabs .channel-list-search { order: -1; width: 100%; margin-bottom: 6px; }
}