@inera/ids-design 5.0.3 → 5.1.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 (148) hide show
  1. package/components/alert/alert-lit.js +1 -1
  2. package/components/alert/alert.css +2 -1
  3. package/components/alert-global/alert-global-lit.js +1 -1
  4. package/components/alert-global/alert-global.css +1 -1
  5. package/components/badge/badge-lit.js +1 -1
  6. package/components/badge/badge.css +9 -9
  7. package/components/breadcrumbs/breadcrumbs.css +1 -0
  8. package/components/card/card.css +1 -0
  9. package/components/data-table/data-table-lit.js +1 -1
  10. package/components/data-table/data-table.css +3 -0
  11. package/components/description-list/description-list-lit.js +7 -0
  12. package/components/description-list/description-list.css +98 -0
  13. package/components/dialog/dialog.css +1 -0
  14. package/components/dropdown/dropdown-lit.js +9 -0
  15. package/components/dropdown/dropdown.css +118 -0
  16. package/components/expandable/expandable-lit.js +1 -1
  17. package/components/expandable/expandable.css +18 -11
  18. package/components/footer/footer-lit.js +1 -1
  19. package/components/footer/footer.css +3 -1
  20. package/components/footer-1177/footer-1177-lit.js +1 -1
  21. package/components/footer-1177/footer-1177.css +6 -6
  22. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  23. package/components/footer-1177-admin/footer-1177-admin.css +12 -12
  24. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  25. package/components/footer-1177-pro/footer-1177-pro.css +14 -12
  26. package/components/footer-inera/footer-inera-lit.js +1 -1
  27. package/components/footer-inera/footer-inera.css +6 -6
  28. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  29. package/components/footer-inera-admin/footer-inera-admin.css +17 -8
  30. package/components/form/error-message/error-message-lit.js +1 -1
  31. package/components/form/error-message/error-message.css +1 -1
  32. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  33. package/components/form/select-multiple/select-multiple.css +4 -2
  34. package/components/form/toggle/toggle.css +1 -0
  35. package/components/header-1177/composite-header-1177.css +76 -40
  36. package/components/header-1177/header-1177-avatar.css +1 -0
  37. package/components/header-1177/header-1177-item.css +1 -0
  38. package/components/header-1177/header-1177-lit.js +1 -1
  39. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  40. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  41. package/components/header-1177/header-1177-nav-item-mobile.css +18 -0
  42. package/components/header-1177/header-1177-nav-item.css +5 -0
  43. package/components/header-1177/header-1177-nav-lit.js +1 -1
  44. package/components/header-1177/header-1177-nav.css +0 -8
  45. package/components/header-1177/header-1177.css +51 -32
  46. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +1 -0
  47. package/components/header-1177-admin/header-1177-admin-avatar.css +1 -0
  48. package/components/header-1177-admin/header-1177-admin-item.css +1 -0
  49. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  50. package/components/header-1177-admin/header-1177-admin-nav-item.css +5 -0
  51. package/components/header-1177-admin/header-1177-admin.css +1 -0
  52. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +1 -0
  53. package/components/header-1177-pro/header-1177-pro-avatar.css +1 -0
  54. package/components/header-1177-pro/header-1177-pro-item.css +1 -0
  55. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  56. package/components/header-1177-pro/header-1177-pro-nav-item.css +5 -0
  57. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +1 -0
  58. package/components/header-1177-pro/header-1177-pro-region-picker.css +1 -0
  59. package/components/header-1177-pro/header-1177-pro.css +1 -0
  60. package/components/header-inera/header-inera-item-lit.d.ts +2 -0
  61. package/components/header-inera/header-inera-item-lit.js +7 -0
  62. package/components/header-inera/header-inera-item.css +95 -0
  63. package/components/header-inera/header-inera-lit.d.ts +2 -0
  64. package/components/header-inera/header-inera-lit.js +7 -0
  65. package/components/header-inera/header-inera-nav-item-lit.d.ts +2 -0
  66. package/components/header-inera/header-inera-nav-item-lit.js +7 -0
  67. package/components/header-inera/header-inera-nav-item.css +199 -0
  68. package/components/header-inera/header-inera-nav-lit.d.ts +2 -0
  69. package/components/header-inera/header-inera-nav-lit.js +7 -0
  70. package/components/header-inera/header-inera-nav-mobile-lit.d.ts +2 -0
  71. package/components/header-inera/header-inera-nav-mobile-lit.js +7 -0
  72. package/components/header-inera/header-inera-nav-mobile.css +131 -0
  73. package/components/header-inera/header-inera-nav.css +53 -0
  74. package/components/header-inera/header-inera.css +101 -0
  75. package/components/header-inera-admin/composite-header-inera-admin.css +845 -0
  76. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +7 -0
  77. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.d.ts +2 -0
  78. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +7 -0
  79. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +72 -0
  80. package/components/header-inera-admin/header-inera-admin-avatar.css +143 -0
  81. package/components/header-inera-admin/header-inera-admin-item-lit.d.ts +2 -0
  82. package/components/header-inera-admin/header-inera-admin-item-lit.js +7 -0
  83. package/components/header-inera-admin/header-inera-admin-item.css +95 -0
  84. package/components/header-inera-admin/header-inera-admin-lit.d.ts +2 -0
  85. package/components/header-inera-admin/header-inera-admin-lit.js +7 -0
  86. package/components/header-inera-admin/header-inera-admin-nav-item-lit.d.ts +2 -0
  87. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +7 -0
  88. package/components/header-inera-admin/header-inera-admin-nav-item.css +198 -0
  89. package/components/header-inera-admin/header-inera-admin-nav-lit.d.ts +2 -0
  90. package/components/header-inera-admin/header-inera-admin-nav-lit.js +7 -0
  91. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.d.ts +2 -0
  92. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +7 -0
  93. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +131 -0
  94. package/components/header-inera-admin/header-inera-admin-nav.css +53 -0
  95. package/components/header-inera-admin/header-inera-admin.css +147 -0
  96. package/components/list/list-lit.js +1 -1
  97. package/components/list/list.css +4 -3
  98. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  99. package/components/mobile-menu/mobile-menu.css +23 -22
  100. package/components/navigation/content/navigation-content-lit.d.ts +2 -0
  101. package/components/navigation/content/navigation-content-lit.js +7 -0
  102. package/components/navigation/content/navigation-content.css +67 -0
  103. package/components/navigation/local/navigation-local-lit.d.ts +2 -0
  104. package/components/navigation/local/navigation-local-lit.js +7 -0
  105. package/components/navigation/local/navigation-local.css +85 -0
  106. package/components/pagination/data-pagination/data-pagination-lit.d.ts +2 -0
  107. package/components/pagination/data-pagination/data-pagination-lit.js +7 -0
  108. package/components/pagination/data-pagination/data-pagination.css +141 -0
  109. package/components/pagination/list-pagination/list-pagination-lit.d.ts +2 -0
  110. package/components/pagination/list-pagination/list-pagination-lit.js +9 -0
  111. package/components/pagination/list-pagination/list-pagination.css +152 -0
  112. package/components/popover/popover-content-lit.d.ts +2 -0
  113. package/components/popover/popover-content-lit.js +7 -0
  114. package/components/{popover-content → popover}/popover-content.css +9 -8
  115. package/components/popover/popover-lit.js +1 -1
  116. package/components/popover/popover.css +3 -12
  117. package/components/stepper/stepper-lit.d.ts +2 -0
  118. package/components/stepper/stepper-lit.js +7 -0
  119. package/components/stepper/stepper.css +160 -0
  120. package/components/tabs/tab-lit.d.ts +2 -0
  121. package/components/tabs/tab-lit.js +7 -0
  122. package/components/tabs/tab-panel-lit.d.ts +2 -0
  123. package/components/tabs/tab-panel-lit.js +7 -0
  124. package/components/tabs/tab-panel.css +27 -0
  125. package/components/tabs/tab.css +96 -0
  126. package/components/tabs/tabs-lit.js +2 -2
  127. package/components/tabs/tabs.css +1 -87
  128. package/components/tag/tag-lit.js +1 -1
  129. package/components/tag/tag.css +46 -6
  130. package/components/tooltip/tooltip-lit.d.ts +2 -0
  131. package/components/tooltip/tooltip-lit.js +7 -0
  132. package/components/tooltip/tooltip.css +87 -0
  133. package/global/_partials.css +2 -1
  134. package/global/global.css +662 -63
  135. package/global/util/util.css +24 -0
  136. package/package.json +2 -1
  137. package/themes/1177/1177.css +847 -242
  138. package/themes/1177-pro/1177-pro.css +868 -244
  139. package/themes/inera/inera.css +849 -234
  140. package/themes/inera-admin/inera-admin.css +867 -236
  141. package/components/button/button-lit.js +0 -7
  142. package/components/button/button.css +0 -308
  143. package/components/link/link-lit.js +0 -7
  144. package/components/link/link.css +0 -131
  145. package/components/popover-content/popover-content-lit.js +0 -7
  146. /package/components/{button/button-lit.d.ts → description-list/description-list-lit.d.ts} +0 -0
  147. /package/components/{link/link-lit.d.ts → dropdown/dropdown-lit.d.ts} +0 -0
  148. /package/components/{popover-content/popover-content-lit.d.ts → header-inera-admin/header-inera-admin-avatar-lit.d.ts} +0 -0
@@ -0,0 +1,131 @@
1
+ /* 1177 Typography - no margins */
2
+ /*******
3
+ * FORM
4
+ ********/
5
+ /*******
6
+ * Accessibility
7
+ ********/
8
+ /* headings */
9
+ @media (max-width: 1023px) {
10
+ .ids-desktop {
11
+ display: none !important;
12
+ }
13
+ }
14
+
15
+ @media (min-width: 1024px) {
16
+ .ids-mobile {
17
+ display: none !important;
18
+ }
19
+ }
20
+
21
+ .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button {
22
+ height: 30px;
23
+ justify-content: space-between;
24
+ align-content: flex-end;
25
+ align-items: center;
26
+ display: flex;
27
+ flex: 1 1 auto;
28
+ background-color: transparent;
29
+ border: 0;
30
+ padding: 0;
31
+ cursor: pointer;
32
+ }
33
+ .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__button-text > * {
34
+ display: inline-block;
35
+ }
36
+ .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger {
37
+ transition: 0.2s;
38
+ cursor: pointer;
39
+ user-select: none;
40
+ position: relative;
41
+ }
42
+ .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger-content {
43
+ display: block;
44
+ width: 1.3125rem;
45
+ border-radius: 2px;
46
+ transition: 0.2s;
47
+ background-color: var(--IDS-COLOR-PRIMARY-40);
48
+ position: relative;
49
+ height: 3px;
50
+ width: 1.875rem;
51
+ }
52
+ .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger-content:before {
53
+ top: 10px;
54
+ display: inline-block;
55
+ width: 1.3125rem;
56
+ border-radius: 2px;
57
+ transition: 0.2s;
58
+ background-color: var(--IDS-COLOR-PRIMARY-40);
59
+ position: absolute;
60
+ left: 0;
61
+ content: "";
62
+ -webkit-transform-origin: 0.13393rem center;
63
+ transform-origin: 0.13393rem center;
64
+ height: 3px;
65
+ width: 1.875rem;
66
+ }
67
+ .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger-content:after {
68
+ top: -10px;
69
+ display: inline-block;
70
+ width: 1.3125rem;
71
+ border-radius: 2px;
72
+ transition: 0.2s;
73
+ background-color: var(--IDS-COLOR-PRIMARY-40);
74
+ position: absolute;
75
+ left: 0;
76
+ content: "";
77
+ -webkit-transform-origin: 0.13393rem center;
78
+ transform-origin: 0.13393rem center;
79
+ height: 3px;
80
+ width: 1.875rem;
81
+ }
82
+ .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x {
83
+ -webkit-transform: scale3d(0.8, 0.8, 0.8);
84
+ transform: scale3d(0.8, 0.8, 0.8);
85
+ }
86
+ .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x .ids-header-inera-admin-nav-mobile__hamburger-content {
87
+ background: transparent;
88
+ }
89
+ .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x .ids-header-inera-admin-nav-mobile__hamburger-content:before {
90
+ -ms-transform-origin: 50% 50%;
91
+ -webkit-transform-origin: 50% 50%;
92
+ transform-origin: 50% 50%;
93
+ top: 0;
94
+ width: 2.5rem;
95
+ left: -5px;
96
+ -ms-transform: rotate(45deg);
97
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
98
+ transform: rotate3d(0, 0, 1, 45deg);
99
+ }
100
+ .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__hamburger.ids-header-inera-admin-nav-mobile__hamburger--x .ids-header-inera-admin-nav-mobile__hamburger-content:after {
101
+ -ms-transform-origin: 50% 50%;
102
+ -webkit-transform-origin: 50% 50%;
103
+ transform-origin: 50% 50%;
104
+ top: 0;
105
+ width: 2.5rem;
106
+ left: -5px;
107
+ -ms-transform: rotate(-45deg);
108
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
109
+ transform: rotate3d(0, 0, 1, -45deg);
110
+ }
111
+ .ids-header-inera-admin-nav-mobile .ids-header-inera-admin-nav-mobile__menu-items {
112
+ position: absolute;
113
+ left: 0;
114
+ right: 0;
115
+ z-index: 10;
116
+ box-shadow: var(--header-nav-mobile-menu-items_box-shadow);
117
+ top: 100%;
118
+ }
119
+ @media only screen and (min-width: 1024px) {
120
+ .ids-header-inera-admin-nav-mobile {
121
+ display: none;
122
+ }
123
+ }
124
+ @media only screen and (max-width: 1024px) {
125
+ .ids-header-inera-admin-nav-mobile {
126
+ display: block;
127
+ }
128
+ .ids-header-inera-admin-nav-mobile.ids-header-inera-admin-nav-mobile--unresponsive {
129
+ display: none;
130
+ }
131
+ }
@@ -0,0 +1,53 @@
1
+ /* 1177 Typography - no margins */
2
+ /*******
3
+ * FORM
4
+ ********/
5
+ /*******
6
+ * Accessibility
7
+ ********/
8
+ /* headings */
9
+ @media (max-width: 1023px) {
10
+ .ids-desktop {
11
+ display: none !important;
12
+ }
13
+ }
14
+
15
+ @media (min-width: 1024px) {
16
+ .ids-mobile {
17
+ display: none !important;
18
+ }
19
+ }
20
+
21
+ .ids-header-inera-admin-nav {
22
+ max-width: var(--IDS_MAX-WIDTH);
23
+ width: 100%;
24
+ margin-left: auto;
25
+ margin-right: auto;
26
+ display: flex;
27
+ flex-wrap: wrap;
28
+ flex: 1 1 auto;
29
+ box-sizing: border-box;
30
+ border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);
31
+ }
32
+ .ids-header-inera-admin-nav .ids-header-inera-admin-nav__nav-items {
33
+ display: flex;
34
+ flex-wrap: wrap;
35
+ }
36
+ .ids-header-inera-admin-nav.ids-header-inera-admin-nav--fluid {
37
+ max-width: none;
38
+ margin-left: 0;
39
+ margin-right: 0;
40
+ }
41
+ @media only screen and (min-width: 1024px) {
42
+ .ids-header-inera-admin-nav {
43
+ display: flex;
44
+ }
45
+ }
46
+ @media only screen and (max-width: 1024px) {
47
+ .ids-header-inera-admin-nav {
48
+ display: none;
49
+ }
50
+ .ids-header-inera-admin-nav.ids-header-inera-admin-nav--unresponsive {
51
+ display: flex;
52
+ }
53
+ }
@@ -0,0 +1,147 @@
1
+ /* 1177 Typography - no margins */
2
+ /*******
3
+ * FORM
4
+ ********/
5
+ /*******
6
+ * Accessibility
7
+ ********/
8
+ /* headings */
9
+ @media (max-width: 1023px) {
10
+ .ids-desktop {
11
+ display: none !important;
12
+ }
13
+ }
14
+
15
+ @media (min-width: 1024px) {
16
+ .ids-mobile {
17
+ display: none !important;
18
+ }
19
+ }
20
+
21
+ .ids-header-inera-admin {
22
+ display: flex;
23
+ flex-direction: column;
24
+ position: relative;
25
+ z-index: 3;
26
+ padding: 0 16px;
27
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
28
+ }
29
+ .ids-header-inera-admin .ids-header-inera-admin__skip-to-content ::slotted(a),
30
+ .ids-header-inera-admin .ids-header-inera-admin__skip-to-content a {
31
+ display: flex;
32
+ align-items: center;
33
+ justify-content: center;
34
+ padding: 0 16px;
35
+ height: 48px;
36
+ text-align: center;
37
+ background-color: white;
38
+ box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px 0;
39
+ z-index: 10;
40
+ font-family: var(--IDS-LINK--FONT-FAMILY);
41
+ font-size: 16px;
42
+ color: var(--link-colorpreset-1_color);
43
+ text-decoration-color: var(--link-colorpreset-1_color);
44
+ text-decoration: underline;
45
+ position: absolute;
46
+ right: 0;
47
+ left: 0;
48
+ transform: translateY(-300%);
49
+ transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
50
+ }
51
+ .ids-header-inera-admin .ids-header-inera-admin__skip-to-content ::slotted(a:focus),
52
+ .ids-header-inera-admin .ids-header-inera-admin__skip-to-content a:focus {
53
+ transform: translateY(0);
54
+ transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
55
+ color: var(--link-colorpreset-1-hover_color);
56
+ text-decoration-color: var(--link-colorpreset-1-hover_color);
57
+ outline-offset: -8px !important;
58
+ }
59
+ .ids-header-inera-admin .ids-header-inera-admin__inner {
60
+ z-index: 2;
61
+ background-color: var(--IDS-COLOR-BACKGROUND);
62
+ display: flex;
63
+ flex-wrap: wrap;
64
+ align-items: center;
65
+ justify-content: space-between;
66
+ width: 100%;
67
+ box-sizing: border-box;
68
+ min-height: 48px;
69
+ max-width: var(--IDS_MAX-WIDTH);
70
+ margin-left: auto;
71
+ margin-right: auto;
72
+ }
73
+ .ids-header-inera-admin .ids-header-inera-admin__brand-text,
74
+ .ids-header-inera-admin .ids-header-inera-admin__brand-text-slot a,
75
+ .ids-header-inera-admin ::slotted([slot=brand-text]) {
76
+ display: block;
77
+ font-style: normal;
78
+ font-weight: 600;
79
+ font-family: var(--font-family_2);
80
+ font-size: 16px;
81
+ line-height: 16px;
82
+ margin: 0;
83
+ color: var(--IDS-COLOR-PRIMARY-40);
84
+ display: inline-block;
85
+ text-align: left;
86
+ overflow: hidden;
87
+ text-overflow: ellipsis;
88
+ text-decoration: none;
89
+ }
90
+ .ids-header-inera-admin .ids-header-inera-admin__service-name {
91
+ font-style: normal;
92
+ font-weight: 400;
93
+ font-size: 10px;
94
+ line-height: 12px;
95
+ color: var(--IDS-COLOR-NEUTRAL-20);
96
+ font-family: var(--font-family_1);
97
+ margin: 0;
98
+ padding: 0;
99
+ }
100
+ .ids-header-inera-admin .ids-header-inera-admin__items {
101
+ display: flex;
102
+ flex-wrap: wrap;
103
+ align-items: center;
104
+ }
105
+ .ids-header-inera-admin.ids-header-inera-admin--fluid .ids-header-inera-admin__inner {
106
+ max-width: none;
107
+ margin-left: 0;
108
+ margin-right: 0;
109
+ }
110
+ @media all and (min-width: 1024px) {
111
+ .ids-header-inera-admin {
112
+ padding: 0 88px;
113
+ }
114
+ .ids-header-inera-admin .ids-header-inera-admin__inner {
115
+ min-height: 90px;
116
+ }
117
+ .ids-header-inera-admin .ids-header-inera-admin__brand-text,
118
+ .ids-header-inera-admin .ids-header-inera-admin__brand-text-slot a,
119
+ .ids-header-inera-admin ::slotted([slot=brand-text]) {
120
+ font-size: 30px;
121
+ line-height: 45px;
122
+ margin: 0 0 -3px 0;
123
+ }
124
+ .ids-header-inera-admin .ids-header-inera-admin__service-name {
125
+ margin: 0;
126
+ padding: 0;
127
+ font-size: 14px;
128
+ line-height: 20px;
129
+ }
130
+ }
131
+ @media all and (max-width: 1024px) {
132
+ .ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__inner {
133
+ min-height: 90px;
134
+ }
135
+ .ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__brand-text,
136
+ .ids-header-inera-admin.ids-header-inera-admin--unresponsive ::slotted([slot=brand-text]) {
137
+ font-size: 1.875rem !important;
138
+ line-height: 40px;
139
+ margin-bottom: -3px;
140
+ }
141
+ .ids-header-inera-admin.ids-header-inera-admin--unresponsive .ids-header-inera-admin__service-name {
142
+ margin: 0;
143
+ padding: 0;
144
+ font-size: 14px;
145
+ line-height: 20px;
146
+ }
147
+ }
@@ -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-list{border-top:1px solid var(--list_border);display:flex;flex-direction:column}.ids-list-item{border-bottom:1px solid var(--list_border);color:var(--list_color)!important;display:flex;gap:20px;padding:20px 0;position:relative}.ids-list-item .ids-list-item__icon--hover{display:none}.ids-list-item .ids-icon,.ids-list-item .ids-list-item__icon,.ids-list-item .ids-list-item__icon--hover{align-self:flex-start;margin-right:8px;margin-top:.525rem}.ids-list-item .ids-list-item__date{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:1px;line-height:19px;text-transform:uppercase}.ids-list-item .date-label-col{padding-right:20px}.ids-list-item .ids-list-item__header,.ids-list-item ::slotted([slot=headline]){align-items:center!important;color:var(--link-colorpreset-1_color)!important;cursor:pointer;display:inline-flex!important;font-family:var(--header-3-font-family)!important;font-size:1.375rem!important;font-style:normal!important;font-weight:var(--header-3-font-weight)!important;letter-spacing:var(--header-3-letter-spacing)!important;line-height:1.875rem!important;margin-bottom:0!important;margin-top:0!important;text-decoration:none}.ids-list-item .ids-list-item__body{margin-top:15px}.ids-list-item.ids-list-item--interactive{cursor:pointer}.ids-list-item.ids-list-item--interactive ::slotted([slot=interactive]){bottom:0!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important}.ids-list-item.ids-list-item--interactive:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header,.ids-list-item.ids-list-item--interactive:hover ::slotted([slot=headline]){color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive .ids-list-item__header{outline:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover{color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon{display:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover{display:flex}.ids-list-item__info{color:var(--list-item-info_color);display:block;font-family:Open Sans;font-size:1rem;font-style:italic;font-weight:400;margin-bottom:10px;margin-top:10px}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-list{border-top:1px solid var(--list_border);display:flex;flex-direction:column}.ids-list-item{border-bottom:1px solid var(--list_border);color:var(--list_color)!important;display:flex;gap:20px;padding:20px 0;position:relative}.ids-list-item .ids-list-item__icon--hover{display:none}.ids-list-item .ids-icon,.ids-list-item .ids-list-item__icon,.ids-list-item .ids-list-item__icon--hover{align-self:flex-start;margin-right:8px;margin-top:.525rem}.ids-list-item .ids-list-item__date{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:1px;line-height:19px;text-transform:uppercase}.ids-list-item .date-label-col{padding-right:20px}.ids-list-item .ids-list-item__header,.ids-list-item ::slotted([slot=headline]){align-items:center!important;color:var(--link-colorpreset-1_color)!important;cursor:pointer;display:inline-flex!important;font-family:var(--heading-3-font-family)!important;font-size:1.375rem!important;font-style:normal!important;font-weight:var(--heading-3-font-weight)!important;letter-spacing:var(--heading-3-letter-spacing)!important;line-height:1.875rem!important;margin-bottom:0!important;margin-top:0!important;text-decoration:none}.ids-list-item .ids-list-item__body{margin-top:15px}.ids-list-item.ids-list-item--interactive{cursor:pointer}.ids-list-item.ids-list-item--interactive ::slotted([slot=interactive]){bottom:0!important;left:0!important;opacity:0!important;position:absolute!important;right:0!important;top:0!important}.ids-list-item.ids-list-item--interactive:focus-within{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:focus-within .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__header,.ids-list-item.ids-list-item--interactive:hover ::slotted([slot=headline]){color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon{display:none}.ids-list-item.ids-list-item--interactive:hover .ids-list-item__icon--hover{display:flex}.ids-list-item.ids-list-item--interactive .ids-list-item__header{outline:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:focus{outline:var(--focus_outline);outline-offset:var(--focus_outline-offset)}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover{color:var(--link-colorpreset-1-hover_color)!important;text-decoration:underline!important}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon{display:none}.ids-list-item:not(.ids-list-item--interactive) .ids-list-item__header:hover .ids-list-item__icon--hover{display:flex}.ids-list-item__info{color:var(--list-item-info_color);display:block;font-family:Open Sans;font-size:1rem;font-style:italic;font-weight:400;margin-bottom:10px;margin-top:10px}";
4
4
 
5
5
  var listLit = css`${unsafeCSS(css_248z)}`;
6
6
 
@@ -5,6 +5,7 @@
5
5
  /*******
6
6
  * Accessibility
7
7
  ********/
8
+ /* headings */
8
9
  @media (max-width: 1023px) {
9
10
  .ids-desktop {
10
11
  display: none !important;
@@ -63,9 +64,9 @@
63
64
  margin-top: 0px !important;
64
65
  color: var(--link-colorpreset-1_color) !important;
65
66
  font-style: normal !important;
66
- font-family: var(--header-3-font-family) !important;
67
- font-weight: var(--header-3-font-weight) !important;
68
- letter-spacing: var(--header-3-letter-spacing) !important;
67
+ font-family: var(--heading-3-font-family) !important;
68
+ font-weight: var(--heading-3-font-weight) !important;
69
+ letter-spacing: var(--heading-3-letter-spacing) !important;
69
70
  font-size: 1.375rem !important;
70
71
  line-height: 1.875rem !important;
71
72
  }
@@ -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{color:inherit!important;display:inline-block;flex-grow:1;font-weight:inherit!important;padding:12px 12px 12px 20px!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:20px!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:40px!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:60px!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:48px;min-width:48px;position:relative}.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__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__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>.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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.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__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:20px;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:20px}.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-icon{transform:rotate(90deg)}.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__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;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--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.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--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__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--2--HAS-CHILDREN__INNER__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--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:40px;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:20px}.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-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;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--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.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--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;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--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__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--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:60px;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:20px}.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-icon{transform:rotate(90deg)}.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--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;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--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.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__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM__INNER__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__INNER__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:20px;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:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;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--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.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--2__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__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--2__INNER__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--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;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:1px;left:20px;position:absolute;right:20px}.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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:40px;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:20px}.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-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;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--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:20px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.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--3__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__FONT-WEIGHT);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--3__INNER__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:var(--IDS-MOBILE-MENU--2-ITEM--3--HAS-CHILDREN__INNER__FONT-WEIGHT)}.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--3__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;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:1px;left:20px;position:absolute;right:20px}.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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:48px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:60px;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:20px}.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-icon{transform:rotate(90deg)}.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{color:inherit!important;display:inline-block;flex-grow:1;font-weight:inherit!important;padding:12px 12px 12px 20px!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:20px!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:40px!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:60px!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:48px;min-width:48px;position:relative}.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__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__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>.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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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--active>.ids-mobile-menu-item__inner:before{background-color:var(--IDS-MOBILE-MENU-ITEM--SECONDARY--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.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__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM__INNER__FONT-WEIGHT);position:relative;width:100%}.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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:20px;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:24px}.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-icon{transform:rotate(90deg)}.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__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;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--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.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--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__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--2--HAS-CHILDREN__INNER__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--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:40px;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:24px}.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-icon{transform:rotate(90deg)}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;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--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.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--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;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--2__INNER__BACKGROUND-COLOR);border-bottom:var(--IDS-MOBILE-MENU-ITEM--2__INNER__BORDER-BOTTOM);color:var(--IDS-MOBILE-MENU-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU-ITEM--2__INNER__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--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:60px;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:24px}.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-icon{transform:rotate(90deg)}.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--2--ACTIVE__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;z-index:0}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;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--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:60px;width:100%}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu:not(.ids-mobile-menu--variation-2) .ids-mobile-menu-item--3.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.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__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM__INNER__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__INNER__BORDER-BOTTOM-COLOR);bottom:0;content:\"\";display:block;height:1px;left:20px;position:absolute;right:20px}.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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:20px;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:24px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item>.ids-mobile-menu-item__inner>.ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;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--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:20px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.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--2__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--2__INNER__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--2__INNER__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--2__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;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:1px;left:20px;position:absolute;right:20px}.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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:40px;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:24px}.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-icon{transform:rotate(90deg)}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;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--expanded .ids-mobile-menu-item__expand-btn:focus{outline:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--2--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!important;z-index:1}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child{justify-content:space-between;padding-left:40px;width:100%}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn:only-child .ids-icon{margin-right:24px}.ids-mobile-menu.ids-mobile-menu--variation-2 .ids-mobile-menu-item--2.ids-mobile-menu-item--expanded .ids-mobile-menu-item__expand-btn .ids-icon{transform:rotate(-90deg)}.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--3__INNER__BACKGROUND-COLOR);border-bottom:none;color:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-MOBILE-MENU-ITEM--FONT-FAMILY);font-weight:var(--IDS-MOBILE-MENU--2-ITEM--3__INNER__FONT-WEIGHT);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--3__INNER__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:var(--IDS-MOBILE-MENU--2-ITEM--3--HAS-CHILDREN__INNER__FONT-WEIGHT)}.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--3__INNER__BEFORE__BACKGROUND-COLOR);content:\"\";display:block;height:100%;left:0;position:absolute;width:10px;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:1px;left:20px;position:absolute;right:20px}.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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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;font:inherit;justify-content:center;min-height:24px;min-height:48px;min-width:24px;min-width:52px;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:2px solid;outline-color:var(--IDS-MOBILE-MENU--2-ITEM--3--FOCUS--OUTLINE-COLOR)!important;outline-offset:-4px!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:60px;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:24px}.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-icon{transform:rotate(90deg)}.ids-mobile-menu ul{list-style:none;margin:0;padding:0}";
4
4
 
5
5
  var mobileMenuLit = css`${unsafeCSS(css_248z)}`;
6
6