/* Keep search focused on discovery pages and move YouTube attribution out of the primary toolbar. */
.search {
  display: none;
}
body[data-view="explore"] .search,
body[data-view="streamers"] .search,
body[data-view="characters"] .search {
  display: flex;
}

.api-attribution {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px clamp(20px, 4vw, 72px) 18px;
  color: var(--muted);
}
.api-attribution .youtube-attribution {
  min-height: 24px;
  padding: 0;
  opacity: .48;
}
.api-attribution .youtube-attribution:hover,
.api-attribution .youtube-attribution:focus-visible {
  opacity: .78;
}
.api-attribution .youtube-attribution img {
  width: 92px;
}

@media (max-width:760px) {
  body:not([data-view="explore"]):not([data-view="streamers"]):not([data-view="characters"]) .topbar {
    flex-wrap: nowrap;
    align-items: center;
    min-height: 62px;
  }
  body:not([data-view="explore"]):not([data-view="streamers"]):not([data-view="characters"]) .top-actions {
    width: auto;
    margin-left: auto;
    flex: 0 0 auto;
  }
  body:not([data-view="explore"]):not([data-view="streamers"]):not([data-view="characters"]) .fetch-meta {
    margin-left: auto;
  }
  body:not([data-view="explore"]):not([data-view="streamers"]):not([data-view="characters"]) .refresh-button {
    width: 40px;
    min-height: 40px;
  }
  body[data-view="home"] .topbar {
    display: none;
  }
  .api-attribution {
    justify-content: center;
    padding: 12px 16px calc(84px + env(safe-area-inset-bottom));
  }
  .api-attribution .youtube-attribution img {
    width: 82px;
  }
}