/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--navigation-vertical-menu-item--toggle-icon--character: "+";
  --digi--navigation-vertical-menu-item--toggle-icon--character--active: "-";
  --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--color--text--interactive--primary);
  --digi--navigation-vertical-menu-item--toggle-icon--color--hover: var(--digi--color--text--interactive--secondary);
  --digi--navigation-vertical-menu-item--toggle-icon--color--active: var(--digi--color--text--interactive--primary);
  --digi--navigation-vertical-menu-item--toggle-icon--background: var(--digi--color--background--interactive--default--tertiary);
  --digi--navigation-vertical-menu-item--toggle-icon--background--hover: var(--digi--color--background--interactive--hover--tertiary);
  --digi--navigation-vertical-menu-item--toggle-icon--background--active: var(--digi--color--background--interactive--selected--on-menu-minus-button);
  --digi--navigation-vertical-menu-item--toggle-icon--size: var(--digi--typography--tag--font-size--desktop);
  --digi--navigation-vertical-menu-item--toggle-icon--width: 1.5rem;
  --digi--navigation-vertical-menu-item--toggle-icon--height: 1.5rem;
  --digi--navigation-vertical-menu-item--icon--margin: 0 var(--digi--margin--smaller) 0 0;
  --digi--navigation-vertical-menu-item--icon--wrapper--width: 1.5rem;
  --digi--navigation-vertical-menu-item--icon--color: var(--digi--color--divider--secondary);
  --digi--navigation-vertical-menu-item--icon--height: 1.5rem;
  --digi--navigation-vertical-menu-item--icon--width: 1.5rem;
  --digi--navigation-vertical-menu-item--active-indicator-background-color: var(--digi--color--marking--navigation--selected);
  --digi--navigation-vertical-menu-item--active-indicator-width: 4px;
  --digi--navigation-vertical-menu-item--active-indicator-left: 0;
  --digi--navigation-vertical-menu-item--font-family: var(--digi--global--typography--font-family--default);
  --digi--navigation-vertical-menu-item--font-size: var(--digi--global--typography--font-size--base);
  --digi--navigation-vertical-menu-item--font-weight: var(--digi--global--typography--font-weight--regular);
  --digi--navigation-vertical-menu-item--font-weight--active: var(--digi--global--typography--font-weight--bold);
  --digi--navigation-vertical-menu-item--background: transparent;
  --digi--navigation-vertical-menu-item--background--hover: transparent;
  --digi--navigation-vertical-menu-item--background--active: var(--digi--color--background--interactive--default--pop-out);
  --digi--navigation-vertical-menu-item--color: var(--digi--color--text--primary);
  --digi--navigation-vertical-menu-item--color--hover: var(--digi--color--text--interactive--primary);
  --digi--navigation-vertical-menu-item--color--active: var(--digi--color--text--primary);
  --digi--navigation-vertical-menu-item--border--width: var(--digi--border-width--primary);
  --digi--navigation-vertical-menu-item--border--color: var(--digi--color--text--interactive--secondary);
  --digi--navigation-vertical-menu-item--padding: var(--digi--padding--small) var(--digi--padding--medium);
  --digi--navigation-vertical-menu-item--padding--toggle: var(--digi--padding--small) 0;
  --digi--navigation-vertical-menu-item--width: 100%;
  --digi--navigation-vertical-menu-item--divider--margin: var(--digi--margin--small) var(--digi--margin--medium);
  --digi--navigation-vertical-menu-item--divider--border: solid var(--digi--border-width--primary) var(--digi--color--text--interactive--secondary);
  --digi--navigation-vertical-menu-item--outline: initial;
  --digi--navigation-vertical-menu-item--outline--focus: solid 2px var(--digi--color--border--interactive--default--primary--light);
  --digi--navigation-vertical-menu-item--outline--focus--offset: -2px;
}
:host .digi-navigation-vertical-menu-item {
  display: block;
}
:host .digi-navigation-vertical-menu-item[hidden] {
  display: none;
}
:host .digi-navigation-vertical-menu-item--badge .digi-navigation-vertical-menu-item__text.sc-digi-navigation-vertical-menu-item {
  margin-right: unset;
}
:host .digi-navigation-vertical-menu-item--badge .digi-navigation-vertical-menu-item__link.sc-digi-navigation-vertical-menu-item {
  justify-content: flex-start;
  overflow-wrap: normal;
}
:host .digi-navigation-vertical-menu-item--badge .digi-navigation-vertical-menu-item__badge {
  margin-left: 11px;
  font-weight: initial;
}
:host .digi-navigation-vertical-menu-item__inner {
  position: relative;
}
@supports (display: grid) {
  :host .digi-navigation-vertical-menu-item__inner--combined {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 0;
    grid-template-columns: 1fr auto;
    align-items: stretch;
  }
}
:host .digi-navigation-vertical-menu-item__collapse--hidden {
  display: none;
}
:host .digi-navigation-vertical-menu-item__icon {
  width: var(--digi--navigation-vertical-menu-item--icon--wrapper--width);
  margin: var(--digi--navigation-vertical-menu-item--icon--margin);
}
:host .digi-navigation-vertical-menu-item__text {
  margin-right: auto;
}
:host .digi-navigation-vertical-menu-item__button,
:host .digi-navigation-vertical-menu-item__link {
  font-family: var(--digi--navigation-vertical-menu-item--font-family);
  font-weight: var(--digi--navigation-vertical-menu-item--font-weight);
  font-size: var(--digi--navigation-vertical-menu-item--font-size);
  background: var(--digi--navigation-vertical-menu-item--background);
  color: var(--digi--navigation-vertical-menu-item--color);
  border: none;
  padding: var(--digi--navigation-vertical-menu-item--padding);
  outline: var(--digi--navigation-vertical-menu-item--outline);
  width: var(--digi--navigation-vertical-menu-item--width);
  text-align: left;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  text-decoration: none;
  overflow-wrap: anywhere;
}
:host .digi-navigation-vertical-menu-item__button *,
:host .digi-navigation-vertical-menu-item__link * {
  pointer-events: none;
}
:host .digi-navigation-vertical-menu-item__button:hover,
:host .digi-navigation-vertical-menu-item__link:hover {
  cursor: pointer;
}
:host .digi-navigation-vertical-menu-item__button:focus-visible, :host .digi-navigation-vertical-menu-item__button:hover,
:host .digi-navigation-vertical-menu-item__link:focus-visible,
:host .digi-navigation-vertical-menu-item__link:hover {
  text-decoration: underline;
  --digi--navigation-vertical-menu-item--color: var(--digi--navigation-vertical-menu-item--color--hover);
  --digi--navigation-vertical-menu-item--background: var(--digi--navigation-vertical-menu-item--background--hover);
}
:host .digi-navigation-vertical-menu-item__button:focus-visible,
:host .digi-navigation-vertical-menu-item__link:focus-visible {
  outline: var(--digi--navigation-vertical-menu-item--outline--focus);
  outline-offset: var(--digi--navigation-vertical-menu-item--outline--focus--offset);
}
:host .digi-navigation-vertical-menu-item__button--active,
:host .digi-navigation-vertical-menu-item__link--active {
  --digi--navigation-vertical-menu-item--color: var(--digi--navigation-vertical-menu-item--color--active);
  --digi--navigation-vertical-menu-item--font-weight: var(--digi--navigation-vertical-menu-item--font-weight--active);
}
:host .digi-navigation-vertical-menu-item__button--active:focus-visible, :host .digi-navigation-vertical-menu-item__button--active:hover,
:host .digi-navigation-vertical-menu-item__link--active:focus-visible,
:host .digi-navigation-vertical-menu-item__link--active:hover {
  --digi--navigation-vertical-menu-item--color: var(--digi--navigation-vertical-menu-item--color--active);
}
.digi-navigation-vertical-menu--primary :host .digi-navigation-vertical-menu-item__button--active::before,
.digi-navigation-vertical-menu--primary :host .digi-navigation-vertical-menu-item__link--active::before {
  content: " ";
  display: block;
  position: absolute;
  width: var(--digi--navigation-vertical-menu-item--active-indicator-width);
  left: var(--digi--navigation-vertical-menu-item--active-indicator-left);
  top: 0;
  bottom: 0;
  background-color: var(--digi--navigation-vertical-menu-item--active-indicator-background-color);
  z-index: 2;
}
.digi-navigation-vertical-menu--secondary :host .digi-navigation-vertical-menu-item__button--active,
.digi-navigation-vertical-menu--secondary :host .digi-navigation-vertical-menu-item__link--active {
  --digi--navigation-vertical-menu-item--background: var(--digi--navigation-vertical-menu-item--background--active);
}
.digi-navigation-vertical-menu--secondary :host .digi-navigation-vertical-menu-item__button--active::before,
.digi-navigation-vertical-menu--secondary :host .digi-navigation-vertical-menu-item__link--active::before {
  content: " ";
  display: block;
  position: absolute;
  width: var(--digi--navigation-vertical-menu-item--active-indicator-width);
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--digi--navigation-vertical-menu-item--active-indicator-background-color);
  z-index: 2;
}
:host .digi-navigation-vertical-menu-item__button--expanded, :host .digi-navigation-vertical-menu-item__button[aria-expanded=true],
:host .digi-navigation-vertical-menu-item__link--expanded,
:host .digi-navigation-vertical-menu-item__link[aria-expanded=true] {
  --digi--navigation-vertical-menu-item--font-weight: var(--digi--navigation-vertical-menu-item--font-weight--active);
}
:host .digi-navigation-vertical-menu-item__button--toggle,
:host .digi-navigation-vertical-menu-item__link--toggle {
  width: calc(1.5rem + var(--digi--padding--medium));
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: var(--digi--navigation-vertical-menu-item--padding--toggle);
}
:host .digi-navigation-vertical-menu-item__button--only-toggle,
:host .digi-navigation-vertical-menu-item__link--only-toggle {
  padding-right: 0;
}
:host .digi-navigation-vertical-menu-item__button--only-toggle .digi-navigation-vertical-menu-item__toggle-icon,
:host .digi-navigation-vertical-menu-item__link--only-toggle .digi-navigation-vertical-menu-item__toggle-icon {
  width: calc(1.5rem + var(--digi--padding--medium));
}
:host .digi-navigation-vertical-menu-item__button:hover, :host .digi-navigation-vertical-menu-item__button:hover + button,
:host .digi-navigation-vertical-menu-item__link:hover,
:host .digi-navigation-vertical-menu-item__link:hover + button {
  --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--navigation-vertical-menu-item--toggle-icon--color--hover);
  --digi--navigation-vertical-menu-item--toggle-icon--background: var(--digi--navigation-vertical-menu-item--toggle-icon--background--hover);
}
:host .digi-navigation-vertical-menu-item__button[aria-expanded=true],
:host .digi-navigation-vertical-menu-item__link[aria-expanded=true] {
  --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--navigation-vertical-menu-item--toggle-icon--color--active);
  --digi--navigation-vertical-menu-item--toggle-icon--background: var(--digi--navigation-vertical-menu-item--toggle-icon--background--active);
}
:host .digi-navigation-vertical-menu-item__button[aria-expanded=true]:hover,
:host .digi-navigation-vertical-menu-item__link[aria-expanded=true]:hover {
  --digi--navigation-vertical-menu-item--toggle-icon--color: var(--digi--navigation-vertical-menu-item--toggle-icon--color--hover);
  --digi--navigation-vertical-menu-item--toggle-icon--background: var(--digi--navigation-vertical-menu-item--toggle-icon--background--hover);
}
:host .digi-navigation-vertical-menu-item__button:focus-visible,
:host .digi-navigation-vertical-menu-item__link:focus-visible {
  outline: 2px solid black;
  outline-offset: -3px;
  box-shadow: 0px 0px 0px 5px inset white;
}
:host .digi-navigation-vertical-menu-item__toggle-icon {
  position: relative;
  display: flex;
  justify-content: center;
  color: var(--digi--navigation-vertical-menu-item--toggle-icon--color);
}
:host .digi-navigation-vertical-menu-item__toggle-icon digi-icon-plus,
:host .digi-navigation-vertical-menu-item__toggle-icon digi-icon-minus {
  --digi--icon--width: var(--digi--navigation-vertical-menu-item--toggle-icon--size);
  --digi--icon--color: var(--digi--navigation-vertical-menu-item--toggle-icon--color);
}
:host .digi-navigation-vertical-menu-item__toggle-icon::before {
  content: "";
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: var(--digi--navigation-vertical-menu-item--toggle-icon--width);
  height: var(--digi--navigation-vertical-menu-item--toggle-icon--height);
  border-radius: var(--digi--navigation-vertical-menu-item--toggle-icon--width);
  background: var(--digi--navigation-vertical-menu-item--toggle-icon--background);
}
:host .digi-navigation-vertical-menu-item__toggle-icon > span {
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: var(--digi--navigation-vertical-menu-item--toggle-icon--width);
  height: var(--digi--navigation-vertical-menu-item--toggle-icon--height);
}
:host .digi-navigation-vertical-menu-item__divider {
  margin: var(--digi--navigation-vertical-menu-item--divider--margin);
  border: none;
  border-top: var(--digi--navigation-vertical-menu-item--divider--border);
}

.digi-navigation-vertical-menu-item__icon ::slotted([slot^=icon]) {
  --digi--icon--color: var(--digi--navigation-vertical-menu-item--icon--color);
  --digi--icon--width: var(--digi--navigation-vertical-menu-item--icon--width);
  --digi--icon--height: var(--digi--navigation-vertical-menu-item--icon--height);
}