/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--navigation-sidebar--wrapper--position: fixed;
  --digi--navigation-sidebar--wrapper--background-color: var(--digi--color--background--primary);
  --digi--navigation-sidebar--wrapper--transition: all var(--digi--animation--duration--base);
  --digi--navigation-sidebar--wrapper--padding: 0;
  --digi--navigation-sidebar--wrapper--box-shadow--backdrop: 0 0 3.125rem rgba(0, 0, 0, 0.35);
  --digi--navigation-sidebar--wrapper--border: solid var(--digi--border-width--primary) var(--digi--color--divider--primary);
  --digi--navigation-sidebar--wrapper--width: 21.875rem;
  --digi--navigation-sidebar--wrapper--width--small--fullwidth: 100%;
  --digi--navigation-sidebar--wrapper--width--small: 90vw;
  --digi--navigation-sidebar--wrapper--margin: 0 0 0 -21.875rem;
  --digi--navigation-sidebar--wrapper--z-index: 1999;
  --digi--navigation-sidebar--header--padding: var(--digi--padding--medium);
  --digi--navigation-sidebar--header--border: solid var(--digi--border-width--primary) var(--digi--color--divider--primary);
  --digi--navigation-sidebar--heading--font-family: var(--digi--global--typography--font-family--default);
  --digi--navigation-sidebar--heading--font-size: var(--digi--typography--heading-3--font-size--desktop);
  --digi--navigation-sidebar--heading--font-size--desktop: var(--digi--typography--heading-3--font-size--desktop-large);
  --digi--navigation-sidebar--heading--font-weight: var(--digi--typography--heading-3--font-weight--desktop);
  --digi--navigation-sidebar--heading--color: var(--digi--color--text--primary);
  --digi--navigation-sidebar--backdrop--transition: all var(--digi--animation--duration--base);
  --digi--navigation-sidebar--backdrop--z-index: 1998;
  --digi--navigation-sidebar--close-button--padding: 0;
  position: relative;
  display: block;
}
:host .digi-navigation-sidebar {
  height: 100%;
}
:host .digi-navigation-sidebar__wrapper {
  top: 0;
  bottom: 0;
  z-index: var(--digi--navigation-sidebar--wrapper--z-index);
  visibility: hidden;
  opacity: 0;
  height: 100%;
  background-color: var(--digi--navigation-sidebar--wrapper--background-color);
  padding: var(--digi--navigation-sidebar--wrapper--padding);
  box-sizing: border-box;
  width: var(--digi--navigation-sidebar--wrapper--width);
  margin: var(--digi--navigation-sidebar--wrapper--margin);
}
@media (prefers-reduced-motion) {
  :host .digi-navigation-sidebar__wrapper {
    --digi--navigation-sidebar--wrapper--transition: var(--digi--animation--duration--reduced);
  }
}
@media screen and (max-width: 47.9375rem) {
  :host .digi-navigation-sidebar__wrapper {
    transition: var(--digi--navigation-sidebar--wrapper--transition);
  }
  :host .digi-navigation-sidebar__wrapper.digi-navigation-sidebar__wrapper--mobile--default {
    --digi--navigation-sidebar--wrapper--width: var(--digi--navigation-sidebar--wrapper--width--small);
  }
  :host .digi-navigation-sidebar__wrapper.digi-navigation-sidebar__wrapper--mobile--fullwidth {
    --digi--navigation-sidebar--wrapper--width: var(--digi--navigation-sidebar--wrapper--width--small--fullwidth);
  }
}
:host .digi-navigation-sidebar__wrapper--active {
  opacity: 1;
  visibility: initial;
}
@media screen and (max-width: 47.9375rem) {
  :host .digi-navigation-sidebar__wrapper--static {
    position: var(--digi--navigation-sidebar--wrapper--position);
  }
}
@media screen and (min-width: 48rem) {
  :host .digi-navigation-sidebar__wrapper--static {
    --digi--navigation-sidebar--wrapper--width: 100%;
  }
}
@media screen and (min-width: 48rem) {
  :host .digi-navigation-sidebar__wrapper--over {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.7);
  }
}
:host .digi-navigation-sidebar__wrapper--over, :host .digi-navigation-sidebar__wrapper--push {
  transition: var(--digi--navigation-sidebar--wrapper--transition);
  position: var(--digi--navigation-sidebar--wrapper--position);
}
@media screen and (min-width: 48rem) {
  :host .digi-navigation-sidebar__wrapper--push.digi-navigation-sidebar__wrapper--start {
    border-right: var(--digi--navigation-sidebar--wrapper--border);
  }
}
@media screen and (min-width: 48rem) {
  :host .digi-navigation-sidebar__wrapper--push.digi-navigation-sidebar__wrapper--end {
    border-left: var(--digi--navigation-sidebar--wrapper--border);
  }
}
@media screen and (min-width: 48rem) {
  :host .digi-navigation-sidebar__wrapper--backdrop.digi-navigation-sidebar__wrapper--push, :host .digi-navigation-sidebar__wrapper--backdrop.digi-navigation-sidebar__wrapper--over {
    box-shadow: var(--digi--navigation-sidebar--wrapper--box-shadow--backdrop);
  }
}
@media screen and (min-width: 48rem) {
  :host .digi-navigation-sidebar__wrapper--start {
    left: 0;
  }
  :host .digi-navigation-sidebar__wrapper--start.digi-navigation-sidebar__wrapper--active {
    --digi--navigation-sidebar--wrapper--margin: 0;
  }
}
@media screen and (min-width: 48rem) {
  :host .digi-navigation-sidebar__wrapper--end {
    right: 0;
    --digi--navigation-sidebar--wrapper--margin: 0 -21.875rem 0 0;
  }
  :host .digi-navigation-sidebar__wrapper--end.digi-navigation-sidebar__wrapper--active {
    --digi--navigation-sidebar--wrapper--margin: 0;
  }
}
@media screen and (max-width: 47.9375rem) {
  :host .digi-navigation-sidebar__wrapper--mobile--start {
    left: 0;
  }
  :host .digi-navigation-sidebar__wrapper--mobile--start.digi-navigation-sidebar__wrapper--active {
    --digi--navigation-sidebar--wrapper--margin: 0;
  }
}
@media screen and (max-width: 47.9375rem) {
  :host .digi-navigation-sidebar__wrapper--mobile--end {
    right: 0;
    --digi--navigation-sidebar--wrapper--margin: 0 -21.875rem 0 0;
  }
  :host .digi-navigation-sidebar__wrapper--mobile--end.digi-navigation-sidebar__wrapper--active {
    --digi--navigation-sidebar--wrapper--margin: 0;
  }
}
:host .digi-navigation-sidebar__wrapper--sticky-header .digi-navigation-sidebar__inner {
  display: flex;
  flex-direction: column;
  max-height: 100vh;
}
:host .digi-navigation-sidebar__wrapper--sticky-header .digi-navigation-sidebar__header {
  border-bottom: var(--digi--navigation-sidebar--header--border);
}
:host .digi-navigation-sidebar__wrapper--sticky-header .digi-navigation-sidebar__content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100vh;
}
@media screen and (min-width: 48rem) {
  :host .digi-navigation-sidebar__wrapper--sticky-header.digi-navigation-sidebar__wrapper--static .digi-navigation-sidebar__inner {
    max-height: unset;
  }
}
@media screen and (min-width: 48rem) {
  :host .digi-navigation-sidebar__wrapper--sticky-header.digi-navigation-sidebar__wrapper--static .digi-navigation-sidebar__content {
    overflow-y: unset;
    overflow-x: unset;
    max-height: unset;
  }
}
:host .digi-navigation-sidebar__wrapper:not(.digi-navigation-sidebar__wrapper--sticky-header) .digi-navigation-sidebar__inner {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100vh;
}
@media screen and (min-width: 48rem) {
  :host .digi-navigation-sidebar__wrapper:not(.digi-navigation-sidebar__wrapper--sticky-header).digi-navigation-sidebar__wrapper--static .digi-navigation-sidebar__inner {
    overflow-y: unset;
    overflow-x: unset;
    max-height: unset;
  }
}
:host .digi-navigation-sidebar__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: var(--digi--navigation-sidebar--header--padding);
}
:host .digi-navigation-sidebar__header--close-button--end {
  justify-content: flex-end;
}
:host .digi-navigation-sidebar__heading {
  font-family: var(--digi--navigation-sidebar--heading--font-family);
  font-size: var(--digi--navigation-sidebar--heading--font-size);
  font-weight: var(--digi--navigation-sidebar--heading--font-weight);
  color: var(--digi--navigation-sidebar--heading--color);
  margin: 0 auto 0 0;
}
:host .digi-navigation-sidebar__heading:focus {
  outline: none;
}
@media (min-width: 48rem) {
  :host .digi-navigation-sidebar__heading {
    font-size: var(--digi--navigation-sidebar--heading--font-size--desktop);
  }
}
:host .digi-navigation-sidebar__close-button {
  --digi--button--padding--medium: var(--digi--navigation-sidebar--close-button--padding);
  --digi--button--outline--focus: solid 2px var(--digi--color--border--secondary);
}
:host .digi-navigation-sidebar__backdrop {
  visibility: hidden;
  opacity: 0;
  transition: var(--digi--navigation-sidebar--backdrop--transition);
  position: relative;
  z-index: var(--digi--navigation-sidebar--backdrop--z-index);
}
@media (prefers-reduced-motion) {
  :host .digi-navigation-sidebar__backdrop {
    --digi--navigation-sidebar--backdrop--transition: var(--digi--animation--duration--reduced);
  }
}
:host .digi-navigation-sidebar__backdrop--active, :host .digi-navigation-sidebar__backdrop--active--mobile {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  visibility: visible;
  opacity: 1;
}
@media screen and (min-width: 48rem) {
  :host .digi-navigation-sidebar__backdrop {
    display: none;
  }
  :host .digi-navigation-sidebar__backdrop--active {
    display: block;
  }
}
@media screen and (max-width: 47.9375rem) {
  :host .digi-navigation-sidebar__backdrop {
    display: none;
  }
  :host .digi-navigation-sidebar__backdrop--active--mobile {
    display: block;
  }
}
:host .digi-navigation-sidebar__backdrop--hidden {
  display: none;
}
:host .digi-navigation-sidebar__backdrop--hidden--active--mobile {
  display: block;
}
:host .digi-navigation-sidebar__backdrop--hidden {
  display: none;
}