/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
/* Do not use this */
/* Use this */
go-header-bar {
  --header-bar-bg-color: var(--go-color-bg);
  --header-bar-text-color: var(--go-color-text);
  --header-bar-padding-y: 1rem;
  --header-bar-padding-x: 0;
  --header-bar-section-gap: 1rem;
  --header-bar-border-color: var(--go-color-border);
  --header-bar-border-bottom: 0.0625rem solid var(--header-bar-border-color);
  display: block;
  background: var(--header-bar-bg-color);
  color: var(--header-bar-text-color);
  border-bottom: var(--header-bar-border-bottom);
}
go-header-bar .header-bar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  position: relative;
  gap: var(--header-bar-section-gap);
  padding: var(--header-bar-padding-y) var(--header-bar-padding-x);
}
@media (min-width: 0) {
  go-header-bar .header-bar.responsive-mobile {
    grid-template-columns: 1fr auto;
  }
  go-header-bar .header-bar.responsive-mobile .logo {
    margin: 0;
  }
}
@media (min-width: 600px) {
  go-header-bar .header-bar.responsive-tablet {
    grid-template-columns: 1fr auto;
  }
  go-header-bar .header-bar.responsive-tablet .logo {
    margin: 0;
  }
}
@media (min-width: 1024px) {
  go-header-bar .header-bar.responsive-desktop {
    grid-template-columns: 1fr auto;
  }
  go-header-bar .header-bar.responsive-desktop .logo {
    margin: 0;
  }
}
@media (min-width: 1440px) {
  go-header-bar .header-bar.responsive-large {
    grid-template-columns: 1fr auto;
  }
  go-header-bar .header-bar.responsive-large .logo {
    margin: 0;
  }
}