.icon-mask--helphub {
  -webkit-mask-image: url("/assets/common/icons/helphub-circle.svg");
  mask-image: url("/assets/common/icons/helphub-circle.svg");
}

.topbar-helphub {
  display: inline-flex;
  flex: 0 0 auto;
}

.topbar-helphub-summary {
  list-style: none;
}

.topbar-helphub-summary::-webkit-details-marker {
  display: none;
}

.topbar-helphub-panel {
  min-width: 16rem;
  max-width: min(92vw, 22rem);
}

.topbar-helphub-search {
  display: grid;
  gap: 0.35rem;
  padding: 0.2rem 0.15rem 0.3rem;
}

.topbar-helphub-search input[type="search"] {
  min-height: 36px;
  border: 1px solid var(--chrome-border);
  border-radius: 0.5rem;
  background: var(--chrome-surface);
  color: var(--chrome-text);
  padding: 0 0.55rem;
}

.topbar-helphub-search .c-panel-item {
  width: 100%;
  justify-content: center;
}