@inera/ids-design 7.0.0 → 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 (82) 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/badge/badge-lit.js +1 -1
  8. package/components/badge/badge.css +3 -0
  9. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  10. package/components/breadcrumbs/breadcrumbs.css +2 -0
  11. package/components/carousel/carousel-lit.js +1 -1
  12. package/components/carousel/carousel.css +2 -0
  13. package/components/data-table/data-table-lit.js +1 -1
  14. package/components/data-table/data-table.css +4 -1
  15. package/components/dialog/dialog-lit.js +1 -1
  16. package/components/dialog/dialog.css +2 -0
  17. package/components/dropdown/dropdown-lit.js +1 -1
  18. package/components/dropdown/dropdown.css +11 -24
  19. package/components/footer-1177/footer-1177-lit.js +1 -1
  20. package/components/footer-1177/footer-1177.css +2 -0
  21. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  22. package/components/footer-1177-admin/footer-1177-admin.css +2 -0
  23. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  24. package/components/footer-1177-pro/footer-1177-pro.css +2 -0
  25. package/components/form/error-message/error-message-lit.js +1 -1
  26. package/components/form/error-message/error-message.css +2 -0
  27. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  28. package/components/form/select-multiple/select-multiple.css +2 -0
  29. package/components/header-1177/composite-header-1177.css +62 -10
  30. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  31. package/components/header-1177/header-1177-avatar.css +50 -10
  32. package/components/header-1177/header-1177-item-lit.js +1 -1
  33. package/components/header-1177/header-1177-item.css +4 -0
  34. package/components/header-1177/header-1177-lit.js +1 -1
  35. package/components/header-1177/header-1177.css +8 -0
  36. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  37. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  38. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +2 -0
  39. package/components/header-1177-admin/header-1177-admin-avatar.css +16 -0
  40. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  41. package/components/header-1177-admin/header-1177-admin.css +4 -0
  42. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  43. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  44. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +6 -0
  45. package/components/header-1177-pro/header-1177-pro-avatar.css +16 -0
  46. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  47. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  48. package/components/header-1177-pro/header-1177-pro-region-picker.css +28 -0
  49. package/components/header-1177-pro/header-1177-pro.css +4 -0
  50. package/components/header-inera/header-inera-lit.js +1 -1
  51. package/components/header-inera/header-inera.css +2 -0
  52. package/components/header-inera-admin/composite-header-inera-admin.css +2 -0
  53. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  54. package/components/header-inera-admin/header-inera-admin-avatar.css +2 -0
  55. package/components/header-patient/header-patient-lit.js +1 -1
  56. package/components/header-patient/header-patient.css +2 -0
  57. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  58. package/components/mobile-menu/mobile-menu.css +14 -0
  59. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  60. package/components/pagination/data-pagination/data-pagination.css +6 -0
  61. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  62. package/components/pagination/list-pagination/list-pagination.css +4 -0
  63. package/components/popover/popover-content-lit.js +1 -1
  64. package/components/popover/popover-content.css +2 -0
  65. package/components/puff-list/puff-list-lit.js +1 -1
  66. package/components/puff-list/puff-list.css +2 -0
  67. package/components/region-icon/region-icon-lit.js +1 -1
  68. package/components/region-icon/region-icon.css +42 -0
  69. package/components/side-menu/side-menu-lit.js +1 -1
  70. package/components/side-menu/side-menu.css +4 -0
  71. package/components/side-panel/side-panel-lit.js +1 -1
  72. package/components/side-panel/side-panel.css +2 -0
  73. package/components/stepper/stepper-lit.js +1 -1
  74. package/components/stepper/stepper.css +6 -0
  75. package/components/tabs/tabs-lit.js +1 -1
  76. package/components/tag/tag-lit.js +1 -1
  77. package/components/tag/tag.css +2 -0
  78. package/package.json +1 -1
  79. package/themes/1177/1177.css +30 -9
  80. package/themes/1177-pro/1177-pro.css +30 -9
  81. package/themes/inera/inera.css +30 -9
  82. package/themes/inera-admin/inera-admin.css +31 -10
package/components/footer-1177-admin/footer-1177-admin.css CHANGED
@@ -284,6 +284,8 @@
284
284
  display: block;
285
285
  position: absolute;
286
286
  pointer-events: none;
287
+ -webkit-font-smoothing: antialiased;
288
+ -moz-osx-font-smoothing: grayscale;
287
289
  content: "\e91e";
288
290
  color: var(--IDS-ICON__COLOR);
289
291
  font-size: 46px;
package/components/footer-1177-pro/footer-1177-pro-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-footer-1177-pro{background-color:var(--IDS-COLOR-ACCENT-95)}.ids-footer-1177-pro .ids-footer-1177-pro__mobile-content{background-color:var(--IDS-COLOR-ACCENT-95);padding:2.5rem 0}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__mobile-content{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content{display:flex;flex-direction:row;flex-wrap:wrap;padding:3.5rem 5.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-link,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-1]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-2]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-3]){display:block;margin-top:1rem!important}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col{padding:1.25rem 0}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-1-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-2-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]){color:var(--IDS-COLOR-ACCENT-30)!important;color:var(--IDS-HEADING-S__COLOR);font-family:var(--IDS-HEADING-S__FONT-FAMILY);font-size:var(--IDS-HEADING-S__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-S__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING);line-height:var(--IDS-HEADING-S__LINE-HEIGHT);margin:0 0 .25rem!important}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-1-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-2-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]){font-size:var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP)}}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--1{flex:0 0 60%;max-width:60%}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--2{flex:0 0 47%;margin-right:1rem;max-width:47%}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--3{flex:0 0 30%;margin-right:1rem}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer{background-color:var(--IDS-COLOR-ACCENT-40);color:var(--IDS-COLOR-BACKGROUND-40);padding:3rem 2.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-inner{align-items:center;display:flex;flex-direction:column;justify-content:center}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-logo{display:inline-block;height:2.125rem;position:relative;width:5.625rem}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-logo:before{color:var(--IDS-COLOR-NEUTRAL-100);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;left:50%;pointer-events:none;position:absolute;top:-1.8125rem;transform:translateX(-50%)}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-headline]){color:var(--IDS-COLOR-NEUTRAL-100)!important;color:var(--IDS-HEADING-M__COLOR);font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT);margin-bottom:2rem!important;margin-top:1rem!important;text-align:center}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-headline]){font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-text,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-text]){color:var(--IDS-COLOR-NEUTRAL-100);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.25rem;max-width:38.75rem;text-align:center}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-footer-1177-pro{background-color:var(--IDS-COLOR-ACCENT-95)}.ids-footer-1177-pro .ids-footer-1177-pro__mobile-content{background-color:var(--IDS-COLOR-ACCENT-95);padding:2.5rem 0}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__mobile-content{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content{display:flex;flex-direction:row;flex-wrap:wrap;padding:3.5rem 5.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-link,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-1]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-2]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-3]){display:block;margin-top:1rem!important}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col{padding:1.25rem 0}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-1-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-2-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]){color:var(--IDS-COLOR-ACCENT-30)!important;color:var(--IDS-HEADING-S__COLOR);font-family:var(--IDS-HEADING-S__FONT-FAMILY);font-size:var(--IDS-HEADING-S__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-S__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING);line-height:var(--IDS-HEADING-S__LINE-HEIGHT);margin:0 0 .25rem!important}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-1-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-2-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]){font-size:var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP)}}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--1{flex:0 0 60%;max-width:60%}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--2{flex:0 0 47%;margin-right:1rem;max-width:47%}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--3{flex:0 0 30%;margin-right:1rem}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer{background-color:var(--IDS-COLOR-ACCENT-40);color:var(--IDS-COLOR-BACKGROUND-40);padding:3rem 2.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-inner{align-items:center;display:flex;flex-direction:column;justify-content:center}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-logo{display:inline-block;height:2.125rem;position:relative;width:5.625rem}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-logo:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-COLOR-NEUTRAL-100);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;left:50%;pointer-events:none;position:absolute;top:-1.8125rem;transform:translateX(-50%)}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-headline]){color:var(--IDS-COLOR-NEUTRAL-100)!important;color:var(--IDS-HEADING-M__COLOR);font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT);margin-bottom:2rem!important;margin-top:1rem!important;text-align:center}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-headline]){font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-text,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-text]){color:var(--IDS-COLOR-NEUTRAL-100);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.25rem;max-width:38.75rem;text-align:center}";
4
4
 
5
5
  var footer1177ProLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/footer-1177-pro/footer-1177-pro.css CHANGED
@@ -132,6 +132,8 @@
132
132
  display: block;
133
133
  position: absolute;
134
134
  pointer-events: none;
135
+ -webkit-font-smoothing: antialiased;
136
+ -moz-osx-font-smoothing: grayscale;
135
137
  content: "\e91e";
136
138
  color: var(--IDS-COLOR-NEUTRAL-100);
137
139
  font-size: 5.625rem;
package/components/form/error-message/error-message-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-error-message{align-items:center;background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);border:var(--IDS-ERROR-MESSAGE__BORDER);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-ERROR-MESSAGE__COLOR);display:none;gap:.5rem;margin-bottom:.25rem;margin-top:.75rem;padding:var(--IDS-ERROR-MESSAGE__PADDING);position:relative}.ids-error-message.ids-error-message--show{display:inline-flex;width:fit-content}.ids-error-message:after,.ids-error-message:before{content:\"\";display:block;height:.75rem;left:2.563rem;position:absolute;transform:rotate(45deg);width:.75rem;z-index:9}.ids-error-message:after{background-color:var(--IDS-COLOR-NEUTRAL-100);top:-.375rem}.ids-error-message:before{background-color:var(--IDS-ERROR-MESSAGE__BORDER-COLOR);top:-.438rem}.ids-error-message .ids-error-message__text{padding-left:1.75rem;position:relative}.ids-error-message .ids-error-message__text:before{color:var(--IDS-ICON--INVALID-COLOR);content:\"\\e913\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}";
3
+ var css_248z = ".ids-error-message{align-items:center;background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);border:var(--IDS-ERROR-MESSAGE__BORDER);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-ERROR-MESSAGE__COLOR);display:none;gap:.5rem;margin-bottom:.25rem;margin-top:.75rem;padding:var(--IDS-ERROR-MESSAGE__PADDING);position:relative}.ids-error-message.ids-error-message--show{display:inline-flex;width:fit-content}.ids-error-message:after,.ids-error-message:before{content:\"\";display:block;height:.75rem;left:2.563rem;position:absolute;transform:rotate(45deg);width:.75rem;z-index:9}.ids-error-message:after{background-color:var(--IDS-COLOR-NEUTRAL-100);top:-.375rem}.ids-error-message:before{background-color:var(--IDS-ERROR-MESSAGE__BORDER-COLOR);top:-.438rem}.ids-error-message .ids-error-message__text{padding-left:1.75rem;position:relative}.ids-error-message .ids-error-message__text:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--INVALID-COLOR);content:\"\\e913\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}";
4
4
 
5
5
  var errorMessageLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/error-message/error-message.css CHANGED
@@ -58,6 +58,8 @@
58
58
  display: block;
59
59
  position: absolute;
60
60
  pointer-events: none;
61
+ -webkit-font-smoothing: antialiased;
62
+ -moz-osx-font-smoothing: grayscale;
61
63
  content: "\e913";
62
64
  font-size: 1.25rem;
63
65
  color: var(--IDS-ICON--INVALID-COLOR);
package/components/form/select-multiple/select-multiple-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select[aria-disabled=true]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple-wrapper{display:flex;position:relative}.ids-select-multiple-wrapper:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;height:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);width:1rem}.ids-select-multiple-wrapper:has(.ids-input--invalid):after,.ids-select-multiple-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-ICON--INVALID-COLOR)}.ids-select-multiple-wrapper:has(input:disabled):after,.ids-select-multiple-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-select-multiple__dropdown__wrapper{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS);box-shadow:0 0 .375rem rgba(0,0,0,.3);display:none;left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--show{display:block}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner{background-color:transparent}:host([disabled]) input{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper{align-items:flex-start;display:inline-flex;gap:.5rem}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline{display:inline}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline label{display:inline;margin-right:.5rem;position:relative;top:-.1875rem}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);margin-bottom:.25rem;min-height:1.25rem;min-width:1.5rem}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED__COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper .ids-label.ids-label--no-label{display:none}";
3
+ var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select[aria-disabled=true]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple-wrapper{display:flex;position:relative}.ids-select-multiple-wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;height:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);width:1rem}.ids-select-multiple-wrapper:has(.ids-input--invalid):after,.ids-select-multiple-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-ICON--INVALID-COLOR)}.ids-select-multiple-wrapper:has(input:disabled):after,.ids-select-multiple-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-select-multiple__dropdown__wrapper{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS);box-shadow:0 0 .375rem rgba(0,0,0,.3);display:none;left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--show{display:block}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner{background-color:transparent}:host([disabled]) input{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper{align-items:flex-start;display:inline-flex;gap:.5rem}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline{display:inline}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline label{display:inline;margin-right:.5rem;position:relative;top:-.1875rem}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);margin-bottom:.25rem;min-height:1.25rem;min-width:1.5rem}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED__COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper .ids-label.ids-label--no-label{display:none}";
4
4
 
5
5
  var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
6
6
 
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
  }