@inera/ids-design 5.1.0 → 5.1.2

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 (21) hide show
  1. package/components/dropdown/dropdown-lit.js +1 -1
  2. package/components/dropdown/dropdown.css +7 -12
  3. package/components/header-1177/composite-header-1177.css +27 -44
  4. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  5. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  6. package/components/header-1177/header-1177-nav-item-mobile.css +1 -0
  7. package/components/header-1177/header-1177-nav-item.css +24 -44
  8. package/components/header-1177/header-1177-nav-lit.js +1 -1
  9. package/components/header-1177/header-1177-nav.css +2 -0
  10. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  11. package/components/header-1177-admin/header-1177-admin-nav-item.css +4 -4
  12. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  13. package/components/header-1177-pro/header-1177-pro-nav-item.css +4 -20
  14. package/components/navigation/content/navigation-content-lit.js +1 -1
  15. package/components/navigation/content/navigation-content.css +2 -2
  16. package/global/global.css +24 -47
  17. package/package.json +1 -1
  18. package/themes/1177/1177.css +28 -47
  19. package/themes/1177-pro/1177-pro.css +28 -47
  20. package/themes/inera/inera.css +28 -47
  21. package/themes/inera-admin/inera-admin.css +28 -47
package/components/dropdown/dropdown-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dropdown{display:block;position:relative}.ids-dropdown__content,:host(ids-dropdown-content){background:#fff;border:1px solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 10px 0 rgba(0,0,0,.3);left:0;padding:8px;position:absolute;top:0}.ids-dropdown__content.ids-dropdown__content--hide,:host(ids-dropdown-content).ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]),:host(ids-dropdown-content).ids-dropdown__content--mblock,:host(ids-dropdown-content):host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]),:host(ids-dropdown-content).ids-dropdown__content--sblock,:host(ids-dropdown-content):host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown__content__link,:host(ids-dropdown-content) .ids-dropdown__content__link{align-items:center!important;border-radius:var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);color:var(--link-colorpreset-1_color);display:flex!important;font-family:var(--font-family_1)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:8px!important;letter-spacing:var(--Font-letter-spacing-body-text,0);line-height:1.5rem!important;outline-color:#fff!important;outline-offset:-4px!important;padding:4px 12px!important;text-decoration:none!important}.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon{display:inherit}.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover{display:none}.ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active,.ids-dropdown__content .ids-dropdown__content__link:focus,.ids-dropdown__content .ids-dropdown__content__link:hover,:host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active,:host(ids-dropdown-content) .ids-dropdown__content__link:focus,:host(ids-dropdown-content) .ids-dropdown__content__link:hover{background-color:var(--IDS-COLOR-ACCENT-30)!important;color:#fff!important}.ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon,.ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon{display:none}.ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon--hover,.ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover{display:inherit}.ids-dropdown__content ::slotted(a),:host(ids-dropdown-content) ::slotted(a){align-items:center!important;border-radius:var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);color:var(--link-colorpreset-1_color);display:flex!important;font-family:var(--font-family_1)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:8px!important;letter-spacing:var(--Font-letter-spacing-body-text,0);line-height:1.5rem!important;outline-color:#fff!important;outline-offset:-4px!important;padding:4px 12px!important;text-decoration:none!important}.ids-dropdown__content ::slotted(a.ids-dropdown__content__link--active),.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover),:host(ids-dropdown-content) ::slotted(a.ids-dropdown__content__link--active),:host(ids-dropdown-content) ::slotted(a:focus),:host(ids-dropdown-content) ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);color:#fff}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dropdown{display:block;position:relative}.ids-dropdown__content,:host(ids-dropdown-content){background:#fff;border:1px solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 10px 0 rgba(0,0,0,.3);left:0;padding:8px;position:absolute;top:0}.ids-dropdown__content.ids-dropdown__content--hide,:host(ids-dropdown-content).ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]),:host(ids-dropdown-content).ids-dropdown__content--mblock,:host(ids-dropdown-content):host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]),:host(ids-dropdown-content).ids-dropdown__content--sblock,:host(ids-dropdown-content):host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown__content__link,:host(ids-dropdown-content) .ids-dropdown__content__link{align-items:center!important;border-radius:var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);color:var(--link-colorpreset-1_color);display:flex!important;font-family:var(--font-family_1)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:8px!important;letter-spacing:var(--Font-letter-spacing-body-text,0);line-height:1.5rem!important;outline-color:#fff!important;outline-offset:-4px!important;padding:4px 12px!important;text-decoration:none!important}.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon{display:inherit}.ids-dropdown__content .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover{display:none}.ids-dropdown__content .ids-dropdown__content__link:focus,.ids-dropdown__content .ids-dropdown__content__link:hover,:host(ids-dropdown-content) .ids-dropdown__content__link:focus,:host(ids-dropdown-content) .ids-dropdown__content__link:hover{background-color:var(--IDS-COLOR-ACCENT-30)!important;color:#fff!important}.ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon{display:none}.ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,.ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,:host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover{display:inherit}.ids-dropdown__content ::slotted(a),:host(ids-dropdown-content) ::slotted(a){align-items:center!important;border-radius:var(--IDS-DROPDOWN__LINK__BORDER-RADIUS);color:var(--link-colorpreset-1_color);display:flex!important;font-family:var(--font-family_1)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:8px!important;letter-spacing:var(--Font-letter-spacing-body-text,0);line-height:1.5rem!important;outline-color:#fff!important;outline-offset:-4px!important;padding:4px 12px!important;text-decoration:none!important}.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover),:host(ids-dropdown-content) ::slotted(a:focus),:host(ids-dropdown-content) ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);color:#fff}";
4
4
 
5
5
  var dropdownLit = css`
6
6
  ${unsafeCSS(css_248z)}
package/components/dropdown/dropdown.css CHANGED
@@ -70,23 +70,20 @@
70
70
  :host(ids-dropdown-content) .ids-dropdown__content__link .ids-dropdown__content__link-icon--hover {
71
71
  display: none;
72
72
  }
73
- .ids-dropdown__content .ids-dropdown__content__link:hover, .ids-dropdown__content .ids-dropdown__content__link:focus, .ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active,
73
+ .ids-dropdown__content .ids-dropdown__content__link:hover, .ids-dropdown__content .ids-dropdown__content__link:focus,
74
74
  :host(ids-dropdown-content) .ids-dropdown__content__link:hover,
75
- :host(ids-dropdown-content) .ids-dropdown__content__link:focus,
76
- :host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active {
75
+ :host(ids-dropdown-content) .ids-dropdown__content__link:focus {
77
76
  color: white !important;
78
77
  background-color: var(--IDS-COLOR-ACCENT-30) !important;
79
78
  }
80
- .ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon, .ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon, .ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon,
79
+ .ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon, .ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,
81
80
  :host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon,
82
- :host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon,
83
- :host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon {
81
+ :host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon {
84
82
  display: none;
85
83
  }
86
- .ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover, .ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover, .ids-dropdown__content .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon--hover,
84
+ .ids-dropdown__content .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover, .ids-dropdown__content .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,
87
85
  :host(ids-dropdown-content) .ids-dropdown__content__link:hover .ids-dropdown__content__link-icon--hover,
88
- :host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover,
89
- :host(ids-dropdown-content) .ids-dropdown__content__link.ids-dropdown__content__link--active .ids-dropdown__content__link-icon--hover {
86
+ :host(ids-dropdown-content) .ids-dropdown__content__link:focus .ids-dropdown__content__link-icon--hover {
90
87
  display: inherit;
91
88
  }
92
89
  .ids-dropdown__content ::slotted(a),
@@ -109,10 +106,8 @@
109
106
  }
110
107
  .ids-dropdown__content ::slotted(a:hover),
111
108
  .ids-dropdown__content ::slotted(a:focus),
112
- .ids-dropdown__content ::slotted(a.ids-dropdown__content__link--active),
113
109
  :host(ids-dropdown-content) ::slotted(a:hover),
114
- :host(ids-dropdown-content) ::slotted(a:focus),
115
- :host(ids-dropdown-content) ::slotted(a.ids-dropdown__content__link--active) {
110
+ :host(ids-dropdown-content) ::slotted(a:focus) {
116
111
  color: white;
117
112
  background-color: var(--IDS-COLOR-ACCENT-30);
118
113
  }
package/components/header-1177/composite-header-1177.css CHANGED
@@ -1118,6 +1118,7 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1118
1118
  }
1119
1119
  @media (max-width: 1024px) {
1120
1120
  .ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner {
1121
+ box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
1121
1122
  background-color: var(--IDS-COLOR-PRIMARY-90);
1122
1123
  flex-wrap: wrap;
1123
1124
  flex: 1 1 auto;
@@ -1145,6 +1146,7 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1145
1146
  }
1146
1147
  @media (max-width: 1024px) {
1147
1148
  :host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner {
1149
+ box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
1148
1150
  background-color: var(--IDS-COLOR-PRIMARY-90);
1149
1151
  flex-wrap: wrap;
1150
1152
  flex: 1 1 auto;
@@ -1273,23 +1275,18 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1273
1275
  margin-left: auto;
1274
1276
  margin-right: auto;
1275
1277
  }
1276
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
1277
- margin-bottom: 10px;
1278
- display: flex;
1279
- }
1280
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
1281
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
1278
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
1279
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
1280
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
1281
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
1282
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
1283
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
1282
1284
  display: block;
1283
1285
  margin-bottom: 10px;
1284
1286
  margin-right: 40px;
1285
1287
  font-size: 1rem;
1286
1288
  line-height: 24px;
1287
1289
  padding-bottom: 10px;
1288
- }
1289
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
1290
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
1291
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
1292
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
1293
1290
  border-bottom: var(--header-nav-item-link_border-bottom);
1294
1291
  }
1295
1292
 
@@ -1377,23 +1374,18 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1377
1374
  margin-left: auto;
1378
1375
  margin-right: auto;
1379
1376
  }
1380
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
1381
- margin-bottom: 10px;
1382
- display: flex;
1383
- }
1384
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
1385
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
1377
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
1378
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
1379
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
1380
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
1381
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
1382
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
1386
1383
  display: block;
1387
1384
  margin-bottom: 10px;
1388
1385
  margin-right: 40px;
1389
1386
  font-size: 1rem;
1390
1387
  line-height: 24px;
1391
1388
  padding-bottom: 10px;
1392
- }
1393
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
1394
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
1395
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
1396
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
1397
1389
  border-bottom: var(--header-nav-item-link_border-bottom);
1398
1390
  }
1399
1391
  @media (max-width: 1024px) {
@@ -1490,23 +1482,18 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1490
1482
  margin-left: auto;
1491
1483
  margin-right: auto;
1492
1484
  }
1493
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
1494
- margin-bottom: 10px;
1495
- display: flex;
1496
- }
1497
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
1498
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
1485
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
1486
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
1487
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
1488
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
1489
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
1490
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
1499
1491
  display: block;
1500
1492
  margin-bottom: 10px;
1501
1493
  margin-right: 40px;
1502
1494
  font-size: 1rem;
1503
1495
  line-height: 24px;
1504
1496
  padding-bottom: 10px;
1505
- }
1506
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
1507
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
1508
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
1509
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
1510
1497
  border-bottom: var(--header-nav-item-link_border-bottom);
1511
1498
  }
1512
1499
  @media (max-width: 1024px) {
@@ -1598,23 +1585,18 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1598
1585
  margin-left: auto;
1599
1586
  margin-right: auto;
1600
1587
  }
1601
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
1602
- margin-bottom: 10px;
1603
- display: flex;
1604
- }
1605
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
1606
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
1588
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
1589
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
1590
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
1591
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
1592
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
1593
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
1607
1594
  display: block;
1608
1595
  margin-bottom: 10px;
1609
1596
  margin-right: 40px;
1610
1597
  font-size: 1rem;
1611
1598
  line-height: 24px;
1612
1599
  padding-bottom: 10px;
1613
- }
1614
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
1615
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
1616
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
1617
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
1618
1600
  border-bottom: var(--header-nav-item-link_border-bottom);
1619
1601
  }
1620
1602
  :host .ids-header-1177__nav-item.ids-header-1177__nav-item--fluid .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content {
@@ -1725,6 +1707,7 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1725
1707
  }
1726
1708
 
1727
1709
  .ids-header-1177__nav-mobile__menu-items {
1710
+ background-color: white;
1728
1711
  display: none;
1729
1712
  position: absolute;
1730
1713
  left: 0px;
package/components/header-1177/header-1177-nav-item-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a),.ids-header-1177--unresponsive .ids-header-1177__nav-item>a,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.5px;min-height:56px;padding:14px 16px;position:relative;text-decoration:none}.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:focus,.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:hover,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:focus,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:hover{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:focus:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:hover:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:focus:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a):after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a:focus):after,.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a:hover):after,.ids-header-1177--unresponsive .ids-header-1177__nav-item.ids-header-1177__nav-item--active ::slotted(a):after,.ids-header-1177--unresponsive .ids-header-1177__nav-item.ids-header-1177__nav-item--active button:after{right:0;width:auto}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown{background-color:var(--header-nav-item-content_background);box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*){display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]){border-bottom:var(--header-nav-item-link_border-bottom)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.5px;min-height:56px;padding:14px 16px;position:relative;text-decoration:none}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:focus,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:hover,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:focus,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:hover{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:focus:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:hover:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:focus:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a):after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a:focus):after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a:hover):after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item.ids-header-1177__nav-item--active ::slotted(a):after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item.ids-header-1177__nav-item--active button:after{right:0;width:auto}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown{background-color:var(--header-nav-item-content_background);box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*){display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]){border-bottom:var(--header-nav-item-link_border-bottom)}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item{display:none}}.ids-header-1177--fluid .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{max-width:100%!important}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a),:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.5px;min-height:56px;padding:14px 16px;position:relative;text-decoration:none}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:focus,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:hover,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:focus,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:hover{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:focus:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:hover:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:focus:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a):after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive).ids-header-1177__nav-item--active ::slotted(a):after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive).ids-header-1177__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown{background-color:var(--header-nav-item-content_background);box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*){display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]){border-bottom:var(--header-nav-item-link_border-bottom)}@media (max-width:1024px){:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive){display:none}}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a),:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.5px;min-height:56px;padding:14px 16px;position:relative;text-decoration:none}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:focus,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:hover,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:focus,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:hover{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:focus:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:hover:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:focus:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a):after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive.ids-header-1177__nav-item--active ::slotted(a):after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive.ids-header-1177__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown{background-color:var(--header-nav-item-content_background);box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a{display:flex;margin-bottom:10px}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*){display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]){border-bottom:var(--header-nav-item-link_border-bottom)}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--fluid .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{max-width:100%!important}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a),.ids-header-1177--unresponsive .ids-header-1177__nav-item>a,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.5px;min-height:56px;padding:14px 16px;position:relative;text-decoration:none}.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:focus,.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:hover,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:focus,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:hover{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:focus:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:hover:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:focus:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a):after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a:focus):after,.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a:hover):after,.ids-header-1177--unresponsive .ids-header-1177__nav-item.ids-header-1177__nav-item--active ::slotted(a):after,.ids-header-1177--unresponsive .ids-header-1177__nav-item.ids-header-1177__nav-item--active button:after{right:0;width:auto}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown{background-color:var(--header-nav-item-content_background);box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]){border-bottom:var(--header-nav-item-link_border-bottom);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.5px;min-height:56px;padding:14px 16px;position:relative;text-decoration:none}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:focus,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:hover,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:focus,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:hover{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:focus:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:hover:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:focus:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a):after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a:focus):after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a:hover):after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item.ids-header-1177__nav-item--active ::slotted(a):after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item.ids-header-1177__nav-item--active button:after{right:0;width:auto}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown{background-color:var(--header-nav-item-content_background);box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]){border-bottom:var(--header-nav-item-link_border-bottom);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item{display:none}}.ids-header-1177--fluid .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{max-width:100%!important}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a),:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.5px;min-height:56px;padding:14px 16px;position:relative;text-decoration:none}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:focus,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:hover,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:focus,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:hover{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:focus:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:hover:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:focus:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a):after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive).ids-header-1177__nav-item--active ::slotted(a):after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive).ids-header-1177__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown{background-color:var(--header-nav-item-content_background);box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]){border-bottom:var(--header-nav-item-link_border-bottom);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}@media (max-width:1024px){:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive){display:none}}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a),:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font-family:var(--font-family_2);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.5px;min-height:56px;padding:14px 16px;position:relative;text-decoration:none}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:focus,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:hover,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:focus,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:hover{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:focus:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:hover:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:focus:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a):after{background:var(--IDS-COLOR-PRIMARY-40);bottom:0;content:\"\";display:block;height:5px;left:0;margin-left:10px;margin-right:10px;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive.ids-header-1177__nav-item--active ::slotted(a):after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive.ids-header-1177__nav-item--active button:after{right:0;width:auto}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown{background-color:var(--header-nav-item-content_background);box-shadow:0 0 10px 0 rgba(0,0,0,.2);left:0;min-height:173px;padding:40px 0 50px;position:absolute;top:100%;width:100%;z-index:-1}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);padding:0 10px}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]){border-bottom:var(--header-nav-item-link_border-bottom);display:block;font-size:1rem;line-height:24px;margin-bottom:10px;margin-right:40px;padding-bottom:10px}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--fluid .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content{max-width:100%!important}";
4
4
 
5
5
  var header1177NavItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-nav-item-mobile-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177__nav-mobile__menu{background:none;border:none;border-right:none!important;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;font:inherit;font-size:.875rem;outline:inherit;padding:0}.ids-header-1177__nav-mobile__menu .ids-hamburger{cursor:pointer;position:relative;transition:.2s;user-select:none}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines{background:var(--IDS-COLOR-PRIMARY-35);border-radius:2px;display:block;height:3px;position:relative;transition:.2s;width:1.3125rem;width:1.25rem}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:after,.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:before{background:var(--IDS-COLOR-PRIMARY-35);border-radius:2px;content:\"\";display:inline-block;height:3px;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:.2s;width:1.3125rem;width:1.25rem}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:before{top:8px}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:after{top:-8px}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-5px;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:2rem}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-1177__nav-mobile__menu-items{box-shadow:var(--header-nav-mobile-menu-items_box-shadow);display:none;left:0;position:absolute;right:0;top:100%;z-index:10}@media (max-width:1024px){.ids-header-1177__nav-mobile__menu-items{display:block}}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item{align-items:center;border-right:1px solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:8px;height:48px;justify-content:center;position:relative}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item a,.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item:has(.ids-header-1177__nav-mobile__menu){border-right:none}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item{align-items:center;border-right:1px solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:8px;height:48px;justify-content:center;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item a,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item:has(.ids-header-1177__nav-mobile__menu){border-right:none}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item{display:flex}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive){align-items:center;border-right:1px solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:8px;height:48px;justify-content:center;position:relative}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive) a,:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive) button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive):has(.ids-header-1177__nav-mobile__menu){border-right:none}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive):focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}@media (max-width:1024px){:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive){display:flex}}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive) ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive{align-items:center;border-right:1px solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:8px;height:48px;justify-content:center;position:relative}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive a,:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive:has(.ids-header-1177__nav-mobile__menu){border-right:none}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive:focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive ::slotted(a){inset:0;opacity:0;position:absolute}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177__nav-mobile__menu{background:none;border:none;border-right:none!important;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;font:inherit;font-size:.875rem;outline:inherit;padding:0}.ids-header-1177__nav-mobile__menu .ids-hamburger{cursor:pointer;position:relative;transition:.2s;user-select:none}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines{background:var(--IDS-COLOR-PRIMARY-35);border-radius:2px;display:block;height:3px;position:relative;transition:.2s;width:1.3125rem;width:1.25rem}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:after,.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:before{background:var(--IDS-COLOR-PRIMARY-35);border-radius:2px;content:\"\";display:inline-block;height:3px;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:.2s;width:1.3125rem;width:1.25rem}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:before{top:8px}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:after{top:-8px}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger{-webkit-transform:scale3d(.8,.8,.8);transform:scale3d(.8,.8,.8)}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-5px;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:2rem}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-1177__nav-mobile__menu-items{background-color:#fff;box-shadow:var(--header-nav-mobile-menu-items_box-shadow);display:none;left:0;position:absolute;right:0;top:100%;z-index:10}@media (max-width:1024px){.ids-header-1177__nav-mobile__menu-items{display:block}}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item{align-items:center;border-right:1px solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:8px;height:48px;justify-content:center;position:relative}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item a,.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item:has(.ids-header-1177__nav-mobile__menu){border-right:none}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item{align-items:center;border-right:1px solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:8px;height:48px;justify-content:center;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item a,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item:has(.ids-header-1177__nav-mobile__menu){border-right:none}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item{display:flex}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive){align-items:center;border-right:1px solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:8px;height:48px;justify-content:center;position:relative}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive) a,:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive) button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive):has(.ids-header-1177__nav-mobile__menu){border-right:none}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive):focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}@media (max-width:1024px){:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive){display:flex}}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive) ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive{align-items:center;border-right:1px solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:8px;height:48px;justify-content:center;position:relative}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive a,:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive:has(.ids-header-1177__nav-mobile__menu){border-right:none}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive:focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-2px!important}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive ::slotted(a){inset:0;opacity:0;position:absolute}";
4
4
 
5
5
  var header1177NavItemMobileLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-nav-item-mobile.css CHANGED
@@ -102,6 +102,7 @@
102
102
  }
103
103
 
104
104
  .ids-header-1177__nav-mobile__menu-items {
105
+ background-color: white;
105
106
  display: none;
106
107
  position: absolute;
107
108
  left: 0px;
package/components/header-1177/header-1177-nav-item.css CHANGED
@@ -102,23 +102,18 @@
102
102
  margin-left: auto;
103
103
  margin-right: auto;
104
104
  }
105
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
106
- margin-bottom: 10px;
107
- display: flex;
108
- }
109
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
110
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
105
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
106
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
107
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
108
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
109
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
110
+ .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
111
111
  display: block;
112
112
  margin-bottom: 10px;
113
113
  margin-right: 40px;
114
114
  font-size: 1rem;
115
115
  line-height: 24px;
116
116
  padding-bottom: 10px;
117
- }
118
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
119
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
120
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
121
- .ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
122
117
  border-bottom: var(--header-nav-item-link_border-bottom);
123
118
  }
124
119
 
@@ -206,23 +201,18 @@
206
201
  margin-left: auto;
207
202
  margin-right: auto;
208
203
  }
209
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
210
- margin-bottom: 10px;
211
- display: flex;
212
- }
213
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
214
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
204
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
205
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
206
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
207
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
208
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
209
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
215
210
  display: block;
216
211
  margin-bottom: 10px;
217
212
  margin-right: 40px;
218
213
  font-size: 1rem;
219
214
  line-height: 24px;
220
215
  padding-bottom: 10px;
221
- }
222
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
223
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
224
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
225
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
226
216
  border-bottom: var(--header-nav-item-link_border-bottom);
227
217
  }
228
218
  @media (max-width: 1024px) {
@@ -319,23 +309,18 @@
319
309
  margin-left: auto;
320
310
  margin-right: auto;
321
311
  }
322
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
323
- margin-bottom: 10px;
324
- display: flex;
325
- }
326
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
327
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
312
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
313
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
314
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
315
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
316
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
317
+ :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
328
318
  display: block;
329
319
  margin-bottom: 10px;
330
320
  margin-right: 40px;
331
321
  font-size: 1rem;
332
322
  line-height: 24px;
333
323
  padding-bottom: 10px;
334
- }
335
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
336
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
337
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
338
- :host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
339
324
  border-bottom: var(--header-nav-item-link_border-bottom);
340
325
  }
341
326
  @media (max-width: 1024px) {
@@ -427,23 +412,18 @@
427
412
  margin-left: auto;
428
413
  margin-right: auto;
429
414
  }
430
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item a {
431
- margin-bottom: 10px;
432
- display: flex;
433
- }
434
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
435
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted(*) {
415
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-1 a,
416
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-2 a,
417
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-col-3 a,
418
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
419
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
420
+ :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
436
421
  display: block;
437
422
  margin-bottom: 10px;
438
423
  margin-right: 40px;
439
424
  font-size: 1rem;
440
425
  line-height: 24px;
441
426
  padding-bottom: 10px;
442
- }
443
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content .ids-header-1177__items__item-dropdown__content-item,
444
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-1]),
445
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-2]),
446
- :host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content ::slotted([slot=col-3]) {
447
427
  border-bottom: var(--header-nav-item-link_border-bottom);
448
428
  }
449
429
  :host .ids-header-1177__nav-item.ids-header-1177__nav-item--fluid .ids-header-1177__items__item-dropdown .ids-header-1177__items__item-dropdown__content {
package/components/header-1177/header-1177-nav-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177--unresponsive nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}.ids-header-1177--fluid .ids-header-1177__container .ids-header-1177__nav-inner{max-width:100%!important}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive){background-color:#fff;position:relative}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive{background-color:#fff;position:relative}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}:host nav.ids-header-1177__nav.ids-header-1177__nav--fluid .ids-header-1177__nav-inner{max-width:100%}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177--unresponsive nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav{background-color:#fff;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}.ids-header-1177--fluid .ids-header-1177__container .ids-header-1177__nav-inner{max-width:100%!important}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive){background-color:#fff;position:relative}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}@media (max-width:1024px){:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive{background-color:#fff;position:relative}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive .ids-header-1177__nav-inner{background-color:var(--header-nav_background-color);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS_MAX-WIDTH)}:host nav.ids-header-1177__nav.ids-header-1177__nav--fluid .ids-header-1177__nav-inner{max-width:100%}";
4
4
 
5
5
  var header1177NavLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-nav.css CHANGED
@@ -41,6 +41,7 @@
41
41
  }
42
42
  @media (max-width: 1024px) {
43
43
  .ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner {
44
+ box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
44
45
  background-color: var(--IDS-COLOR-PRIMARY-90);
45
46
  flex-wrap: wrap;
46
47
  flex: 1 1 auto;
@@ -68,6 +69,7 @@
68
69
  }
69
70
  @media (max-width: 1024px) {
70
71
  :host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner {
72
+ box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 0px;
71
73
  background-color: var(--IDS-COLOR-PRIMARY-90);
72
74
  flex-wrap: wrap;
73
75
  flex: 1 1 auto;