@inera/ids-design 6.2.0 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +8 -0
  3. package/components/badge/badge-lit.js +1 -1
  4. package/components/badge/badge.css +12 -12
  5. package/components/box-link/box-link-lit.js +1 -1
  6. package/components/box-link/box-link.css +20 -21
  7. package/components/button-group/button-group-lit.js +1 -1
  8. package/components/button-group/button-group.css +2 -0
  9. package/components/card/card-lit.js +1 -1
  10. package/components/card/card.css +8 -15
  11. package/components/carousel/carousel-item-lit.js +1 -1
  12. package/components/carousel/carousel-item.css +3 -5
  13. package/components/carousel/carousel-lit.js +1 -1
  14. package/components/carousel/carousel.css +22 -9
  15. package/components/data-table/data-table-lit.js +1 -1
  16. package/components/data-table/data-table.css +0 -9
  17. package/components/dialog/dialog-lit.js +1 -1
  18. package/components/dialog/dialog.css +18 -20
  19. package/components/dropdown/dropdown-lit.js +1 -1
  20. package/components/dropdown/dropdown.css +48 -18
  21. package/components/footer-1177/footer-1177-lit.js +1 -1
  22. package/components/footer-1177/footer-1177.css +4 -2
  23. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  24. package/components/footer-1177-admin/footer-1177-admin.css +2 -4
  25. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  26. package/components/footer-1177-pro/footer-1177-pro.css +8 -17
  27. package/components/form/error-message/error-message-lit.js +1 -1
  28. package/components/form/error-message/error-message.css +1 -0
  29. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  30. package/components/form/select-multiple/select-multiple.css +18 -20
  31. package/components/header-1177/composite-header-1177.css +642 -281
  32. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  33. package/components/header-1177/header-1177-avatar.css +388 -158
  34. package/components/header-1177/header-1177-item-lit.js +1 -1
  35. package/components/header-1177/header-1177-item.css +54 -6
  36. package/components/header-1177/header-1177-lit.js +1 -1
  37. package/components/header-1177/header-1177-menu-mobile-lit.d.ts +2 -0
  38. package/components/header-1177/header-1177-menu-mobile-lit.js +7 -0
  39. package/components/header-1177/header-1177-menu-mobile.css +138 -0
  40. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  41. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  42. package/components/header-1177/header-1177-nav-item-mobile.css +10 -12
  43. package/components/header-1177/header-1177-nav-item.css +8 -8
  44. package/components/header-1177/header-1177-nav-lit.js +1 -1
  45. package/components/header-1177/header-1177-nav.css +7 -2
  46. package/components/header-1177/header-1177.css +63 -95
  47. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  48. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +1 -65
  49. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  50. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  51. package/components/header-1177-admin/header-1177-admin-nav-item.css +8 -8
  52. package/components/header-1177-admin/header-1177-admin.css +66 -1
  53. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  54. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +1 -0
  55. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  56. package/components/header-1177-pro/header-1177-pro-item.css +4 -0
  57. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  58. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  59. package/components/header-1177-pro/header-1177-pro-nav-item.css +8 -8
  60. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  61. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile-lit.js +1 -1
  62. package/components/header-1177-pro/header-1177-pro-nav-menu-mobile.css +2 -0
  63. package/components/header-1177-pro/header-1177-pro-nav.css +6 -0
  64. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  65. package/components/header-1177-pro/header-1177-pro-region-picker.css +211 -97
  66. package/components/header-1177-pro/header-1177-pro.css +10 -7
  67. package/components/header-inera/header-inera-item-lit.js +1 -1
  68. package/components/header-inera/header-inera-item.css +13 -6
  69. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  70. package/components/header-inera/header-inera-nav-item.css +1 -1
  71. package/components/header-inera/header-inera-nav-mobile-lit.js +1 -1
  72. package/components/header-inera/header-inera-nav-mobile.css +1 -0
  73. package/components/header-inera-admin/composite-header-inera-admin.css +24 -11
  74. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  75. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  76. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +2 -0
  77. package/components/header-inera-admin/header-inera-admin-avatar.css +5 -0
  78. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  79. package/components/header-inera-admin/header-inera-admin-item.css +10 -6
  80. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  81. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  82. package/components/header-inera-admin/header-inera-admin-nav-item.css +4 -3
  83. package/components/header-inera-admin/header-inera-admin-nav-mobile-lit.js +1 -1
  84. package/components/header-inera-admin/header-inera-admin-nav-mobile.css +1 -0
  85. package/components/header-inera-admin/header-inera-admin.css +2 -2
  86. package/components/header-patient/header-patient-lit.d.ts +2 -0
  87. package/components/header-patient/header-patient-lit.js +7 -0
  88. package/components/header-patient/header-patient.css +145 -0
  89. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  90. package/components/mobile-menu/mobile-menu.css +159 -116
  91. package/components/navigation/content/navigation-content.css +2 -1
  92. package/components/navigation/local/navigation-local-lit.js +1 -1
  93. package/components/navigation/local/navigation-local.css +5 -4
  94. package/components/notification-badge/notification-badge-lit.js +1 -1
  95. package/components/notification-badge/notification-badge.css +48 -7
  96. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  97. package/components/pagination/list-pagination/list-pagination.css +1 -1
  98. package/components/popover/popover-content-lit.js +1 -1
  99. package/components/popover/popover-content.css +53 -66
  100. package/components/puff-list/puff-list-lit.js +1 -1
  101. package/components/puff-list/puff-list.css +90 -89
  102. package/components/region-icon/region-icon-lit.d.ts +2 -0
  103. package/components/region-icon/region-icon-lit.js +7 -0
  104. package/components/region-icon/region-icon.css +149 -0
  105. package/components/side-panel/side-panel-lit.js +1 -1
  106. package/components/side-panel/side-panel.css +29 -25
  107. package/components/stepper/stepper-lit.js +1 -1
  108. package/components/stepper/stepper.css +35 -5
  109. package/components/tabs/tab-lit.js +1 -1
  110. package/components/tabs/tab-panel-lit.js +1 -1
  111. package/components/tabs/tab-panel.css +2 -2
  112. package/components/tabs/tab.css +52 -45
  113. package/components/tabs/tabs-lit.js +2 -2
  114. package/components/tabs/tabs.css +11 -2
  115. package/components/tag/tag-lit.js +1 -1
  116. package/components/tag/tag.css +14 -10
  117. package/global/icons/Inera-Design-Icons.eot +0 -0
  118. package/global/icons/Inera-Design-Icons.svg +409 -0
  119. package/global/icons/Inera-Design-Icons.ttf +0 -0
  120. package/global/icons/Inera-Design-Icons.woff +0 -0
  121. package/package.json +1 -1
  122. package/themes/1177/1177.css +4335 -3968
  123. package/themes/1177-pro/1177-pro.css +4342 -3968
  124. package/themes/inera/inera.css +4327 -3962
  125. package/themes/inera-admin/inera-admin.css +4327 -3962
  126. package/components/grid/column/_column-partials.css +0 -0
  127. package/global/_partials.css +0 -15
  128. package/global/global.css +0 -5025
  129. package/global/icons/font/Inera-Design-Icons.eot +0 -0
  130. package/global/icons/font/Inera-Design-Icons.svg +0 -323
  131. package/global/icons/font/Inera-Design-Icons.ttf +0 -0
  132. package/global/icons/font/Inera-Design-Icons.woff +0 -0
  133. package/global/util/util.css +0 -2282
  134. package/themes/1177/1177-tokens.css +0 -34
  135. package/themes/1177-pro/1177-pro-tokens.css +0 -1
  136. package/themes/inera/inera-tokens.css +0 -53
  137. package/themes/inera-admin/inera-admin-tokens.css +0 -1
  138. package/themes/reset.css +0 -61
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-box{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:3.125rem;display:flex;gap:1rem;height:5rem;justify-content:center;max-height:5rem;overflow:hidden;padding-left:2rem;padding-right:2rem}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content{display:flex;flex-direction:column;padding-left:2.75rem;position:relative}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content:before{color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:2.25rem;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;max-width:calc(100vw - 22rem);overflow:hidden;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-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:flex;flex-wrap:wrap;font-size:1rem}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links a{color:var(--IDS-LINK--COLOR-PRESET-2__COLOR);text-decoration-color:var(--IDS-LINK--COLOR-PRESET-2__COLOR);text-underline-offset:.125rem}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links .ids-header-1177__avatar-content__links-divider{border-right:.063rem solid var(--IDS-COLOR-NEUTRAL-90);margin-right:.5rem;padding-right:.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-box{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:3.125rem;display:flex;gap:1rem;height:5rem;justify-content:center;max-height:5rem;overflow:hidden;padding-left:2rem;padding-right:2rem}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box{font-size:.75rem;gap:.5rem;height:2rem;justify-content:flex-start;margin-left:.75rem;margin-right:.75rem;max-width:calc(100vw - 11rem);padding-left:1rem;padding-right:1rem}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content{display:flex;flex-direction:column;padding-left:2.75rem;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content:before{color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:2.25rem;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content{padding-left:2rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content:before{font-size:1.5rem}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;max-width:calc(100vw - 22rem);overflow:hidden;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-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{max-width:calc(100vw - 14.875rem)}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:flex;flex-wrap:wrap;font-size:1rem}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:none}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links a{color:var(--IDS-LINK--COLOR-PRESET-2__COLOR);text-decoration-color:var(--IDS-LINK--COLOR-PRESET-2__COLOR);text-underline-offset:.125rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links .ids-header-1177__avatar-content__links-divider{border-right:.063rem solid var(--IDS-COLOR-NEUTRAL-90);margin-right:.5rem;padding-right:.5rem}: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-box{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:3.125rem;display:flex;gap:1rem;height:5rem;justify-content:center;max-height:5rem;overflow:hidden;padding-left:2rem;padding-right:2rem}@media (max-width:1024px){:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box{font-size:.75rem;gap:.5rem;height:2rem;justify-content:flex-start;margin-left:.75rem;margin-right:.75rem;max-width:calc(100vw - 11rem);padding-left:1rem;padding-right:1rem}}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content{display:flex;flex-direction:column;padding-left:2.75rem;position:relative}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content:before{color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:2.25rem;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:1024px){:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content{padding-left:2rem}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content:before{font-size:1.5rem}}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;max-width:calc(100vw - 22rem);overflow:hidden;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-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{max-width:calc(100vw - 14.875rem)}}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:flex;flex-wrap:wrap;font-size:1rem}@media (max-width:1024px){:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:none}}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links a{color:var(--IDS-LINK--COLOR-PRESET-2__COLOR);text-decoration-color:var(--IDS-LINK--COLOR-PRESET-2__COLOR);text-underline-offset:.125rem}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links .ids-header-1177__avatar-content__links-divider{border-right:.063rem solid var(--IDS-COLOR-NEUTRAL-90);margin-right:.5rem;padding-right:.5rem}: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-box{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:3.125rem;display:flex;gap:1rem;height:5rem;justify-content:center;max-height:5rem;overflow:hidden;padding-left:2rem;padding-right:2rem}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content{display:flex;flex-direction:column;padding-left:2.75rem;position:relative}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content:before{color:var(--IDS-COLOR-PRIMARY-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:2.25rem;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;max-width:calc(100vw - 22rem);overflow:hidden;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-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:flex;flex-wrap:wrap;font-size:1rem}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links a{color:var(--IDS-LINK--COLOR-PRESET-2__COLOR);text-decoration-color:var(--IDS-LINK--COLOR-PRESET-2__COLOR);text-underline-offset:.125rem}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links .ids-header-1177__avatar-content__links-divider{border-right:.063rem solid var(--IDS-COLOR-NEUTRAL-90);margin-right:.5rem;padding-right:.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{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}";
4
4
 
5
5
  var header1177AvatarLit = css`${unsafeCSS(css_248z)}`;
6
6