/* overflowTabs.st.css */
@namespace "OverflowTabs";

:import {
  -st-from: "../../components/Nav/nav.st.css";
  -st-default: Nav;
}

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

.root {
  -st-states: menuIsOpen;
  -st-extends: Nav;
}

.overflowContainer {
  display: inline-flex;
  align-items: center;
  /* for overflowMenu positioning... */
  position: relative;
}

.overflowMenu {
  -st-extends: Nav;
  position: absolute;
  top: 100%;
  display: flex;
  flex-direction: column;
  left: -50%;
}

.overflowMenu::anchor {
  color: inherit;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.trigger {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
}

.trigger:focus-visible {
  -st-mixin: boxShadowInset;
}

.triggerIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.triggerText {}