/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--navigation-vertical-menu--background: transparent;
  --digi--navigation-vertical-menu--item--border-top: solid var(--digi--border-width--primary) var(--digi--color--divider--secondary);
}
:host .digi-navigation-vertical-menu {
  display: block;
  background: var(--digi--navigation-vertical-menu--background);
}

::slotted(.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root).secondary {
  --subnav-indicator--width: var(--subnav-indicator--width--xl);
}
::slotted(.digi-navigation-vertical-menu--indicator--secondary ul.digi-navigation-vertical-menu__list--root).secondary .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--active-indicator-width: var(--subnav-indicator--width--xl);
}

::slotted(* ul.digi-navigation-vertical-menu__list--root) {
  --subnav-indicator--left: var(--digi--padding--medium);
  --subnav-indicator--width: 1px;
  --subnav-indicator--width--l: 4px;
  --subnav-indicator--width--xl: 6px;
  --subnav-indicator--background-color: var(--digi--color--divider--secondary);
  --subnav-indicator--background-color--default: var(--digi--color--divider--secondary);
  --subnav-indicator--background-color--current: var(--digi--color--marking--navigation--level-active);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root),
::slotted(* ul.digi-navigation-vertical-menu__list--root) ul,
::slotted(* ul.digi-navigation-vertical-menu__list--root) li {
  list-style: none;
  padding: 0;
  margin: 0;
}
::slotted(* ul.digi-navigation-vertical-menu__list--root) > li:not(:first-child) {
  border-top: var(--digi--navigation-vertical-menu--item--border-top);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root) > li ul digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--font-size: var(--digi--typography--tag--font-size--desktop);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary > .digi-navigation-vertical-menu__item--active {
  padding-bottom: var(--digi--padding--small);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--current-level {
  --subnav-indicator--background-color: var(--subnav-indicator--background-color--current);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--current-level ul {
  --subnav-indicator--background-color: var(--subnav-indicator--background-color--default);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--current-level digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--active-indicator-width: 4px;
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active {
  position: relative;
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active > ul {
  position: relative;
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active > ul::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  left: var(--subnav-indicator--left);
  width: var(--subnav-indicator--width);
  background-color: var(--subnav-indicator--background-color);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active > ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--active-indicator-left: var(--digi--padding--medium);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active > ul ul {
  --subnav-indicator--left: var(--digi--padding--largest);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active > ul ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--active-indicator-left: var(--digi--padding--largest);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active > ul ul ul {
  --subnav-indicator--left: calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller));
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active > ul ul ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--active-indicator-left: calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller));
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active > ul ul ul ul {
  --subnav-indicator--left: calc(var(--digi--padding--largest-2) + var(--digi--padding--largest));
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active > ul ul ul ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--active-indicator-left: calc(var(--digi--padding--largest-2) + var(--digi--padding--largest));
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active > ul ul ul ul ul {
  --subnav-indicator--left: calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2));
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--active > ul ul ul ul ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--active-indicator-left: calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2));
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary.digi-navigation-vertical-menu__item--current-level::before,
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary .digi-navigation-vertical-menu__item--current-level::before {
  --subnav-indicator--width: var(--subnav-indicator--width--l);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--padding: var(--digi--padding--small) var(--digi--padding--largest);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary ul ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--padding: var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller));
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary ul ul ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--padding: var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest));
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).primary ul ul ul ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--padding: var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2));
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).secondary {
  --subnav-indicator--width: var(--subnav-indicator--width--l);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).secondary > .digi-navigation-vertical-menu__item--active {
  position: relative;
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).secondary > .digi-navigation-vertical-menu__item--active::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--subnav-indicator--width);
  background-color: var(--digi--color--background--pop-out);
  z-index: 1;
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).secondary .digi-navigation-vertical-menu__item--deep-active {
  background-color: var(--digi--color--background--pop-out);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).secondary .digi-navigation-vertical-menu__item--deep-active > ul > li > digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--toggle-icon--background: var(--digi--color--background--primary);
  --digi--navigation-vertical-menu-item--toggle-icon--background--active: var(--digi--color--background--primary);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).secondary ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--padding: var(--digi--padding--small) var(--digi--padding--largest);
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).secondary ul ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--padding: var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--smaller));
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).secondary ul ul ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--padding: var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest));
}
::slotted(* ul.digi-navigation-vertical-menu__list--root).secondary ul ul ul ul .digi-navigation-vertical-menu-item {
  --digi--navigation-vertical-menu-item--padding: var(--digi--padding--small) var(--digi--padding--medium) var(--digi--padding--small) calc(var(--digi--padding--largest-2) + var(--digi--padding--largest-2));
}

::slotted(* li.digi-navigation-vertical-menu__item--highlight) > digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__button:first-child .digi-navigation-vertical-menu-item__text::after,
::slotted(* li.digi-navigation-vertical-menu__item--highlight) > digi-navigation-vertical-menu-item .digi-navigation-vertical-menu-item__link:first-child .digi-navigation-vertical-menu-item__text::after {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  content: "";
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 0.625rem;
  line-height: 1;
  transform: translateY(-5px);
  margin-left: var(--digi--padding--smaller);
  background: var(--digi--color--background--pop-out);
}