@inera/ids-design 6.0.3 → 6.2.0

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

@@ -13,7 +13,7 @@
 /*******
 * A11Y
 ********/
-.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 > .ids-mobile-menu-item__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--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 > .ids-mobile-menu-item__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 > .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 > .ids-mobile-menu-item__link, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .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 ::slotted([slot=link]), .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 > a, .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: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 > 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([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 > .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__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .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__inner > a {
+.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 > .ids-mobile-menu-item-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--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 > .ids-mobile-menu-item-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 > .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 > .ids-mobile-menu-item-link, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .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 ::slotted([slot=link]), .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 > a, .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: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 > 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([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 > .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__inner ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .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__inner > a {
   width: 100%;
   padding: 0.75rem 0.75rem 0.75rem 1.25rem !important;
   display: inline-flex;
@@ -28,21 +28,21 @@
   text-align: start;
 }
 
-.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 > a,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .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 > .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 ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .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__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 > a,
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .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 > .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 ::slotted([slot=link]), .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .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__inner > a,
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link]) {
   padding-left: 1.25rem !important;
 }
 
-.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 > a,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .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 > .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.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 > a,
+.ids-mobile-menu.ids-mobile-menu--variation-2 .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 > .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 ::slotted([slot=link]) {
   padding-left: 2.5rem !important;
 }
 
-.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 > a,
-.ids-mobile-menu.ids-mobile-menu--variation-2 .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 > .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.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 > a,
+.ids-mobile-menu.ids-mobile-menu--variation-2 .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 > .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 ::slotted([slot=link]) {
   padding-left: 3.75rem !important;
 }
@@ -73,7 +73,8 @@
   background-color: var(--IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR);
   color: var(--IDS-MOBILE-MENU-ITEM__COLOR);
 }
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link].ids-mobile-menu-item--icon) {
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner ::slotted([slot=link].ids-mobile-menu-item-link--inline),
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
   display: inline !important;
 }
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner::before {
@@ -96,7 +97,7 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-ITEM--HOVER__BEFORE-BACKGROUND-COLOR);
 }
-.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__link:focus, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a:focus {
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -201,7 +202,8 @@
   color: var(--IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR);
   background-color: var(--IDS-MOBILE-MENU-ITEM-SECONDARY__BACKGROUND-COLOR);
 }
-.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-item--icon) {
+.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-item-link--inline),
+.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--inline {
   display: inline !important;
 }
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner::before {
@@ -227,7 +229,7 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__BEFORE-BACKGROUND-COLOR);
 }
-.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, .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 {
+.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, .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 {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -341,6 +343,10 @@
   font-weight: var(--IDS-MOBILE-MENU-ITEM--L2__FONT-WEIGHT);
   border-bottom: var(--IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM);
 }
+.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-item-link--inline),
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
+  display: inline !important;
+}
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn) {
   font-weight: var(--IDS-MOBILE-MENU-ITEM--L2-HAS-CHILDREN__FONT-WEIGHT);
 }
@@ -367,7 +373,7 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);
 }
-.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, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus {
+.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, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -475,6 +481,10 @@
   font-weight: var(--IDS-MOBILE-MENU-ITEM--L2__FONT-WEIGHT);
   border-bottom: var(--IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM);
 }
+.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-item-link--inline),
+.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
+  display: inline !important;
+}
 .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner::before {
   content: "";
   display: block;
@@ -498,7 +508,7 @@
   z-index: 0;
   background-color: var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);
 }
-.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, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus {
+.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, .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -608,6 +618,10 @@
   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 ::slotted([slot=link].ids-mobile-menu-item-link--inline),
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
+  display: inline !important;
+}
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner::after {
   background-color: var(--IDS-MOBILE-MENU-2-ITEM__BORDER-BOTTOM-COLOR);
 }
@@ -643,7 +657,7 @@
   right: 1.25rem;
   position: absolute;
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__link:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a:focus {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -731,6 +745,10 @@
   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 ::slotted([slot=link].ids-mobile-menu-item-link--inline),
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
+  display: inline !important;
+}
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner::after {
   background-color: var(--IDS-MOBILE-MENU-2-ITEM--L2__BORDER-BOTTOM-COLOR);
 }
@@ -766,7 +784,7 @@
   right: 1.25rem;
   position: absolute;
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__link:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner > a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;
@@ -854,6 +872,10 @@
   color: var(--IDS-MOBILE-MENU-2-ITEM--L3__COLOR);
   font-weight: normal;
 }
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner ::slotted([slot=link].ids-mobile-menu-item-link--inline),
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item-link--inline {
+  display: inline !important;
+}
 .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner::after {
   background-color: var(--IDS-MOBILE-MENU-2-ITEM--L3__BORDER-BOTTOM-COLOR);
 }
@@ -892,7 +914,7 @@
   right: 1.25rem;
   position: absolute;
 }
-.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__link:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus {
+.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > .ids-mobile-menu-item-link:focus, .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner > a:focus {
   outline: 0.125rem solid;
   outline-offset: -0.25rem !important;
   z-index: 1;

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

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

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

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

package/components/notification-badge/notification-badge-lit.d.ts

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

package/components/pagination/data-pagination/data-pagination-lit.d.ts

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

package/components/pagination/list-pagination/list-pagination-lit.d.ts

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

package/components/pagination/list-pagination/list-pagination-lit.js

@@ -1,9 +1,9 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE)!important;line-height:1.5rem;margin-bottom:.5rem;text-align:center}.ids-list-pagination .ids-list-pagination__content{align-items:center;display:flex;justify-content:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item{align-items:center;border:.063rem solid transparent;border-radius:1.75rem;box-sizing:border-box;display:flex;justify-content:center;margin:0 .125rem;min-height:1.75rem;min-width:1.75rem;text-align:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden]{display:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before{color:var(--IDS-COLOR-NEUTRAL-20);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:700;line-height:1.5rem;margin-left:-.188rem;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current{background-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);border:.063rem solid var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button{background-color:transparent;border:0;border-radius:1.75rem;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;display:block;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;min-height:1.75rem;min-width:1.75rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;text-underline-offset:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button :active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button :focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button :focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button :focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current{color:var(--IDS-COLOR-NEUTRAL-100);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-within,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:hover{color:var(--IDS-COLOR-NEUTRAL-100)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-ICON__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after{color:var(--IDS-ICON__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-ICON__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after{color:var(--IDS-ICON__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}";
+var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE)!important;line-height:1.5rem;margin-bottom:.5rem;text-align:center}.ids-list-pagination .ids-list-pagination__content{align-items:center;display:flex;justify-content:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item{align-items:center;border:.063rem solid transparent;border-radius:1.75rem;box-sizing:border-box;display:flex;justify-content:center;margin:0 .125rem;min-height:1.75rem;min-width:1.75rem;text-align:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden]{display:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before{color:var(--IDS-COLOR-NEUTRAL-20);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:700;line-height:1.5rem;margin-left:-.188rem;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current{background-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);border:.063rem solid var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button{background-color:transparent;border:0;border-radius:1.75rem;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;display:block;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;min-height:1.75rem;min-width:1.75rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;text-underline-offset:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current{color:var(--IDS-COLOR-NEUTRAL-100);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-within,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:hover{color:var(--IDS-COLOR-NEUTRAL-100)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after{color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}";
 
-var listPaginationLit = css`
-  ${unsafeCSS(css_248z)}
+var listPaginationLit = css`
+  ${unsafeCSS(css_248z)}
 `;
 
 export { listPaginationLit as default };

package/components/pagination/list-pagination/list-pagination.css

@@ -91,14 +91,14 @@
   outline: var(--IDS-FOCUS__OUTLINE);
   outline-offset: 0.125rem !important;
 }
-.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button :focus,
-.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button :focus-within,
-.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button :focus-visible,
-.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button :active {
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus, .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-within, .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible, .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active {
   color: var(--IDS-ICON--ACTIVE-COLOR);
   outline: var(--IDS-FOCUS__OUTLINE) !important;
   outline-color: var(--IDS-FOCUS__OUTLINE-COLOR) !important;
 }
+.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover {
+  color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
+}
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current {
   cursor: default;
   color: var(--IDS-COLOR-NEUTRAL-100);
@@ -122,7 +122,7 @@
   background-color: transparent !important;
   border: 0.063rem solid transparent !important;
   border-radius: 1.75rem !important;
-  color: var(--IDS-ICON__COLOR);
+  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after,
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button):after {
@@ -133,7 +133,7 @@
   pointer-events: none;
   content: "\e937";
   font-size: 1rem;
-  color: var(--IDS-ICON__COLOR);
+  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
   width: 1rem;
   height: 1rem;
   top: 50%;
@@ -178,7 +178,7 @@
   background-color: transparent !important;
   border: 0.063rem solid transparent !important;
   border-radius: 1.75rem !important;
-  color: var(--IDS-ICON__COLOR);
+  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after,
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button):after {
@@ -189,7 +189,7 @@
   pointer-events: none;
   content: "\e938";
   font-size: 1rem;
-  color: var(--IDS-ICON__COLOR);
+  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
   width: 1rem;
   height: 1rem;
   top: 50%;

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

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

package/components/popover/popover-lit.d.ts

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

package/components/popover/popover-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-popover{display:inline-block;position:relative}.ids-popover .ids-popover-trigger{cursor:pointer;display:inline-block}";
+var css_248z = ".ids-popover{display:inline-block;max-width:fit-content;position:relative}.ids-popover .ids-popover-trigger{cursor:pointer;display:inline-block}";
 
 var popoverLit = css`${unsafeCSS(css_248z)}`;
 

package/components/popover/popover.css

@@ -1,6 +1,7 @@
 .ids-popover {
   position: relative;
   display: inline-block;
+  max-width: fit-content;
 }
 .ids-popover .ids-popover-trigger {
   display: inline-block;

package/components/progressbar/progressbar-lit.d.ts

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

package/components/progressbar/progressbar-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-progressbar{border:var(--IDS-PROGRESSBAR__BORDER-COLOR);border-radius:.625rem;box-sizing:border-box;height:1rem;position:relative}@media (max-width:1024px){.ids-progressbar{height:.625rem}}.ids-progressbar .ids-progressbar__progress{background-color:var(--IDS-PROGRESSBAR__PROGRESS-COLOR);border-radius:.625rem;display:block;height:1rem;left:0;margin-left:-.063rem;margin-top:-.063rem;transition:width .3s ease;width:15%}@media (max-width:1024px){.ids-progressbar .ids-progressbar__progress{height:.625rem}}.ids-progressbar .ids-progressbar__progress--none{display:none}.ids-progressbar .ids-progressbar__label{color:var(--IDS-PROGRESSBAR__LABEL-COLOR);display:flex;font-size:1.25rem;font-weight:700;justify-content:center;line-height:1.5rem;margin-top:.938rem}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-progressbar .ids-progressbar__bar{border:var(--IDS-PROGRESSBAR__BORDER-COLOR);border-radius:.75rem;box-sizing:border-box;height:.75rem;position:relative}@media (max-width:1024px){.ids-progressbar .ids-progressbar__bar{border-radius:.5rem;height:.5rem}}.ids-progressbar .ids-progressbar__progress{background-color:var(--IDS-PROGRESSBAR__PROGRESS-COLOR);border-radius:.75rem;display:block;height:.75rem;left:0;margin-left:-.063rem;margin-top:-.063rem;position:absolute;transition:width .3s ease;width:15%}@media (max-width:1024px){.ids-progressbar .ids-progressbar__progress{border-radius:.5rem;height:.5rem}}.ids-progressbar .ids-progressbar__progress--none{display:none}.ids-progressbar .ids-progressbar__label{color:var(--IDS-COLOR-NEUTRAL-20);display:flex;font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;justify-content:start;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-bottom:.25rem}";
 
 var progressbarLit = css`${unsafeCSS(css_248z)}`;
 

package/components/progressbar/progressbar.css

@@ -10,32 +10,35 @@
   }
 }
 
-.ids-progressbar {
+.ids-progressbar .ids-progressbar__bar {
   border: var(--IDS-PROGRESSBAR__BORDER-COLOR);
-  height: 1rem;
+  height: 0.75rem;
   box-sizing: border-box;
-  border-radius: 0.625rem;
+  border-radius: 0.75rem;
   position: relative;
 }
 @media (max-width: 1024px) {
-  .ids-progressbar {
-    height: 0.625rem;
+  .ids-progressbar .ids-progressbar__bar {
+    height: 0.5rem;
+    border-radius: 0.5rem;
   }
 }
 .ids-progressbar .ids-progressbar__progress {
+  position: absolute;
   left: 0;
   background-color: var(--IDS-PROGRESSBAR__PROGRESS-COLOR);
   width: 15%;
   display: block;
-  height: 1rem;
-  border-radius: 0.625rem;
+  height: 0.75rem;
+  border-radius: 0.75rem;
   transition: width 0.3s ease;
   margin-top: -0.063rem;
   margin-left: -0.063rem;
 }
 @media (max-width: 1024px) {
   .ids-progressbar .ids-progressbar__progress {
-    height: 0.625rem;
+    height: 0.5rem;
+    border-radius: 0.5rem;
   }
 }
 .ids-progressbar .ids-progressbar__progress--none {
@@ -43,10 +46,13 @@
 }
 .ids-progressbar .ids-progressbar__label {
   display: flex;
-  justify-content: center;
-  margin-top: 0.938rem;
-  font-size: 1.25rem;
-  line-height: 1.5rem;
-  color: var(--IDS-PROGRESSBAR__LABEL-COLOR);
-  font-weight: 700;
+  justify-content: start;
+  margin-bottom: 0.25rem;
+  font-style: normal;
+  color: var(--IDS-COLOR-NEUTRAL-20);
+  font-family: var(--IDS-BODY__FONT-FAMILY);
+  font-size: var(--IDS-BODY__FONT-SIZE);
+  line-height: var(--IDS-BODY__LINE-HEIGHT);
+  font-weight: 400;
+  letter-spacing: 0;
 }

package/components/puff-list/puff-list-lit.d.ts

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

package/components/side-menu/side-menu-lit.d.ts

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

package/components/side-menu/side-menu-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:1024px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{background-color:var(--IDS-COLOR-NEUTRAL-100);border-bottom-right-radius:.313rem;border-left:.5rem solid var(--IDS-COLOR-NEUTRAL-100);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);display:flex;margin-right:.5rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-icon{padding:.125rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;height:2.75rem;margin-left:.25rem;outline:inherit;padding:0 1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:1rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon{align-items:flex-start;color:var(--IDS-SIDE-MENU__ICON-COLOR);cursor:pointer;display:flex;margin:.25rem 0;padding:.625rem .625rem .25rem 0}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon--empty{margin-left:1.375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;min-height:2.75rem;outline:inherit;padding:0;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron{box-sizing:border-box;cursor:pointer;height:2.75rem;margin-left:.25rem;padding-left:1.125rem;padding-right:1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before{color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:1rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{display:grid;font-size:1rem;grid-template-columns:1fr auto;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-text{font-size:1rem;line-height:1.75rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{display:grid;font-size:1rem;grid-template-columns:1fr auto;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{align-items:flex-start;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;text-decoration:none!important;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{align-items:flex-start;background-color:transparent;border:0;border-radius:0;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem!important;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR)}.ids-side-menu .ids-side-menu__header:hover ::slotted(a),.ids-side-menu .ids-side-menu__header:hover a{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header:hover ::slotted(button),.ids-side-menu .ids-side-menu__header:hover button{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--active{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU--ACTIVE__HEADER-BORDER-COLOR)}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__label,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link{font-weight:700}.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),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover a,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__chevron-button{margin-left:1.875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon--empty{margin-left:2.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-button{padding-left:1.6875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon--empty{margin-left:4.125rem}.ids-side-menu.ids-side-menu--disabled{cursor:default}.ids-side-menu ::slotted(button):focus,.ids-side-menu ::slotted(button):focus-visible,.ids-side-menu button:focus,.ids-side-menu button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:1024px){.ids-side-menu.ids-side-menu--hide-on-mobile{display:none}}.ids-side-menu .ids-side-menu__header{background-color:var(--IDS-COLOR-NEUTRAL-100);border-bottom-right-radius:.313rem;border-left:.5rem solid var(--IDS-COLOR-NEUTRAL-100);border-top-right-radius:.313rem;display:flex}.ids-side-menu .ids-side-menu__header .ids-side-menu__header-inner{box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);display:flex;margin-right:.5rem;width:100%}.ids-side-menu .ids-side-menu__header .ids-icon{padding:.125rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button{background:none;border:none;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;height:2.75rem;margin-left:.25rem;outline:inherit;padding:0 1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button:before{color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:.9375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon{align-items:flex-start;color:var(--IDS-SIDE-MENU__ICON-COLOR);cursor:pointer;display:flex;margin:.25rem 0;padding:.625rem .625rem .25rem 0}.ids-side-menu .ids-side-menu__header .ids-side-menu__leaf-icon--empty{margin-left:1.375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button{background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;min-height:2.75rem;outline:inherit;padding:0;position:relative;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron{box-sizing:border-box;cursor:pointer;height:2.75rem;margin-left:.25rem;padding-left:1.125rem;padding-right:1.125rem;position:relative}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron:before{color:var(--IDS-SIDE-MENU__ICON-COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:.875rem;pointer-events:none;position:absolute;right:.8125rem;text-align:center;top:.9375rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before{content:\"\\e936\"}.ids-side-menu .ids-side-menu__header .ids-side-menu__label{display:grid;font-size:1rem;grid-template-columns:1fr auto;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__label-text{font-size:1rem;line-height:1.75rem}.ids-side-menu .ids-side-menu__header .ids-side-menu__link{display:grid;font-size:1rem;grid-template-columns:1fr auto;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a),.ids-side-menu .ids-side-menu__header .ids-side-menu__link a{align-items:flex-start;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem;margin:.25rem 0;padding:.25rem 0;text-align:left;text-decoration:none!important;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(a):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button),.ids-side-menu .ids-side-menu__header .ids-side-menu__link button{align-items:flex-start;background-color:transparent;border:0;border-radius:0;box-sizing:border-box;color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;line-height:1.75rem!important;margin:.25rem 0;padding:.25rem 0;text-align:left;width:100%}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)}.ids-side-menu .ids-side-menu__header .ids-side-menu__link ::slotted(button):focus,.ids-side-menu .ids-side-menu__header .ids-side-menu__link button:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}.ids-side-menu .ids-side-menu__header:hover{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR)}.ids-side-menu .ids-side-menu__header:hover ::slotted(a),.ids-side-menu .ids-side-menu__header:hover a{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header:hover ::slotted(button),.ids-side-menu .ids-side-menu__header:hover button{color:var(--IDS-SIDE-MENU__LINK--HOVER-COLOR);text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--active{background-color:var(--IDS-SIDE-MENU__LABEL--ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-SIDE-MENU--ACTIVE__HEADER-BORDER-COLOR)}.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__label,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link{font-weight:700}.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),.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover a,.ids-side-menu .ids-side-menu__header.ids-side-menu--active .ids-side-menu__link:hover button{color:var(--IDS-SIDE-MENU__LINK-COLOR);cursor:default;text-decoration:none!important}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__chevron-button{margin-left:1.875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__leaf-icon--empty{margin-left:2.5rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-2 .ids-side-menu__label-button{padding-left:1.6875rem}.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon,.ids-side-menu .ids-side-menu__header.ids-side-menu--level-3 .ids-side-menu__leaf-icon--empty{margin-left:4.125rem}.ids-side-menu.ids-side-menu--disabled{cursor:default}.ids-side-menu ::slotted(button):focus,.ids-side-menu ::slotted(button):focus-visible,.ids-side-menu button:focus,.ids-side-menu button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-COLOR-NEUTRAL-40)!important;outline-offset:-.125rem!important}";
 
 var sideMenuLit = css`${unsafeCSS(css_248z)}`;
 

package/components/side-menu/side-menu.css

@@ -74,9 +74,10 @@
   position: absolute;
   pointer-events: none;
   content: "\e938";
+  font-size: 0.875rem;
   text-align: center;
   right: 0.8125rem;
-  top: 1rem;
+  top: 0.9375rem;
   color: var(--IDS-SIDE-MENU__ICON-COLOR);
 }
 .ids-side-menu .ids-side-menu__header .ids-side-menu__chevron-button.ids-side-menu__chevron-button--expanded:before {
@@ -127,9 +128,10 @@
   position: absolute;
   pointer-events: none;
   content: "\e938";
+  font-size: 0.875rem;
   text-align: center;
   right: 0.8125rem;
-  top: 1rem;
+  top: 0.9375rem;
   color: var(--IDS-SIDE-MENU__ICON-COLOR);
 }
 .ids-side-menu .ids-side-menu__header .ids-side-menu__label-chevron.ids-side-menu__label-chevron--expanded:before {

package/components/side-panel/side-panel-lit.d.ts

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

package/components/side-panel/side-panel-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-side-panel{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);overflow:hidden;z-index:1}.ids-side-panel .ids-side-panel__mobile-menu{background-color:var(--IDS-COLOR-NEUTRAL-100);display:none}.ids-side-panel.ids-side-panel--regular{bottom:0;height:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity 0s linear .2s,visibility .3s,width 0s linear .4s,height 0s linear .4s;visibility:hidden;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{background-color:var(--IDS-COLOR-NEUTRAL-100);border-left:0;box-sizing:border-box;display:flex;flex-direction:column;height:70vh;overflow-x:hidden;padding:1.25rem 1rem 0;position:relative;transform:translateY(100vh);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{box-sizing:border-box;order:1;overflow-x:hidden;overflow-y:auto;padding-bottom:1.25rem;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--regular .ids-side-panel__inner{padding:.5rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions{margin-right:.313rem;order:0;text-align:right;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;height:1.25rem;outline:inherit;padding:0;position:relative;width:1.25rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before{color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:active:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100vh;opacity:1;transition:width 0s,height 0s;visibility:visible;width:100%}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(30vh);transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:50vh}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(50vh)}}@media (min-width:1024px){.ids-side-panel.ids-side-panel--regular{background-color:var(--IDS-COLOR-NEUTRAL-100);border-left:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);display:flex;overflow-x:hidden;position:relative;transform:none;transition:width .3s ease-in-out,opacity 0s linear .3s,height .4s,visibility .4s,transform 0s linear;width:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:100%;padding:1.25rem 0 0 1rem;top:0;transform:none;transition:none}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{width:21.875rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;transform:none;transition:width .3s ease-in-out,visibility 0s,opacity 0s,transform 0s linear;width:23.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left{border-left:0;border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel{direction:rtl;padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel .ids-side-panel__content{direction:ltr}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated{border-left:0;bottom:0;box-shadow:-.188rem 0 .25rem -.125rem rgba(0,0,0,.2);height:100%;left:auto;position:fixed;right:0;top:0;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left{border-right:0;box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2);left:0;right:auto}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left .ids-side-panel__panel{padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show{width:23.75rem}}.ids-side-panel.ids-side-panel--menu{background-color:var(--IDS-COLOR-NEUTRAL-100);border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);display:flex;height:100%;padding:0;position:relative;width:3.125rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__inner{padding:.5rem .75rem .5rem .5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{box-sizing:border-box;display:flex;flex-direction:column;padding:1.25rem 0 0;position:relative;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{border-bottom:.25rem solid transparent;border-top:.25rem solid transparent;box-sizing:border-box;height:100%;opacity:0;overflow-x:hidden;overflow-y:auto;transition:visibility 0s,opacity 0s;visibility:hidden;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--menu .ids-side-panel__actions{margin-right:1.25rem;text-align:right;width:2.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer{border-bottom:.5rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-BOTTOM-COLOR);border-top:.063rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-TOP-COLOR);box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;opacity:0;padding:1.25rem;text-align:left;transition:visibility 0s,opacity 0s;visibility:hidden}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links{display:flex;flex-direction:column;gap:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links ::slotted(*){display:block;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-text{line-height:1.5rem;margin-top:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger{background-color:transparent;border:0;height:1.875rem;margin-right:-.25rem;padding:0 .25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{top:.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after{top:-.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:0;bottom:0;left:0;position:fixed;right:0;top:0;width:100%}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__actions{width:auto}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__mobile-menu{display:block;margin-top:2.5rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__content,.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__footer{opacity:1;transition:visibility 0s,opacity 0s;visibility:visible}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{bottom:0;left:auto;position:fixed;right:calc(100% - 3.125rem);top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:3.125rem;z-index:2}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{transform:translateX(calc(100% - 3.125rem));width:100%}@media (min-width:1024px){.ids-side-panel.ids-side-panel--menu{transition:width .3s ease-in-out}.ids-side-panel.ids-side-panel--menu .ids-side-panel__mobile-menu{display:none!important}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{position:relative;transform:none;transition:none;width:23.75rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);height:100%;position:relative;transform:none;transition:width .3s ease-in-out;width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{border-right:0;box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2)}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{position:fixed;transform:translateX(20.625rem);transition:transform .3s cubic-bezier(.4,0,.2,1);width:23.75rem}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-side-panel{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);overflow:hidden;z-index:1}.ids-side-panel.ids-side-panel--regular{bottom:0;height:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity 0s linear .2s,visibility .3s,width 0s linear .4s,height 0s linear .4s;visibility:hidden;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{background-color:var(--IDS-COLOR-NEUTRAL-100);border-left:0;box-sizing:border-box;display:flex;flex-direction:column;height:70vh;overflow-x:hidden;padding:1.25rem 1rem 0;position:relative;transform:translateY(100vh);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{box-sizing:border-box;order:1;overflow-x:hidden;overflow-y:auto;padding-bottom:1.25rem;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--regular .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--regular .ids-side-panel__inner{padding:.5rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions{margin-right:.313rem;order:0;text-align:right;width:100%}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;height:1.25rem;outline:inherit;padding:0;position:relative;width:1.25rem}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:before{color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:active:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:focus:before,.ids-side-panel.ids-side-panel--regular .ids-side-panel__close-button:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100vh;opacity:1;transition:width 0s,height 0s;visibility:visible;width:100%}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(30vh);transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:50vh}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:translateY(50vh)}}@media (min-width:1024px){.ids-side-panel.ids-side-panel--regular{background-color:var(--IDS-COLOR-NEUTRAL-100);border-left:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);display:flex;overflow-x:hidden;position:relative;transform:none;transition:width .3s ease-in-out,opacity 0s linear .3s,height .4s,visibility .4s,transform 0s linear;width:0}.ids-side-panel.ids-side-panel--regular .ids-side-panel__panel{height:100%;padding:1.25rem 0 0 1rem;top:0;transform:none;transition:none}.ids-side-panel.ids-side-panel--regular .ids-side-panel__actions,.ids-side-panel.ids-side-panel--regular .ids-side-panel__content{width:21.875rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show{height:100%;transform:none;transition:width .3s ease-in-out,visibility 0s,opacity 0s,transform 0s linear;width:23.75rem}.ids-side-panel.ids-side-panel--regular.ids-side-panel--show .ids-side-panel__panel{transform:none;transition:none}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left{border-left:0;border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR)}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel{direction:rtl;padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--left .ids-side-panel__panel .ids-side-panel__content{direction:ltr}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated{border-left:0;bottom:0;box-shadow:-.188rem 0 .25rem -.125rem rgba(0,0,0,.2);height:100%;left:auto;position:fixed;right:0;top:0;width:0;z-index:2}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left{border-right:0;box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2);left:0;right:auto}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--left .ids-side-panel__panel{padding:1.25rem 1rem 1.25rem 0}.ids-side-panel.ids-side-panel--regular.ids-side-panel--elevated.ids-side-panel--show{width:23.75rem}}.ids-side-panel.ids-side-panel--menu{background-color:var(--IDS-COLOR-NEUTRAL-100);border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);display:flex;height:100%;padding:0;position:relative;width:3.125rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__inner{padding:.5rem .75rem .5rem .5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{box-sizing:border-box;display:flex;flex-direction:column;padding:1.25rem 0 0;position:relative;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{box-sizing:border-box;height:100%;opacity:0;overflow-x:hidden;overflow-y:auto;transition:visibility 0s,opacity 0s;visibility:hidden;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content::-webkit-scrollbar-corner{background-color:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content:has(.ids-side-panel__footer){display:flex;flex-direction:column;justify-content:space-between}.ids-side-panel.ids-side-panel--menu .ids-side-panel__actions{margin-right:1.25rem;text-align:right;width:2.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer{border-bottom:.5rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-BOTTOM-COLOR);border-top:.063rem solid var(--IDS-SIDE-PANEL__FOOTER-BORDER-TOP-COLOR);box-sizing:border-box;display:flex;flex-direction:column;gap:1.25rem;opacity:0;padding:1.25rem;text-align:left;transition:visibility 0s,opacity 0s;visibility:hidden}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links{display:flex;flex-direction:column;gap:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-links ::slotted(*){display:block;width:100%}.ids-side-panel.ids-side-panel--menu .ids-side-panel__footer-text{line-height:1.5rem;margin-top:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger{background-color:transparent;border:0;cursor:pointer;height:1.875rem;margin-right:-.25rem;padding:0 .25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:before{top:.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger .ids-hamburger__lines:after{top:-.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-side-panel.ids-side-panel--menu .ids-side-panel__hamburger:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:0;bottom:0;left:0;position:fixed;right:0;top:0;width:100%}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__actions{width:auto}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__content,.ids-side-panel.ids-side-panel--menu.ids-side-panel--show .ids-side-panel__footer{opacity:1;transition:visibility 0s,opacity 0s;visibility:visible}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{bottom:0;left:auto;position:fixed;right:calc(100% - 3.125rem);top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:3.125rem;z-index:2}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{transform:translateX(calc(100% - 3.125rem));width:100%}@media (min-width:1024px){.ids-side-panel.ids-side-panel--menu{transition:width .3s ease-in-out}.ids-side-panel.ids-side-panel--menu .ids-side-panel__panel{position:relative;transform:none;transition:none;width:23.75rem}.ids-side-panel.ids-side-panel--menu .ids-side-panel__content{width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--show{border-right:.063rem solid var(--IDS-SIDE-PANEL__BORDER-COLOR);height:100%;position:relative;transform:none;transition:width .3s ease-in-out;width:23.75rem}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated{border-right:0;box-shadow:.188rem 0 .25rem -.125rem rgba(0,0,0,.2)}.ids-side-panel.ids-side-panel--menu.ids-side-panel--elevated.ids-side-panel--show{position:fixed;transform:translateX(20.625rem);transition:transform .3s cubic-bezier(.4,0,.2,1);width:23.75rem}}";
 
 var sidePanelLit = css`${unsafeCSS(css_248z)}`;