@inera/ids-design 5.5.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (139) hide show
  1. package/components/accordion/accordion-lit.js +9 -0
  2. package/components/accordion/accordion.css +260 -0
  3. package/components/alert/alert-lit.js +1 -1
  4. package/components/alert/alert.css +245 -133
  5. package/components/alert-global/alert-global-lit.js +1 -1
  6. package/components/alert-global/alert-global.css +51 -20
  7. package/components/badge/badge-lit.js +1 -1
  8. package/components/badge/badge.css +3 -4
  9. package/components/box-link/box-link-lit.js +1 -1
  10. package/components/box-link/box-link.css +59 -22
  11. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  12. package/components/breadcrumbs/breadcrumbs.css +36 -29
  13. package/components/card/card-lit.js +4 -2
  14. package/components/card/card.css +81 -40
  15. package/components/carousel/carousel-lit.js +1 -1
  16. package/components/carousel/carousel.css +47 -17
  17. package/components/data-table/data-table-lit.js +1 -1
  18. package/components/data-table/data-table.css +8 -14
  19. package/components/date-label/date-label-lit.js +1 -1
  20. package/components/date-label/date-label.css +8 -8
  21. package/components/dialog/dialog-lit.js +1 -1
  22. package/components/dialog/dialog.css +21 -2
  23. package/components/dropdown/dropdown-lit.js +1 -1
  24. package/components/dropdown/dropdown.css +15 -60
  25. package/components/footer-1177/footer-1177-lit.js +1 -1
  26. package/components/footer-1177/footer-1177.css +27 -9
  27. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  28. package/components/footer-1177-admin/footer-1177-admin.css +28 -8
  29. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  30. package/components/footer-1177-pro/footer-1177-pro.css +20 -1
  31. package/components/footer-inera/footer-inera-lit.js +1 -1
  32. package/components/footer-inera/footer-inera.css +14 -8
  33. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  34. package/components/footer-inera-admin/footer-inera-admin.css +14 -8
  35. package/components/form/error-message/error-message-lit.js +1 -1
  36. package/components/form/error-message/error-message.css +30 -5
  37. package/components/form/range/range-lit.js +1 -1
  38. package/components/form/range/range.css +0 -1
  39. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  40. package/components/form/select-multiple/select-multiple.css +33 -16
  41. package/components/header-1177/composite-header-1177.css +416 -191
  42. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  43. package/components/header-1177/header-1177-avatar.css +123 -60
  44. package/components/header-1177/header-1177-item-lit.js +1 -1
  45. package/components/header-1177/header-1177-item.css +37 -4
  46. package/components/header-1177/header-1177-lit.js +1 -1
  47. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  48. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  49. package/components/header-1177/header-1177-nav-item-mobile.css +47 -8
  50. package/components/header-1177/header-1177-nav-item.css +71 -48
  51. package/components/header-1177/header-1177.css +166 -75
  52. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  53. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  54. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +55 -12
  55. package/components/header-1177-admin/header-1177-admin-avatar.css +107 -40
  56. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  57. package/components/header-1177-admin/header-1177-admin-item.css +31 -0
  58. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  59. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  60. package/components/header-1177-admin/header-1177-admin-nav-item.css +47 -44
  61. package/components/header-1177-admin/header-1177-admin.css +61 -11
  62. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  63. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  64. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +57 -13
  65. package/components/header-1177-pro/header-1177-pro-avatar.css +125 -60
  66. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  67. package/components/header-1177-pro/header-1177-pro-item.css +23 -0
  68. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  69. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  70. package/components/header-1177-pro/header-1177-pro-nav-item.css +59 -32
  71. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
  72. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +5 -2
  73. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  74. package/components/header-1177-pro/header-1177-pro-region-picker.css +240 -60
  75. package/components/header-1177-pro/header-1177-pro.css +72 -12
  76. package/components/header-inera/header-inera-item-lit.js +1 -1
  77. package/components/header-inera/header-inera-item.css +6 -1
  78. package/components/header-inera/header-inera-lit.js +1 -1
  79. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  80. package/components/header-inera/header-inera-nav-item.css +13 -7
  81. package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
  82. package/components/header-inera/header-inera-nav-mobile.css +5 -2
  83. package/components/header-inera/header-inera.css +41 -4
  84. package/components/header-inera-admin/composite-header-inera-admin.css +44 -23
  85. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  86. package/components/header-inera-admin/header-inera-admin-avatar.css +28 -4
  87. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  88. package/components/header-inera-admin/header-inera-admin-item.css +12 -6
  89. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  90. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  91. package/components/header-inera-admin/header-inera-admin-nav-item.css +13 -7
  92. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
  93. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +5 -2
  94. package/components/header-inera-admin/header-inera-admin.css +7 -4
  95. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  96. package/components/mobile-menu/mobile-menu.css +135 -0
  97. package/components/navigation/content/navigation-content-lit.js +1 -1
  98. package/components/navigation/content/navigation-content.css +11 -9
  99. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  100. package/components/pagination/data-pagination/data-pagination.css +113 -46
  101. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  102. package/components/pagination/list-pagination/list-pagination.css +104 -41
  103. package/components/popover/popover-content-lit.js +1 -1
  104. package/components/popover/popover-content.css +30 -11
  105. package/components/puff-list/puff-list-lit.js +7 -0
  106. package/components/puff-list/puff-list.css +169 -0
  107. package/components/side-menu/side-menu-lit.js +1 -1
  108. package/components/side-menu/side-menu.css +43 -26
  109. package/components/side-panel/side-panel-lit.js +1 -1
  110. package/components/side-panel/side-panel.css +43 -8
  111. package/components/stepper/stepper-lit.js +1 -1
  112. package/components/stepper/stepper.css +45 -4
  113. package/components/tabs/tab-lit.js +1 -1
  114. package/components/tabs/tab.css +7 -0
  115. package/components/tabs/tabs-lit.js +1 -1
  116. package/components/tag/tag-lit.js +1 -1
  117. package/components/tag/tag.css +45 -20
  118. package/global/_partials.css +3 -0
  119. package/global/global.css +771 -173
  120. package/global/icons/font/Inera-Design-Icons.eot +0 -0
  121. package/global/icons/font/Inera-Design-Icons.svg +155 -0
  122. package/global/icons/font/Inera-Design-Icons.ttf +0 -0
  123. package/global/icons/font/Inera-Design-Icons.woff +0 -0
  124. package/global/util/util.css +18 -0
  125. package/package.json +1 -1
  126. package/themes/1177/1177-tokens.css +2 -0
  127. package/themes/1177/1177.css +862 -318
  128. package/themes/1177-pro/1177-pro.css +864 -365
  129. package/themes/inera/inera.css +878 -328
  130. package/themes/inera-admin/inera-admin.css +881 -345
  131. package/components/expandable/expandable-lit.js +0 -7
  132. package/components/expandable/expandable.css +0 -108
  133. package/components/footer/footer-lit.js +0 -7
  134. package/components/footer/footer.css +0 -450
  135. package/components/list/list-lit.d.ts +0 -2
  136. package/components/list/list-lit.js +0 -7
  137. package/components/list/list.css +0 -143
  138. /package/components/{expandable/expandable-lit.d.ts → accordion/accordion-lit.d.ts} +0 -0
  139. /package/components/{footer/footer-lit.d.ts → puff-list/puff-list-lit.d.ts} +0 -0
package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button{background-color:transparent;border:0;height:2rem;margin-top:.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;display:block;height:.188rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;content:\"\";display:inline-block;height:.188rem;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-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{top:.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after{top:-.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[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-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__menu-items{box-shadow:0 .125rem .313rem #c5c5c5;left:0;position:absolute;right:0;top:100%;z-index:10}@media only screen and (min-width:1024px){.ids-header-inera-admin-nav-mobile{display:none}}@media only screen and (max-width:1024px){.ids-header-inera-admin-nav-mobile{display:block}.ids-header-inera-admin-nav-mobile.ids-header-inera-admin-nav-mobile--unresponsive{display:none}}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button{background-color:transparent;border:0;height:2rem;margin-top:.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines{background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:.125rem;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-PRIMARY-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-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before{top:.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after{top:-.5rem}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[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-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__menu-items{box-shadow:0 .125rem .313rem #c5c5c5;left:0;position:absolute;right:0;top:100%;z-index:10}@media only screen and (min-width:1024px){.ids-header-inera-admin-nav-mobile{display:none}}@media only screen and (max-width:1024px){.ids-header-inera-admin-nav-mobile{display:block}.ids-header-inera-admin-nav-mobile.ids-header-inera-admin-nav-mobile--unresponsive{display:none}}";
4
4
 
5
5
  var headerIneraAdminNavMobileLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-inera-admin/header-inera-admin-nav-mobile.css CHANGED
@@ -10,6 +10,9 @@
10
10
  }
11
11
  }
12
12
 
13
+ /*******
14
+ * ICONS
15
+ ********/
13
16
  /*******
14
17
  * BUTTONS
15
18
  ********/
@@ -45,7 +48,7 @@
45
48
  transition: all 0.2s;
46
49
  background-color: var(--IDS-COLOR-PRIMARY-40);
47
50
  position: relative;
48
- height: 0.188rem;
51
+ height: 0.125rem;
49
52
  width: 1.25rem;
50
53
  }
51
54
  .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before,
@@ -63,7 +66,7 @@
63
66
  }
64
67
  .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before,
65
68
  .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:after {
66
- height: 0.188rem;
69
+ height: 0.125rem;
67
70
  width: 1.25rem;
68
71
  }
69
72
  .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button .ids-hamburger__lines:before,
package/components/header-inera-admin/header-inera-admin.css CHANGED
@@ -1,4 +1,7 @@
1
1
  /*******
2
+ * ICONS
3
+ ********/
4
+ /*******
2
5
  * BUTTONS
3
6
  ********/
4
7
  /*******
@@ -43,8 +46,8 @@
43
46
  z-index: 10;
44
47
  font-family: var(--IDS-LINK__FONT-FAMILY);
45
48
  font-size: 1rem;
46
- color: var(--IDS-LINK--COLORPRESET-1__COLOR);
47
- text-decoration-color: var(--IDS-LINK--COLORPRESET-1__COLOR);
49
+ color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
50
+ text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
48
51
  text-decoration: underline;
49
52
  position: absolute;
50
53
  right: 0;
@@ -56,8 +59,8 @@
56
59
  .ids-header-inera-admin .ids-header-inera-admin__skip-to-content a:focus {
57
60
  transform: translateY(0);
58
61
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
59
- color: var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);
60
- text-decoration-color: var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);
62
+ color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
63
+ text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
61
64
  outline-offset: -0.375rem !important;
62
65
  }
63
66
  .ids-header-inera-admin .ids-header-inera-admin__inner {
package/components/mobile-menu/mobile-menu-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".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--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>.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--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--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.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{align-items:center;color:inherit!important;display:inline-flex;flex-grow:1;font-size:1rem;font-weight:inherit!important;gap:.5rem;line-height:1.5rem;padding:.75rem .75rem .75rem 1.25rem!important;text-align:start;text-decoration:none!important;width:100%}.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.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{padding-left:1.25rem!important}.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: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{padding-left:2.5rem!important}.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: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{padding-left:3.75rem!important}.ids-mobile-menu-item__sub-items{display:none}.ids-mobile-menu-item--expanded>.ids-mobile-menu-item__sub-items{display:block}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item{min-height:3rem;min-width:3rem;position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-ITEM__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-ITEM--HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:1.25rem;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--ACTIVE__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--active:hover>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-ITEM__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner:hover{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:hover:before{background-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.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{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.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-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.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__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.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__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.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__expand-btn:only-child{justify-content:space-between;padding-left:1.25rem;width:100%}.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__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner{color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--ACTIVE__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--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--ACTIVE__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary.ids-mobile-menu-item--active:hover>.ids-mobile-menu-item__inner{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--active:hover>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--L2__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--L2__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-ITEM--L2__FONT-WEIGHT);position:relative;width:100%}.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)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:hover{color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:2.5rem;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-ACTIVE__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--active:hover>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--L2__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--L2__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-ITEM--L2__FONT-WEIGHT);position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:hover{color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:3.75rem;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-ACTIVE__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--active:hover>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU-2-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT);position:relative;width:100%}.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)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:hover{color:var(--IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM--HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:after{bottom:0;content:\"\";display:block;height:.063rem;left:1.25rem;position:absolute;right:1.25rem}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:1.25rem;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L2__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU-2-ITEM--L2__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-2-ITEM--L2__FONT-WEIGHT);position:relative;width:100%}.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)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:hover{color:var(--IDS-MOBILE-MENU-2-ITEM--L2-HOVER__COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:after{bottom:0;content:\"\";display:block;height:.063rem;left:1.25rem;position:absolute;right:1.25rem}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:2.5rem;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L3__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU-2-ITEM--L3__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:400;position:relative;width:100%}.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)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:400}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L3__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:hover{color:var(--IDS-MOBILE-MENU-2-ITEM--L3-HOVER__COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:after{bottom:0;content:\"\";display:block;height:.063rem;left:1.25rem;position:absolute;right:1.25rem}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:3.75rem;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu ul{list-style:none;margin:0;padding:0}";
3
+ var css_248z = ".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--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>.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--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--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.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{align-items:center;color:inherit!important;display:inline-flex;flex-grow:1;font-size:1rem;font-weight:inherit!important;gap:.5rem;line-height:1.5rem;padding:.75rem .75rem .75rem 1.25rem!important;text-align:start;text-decoration:none!important;width:100%}.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.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{padding-left:1.25rem!important}.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: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{padding-left:2.5rem!important}.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: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{padding-left:3.75rem!important}.ids-mobile-menu-item__sub-items{display:none}.ids-mobile-menu-item--expanded>.ids-mobile-menu-item__sub-items{display:block}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item{min-height:3rem;min-width:3rem;position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-ITEM__FONT-WEIGHT);min-height:3rem;position:relative;width:100%}.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){display:inline!important}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-ITEM--HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;position:relative;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:before{content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;height:1rem;pointer-events:none;position:absolute;width:1rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded:before{content:\"\\e939\"}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline:before{right:1.25rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:1.25rem;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--ACTIVE__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--active:hover>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-ITEM__FONT-WEIGHT);min-height:3rem;position:relative;width:100%}.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){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{background-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary>.ids-mobile-menu-item__inner:hover{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:hover:before{background-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.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{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.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-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.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__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;position:relative;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.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__expand-btn:before{content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;height:1rem;pointer-events:none;position:absolute;width:1rem}.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__expand-btn.ids-mobile-menu__chevron--expanded:before{content:\"\\e939\"}.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__expand-btn.ids-mobile-menu-item__expand-btn--headline:before{right:1.25rem}.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__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.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__expand-btn:only-child{justify-content:space-between;padding-left:1.25rem;width:100%}.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__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner{color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--ACTIVE__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--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--ACTIVE__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary.ids-mobile-menu-item--active:hover>.ids-mobile-menu-item__inner{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--active:hover>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM-SECONDARY--HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--L2__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--L2__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-ITEM--L2__FONT-WEIGHT);min-height:3rem;position:relative;width:100%}.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)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:hover{color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;position:relative;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:before{content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;height:1rem;pointer-events:none;position:absolute;width:1rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded:before{content:\"\\e939\"}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline:before{right:1.25rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:2.5rem;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-ACTIVE__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--active:hover>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-ITEM--L2__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--L2__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--L2__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-ITEM--L2__FONT-WEIGHT);min-height:3rem;position:relative;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:hover{color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__COLOR)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;position:relative;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:before{content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;height:1rem;pointer-events:none;position:absolute;width:1rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded:before{content:\"\\e939\"}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline:before{right:1.25rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:3.75rem;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-ACTIVE__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--active:hover>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-2-ITEM__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU-2-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-2-ITEM__FONT-WEIGHT);min-height:3rem;position:relative;width:100%}.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)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:hover{color:var(--IDS-MOBILE-MENU-2-ITEM--HOVER__COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM--HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner:after{bottom:0;content:\"\";display:block;height:.063rem;left:1.25rem;position:absolute;right:1.25rem}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;position:relative;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:before{content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;height:1rem;pointer-events:none;position:absolute;width:1rem}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded:before{content:\"\\e939\"}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline:before{right: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:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:1.25rem;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L2__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU-2-ITEM--L2__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:var(--IDS-MOBILE-MENU-2-ITEM--L2__FONT-WEIGHT);min-height:3rem;position:relative;width:100%}.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)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L2__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:hover{color:var(--IDS-MOBILE-MENU-2-ITEM--L2-HOVER__COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L2-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner:after{bottom:0;content:\"\";display:block;height:.063rem;left:1.25rem;position:absolute;right:1.25rem}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;position:relative;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:before{content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;height:1rem;pointer-events:none;position:absolute;width:1rem}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded:before{content:\"\\e939\"}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline:before{right:1.25rem}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L2-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:2.5rem;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3{position:relative}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L3__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU-2-ITEM--L3__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);font-size:1rem;font-weight:400;min-height:3rem;position:relative;width:100%}.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)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:has(.ids-mobile-menu-item__expand-btn){font-weight:400}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L3__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:hover{color:var(--IDS-MOBILE-MENU-2-ITEM--L3-HOVER__COLOR)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:hover:before{background-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-HOVER__BEFORE-BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:.625rem;z-index:0}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner:after{bottom:0;content:\"\";display:block;height:.063rem;left:1.25rem;position:absolute;right:1.25rem}.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:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted([slot=link]):focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner ::slotted(:focus-within){outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;flex-wrap:wrap;font:inherit;justify-content:center;min-height:1.5rem;min-height:3rem;min-width:1.5rem;min-width:3.25rem;outline:inherit;padding:0;position:relative;text-align:start;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:before{content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;height:1rem;pointer-events:none;position:absolute;width:1rem}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded:before{content:\"\\e939\"}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline:before{right:1.25rem}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus{outline:.125rem solid;outline-color:var(--IDS-MOBILE-MENU-2-ITEM--L3-FOCUS__OUTLINE-COLOR)!important;outline-offset:-.25rem!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:3.75rem;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3>.ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:1.5rem}.ids-mobile-menu ul{list-style:none;margin:0;padding:0}";
4
4
 
5
5
  var mobileMenuLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/mobile-menu/mobile-menu.css CHANGED
@@ -1,4 +1,7 @@
1
1
  /*******
2
+ * ICONS
3
+ ********/
4
+ /*******
2
5
  * BUTTONS
3
6
  ********/
4
7
  /*******
@@ -62,6 +65,7 @@
62
65
  display: flex;
63
66
  font-family: var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);
64
67
  font-size: 1rem;
68
+ min-height: 3rem;
65
69
  width: 100%;
66
70
  position: relative;
67
71
  font-weight: var(--IDS-MOBILE-MENU-ITEM__FONT-WEIGHT);
@@ -69,6 +73,9 @@
69
73
  background-color: var(--IDS-MOBILE-MENU-ITEM__BACKGROUND-COLOR);
70
74
  color: var(--IDS-MOBILE-MENU-ITEM__COLOR);
71
75
  }
76
+ .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) {
77
+ display: inline !important;
78
+ }
72
79
  .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner::before {
73
80
  content: "";
74
81
  display: block;
@@ -129,6 +136,23 @@
129
136
  align-items: center;
130
137
  justify-content: center;
131
138
  text-align: start;
139
+ position: relative;
140
+ }
141
+ .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__expand-btn::before {
142
+ font: icon;
143
+ font-family: "Inera-Design-Icons";
144
+ display: block;
145
+ position: absolute;
146
+ pointer-events: none;
147
+ content: "\e936";
148
+ width: 1rem;
149
+ height: 1rem;
150
+ }
151
+ .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded::before {
152
+ content: "\e939";
153
+ }
154
+ .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline::before {
155
+ right: 1.25rem;
132
156
  }
133
157
  .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__expand-btn:focus {
134
158
  outline: 0.125rem solid;
@@ -169,6 +193,7 @@
169
193
  display: flex;
170
194
  font-family: var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);
171
195
  font-size: 1rem;
196
+ min-height: 3rem;
172
197
  width: 100%;
173
198
  position: relative;
174
199
  font-weight: var(--IDS-MOBILE-MENU-ITEM__FONT-WEIGHT);
@@ -176,6 +201,9 @@
176
201
  color: var(--IDS-MOBILE-MENU-ITEM-SECONDARY__COLOR);
177
202
  background-color: var(--IDS-MOBILE-MENU-ITEM-SECONDARY__BACKGROUND-COLOR);
178
203
  }
204
+ .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) {
205
+ display: inline !important;
206
+ }
179
207
  .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--secondary > .ids-mobile-menu-item__inner::before {
180
208
  content: "";
181
209
  display: block;
@@ -239,6 +267,23 @@
239
267
  align-items: center;
240
268
  justify-content: center;
241
269
  text-align: start;
270
+ position: relative;
271
+ }
272
+ .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__expand-btn::before {
273
+ font: icon;
274
+ font-family: "Inera-Design-Icons";
275
+ display: block;
276
+ position: absolute;
277
+ pointer-events: none;
278
+ content: "\e936";
279
+ width: 1rem;
280
+ height: 1rem;
281
+ }
282
+ .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__expand-btn.ids-mobile-menu__chevron--expanded::before {
283
+ content: "\e939";
284
+ }
285
+ .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__expand-btn.ids-mobile-menu-item__expand-btn--headline::before {
286
+ right: 1.25rem;
242
287
  }
243
288
  .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__expand-btn:focus {
244
289
  outline: 0.125rem solid;
@@ -288,6 +333,7 @@
288
333
  display: flex;
289
334
  font-family: var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);
290
335
  font-size: 1rem;
336
+ min-height: 3rem;
291
337
  width: 100%;
292
338
  position: relative;
293
339
  background-color: var(--IDS-MOBILE-MENU-ITEM--L2__BACKGROUND-COLOR);
@@ -361,6 +407,23 @@
361
407
  align-items: center;
362
408
  justify-content: center;
363
409
  text-align: start;
410
+ position: relative;
411
+ }
412
+ .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn::before {
413
+ font: icon;
414
+ font-family: "Inera-Design-Icons";
415
+ display: block;
416
+ position: absolute;
417
+ pointer-events: none;
418
+ content: "\e936";
419
+ width: 1rem;
420
+ height: 1rem;
421
+ }
422
+ .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded::before {
423
+ content: "\e939";
424
+ }
425
+ .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline::before {
426
+ right: 1.25rem;
364
427
  }
365
428
  .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus {
366
429
  outline: 0.125rem solid;
@@ -404,6 +467,7 @@
404
467
  display: flex;
405
468
  font-family: var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);
406
469
  font-size: 1rem;
470
+ min-height: 3rem;
407
471
  width: 100%;
408
472
  position: relative;
409
473
  background-color: var(--IDS-MOBILE-MENU-ITEM--L2__BACKGROUND-COLOR);
@@ -474,6 +538,23 @@
474
538
  align-items: center;
475
539
  justify-content: center;
476
540
  text-align: start;
541
+ position: relative;
542
+ }
543
+ .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn::before {
544
+ font: icon;
545
+ font-family: "Inera-Design-Icons";
546
+ display: block;
547
+ position: absolute;
548
+ pointer-events: none;
549
+ content: "\e936";
550
+ width: 1rem;
551
+ height: 1rem;
552
+ }
553
+ .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded::before {
554
+ content: "\e939";
555
+ }
556
+ .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline::before {
557
+ right: 1.25rem;
477
558
  }
478
559
  .ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus {
479
560
  outline: 0.125rem solid;
@@ -519,6 +600,7 @@
519
600
  display: flex;
520
601
  font-family: var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);
521
602
  font-size: 1rem;
603
+ min-height: 3rem;
522
604
  width: 100%;
523
605
  position: relative;
524
606
  border-bottom: none;
@@ -601,6 +683,23 @@
601
683
  align-items: center;
602
684
  justify-content: center;
603
685
  text-align: start;
686
+ position: relative;
687
+ }
688
+ .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__expand-btn::before {
689
+ font: icon;
690
+ font-family: "Inera-Design-Icons";
691
+ display: block;
692
+ position: absolute;
693
+ pointer-events: none;
694
+ content: "\e936";
695
+ width: 1rem;
696
+ height: 1rem;
697
+ }
698
+ .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded::before {
699
+ content: "\e939";
700
+ }
701
+ .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline::before {
702
+ right: 1.25rem;
604
703
  }
605
704
  .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item > .ids-mobile-menu-item__inner > .ids-mobile-menu-item__expand-btn:focus {
606
705
  outline: 0.125rem solid;
@@ -624,6 +723,7 @@
624
723
  display: flex;
625
724
  font-family: var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);
626
725
  font-size: 1rem;
726
+ min-height: 3rem;
627
727
  width: 100%;
628
728
  position: relative;
629
729
  border-bottom: none;
@@ -706,6 +806,23 @@
706
806
  align-items: center;
707
807
  justify-content: center;
708
808
  text-align: start;
809
+ position: relative;
810
+ }
811
+ .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn::before {
812
+ font: icon;
813
+ font-family: "Inera-Design-Icons";
814
+ display: block;
815
+ position: absolute;
816
+ pointer-events: none;
817
+ content: "\e936";
818
+ width: 1rem;
819
+ height: 1rem;
820
+ }
821
+ .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded::before {
822
+ content: "\e939";
823
+ }
824
+ .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline::before {
825
+ right: 1.25rem;
709
826
  }
710
827
  .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus {
711
828
  outline: 0.125rem solid;
@@ -729,6 +846,7 @@
729
846
  display: flex;
730
847
  font-family: var(--IDS-MOBILE-MENU-ITEM__FONT-FAMILY);
731
848
  font-size: 1rem;
849
+ min-height: 3rem;
732
850
  width: 100%;
733
851
  position: relative;
734
852
  border-bottom: none;
@@ -814,6 +932,23 @@
814
932
  align-items: center;
815
933
  justify-content: center;
816
934
  text-align: start;
935
+ position: relative;
936
+ }
937
+ .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn::before {
938
+ font: icon;
939
+ font-family: "Inera-Design-Icons";
940
+ display: block;
941
+ position: absolute;
942
+ pointer-events: none;
943
+ content: "\e936";
944
+ width: 1rem;
945
+ height: 1rem;
946
+ }
947
+ .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu__chevron--expanded::before {
948
+ content: "\e939";
949
+ }
950
+ .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn.ids-mobile-menu-item__expand-btn--headline::before {
951
+ right: 1.25rem;
817
952
  }
818
953
  .ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--3 > .ids-mobile-menu-item__inner .ids-mobile-menu-item__expand-btn:focus {
819
954
  outline: 0.125rem solid;
package/components/navigation/content/navigation-content-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-navigation-content{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-NAVIGATION-CONTENT__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(27,27,27,.2);position:relative;width:100%}.ids-navigation-content:after{background-color:var(--IDS-COLOR-NEUTRAL-100);clip-path:polygon(0 0,0 100%,100% 100%);left:-.563rem;z-index:1}.ids-navigation-content:after,.ids-navigation-content:before{content:\"\";height:1.4rem;position:absolute;top:1.25rem;transform:rotate(45deg);width:1.4rem}.ids-navigation-content:before{box-shadow:0 0 .625rem rgba(27,27,27,.2);left:-.688rem;z-index:-1}.ids-navigation-content .ids-navigation-content__border-top{border-radius:var(--IDS-CARD__BORDER-RADIUS);display:block;height:1.25rem;left:0;overflow:hidden;position:absolute;top:0;width:100%}.ids-navigation-content .ids-navigation-content__border-top div{border-top:var(--IDS-CARD--BORDER-2__BORDER-TOP)}.ids-navigation-content .ids-navigation-content__inner{border-top:var(--IDS-NAVIGATION-CONTENT__BORDER-TOP);padding:1.25rem;position:relative}.ids-navigation-content .ids-navigation-content__inner .ids-navigation-content__inner__headline{color:var(--IDS-NAVIGATION-CONTENT__COLOR);font-family:var(--IDS-NAVIGATION-CONTENT__FONT-FAMILY);font-size:var(--IDS-NAVIGATION-CONTENT__FONT-SIZE);font-weight:var(--IDS-NAVIGATION-CONTENT__FONT-WEIGHT);letter-spacing:-.013rem;line-height:var(--IDS-NAVIGATION-CONTENT__LINE-HEIGHT);margin:0 0 .5rem}.ids-navigation-content .ids-navigation-content__inner a{border-top:.063rem solid var(--IDS-NAVIGATION-CONTENT-SEPARATOR__BACKGROUND-COLOR);display:block;padding:.875rem 0}.ids-navigation-content .ids-navigation-content__inner ::slotted(*){border-top:.063rem solid var(--IDS-NAVIGATION-CONTENT-SEPARATOR__BACKGROUND-COLOR);display:block;padding:.875rem 0}";
3
+ var css_248z = ".ids-navigation-content{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-NAVIGATION-CONTENT__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(27,27,27,.2);position:relative;width:100%}.ids-navigation-content:after{background-color:var(--IDS-COLOR-NEUTRAL-100);clip-path:polygon(0 0,0 100%,100% 100%);left:-.563rem;z-index:1}.ids-navigation-content:after,.ids-navigation-content:before{content:\"\";height:1.4rem;position:absolute;top:1.25rem;transform:rotate(45deg);width:1.4rem}.ids-navigation-content:before{box-shadow:0 0 .625rem rgba(27,27,27,.2);left:-.688rem;z-index:-1}.ids-navigation-content .ids-navigation-content__border-top{border-radius:var(--IDS-CARD__BORDER-RADIUS);display:block;height:1.25rem;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-CARD--BORDER-2__BORDER-TOP)}.ids-navigation-content .ids-navigation-content__inner{border-top:var(--IDS-NAVIGATION-CONTENT__BORDER-TOP);padding:1.25rem;position:relative}.ids-navigation-content .ids-navigation-content__inner .ids-navigation-content__inner__headline{color:var(--IDS-NAVIGATION-CONTENT__COLOR);font-family:var(--IDS-NAVIGATION-CONTENT__FONT-FAMILY);font-size:var(--IDS-NAVIGATION-CONTENT__FONT-SIZE);font-weight:var(--IDS-NAVIGATION-CONTENT__FONT-WEIGHT);letter-spacing:-.013rem;line-height:var(--IDS-NAVIGATION-CONTENT__LINE-HEIGHT);margin:0 0 1rem}.ids-navigation-content .ids-navigation-content__links{display:flex;flex-direction:column;gap:1rem}.ids-navigation-content .ids-navigation-content__links .ids-navigation-content__link-wrapper,.ids-navigation-content .ids-navigation-content__links ::slotted(*){border-top:var(--IDS-NAVIGATION-CONTENT__ITEM-BORDER-TOP);display:block;padding-top:1rem;width:100%}";
4
4
 
5
5
  var navigationContentLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/navigation/content/navigation-content.css CHANGED
@@ -38,7 +38,7 @@
38
38
  height: 1.25rem;
39
39
  left: 0;
40
40
  }
41
- .ids-navigation-content .ids-navigation-content__border-top div {
41
+ .ids-navigation-content .ids-navigation-content__border-top .ids-navigation-content__border-top-content, .ids-navigation-content .ids-navigation-content__border-top div {
42
42
  border-top: var(--IDS-CARD--BORDER-2__BORDER-TOP);
43
43
  }
44
44
  .ids-navigation-content .ids-navigation-content__inner {
@@ -53,15 +53,17 @@
53
53
  line-height: var(--IDS-NAVIGATION-CONTENT__LINE-HEIGHT);
54
54
  letter-spacing: -0.013rem;
55
55
  color: var(--IDS-NAVIGATION-CONTENT__COLOR);
56
- margin: 0 0 0.5rem 0;
56
+ margin: 0 0 1rem 0;
57
57
  }
58
- .ids-navigation-content .ids-navigation-content__inner a {
59
- border-top: 0.063rem solid var(--IDS-NAVIGATION-CONTENT-SEPARATOR__BACKGROUND-COLOR);
60
- display: block;
61
- padding: 0.875rem 0;
58
+ .ids-navigation-content .ids-navigation-content__links {
59
+ display: flex;
60
+ flex-direction: column;
61
+ gap: 1rem;
62
62
  }
63
- .ids-navigation-content .ids-navigation-content__inner ::slotted(*) {
64
- border-top: 0.063rem solid var(--IDS-NAVIGATION-CONTENT-SEPARATOR__BACKGROUND-COLOR);
63
+ .ids-navigation-content .ids-navigation-content__links .ids-navigation-content__link-wrapper,
64
+ .ids-navigation-content .ids-navigation-content__links ::slotted(*) {
65
65
  display: block;
66
- padding: 0.875rem 0;
66
+ width: 100%;
67
+ padding-top: 1rem;
68
+ border-top: var(--IDS-NAVIGATION-CONTENT__ITEM-BORDER-TOP);
67
69
  }
package/components/pagination/data-pagination/data-pagination-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-data-pagination .ids-data-pagination__next-button ::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button,.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;cursor:pointer;height:1.938rem!important;width:1.938rem!important}.ids-data-pagination .ids-data-pagination__next-button :hover::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button:hover,.ids-data-pagination .ids-data-pagination__prev-button :hover::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button:hover{background-image:var(--IDS-SELECT__CHEVRON-ICON--HOVER)!important}.ids-data-pagination .ids-data-pagination__next-button :active::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus-visible::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus-within::slotted(button),.ids-data-pagination .ids-data-pagination__next-button :focus::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button:active,.ids-data-pagination .ids-data-pagination__next-button button:focus,.ids-data-pagination .ids-data-pagination__next-button button:focus-visible,.ids-data-pagination .ids-data-pagination__next-button button:focus-within,.ids-data-pagination .ids-data-pagination__prev-button :active::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus-visible::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus-within::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button :focus::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button:active,.ids-data-pagination .ids-data-pagination__prev-button button:focus,.ids-data-pagination .ids-data-pagination__prev-button button:focus-visible,.ids-data-pagination .ids-data-pagination__prev-button button:focus-within{outline:var(--IDS-FOCUS__OUTLINE)!important}.ids-data-pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.ids-data-pagination .ids-data-pagination__select{align-items:center;display:flex;margin-right:2.5rem;position:relative}.ids-data-pagination .ids-data-pagination__select:after{background-image:var(--IDS-SELECT__CHEVRON-ICON);background-position:50%;background-repeat:no-repeat;content:\"\";display:block;height:100%;pointer-events:none;position:absolute;right:.625rem;top:0;transform:rotate(90deg);width:.5rem}.ids-data-pagination .ids-data-pagination__select ::slotted(label),.ids-data-pagination .ids-data-pagination__select label{color:var(--IDS-INPUT__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;margin-right:.5rem!important;white-space:nowrap!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select),.ids-data-pagination .ids-data-pagination__select select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER)!important;border-radius:.313rem!important;box-sizing:border-box;color:var(--IDS-INPUT__COLOR);cursor:pointer!important;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;padding:.25rem 1.75rem .25rem .5rem!important;width:100%!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select) option,.ids-data-pagination .ids-data-pagination__select select option{height:1.25rem!important}.ids-data-pagination.ids-data-pagination--light ::slotted(select),.ids-data-pagination.ids-data-pagination--light select{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-data-pagination .ids-data-pagination__summary{color:var(--IDS-INPUT__COLOR);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE)!important}.ids-data-pagination .ids-data-pagination__buttons{display:flex;white-space:nowrap}.ids-data-pagination .ids-data-pagination__prev-button{display:flex;margin-left:1.25rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button{background-image:var(--IDS-SELECT__CHEVRON-ICON)!important;background-position:.438rem .438rem!important;background-repeat:no-repeat!important;rotate:180deg}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__prev-button button:disabled{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)!important;cursor:default}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled:hover),.ids-data-pagination .ids-data-pagination__prev-button button:disabled:hover{border:.063rem solid transparent!important}.ids-data-pagination .ids-data-pagination__next-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button{background-image:var(--IDS-SELECT__CHEVRON-ICON)!important;background-position:.438rem .438rem!important;background-repeat:no-repeat!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__next-button button:disabled{background-image:var(--IDS-SELECT--DISABLED__CHEVRON-ICON)!important;cursor:default}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled:hover),.ids-data-pagination .ids-data-pagination__next-button button:disabled:hover{border:.063rem solid transparent!important}";
3
+ var css_248z = ".ids-data-pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.ids-data-pagination .ids-data-pagination__select{align-items:center;display:flex;margin-right:2.5rem;position:relative}.ids-data-pagination .ids-data-pagination__select:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons;pointer-events:none;position:absolute;right:.5625rem;top:50%;transform:translateY(-50%)}.ids-data-pagination .ids-data-pagination__select ::slotted(label),.ids-data-pagination .ids-data-pagination__select label{color:var(--IDS-INPUT__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;margin-right:.5rem!important;white-space:nowrap!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select),.ids-data-pagination .ids-data-pagination__select select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER)!important;border-radius:.313rem!important;box-sizing:border-box;color:var(--IDS-INPUT__COLOR);cursor:pointer!important;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;padding:.25rem 2.125rem .25rem .5rem!important;width:100%!important}.ids-data-pagination .ids-data-pagination__select ::slotted(select) option,.ids-data-pagination .ids-data-pagination__select select option{height:1.25rem!important}.ids-data-pagination.ids-data-pagination--light ::slotted(select),.ids-data-pagination.ids-data-pagination--light select{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-data-pagination .ids-data-pagination__summary{color:var(--IDS-INPUT__COLOR);display:flex;font-family:var(--IDS-FONT-FAMILY-BASE)!important}.ids-data-pagination .ids-data-pagination__buttons{display:flex;white-space:nowrap}.ids-data-pagination .ids-data-pagination__prev-button{display:flex;margin-left:1.25rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button),.ids-data-pagination .ids-data-pagination__prev-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:.313rem!important;color:var(--IDS-ICON__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button):after,.ids-data-pagination .ids-data-pagination__prev-button button:after{color:var(--IDS-ICON__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover):after,.ids-data-pagination .ids-data-pagination__prev-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:active),.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:focus),.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:focus-visible),.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:focus-within),.ids-data-pagination .ids-data-pagination__prev-button button:active,.ids-data-pagination .ids-data-pagination__prev-button button:focus,.ids-data-pagination .ids-data-pagination__prev-button button:focus-visible,.ids-data-pagination .ids-data-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-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__prev-button button:disabled{cursor:default}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled):after,.ids-data-pagination .ids-data-pagination__prev-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled:hover),.ids-data-pagination .ids-data-pagination__prev-button button:disabled:hover{border:.063rem solid transparent!important}.ids-data-pagination .ids-data-pagination__next-button{display:flex;margin-left:.5rem}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button),.ids-data-pagination .ids-data-pagination__next-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:.313rem!important;color:var(--IDS-ICON__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button):after,.ids-data-pagination .ids-data-pagination__next-button button:after{color:var(--IDS-ICON__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover):after,.ids-data-pagination .ids-data-pagination__next-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:active),.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:focus),.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:focus-visible),.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:focus-within),.ids-data-pagination .ids-data-pagination__next-button button:active,.ids-data-pagination .ids-data-pagination__next-button button:focus,.ids-data-pagination .ids-data-pagination__next-button button:focus-visible,.ids-data-pagination .ids-data-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-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled),.ids-data-pagination .ids-data-pagination__next-button button:disabled{cursor:default}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled):after,.ids-data-pagination .ids-data-pagination__next-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled:hover),.ids-data-pagination .ids-data-pagination__next-button button:disabled:hover{border:.063rem solid transparent!important}";
4
4
 
5
5
  var dataPaginationLit = css`${unsafeCSS(css_248z)}`;
6
6