/*******
* ICONS
********/
/*******
* BUTTONS
********/
/*******
* SCROLLBAR
********/
/*******
* FORM
********/
/*******
* A11Y
********/
.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus-visible {
  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
  outline-offset: -0.125rem !important;
}
.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a) {
  color: var(--IDS-SIDE-MENU__LINK-COLOR);
  font-family: var(--IDS-FONT-FAMILY-BASE);
  cursor: pointer !important;
  text-decoration: none !important;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0.25rem 0;
  padding: 0.25rem 0;
  line-height: 1.75rem;
  text-align: left;
  box-sizing: border-box;
  width: 100%;
}
.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):hover {
  color: var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);
  text-decoration: none !important;
}
.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus-visible {
  outline: var(--IDS-FOCUS__OUTLINE) !important;
  outline-offset: -0.125rem !important;
}
.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus-visible {
  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
  outline-offset: -0.125rem !important;
}
.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button) {
  color: var(--IDS-SIDE-MENU__LINK-COLOR);
  font-family: var(--IDS-FONT-FAMILY-BASE);
  border: 0;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
  margin: 0.25rem 0;
  padding: 0.25rem 0;
  line-height: 1.75rem !important;
  text-align: left;
  box-sizing: border-box;
}
.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button:hover) {
  color: var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);
  text-decoration: none !important;
}
.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button:focus-visible) {
  outline: var(--IDS-FOCUS__OUTLINE) !important;
  outline-offset: -0.125rem !important;
}
.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(a),
.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover ::slotted(button) {
  cursor: default;
  color: var(--IDS-SIDE-MENU__LINK-COLOR);
  text-decoration: none !important;
}