@inera/ids-design 8.2.1 → 9.0.0

package/components/mobile-menu/mobile-menu-shadow.css

@@ -0,0 +1,170 @@
+/*******
+* 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;
+}

package/components/mobile-menu/mobile-menu.css

@@ -32,7 +32,7 @@
 .ids-mobile-menu ul {
   list-style: none;
   padding: 0;
-  margin: 0;
+  margin: 0 !important;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item > .ids-mobile-menu-item__inner, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner {
   cursor: pointer;
@@ -51,9 +51,7 @@
   font-weight: var(--IDS-MOBILE-MENU-ITEM__FONT-WEIGHT);
   color: var(--IDS-MOBILE-MENU-ITEM__COLOR);
 }
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > 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 > .ids-mobile-menu-item-link,
-.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([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > 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 > .ids-mobile-menu-item-link {
   width: 100%;
   flex-grow: 1;
   display: inline-flex;
@@ -67,20 +65,14 @@
   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 > a:focus-visible, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner a:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner ::slotted(:focus-visible),
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner ::slotted([slot=link]: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 > 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 > .ids-mobile-menu-item-link: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 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(: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([slot=link]:focus-visible) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner 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 > 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 > .ids-mobile-menu-item-link: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 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 > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > 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 > .ids-mobile-menu-item-link,
-.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([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner > 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 > .ids-mobile-menu-item-link {
   padding: 0.75rem 0.75rem 0.75rem 1.25rem !important;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item:not(.ids-mobile-menu-item--secondary) > .ids-mobile-menu-item__inner {
@@ -132,7 +124,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";
@@ -180,9 +171,7 @@
   font-weight: var(--IDS-MOBILE-MENU-ITEM__FONT-WEIGHT);
   color: var(--IDS-MOBILE-MENU-ITEM__COLOR);
 }
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   width: 100%;
   flex-grow: 1;
   display: inline-flex;
@@ -196,20 +185,14 @@
   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 > a:focus-visible, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner a:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted(:focus-visible),
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted([slot=link]: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 > 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 > .ids-mobile-menu-item-link: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 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(: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([slot=link]:focus-visible) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner 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 > 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 > .ids-mobile-menu-item-link: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 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 > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   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, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner {
@@ -261,7 +244,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";
@@ -324,9 +306,7 @@
   font-weight: var(--IDS-MOBILE-MENU-ITEM--L2__FONT-WEIGHT);
   border-bottom: 0.063rem solid var(--IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM-COLOR);
 }
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   width: 100%;
   flex-grow: 1;
   display: inline-flex;
@@ -340,20 +320,14 @@
   text-align: start;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus-visible, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner a:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(:focus-visible),
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]:focus-visible), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus-visible, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus-visible,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner a:focus-visible,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(:focus-visible),
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]:focus-visible) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner a:focus-visible, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus-visible, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus-visible,
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner 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 > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   padding: 0.75rem 0.75rem 0.75rem 2.5rem !important;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner::before, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner::before {
@@ -401,7 +375,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";
@@ -464,9 +437,7 @@
   font-weight: var(--IDS-MOBILE-MENU-ITEM--L2__FONT-WEIGHT);
   border-bottom: 0.063rem solid var(--IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM-COLOR);
 }
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   width: 100%;
   flex-grow: 1;
   display: inline-flex;
@@ -480,20 +451,14 @@
   text-align: start;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus-visible, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner a:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(:focus-visible),
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]:focus-visible), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus-visible, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus-visible,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner a:focus-visible,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(:focus-visible),
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]:focus-visible) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner a:focus-visible, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus-visible, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus-visible,
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner 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 > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   padding: 0.75rem 0.75rem 0.75rem 3.75rem !important;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-1 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner::before, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner::before {
@@ -541,7 +506,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";
@@ -614,8 +578,7 @@
   color: var(--IDS-MOBILE-MENU-2-ITEM__COLOR);
   font-weight: var(--IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT);
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   width: 100%;
   flex-grow: 1;
   display: inline-flex;
@@ -629,16 +592,13 @@
   text-align: start;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a:focus-visible, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner a:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted(:focus-visible),
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]:focus-visible) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner 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 > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   padding: 0.75rem 0.75rem 0.75rem 1.25rem !important;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner::before {
@@ -686,7 +646,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";
@@ -718,8 +677,6 @@
   padding-left: 1.25rem;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__expand-btn:before {
-  /*  background-color: var(--IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR);
-  outline: 0.25rem solid var(--IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR); */
   right: 1.25rem !important;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--active > .ids-mobile-menu-item__inner::before {
@@ -764,8 +721,7 @@
   color: var(--IDS-MOBILE-MENU-2-ITEM--L2__COLOR);
   font-weight: var(--IDS-MOBILE-MENU-2-ITEM--L2__FONT-WEIGHT);
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   width: 100%;
   flex-grow: 1;
   display: inline-flex;
@@ -779,16 +735,13 @@
   text-align: start;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus-visible, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner a:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted(:focus-visible),
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]:focus-visible) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner 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 > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   padding: 0.75rem 0.75rem 0.75rem 2.5rem !important;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner::before {
@@ -836,7 +789,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";
@@ -914,8 +866,7 @@
   color: var(--IDS-MOBILE-MENU-2-ITEM--L2__COLOR);
   font-weight: var(--IDS-MOBILE-MENU-2-ITEM--L2__FONT-WEIGHT);
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   width: 100%;
   flex-grow: 1;
   display: inline-flex;
@@ -929,16 +880,13 @@
   text-align: start;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus-visible, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner a:focus-visible,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted(:focus-visible),
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]:focus-visible) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner 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 > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link {
   padding: 0.75rem 0.75rem 0.75rem 3.75rem !important;
 }
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner::before {
@@ -986,7 +934,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";

package/components/navigation-content/navigation-content-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/navigation-content/navigation-content-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-navigation-content{background-color:var(--IDS-NAVIGATION-CONTENT__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-NAVIGATION-CONTENT__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);position:relative;width:100%}.ids-navigation-content .ids-navigation-content__border-top{border-radius:var(--IDS-BORDER-RADIUS);display:block;height:var(--IDS-NAVIGATION-CONTENT__DECORATION-TOP-HEIGHT);left:0;overflow:hidden;position:absolute;top:0;width:100%}.ids-navigation-content .ids-navigation-content__border-top .ids-navigation-content__border-top-content,.ids-navigation-content .ids-navigation-content__border-top div{border-top:var(--IDS-NAVIGATION-CONTENT__DECORATION-TOP)}.ids-navigation-content .ids-navigation-content__inner{padding:1.25rem;position:relative}.ids-navigation-content .ids-navigation-content__inner .ids-navigation-content__inner__headline{color:var(--IDS-NAVIGATION-CONTENT__HEADLINE-COLOR);font-family:var(--ids-font-family-heading);font-size:var(--ids-font-size-heading-s);font-style:normal;font-weight:var(--ids-font-weight-heading-s);letter-spacing:var(--ids-font-letter-spacing-heading-s);line-height:var(--ids-font-line-height-heading-s);margin:0 0 1rem!important}.ids-navigation-content .ids-navigation-content__links{display:flex;flex-direction:column;gap:1rem;margin:0}.ids-navigation-content .ids-navigation-content__links .ids-navigation-content__link-wrapper{border-top:var(--IDS-NAVIGATION-CONTENT__ITEM-BORDER-TOP);display:block;padding-top:1rem;width:100%}.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links::-webkit-scrollbar{width:.625rem}.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links::-webkit-scrollbar-corner{background-color:transparent}.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links{margin:0 -.5rem;overflow-y:auto;padding:0 .5rem}";
+
+var navigationContentLit = css`${unsafeCSS(css_248z)}`;
+
+export { navigationContentLit as default };

package/components/navigation-content/navigation-content-shadow-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/navigation-content/navigation-content-shadow-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-navigation-content .ids-navigation-content__links ::slotted(*){border-top:var(--IDS-NAVIGATION-CONTENT__ITEM-BORDER-TOP);display:block;padding-top:1rem;width:100%}";
+
+var navigationContentShadowLit = css`${unsafeCSS(css_248z)}`;
+
+export { navigationContentShadowLit as default };

package/components/navigation-content/navigation-content-shadow.css

@@ -0,0 +1,6 @@
+.ids-navigation-content .ids-navigation-content__links ::slotted(*) {
+  display: block;
+  width: 100%;
+  padding-top: 1rem;
+  border-top: var(--IDS-NAVIGATION-CONTENT__ITEM-BORDER-TOP);
+}

package/components/{navigation/content → navigation-content}/navigation-content.css

@@ -38,7 +38,7 @@
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
 
-@media (max-width: 1023px) {
+@media (max-width: 639px) {
   .ids-desktop {
     display: none !important;
   }
@@ -104,9 +104,9 @@
   display: flex;
   flex-direction: column;
   gap: 1rem;
+  margin: 0;
 }
-.ids-navigation-content .ids-navigation-content__links .ids-navigation-content__link-wrapper,
-.ids-navigation-content .ids-navigation-content__links ::slotted(*) {
+.ids-navigation-content .ids-navigation-content__links .ids-navigation-content__link-wrapper {
   display: block;
   width: 100%;
   padding-top: 1rem;
@@ -116,6 +116,27 @@
   outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
+.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links::-webkit-scrollbar {
+  width: 0.625rem;
+}
+.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links::-webkit-scrollbar-thumb {
+  cursor: auto;
+  background: var(--IDS-SCROLL__THUMB-COLOR);
+  border-radius: 0.625rem;
+  border: 0.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
+}
+.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links::-webkit-scrollbar-thumb:hover {
+  background: var(--IDS-SCROLL__THUMB-HOVER-COLOR);
+}
+.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links::-webkit-scrollbar-track {
+  background: var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
+  border-radius: 0.625rem;
+  outline: 0.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR);
+  margin-top: 0;
+}
+.ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
 .ids-navigation-content.ids-navigation-content--scrollable .ids-navigation-content__links {
   overflow-y: auto;
   padding: 0 0.5rem;

package/components/navigation-local/navigation-local-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/navigation-local/navigation-local-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-navigation-local{padding-left:.5rem}.ids-navigation-local ul{list-style:none;margin:0;padding:0}.ids-navigation-local .ids-navigation-local__headline{border-bottom:var(--IDS-NAVIGATION-LOCAL__BORDER);color:var(--IDS-NAVIGATION-LOCAL__HEADLINE-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.25rem;font-style:normal;font-weight:700;letter-spacing:-.03125rem;line-height:1.5rem;padding:.875rem 1.25rem .875rem 0}.ids-navigation-local .ids-navigation-local__link,.ids-navigation-local a{color:var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);display:block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;padding:.75rem;position:relative;text-decoration:none}.ids-navigation-local .ids-navigation-local__link:before,.ids-navigation-local a:before{content:\"\";display:block;height:calc(100% + .063rem);left:-.5rem;position:absolute;top:-.063rem;width:.5rem}.ids-navigation-local .ids-navigation-local__link:after,.ids-navigation-local a:after{background-color:var(--IDS-NAVIGATION-LOCAL__AFTER-COLOR);bottom:0;content:\"\";display:block;height:.063rem;left:0;position:absolute;right:0}.ids-navigation-local .ids-navigation-local-link--active:before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BEFORE-COLOR)}.ids-navigation-local a:active:hover:before,.ids-navigation-local a:hover:before{background-color:var(--IDS-NAVIGATION-LOCAL--HOVER-BEFORE-COLOR)!important}.ids-navigation-local a:focus-visible{outline-offset:-.25rem!important}";
+
+var navigationLocalLit = css`${unsafeCSS(css_248z)}`;
+
+export { navigationLocalLit as default };

package/components/navigation-local/navigation-local-shadow-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/navigation-local/navigation-local-shadow-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-navigation-local ::slotted(a){color:var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);display:block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;padding:.75rem;position:relative;text-decoration:none}.ids-navigation-local ::slotted(a):before{content:\"\";display:block;height:calc(100% + .063rem);left:-.5rem;position:absolute;top:-.063rem;width:.5rem}.ids-navigation-local ::slotted(a):after{background-color:var(--IDS-NAVIGATION-LOCAL__AFTER-COLOR);bottom:0;content:\"\";display:block;height:.063rem;left:0;position:absolute;right:0}.ids-navigation-local ::slotted(.ids-navigation-local-link--active):before{background-color:var(--IDS-NAVIGATION-LOCAL--ACTIVE-BEFORE-COLOR)}.ids-navigation-local ::slotted(a:active:hover):before,.ids-navigation-local ::slotted(a:hover):before{background-color:var(--IDS-NAVIGATION-LOCAL--HOVER-BEFORE-COLOR)!important}.ids-navigation-local ::slotted(a:focus-visible){outline-offset:-.25rem!important}";
+
+var navigationLocalShadowLit = css`${unsafeCSS(css_248z)}`;
+
+export { navigationLocalShadowLit as default };