/* header.st.css */
@namespace "Header";

:import {
  -st-from: "../../components/Brand/brand.st.css";
  -st-default: Brand;
}

:import {
  -st-from: "../../components/HeaderSearch/headerSearch.st.css";
  -st-default: HeaderSearch;
}

:import {
  -st-from: "../../components/OverflowTabs/overflowTabs.st.css";
  -st-default: OverflowTabs;
}

/* Mixins style from the components API */
:import {
  -st-from: "../../mixins/srOnly.st.css";
  -st-default: SrOnly;
}

:import {
  -st-from: "../../mixins/boxShadowFocus.st.css";
  -st-named: boxShadowInset;
}

.root {
  -st-states: isMenuOpen, isSearchOpen, isHeaderVisible;
}

.placeholder {}

.container {}

.brandContainer {}

.brand {
  -st-extends: Brand;
}

.secondaryBrand {
  -st-extends: Brand;
}

.slogan {}

.headerSearch {
  -st-extends: HeaderSearch;
}

.menuToggle {}

.menu {}

.overflowTabs {
  -st-extends: OverflowTabs;
}

.srOnly {
  -st-mixin: SrOnly;
}

/* Header Toggles focus state */
.menuToggle:focus-visible {
  -st-mixin: boxShadowInset;
}