/*******
* ICONS
********/
/*******
* BUTTONS
********/
/*******
* SCROLLBAR
********/
/*******
* FORM
********/
/*******
* A11Y
********/
/* VARIATION 2 */
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner ::slotted(a), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner ::slotted(a) {
  width: 100%;
  flex-grow: 1;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: inherit !important;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: inherit !important;
  text-decoration: none !important;
  text-align: start;
}
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner ::slotted(a:focus-visible), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner ::slotted(a:focus-visible) {
  outline: 0.125rem solid;
  outline-offset: -0.25rem !important;
  z-index: 1;
  outline-color: var(--IDS-MOBILE-MENU--FOCUS-OUTLINE-COLOR) !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner ::slotted(a), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner ::slotted(a) {
  padding: 0.75rem 0.75rem 0.75rem 1.25rem !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted(a), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted(a) {
  width: 100%;
  flex-grow: 1;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: inherit !important;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: inherit !important;
  text-decoration: none !important;
  text-align: start;
}
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted(a:focus-visible), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted(a:focus-visible) {
  outline: 0.125rem solid;
  outline-offset: -0.25rem !important;
  z-index: 1;
  outline-color: var(--IDS-MOBILE-MENU--FOCUS-OUTLINE-COLOR) !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted(a), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted(a) {
  padding: 0.75rem 0.75rem 0.75rem 1.25rem !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(a), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(a) {
  width: 100%;
  flex-grow: 1;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: inherit !important;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: inherit !important;
  text-decoration: none !important;
  text-align: start;
}
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(a:focus-visible), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(a:focus-visible) {
  outline: 0.125rem solid;
  outline-offset: -0.25rem !important;
  z-index: 1;
  outline-color: var(--IDS-MOBILE-MENU--FOCUS-OUTLINE-COLOR) !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(a), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(a) {
  padding: 0.75rem 0.75rem 0.75rem 2.5rem !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(a), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(a) {
  width: 100%;
  flex-grow: 1;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: inherit !important;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: inherit !important;
  text-decoration: none !important;
  text-align: start;
}
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(a:focus-visible), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(a:focus-visible) {
  outline: 0.125rem solid;
  outline-offset: -0.25rem !important;
  z-index: 1;
  outline-color: var(--IDS-MOBILE-MENU--FOCUS-OUTLINE-COLOR) !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(a), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(a) {
  padding: 0.75rem 0.75rem 0.75rem 3.75rem !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted(a) {
  width: 100%;
  flex-grow: 1;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: inherit !important;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: inherit !important;
  text-decoration: none !important;
  text-align: start;
}
.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted(a:focus-visible) {
  outline: 0.125rem solid;
  outline-offset: -0.25rem !important;
  z-index: 1;
  outline-color: var(--IDS-MOBILE-MENU-2--FOCUS-OUTLINE-COLOR) !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted(a) {
  padding: 0.75rem 0.75rem 0.75rem 1.25rem !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(a) {
  width: 100%;
  flex-grow: 1;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: inherit !important;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: inherit !important;
  text-decoration: none !important;
  text-align: start;
}
.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(a:focus-visible) {
  outline: 0.125rem solid;
  outline-offset: -0.25rem !important;
  z-index: 1;
  outline-color: var(--IDS-MOBILE-MENU-2--FOCUS-OUTLINE-COLOR) !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(a) {
  padding: 0.75rem 0.75rem 0.75rem 2.5rem !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(a) {
  width: 100%;
  flex-grow: 1;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: inherit !important;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: inherit !important;
  text-decoration: none !important;
  text-align: start;
}
.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(a:focus-visible) {
  outline: 0.125rem solid;
  outline-offset: -0.25rem !important;
  z-index: 1;
  outline-color: var(--IDS-MOBILE-MENU-2--FOCUS-OUTLINE-COLOR) !important;
}
.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(a) {
  padding: 0.75rem 0.75rem 0.75rem 3.75rem !important;
}