@inera/ids-design 7.0.1 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +7 -3
  3. package/components/alert/alert-lit.js +1 -1
  4. package/components/alert/alert.css +13 -1
  5. package/components/alert-global/alert-global-lit.js +1 -1
  6. package/components/alert-global/alert-global.css +4 -0
  7. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  8. package/components/breadcrumbs/breadcrumbs.css +2 -0
  9. package/components/carousel/carousel-lit.js +1 -1
  10. package/components/carousel/carousel.css +2 -0
  11. package/components/data-table/data-table-lit.js +1 -1
  12. package/components/data-table/data-table.css +4 -1
  13. package/components/dialog/dialog-lit.js +1 -1
  14. package/components/dialog/dialog.css +2 -0
  15. package/components/footer-1177/footer-1177-lit.js +1 -1
  16. package/components/footer-1177/footer-1177.css +2 -0
  17. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  18. package/components/footer-1177-admin/footer-1177-admin.css +2 -0
  19. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  20. package/components/footer-1177-pro/footer-1177-pro.css +2 -0
  21. package/components/form/error-message/error-message-lit.js +1 -1
  22. package/components/form/error-message/error-message.css +2 -0
  23. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  24. package/components/form/select-multiple/select-multiple.css +2 -0
  25. package/components/header-1177/composite-header-1177.css +62 -10
  26. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  27. package/components/header-1177/header-1177-avatar.css +50 -10
  28. package/components/header-1177/header-1177-item-lit.js +1 -1
  29. package/components/header-1177/header-1177-item.css +4 -0
  30. package/components/header-1177/header-1177-lit.js +1 -1
  31. package/components/header-1177/header-1177.css +8 -0
  32. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  33. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  34. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +2 -0
  35. package/components/header-1177-admin/header-1177-admin-avatar.css +16 -0
  36. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  37. package/components/header-1177-admin/header-1177-admin.css +4 -0
  38. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  39. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  40. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +6 -0
  41. package/components/header-1177-pro/header-1177-pro-avatar.css +16 -0
  42. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  43. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  44. package/components/header-1177-pro/header-1177-pro-region-picker.css +28 -0
  45. package/components/header-1177-pro/header-1177-pro.css +4 -0
  46. package/components/header-inera/header-inera-lit.js +1 -1
  47. package/components/header-inera/header-inera.css +2 -0
  48. package/components/header-inera-admin/composite-header-inera-admin.css +2 -0
  49. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  50. package/components/header-inera-admin/header-inera-admin-avatar.css +2 -0
  51. package/components/header-patient/header-patient-lit.js +1 -1
  52. package/components/header-patient/header-patient.css +2 -0
  53. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  54. package/components/mobile-menu/mobile-menu.css +14 -0
  55. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  56. package/components/pagination/data-pagination/data-pagination.css +6 -0
  57. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  58. package/components/pagination/list-pagination/list-pagination.css +4 -0
  59. package/components/popover/popover-content-lit.js +1 -1
  60. package/components/popover/popover-content.css +2 -0
  61. package/components/puff-list/puff-list-lit.js +1 -1
  62. package/components/puff-list/puff-list.css +2 -0
  63. package/components/side-menu/side-menu-lit.js +1 -1
  64. package/components/side-menu/side-menu.css +4 -0
  65. package/components/side-panel/side-panel-lit.js +1 -1
  66. package/components/side-panel/side-panel.css +2 -0
  67. package/components/stepper/stepper-lit.js +1 -1
  68. package/components/stepper/stepper.css +6 -0
  69. package/components/tabs/tabs-lit.js +1 -1
  70. package/components/tag/tag-lit.js +1 -1
  71. package/components/tag/tag.css +2 -0
  72. package/package.json +1 -1
  73. package/themes/1177/1177.css +30 -7
  74. package/themes/1177-pro/1177-pro.css +30 -7
  75. package/themes/inera/inera.css +30 -7
  76. package/themes/inera-admin/inera-admin.css +31 -8
package/components/form/select-multiple/select-multiple.css CHANGED
@@ -103,6 +103,8 @@
103
103
  display: block;
104
104
  position: absolute;
105
105
  pointer-events: none;
106
+ -webkit-font-smoothing: antialiased;
107
+ -moz-osx-font-smoothing: grayscale;
106
108
  content: "\e936";
107
109
  color: var(--IDS-ICON__COLOR);
108
110
  width: 1rem;
package/components/header-1177/composite-header-1177.css CHANGED
@@ -131,6 +131,8 @@ header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__con
131
131
  display: block;
132
132
  position: absolute;
133
133
  pointer-events: none;
134
+ -webkit-font-smoothing: antialiased;
135
+ -moz-osx-font-smoothing: grayscale;
134
136
  content: "\e91e";
135
137
  color: var(--IDS-COLOR-NEUTRAL-100);
136
138
  font-size: 6.625rem;
@@ -402,6 +404,8 @@ header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__con
402
404
  display: block;
403
405
  position: absolute;
404
406
  pointer-events: none;
407
+ -webkit-font-smoothing: antialiased;
408
+ -moz-osx-font-smoothing: grayscale;
405
409
  content: "\e936";
406
410
  color: var(--IDS-HEADER__REGION-PICKER-ICON);
407
411
  right: 0.125rem;
@@ -552,6 +556,8 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container
552
556
  display: block;
553
557
  position: absolute;
554
558
  pointer-events: none;
559
+ -webkit-font-smoothing: antialiased;
560
+ -moz-osx-font-smoothing: grayscale;
555
561
  content: "\e91e";
556
562
  color: var(--IDS-COLOR-NEUTRAL-100);
557
563
  font-size: 6.625rem;
@@ -689,6 +695,8 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container
689
695
  display: block;
690
696
  position: absolute;
691
697
  pointer-events: none;
698
+ -webkit-font-smoothing: antialiased;
699
+ -moz-osx-font-smoothing: grayscale;
692
700
  content: "\e936";
693
701
  color: var(--IDS-HEADER__REGION-PICKER-ICON);
694
702
  right: 0.125rem;
@@ -749,6 +757,7 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
749
757
  display: flex;
750
758
  flex-direction: column;
751
759
  align-items: center;
760
+ justify-content: center;
752
761
  margin-left: 1rem;
753
762
  padding: 0.25rem;
754
763
  text-decoration: none;
@@ -792,6 +801,7 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
792
801
  display: flex;
793
802
  flex-direction: column;
794
803
  align-items: center;
804
+ justify-content: center;
795
805
  margin-left: 1rem;
796
806
  padding: 0.25rem;
797
807
  text-decoration: none;
@@ -864,6 +874,7 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
864
874
  display: flex;
865
875
  flex-direction: column;
866
876
  align-items: center;
877
+ justify-content: center;
867
878
  margin-left: 1rem;
868
879
  padding: 0.25rem;
869
880
  text-decoration: none;
@@ -935,6 +946,7 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
935
946
  display: flex;
936
947
  flex-direction: column;
937
948
  align-items: center;
949
+ justify-content: center;
938
950
  margin-left: 1rem;
939
951
  padding: 0.25rem;
940
952
  text-decoration: none;
@@ -1005,6 +1017,8 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1005
1017
  display: block;
1006
1018
  position: absolute;
1007
1019
  pointer-events: none;
1020
+ -webkit-font-smoothing: antialiased;
1021
+ -moz-osx-font-smoothing: grayscale;
1008
1022
  content: "\e923";
1009
1023
  font-size: 1.75rem;
1010
1024
  color: var(--IDS-COLOR-PRIMARY-40);
@@ -1018,6 +1032,8 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1018
1032
  display: block;
1019
1033
  position: absolute;
1020
1034
  pointer-events: none;
1035
+ -webkit-font-smoothing: antialiased;
1036
+ -moz-osx-font-smoothing: grayscale;
1021
1037
  content: "\e936";
1022
1038
  font-size: 1rem;
1023
1039
  padding: 0.25rem;
@@ -1032,7 +1048,7 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1032
1048
  }
1033
1049
  .ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name {
1034
1050
  text-align: start;
1035
- padding: 0 2rem;
1051
+ padding: 0 1.5rem 0 2rem;
1036
1052
  font-size: 1rem;
1037
1053
  line-height: 1.5rem;
1038
1054
  white-space: nowrap;
@@ -1082,7 +1098,13 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1082
1098
  .ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links {
1083
1099
  display: flex;
1084
1100
  flex-direction: column;
1085
- gap: 1.5rem;
1101
+ gap: 1rem;
1102
+ }
1103
+ .ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator),
1104
+ .ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator {
1105
+ height: 0.0625rem;
1106
+ width: 100%;
1107
+ background-color: var(--IDS-COLOR-NEUTRAL-90);
1086
1108
  }
1087
1109
 
1088
1110
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar {
@@ -1116,6 +1138,8 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1116
1138
  display: block;
1117
1139
  position: absolute;
1118
1140
  pointer-events: none;
1141
+ -webkit-font-smoothing: antialiased;
1142
+ -moz-osx-font-smoothing: grayscale;
1119
1143
  content: "\e923";
1120
1144
  font-size: 1.75rem;
1121
1145
  color: var(--IDS-COLOR-PRIMARY-40);
@@ -1129,6 +1153,8 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1129
1153
  display: block;
1130
1154
  position: absolute;
1131
1155
  pointer-events: none;
1156
+ -webkit-font-smoothing: antialiased;
1157
+ -moz-osx-font-smoothing: grayscale;
1132
1158
  content: "\e936";
1133
1159
  font-size: 1rem;
1134
1160
  padding: 0.25rem;
@@ -1176,7 +1202,7 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1176
1202
  }
1177
1203
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name {
1178
1204
  text-align: start;
1179
- padding: 0 2rem;
1205
+ padding: 0 1.5rem 0 2rem;
1180
1206
  font-size: 1rem;
1181
1207
  line-height: 1.5rem;
1182
1208
  white-space: nowrap;
@@ -1237,14 +1263,20 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1237
1263
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links {
1238
1264
  display: flex;
1239
1265
  flex-direction: column;
1240
- gap: 1.5rem;
1266
+ gap: 1rem;
1267
+ }
1268
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator),
1269
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator {
1270
+ height: 0.0625rem;
1271
+ width: 100%;
1272
+ background-color: var(--IDS-COLOR-NEUTRAL-90);
1241
1273
  }
1242
1274
  @media (max-width: 1024px) {
1243
1275
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown {
1244
1276
  border-top-left-radius: 0;
1245
1277
  border-top-right-radius: 0;
1246
1278
  width: 100%;
1247
- /* max-width: 30rem; */
1279
+ max-width: 30rem;
1248
1280
  top: calc(100% + 0.0625rem);
1249
1281
  right: 0;
1250
1282
  }
@@ -1281,6 +1313,8 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1281
1313
  display: block;
1282
1314
  position: absolute;
1283
1315
  pointer-events: none;
1316
+ -webkit-font-smoothing: antialiased;
1317
+ -moz-osx-font-smoothing: grayscale;
1284
1318
  content: "\e923";
1285
1319
  font-size: 1.75rem;
1286
1320
  color: var(--IDS-COLOR-PRIMARY-40);
@@ -1294,6 +1328,8 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1294
1328
  display: block;
1295
1329
  position: absolute;
1296
1330
  pointer-events: none;
1331
+ -webkit-font-smoothing: antialiased;
1332
+ -moz-osx-font-smoothing: grayscale;
1297
1333
  content: "\e936";
1298
1334
  font-size: 1rem;
1299
1335
  padding: 0.25rem;
@@ -1341,7 +1377,7 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1341
1377
  }
1342
1378
  :host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name {
1343
1379
  text-align: start;
1344
- padding: 0 2rem;
1380
+ padding: 0 1.5rem 0 2rem;
1345
1381
  font-size: 1rem;
1346
1382
  line-height: 1.5rem;
1347
1383
  white-space: nowrap;
@@ -1402,14 +1438,20 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1402
1438
  :host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links {
1403
1439
  display: flex;
1404
1440
  flex-direction: column;
1405
- gap: 1.5rem;
1441
+ gap: 1rem;
1442
+ }
1443
+ :host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator),
1444
+ :host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator {
1445
+ height: 0.0625rem;
1446
+ width: 100%;
1447
+ background-color: var(--IDS-COLOR-NEUTRAL-90);
1406
1448
  }
1407
1449
  @media (max-width: 1024px) {
1408
1450
  :host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown {
1409
1451
  border-top-left-radius: 0;
1410
1452
  border-top-right-radius: 0;
1411
1453
  width: 100%;
1412
- /* max-width: 30rem; */
1454
+ max-width: 30rem;
1413
1455
  top: calc(100% + 0.0625rem);
1414
1456
  right: 0;
1415
1457
  }
@@ -1445,6 +1487,8 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1445
1487
  display: block;
1446
1488
  position: absolute;
1447
1489
  pointer-events: none;
1490
+ -webkit-font-smoothing: antialiased;
1491
+ -moz-osx-font-smoothing: grayscale;
1448
1492
  content: "\e923";
1449
1493
  font-size: 1.75rem;
1450
1494
  color: var(--IDS-COLOR-PRIMARY-40);
@@ -1458,6 +1502,8 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1458
1502
  display: block;
1459
1503
  position: absolute;
1460
1504
  pointer-events: none;
1505
+ -webkit-font-smoothing: antialiased;
1506
+ -moz-osx-font-smoothing: grayscale;
1461
1507
  content: "\e936";
1462
1508
  font-size: 1rem;
1463
1509
  padding: 0.25rem;
@@ -1472,7 +1518,7 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1472
1518
  }
1473
1519
  :host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name {
1474
1520
  text-align: start;
1475
- padding: 0 2rem;
1521
+ padding: 0 1.5rem 0 2rem;
1476
1522
  font-size: 1rem;
1477
1523
  line-height: 1.5rem;
1478
1524
  white-space: nowrap;
@@ -1522,7 +1568,13 @@ header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-h
1522
1568
  :host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links {
1523
1569
  display: flex;
1524
1570
  flex-direction: column;
1525
- gap: 1.5rem;
1571
+ gap: 1rem;
1572
+ }
1573
+ :host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator),
1574
+ :host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator {
1575
+ height: 0.0625rem;
1576
+ width: 100%;
1577
+ background-color: var(--IDS-COLOR-NEUTRAL-90);
1526
1578
  }
1527
1579
 
1528
1580
  .ids-header-1177--unresponsive nav.ids-header-1177__nav {
package/components/header-1177/header-1177-avatar-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-avatar{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-COLOR-NEUTRAL-90);border-radius:2rem;cursor:pointer;display:flex;gap:1rem;justify-content:center;max-width:22rem;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button:before{color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button:after{background-color:var(--IDS-COLOR-NEUTRAL-100);color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown-wrapper{position:relative}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:.625rem;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown.ids-header-1177-avatar__dropdown--expanded{display:block}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent ::slotted(p),.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent p{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-top:.75rem!important}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-separator{background-color:var(--IDS-COLOR-NEUTRAL-50);height:.0625rem;margin:1.5rem 0;width:100%}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-COLOR-NEUTRAL-90);border-radius:2rem;cursor:pointer;display:flex;gap:1rem;justify-content:center;max-width:22rem;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button:before{color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button:after{background-color:var(--IDS-COLOR-NEUTRAL-100);color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button{border:.0625rem solid transparent;gap:.5rem;justify-content:flex-start;margin-left:.75rem;margin-right:0;max-width:18rem;padding:.375rem .5rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button:before{font-size:1.25rem;left:.75rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button:after{right:.5rem}}@media (max-width:640px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button{max-width:14rem}}@media (max-width:480px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button{max-width:12rem}}@media (max-width:360px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button{max-width:9rem}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{font-size:.875rem;line-height:1.25rem}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown-wrapper{position:relative}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown-wrapper{position:static}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:.625rem;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown.ids-header-1177-avatar__dropdown--expanded{display:block}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent ::slotted(p),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent p{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-top:.75rem!important}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-separator{background-color:var(--IDS-COLOR-NEUTRAL-50);height:.0625rem;margin:1.5rem 0;width:100%}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown{border-top-left-radius:0;border-top-right-radius:0;right:0;top:calc(100% + .0625rem);width:100%}}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive){align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-COLOR-NEUTRAL-90);border-radius:2rem;cursor:pointer;display:flex;gap:1rem;justify-content:center;max-width:22rem;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:before{color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:after{background-color:var(--IDS-COLOR-NEUTRAL-100);color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}@media (max-width:1024px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{border:.0625rem solid transparent;gap:.5rem;justify-content:flex-start;margin-left:.75rem;margin-right:0;max-width:18rem;padding:.375rem .5rem}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:before{font-size:1.25rem;left:.75rem}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:after{right:.5rem}}@media (max-width:640px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{max-width:14rem}}@media (max-width:480px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{max-width:12rem}}@media (max-width:360px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{max-width:9rem}}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{font-size:.875rem;line-height:1.25rem}}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown-wrapper{position:relative}@media (max-width:1024px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown-wrapper{position:static}}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:.625rem;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown.ids-header-1177-avatar__dropdown--expanded{display:block}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent ::slotted(p),:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent p{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-top:.75rem!important}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-separator{background-color:var(--IDS-COLOR-NEUTRAL-50);height:.0625rem;margin:1.5rem 0;width:100%}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:1024px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown{border-top-left-radius:0;border-top-right-radius:0;right:0;top:calc(100% + .0625rem);width:100%}}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-COLOR-NEUTRAL-90);border-radius:2rem;cursor:pointer;display:flex;gap:1rem;justify-content:center;max-width:22rem;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:before{color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:after{background-color:var(--IDS-COLOR-NEUTRAL-100);color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown-wrapper{position:relative}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:.625rem;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown.ids-header-1177-avatar__dropdown--expanded{display:block}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent ::slotted(p),:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent p{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-top:.75rem!important}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-separator{background-color:var(--IDS-COLOR-NEUTRAL-50);height:.0625rem;margin:1.5rem 0;width:100%}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}";
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-avatar{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-COLOR-NEUTRAL-90);border-radius:2rem;cursor:pointer;display:flex;gap:1rem;justify-content:center;max-width:22rem;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-COLOR-NEUTRAL-100);color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 1.5rem 0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown-wrapper{position:relative}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:.625rem;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown.ids-header-1177-avatar__dropdown--expanded{display:block}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent ::slotted(p),.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent p{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-top:.75rem!important}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-separator{background-color:var(--IDS-COLOR-NEUTRAL-50);height:.0625rem;margin:1.5rem 0;width:100%}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator,.ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator){background-color:var(--IDS-COLOR-NEUTRAL-90);height:.0625rem;width:100%}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-COLOR-NEUTRAL-90);border-radius:2rem;cursor:pointer;display:flex;gap:1rem;justify-content:center;max-width:22rem;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-COLOR-NEUTRAL-100);color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button{border:.0625rem solid transparent;gap:.5rem;justify-content:flex-start;margin-left:.75rem;margin-right:0;max-width:18rem;padding:.375rem .5rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button:before{font-size:1.25rem;left:.75rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button:after{right:.5rem}}@media (max-width:640px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button{max-width:14rem}}@media (max-width:480px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button{max-width:12rem}}@media (max-width:360px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button{max-width:9rem}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 1.5rem 0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{font-size:.875rem;line-height:1.25rem}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown-wrapper{position:relative}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown-wrapper{position:static}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:.625rem;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown.ids-header-1177-avatar__dropdown--expanded{display:block}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent ::slotted(p),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent p{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-top:.75rem!important}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-separator{background-color:var(--IDS-COLOR-NEUTRAL-50);height:.0625rem;margin:1.5rem 0;width:100%}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator){background-color:var(--IDS-COLOR-NEUTRAL-90);height:.0625rem;width:100%}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown{border-top-left-radius:0;border-top-right-radius:0;max-width:30rem;right:0;top:calc(100% + .0625rem);width:100%}}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive){align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-COLOR-NEUTRAL-90);border-radius:2rem;cursor:pointer;display:flex;gap:1rem;justify-content:center;max-width:22rem;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-COLOR-NEUTRAL-100);color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}@media (max-width:1024px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{border:.0625rem solid transparent;gap:.5rem;justify-content:flex-start;margin-left:.75rem;margin-right:0;max-width:18rem;padding:.375rem .5rem}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:before{font-size:1.25rem;left:.75rem}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button:after{right:.5rem}}@media (max-width:640px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{max-width:14rem}}@media (max-width:480px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{max-width:12rem}}@media (max-width:360px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button{max-width:9rem}}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 1.5rem 0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{font-size:.875rem;line-height:1.25rem}}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown-wrapper{position:relative}@media (max-width:1024px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown-wrapper{position:static}}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:.625rem;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown.ids-header-1177-avatar__dropdown--expanded{display:block}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent ::slotted(p),:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent p{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-top:.75rem!important}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-separator{background-color:var(--IDS-COLOR-NEUTRAL-50);height:.0625rem;margin:1.5rem 0;width:100%}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator,:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator){background-color:var(--IDS-COLOR-NEUTRAL-90);height:.0625rem;width:100%}@media (max-width:1024px){:host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown{border-top-left-radius:0;border-top-right-radius:0;max-width:30rem;right:0;top:calc(100% + .0625rem);width:100%}}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-COLOR-NEUTRAL-90);border-radius:2rem;cursor:pointer;display:flex;gap:1rem;justify-content:center;max-width:22rem;min-width:8.5rem;overflow:hidden;padding:.75rem 1.25rem .75rem 1.75rem;position:relative}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-COLOR-NEUTRAL-100);color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button.ids-header-1177-avatar__button--expanded:after{content:\"\\e939\"}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;line-height:1.5rem;overflow:hidden;padding:0 1.5rem 0 2rem;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown-wrapper{position:relative}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:.625rem;box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown.ids-header-1177-avatar__dropdown--expanded{display:block}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent ::slotted(p),:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__agent p{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-top:.75rem!important}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-separator{background-color:var(--IDS-COLOR-NEUTRAL-50);height:.0625rem;margin:1.5rem 0;width:100%}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator,:host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator){background-color:var(--IDS-COLOR-NEUTRAL-90);height:.0625rem;width:100%}";
4
4
 
5
5
  var header1177AvatarLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-avatar.css CHANGED
@@ -56,6 +56,8 @@
56
56
  display: block;
57
57
  position: absolute;
58
58
  pointer-events: none;
59
+ -webkit-font-smoothing: antialiased;
60
+ -moz-osx-font-smoothing: grayscale;
59
61
  content: "\e923";
60
62
  font-size: 1.75rem;
61
63
  color: var(--IDS-COLOR-PRIMARY-40);
@@ -69,6 +71,8 @@
69
71
  display: block;
70
72
  position: absolute;
71
73
  pointer-events: none;
74
+ -webkit-font-smoothing: antialiased;
75
+ -moz-osx-font-smoothing: grayscale;
72
76
  content: "\e936";
73
77
  font-size: 1rem;
74
78
  padding: 0.25rem;
@@ -83,7 +87,7 @@
83
87
  }
84
88
  .ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name {
85
89
  text-align: start;
86
- padding: 0 2rem;
90
+ padding: 0 1.5rem 0 2rem;
87
91
  font-size: 1rem;
88
92
  line-height: 1.5rem;
89
93
  white-space: nowrap;
@@ -133,7 +137,13 @@
133
137
  .ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links {
134
138
  display: flex;
135
139
  flex-direction: column;
136
- gap: 1.5rem;
140
+ gap: 1rem;
141
+ }
142
+ .ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator),
143
+ .ids-header-1177--unresponsive .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator {
144
+ height: 0.0625rem;
145
+ width: 100%;
146
+ background-color: var(--IDS-COLOR-NEUTRAL-90);
137
147
  }
138
148
 
139
149
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar {
@@ -167,6 +177,8 @@
167
177
  display: block;
168
178
  position: absolute;
169
179
  pointer-events: none;
180
+ -webkit-font-smoothing: antialiased;
181
+ -moz-osx-font-smoothing: grayscale;
170
182
  content: "\e923";
171
183
  font-size: 1.75rem;
172
184
  color: var(--IDS-COLOR-PRIMARY-40);
@@ -180,6 +192,8 @@
180
192
  display: block;
181
193
  position: absolute;
182
194
  pointer-events: none;
195
+ -webkit-font-smoothing: antialiased;
196
+ -moz-osx-font-smoothing: grayscale;
183
197
  content: "\e936";
184
198
  font-size: 1rem;
185
199
  padding: 0.25rem;
@@ -227,7 +241,7 @@
227
241
  }
228
242
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name {
229
243
  text-align: start;
230
- padding: 0 2rem;
244
+ padding: 0 1.5rem 0 2rem;
231
245
  font-size: 1rem;
232
246
  line-height: 1.5rem;
233
247
  white-space: nowrap;
@@ -288,14 +302,20 @@
288
302
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links {
289
303
  display: flex;
290
304
  flex-direction: column;
291
- gap: 1.5rem;
305
+ gap: 1rem;
306
+ }
307
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator),
308
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator {
309
+ height: 0.0625rem;
310
+ width: 100%;
311
+ background-color: var(--IDS-COLOR-NEUTRAL-90);
292
312
  }
293
313
  @media (max-width: 1024px) {
294
314
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-avatar .ids-header-1177-avatar__dropdown {
295
315
  border-top-left-radius: 0;
296
316
  border-top-right-radius: 0;
297
317
  width: 100%;
298
- /* max-width: 30rem; */
318
+ max-width: 30rem;
299
319
  top: calc(100% + 0.0625rem);
300
320
  right: 0;
301
321
  }
@@ -332,6 +352,8 @@
332
352
  display: block;
333
353
  position: absolute;
334
354
  pointer-events: none;
355
+ -webkit-font-smoothing: antialiased;
356
+ -moz-osx-font-smoothing: grayscale;
335
357
  content: "\e923";
336
358
  font-size: 1.75rem;
337
359
  color: var(--IDS-COLOR-PRIMARY-40);
@@ -345,6 +367,8 @@
345
367
  display: block;
346
368
  position: absolute;
347
369
  pointer-events: none;
370
+ -webkit-font-smoothing: antialiased;
371
+ -moz-osx-font-smoothing: grayscale;
348
372
  content: "\e936";
349
373
  font-size: 1rem;
350
374
  padding: 0.25rem;
@@ -392,7 +416,7 @@
392
416
  }
393
417
  :host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name {
394
418
  text-align: start;
395
- padding: 0 2rem;
419
+ padding: 0 1.5rem 0 2rem;
396
420
  font-size: 1rem;
397
421
  line-height: 1.5rem;
398
422
  white-space: nowrap;
@@ -453,14 +477,20 @@
453
477
  :host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links {
454
478
  display: flex;
455
479
  flex-direction: column;
456
- gap: 1.5rem;
480
+ gap: 1rem;
481
+ }
482
+ :host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator),
483
+ :host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator {
484
+ height: 0.0625rem;
485
+ width: 100%;
486
+ background-color: var(--IDS-COLOR-NEUTRAL-90);
457
487
  }
458
488
  @media (max-width: 1024px) {
459
489
  :host .ids-header-1177-avatar:not(.ids-header-1177-avatar--unresponsive) .ids-header-1177-avatar__dropdown {
460
490
  border-top-left-radius: 0;
461
491
  border-top-right-radius: 0;
462
492
  width: 100%;
463
- /* max-width: 30rem; */
493
+ max-width: 30rem;
464
494
  top: calc(100% + 0.0625rem);
465
495
  right: 0;
466
496
  }
@@ -496,6 +526,8 @@
496
526
  display: block;
497
527
  position: absolute;
498
528
  pointer-events: none;
529
+ -webkit-font-smoothing: antialiased;
530
+ -moz-osx-font-smoothing: grayscale;
499
531
  content: "\e923";
500
532
  font-size: 1.75rem;
501
533
  color: var(--IDS-COLOR-PRIMARY-40);
@@ -509,6 +541,8 @@
509
541
  display: block;
510
542
  position: absolute;
511
543
  pointer-events: none;
544
+ -webkit-font-smoothing: antialiased;
545
+ -moz-osx-font-smoothing: grayscale;
512
546
  content: "\e936";
513
547
  font-size: 1rem;
514
548
  padding: 0.25rem;
@@ -523,7 +557,7 @@
523
557
  }
524
558
  :host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__button .ids-header-1177-avatar-content__name {
525
559
  text-align: start;
526
- padding: 0 2rem;
560
+ padding: 0 1.5rem 0 2rem;
527
561
  font-size: 1rem;
528
562
  line-height: 1.5rem;
529
563
  white-space: nowrap;
@@ -573,5 +607,11 @@
573
607
  :host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links {
574
608
  display: flex;
575
609
  flex-direction: column;
576
- gap: 1.5rem;
610
+ gap: 1rem;
611
+ }
612
+ :host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links ::slotted(.ids-header-1177-avatar__menu-links-separator),
613
+ :host .ids-header-1177-avatar.ids-header-1177-avatar--unresponsive .ids-header-1177-avatar__dropdown .ids-header-1177-avatar__menu-links .ids-header-1177-avatar__menu-links-separator {
614
+ height: 0.0625rem;
615
+ width: 100%;
616
+ background-color: var(--IDS-COLOR-NEUTRAL-90);
577
617
  }
package/components/header-1177/header-1177-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__items__item{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;margin-left:1rem;min-height:2rem;padding:.25rem;position:relative;text-decoration:none}.ids-header-1177--unresponsive .ids-header-1177__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-PRIMARY-40);font-size:1.5rem}.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;margin-top:.5rem;text-align:center}.ids-header-1177--unresponsive .ids-header-1177__items__item:hover{color:var(--IDS-COLOR-PRIMARY-35)}.ids-header-1177--unresponsive .ids-header-1177__items__item:hover .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]):before,.ids-header-1177--unresponsive .ids-header-1177__items__item:hover .ids-header-1177__items__item-icon [class^=ids-icon-]:before{color:var(--IDS-COLOR-PRIMARY-35)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;margin-left:1rem;min-height:2rem;padding:.25rem;position:relative;text-decoration:none}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item{margin-left:.5rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:not(.ids-header-1177__items__item--mobile){display:none;outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.25rem!important}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-PRIMARY-40);font-size:1.5rem}@media (min-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon{margin-left:0;margin-right:0;max-height:2rem;max-width:2rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon [class^=ids-icon-]{font-size:2rem}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;margin-top:.5rem;text-align:center}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-text{display:none}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:hover{color:var(--IDS-COLOR-PRIMARY-35)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:hover .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]):before,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:hover .ids-header-1177__items__item-icon [class^=ids-icon-]:before{color:var(--IDS-COLOR-PRIMARY-35)}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive){align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;margin-left:1rem;min-height:2rem;padding:.25rem;position:relative;text-decoration:none}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive){margin-left:.5rem}}@media (max-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):not(.ids-header-1177__items__item--mobile){display:none;outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.25rem!important}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-PRIMARY-40);font-size:1.5rem}@media (min-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon{margin-left:0;margin-right:0;max-height:2rem;max-width:2rem}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon [class^=ids-icon-]{font-size:2rem}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;margin-top:.5rem;text-align:center}@media (max-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-text{display:none}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):hover{color:var(--IDS-COLOR-PRIMARY-35)}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):hover .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]):before,:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):hover .ids-header-1177__items__item-icon [class^=ids-icon-]:before{color:var(--IDS-COLOR-PRIMARY-35)}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;margin-left:1rem;min-height:2rem;padding:.25rem;position:relative;text-decoration:none}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-PRIMARY-40);font-size:1.5rem}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;margin-top:.5rem;text-align:center}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive:hover{color:var(--IDS-COLOR-PRIMARY-35)}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive:hover .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]):before,:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive:hover .ids-header-1177__items__item-icon [class^=ids-icon-]:before{color:var(--IDS-COLOR-PRIMARY-35)}";
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__items__item{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:1rem;min-height:2rem;padding:.25rem;position:relative;text-decoration:none}.ids-header-1177--unresponsive .ids-header-1177__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-PRIMARY-40);font-size:1.5rem}.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;margin-top:.5rem;text-align:center}.ids-header-1177--unresponsive .ids-header-1177__items__item:hover{color:var(--IDS-COLOR-PRIMARY-35)}.ids-header-1177--unresponsive .ids-header-1177__items__item:hover .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]):before,.ids-header-1177--unresponsive .ids-header-1177__items__item:hover .ids-header-1177__items__item-icon [class^=ids-icon-]:before{color:var(--IDS-COLOR-PRIMARY-35)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:1rem;min-height:2rem;padding:.25rem;position:relative;text-decoration:none}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item{margin-left:.5rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:not(.ids-header-1177__items__item--mobile){display:none;outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.25rem!important}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-PRIMARY-40);font-size:1.5rem}@media (min-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon{margin-left:0;margin-right:0;max-height:2rem;max-width:2rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon [class^=ids-icon-]{font-size:2rem}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;margin-top:.5rem;text-align:center}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-text{display:none}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:hover{color:var(--IDS-COLOR-PRIMARY-35)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:hover .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]):before,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:hover .ids-header-1177__items__item-icon [class^=ids-icon-]:before{color:var(--IDS-COLOR-PRIMARY-35)}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive){align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:1rem;min-height:2rem;padding:.25rem;position:relative;text-decoration:none}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive){margin-left:.5rem}}@media (max-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):not(.ids-header-1177__items__item--mobile){display:none;outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.25rem!important}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-PRIMARY-40);font-size:1.5rem}@media (min-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon{margin-left:0;margin-right:0;max-height:2rem;max-width:2rem}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon [class^=ids-icon-]{font-size:2rem}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;margin-top:.5rem;text-align:center}@media (max-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-text{display:none}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):hover{color:var(--IDS-COLOR-PRIMARY-35)}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):hover .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]):before,:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):hover .ids-header-1177__items__item-icon [class^=ids-icon-]:before{color:var(--IDS-COLOR-PRIMARY-35)}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:1rem;min-height:2rem;padding:.25rem;position:relative;text-decoration:none}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-PRIMARY-40);font-size:1.5rem}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;margin-top:.5rem;text-align:center}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive:hover{color:var(--IDS-COLOR-PRIMARY-35)}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive:hover .ids-header-1177__items__item-icon ::slotted([class^=ids-icon-]):before,:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive:hover .ids-header-1177__items__item-icon [class^=ids-icon-]:before{color:var(--IDS-COLOR-PRIMARY-35)}";
4
4
 
5
5
  var header1177ItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-item.css CHANGED
@@ -29,6 +29,7 @@
29
29
  display: flex;
30
30
  flex-direction: column;
31
31
  align-items: center;
32
+ justify-content: center;
32
33
  margin-left: 1rem;
33
34
  padding: 0.25rem;
34
35
  text-decoration: none;
@@ -72,6 +73,7 @@
72
73
  display: flex;
73
74
  flex-direction: column;
74
75
  align-items: center;
76
+ justify-content: center;
75
77
  margin-left: 1rem;
76
78
  padding: 0.25rem;
77
79
  text-decoration: none;
@@ -144,6 +146,7 @@
144
146
  display: flex;
145
147
  flex-direction: column;
146
148
  align-items: center;
149
+ justify-content: center;
147
150
  margin-left: 1rem;
148
151
  padding: 0.25rem;
149
152
  text-decoration: none;
@@ -215,6 +218,7 @@
215
218
  display: flex;
216
219
  flex-direction: column;
217
220
  align-items: center;
221
+ justify-content: center;
218
222
  margin-left: 1rem;
219
223
  padding: 0.25rem;
220
224
  text-decoration: none;