@inera/ids-design 8.0.1 → 8.2.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 (168) hide show
  1. package/components/accordion/accordion-lit.js +1 -1
  2. package/components/accordion/accordion.css +35 -175
  3. package/components/action-link/action-link-lit.d.ts +2 -0
  4. package/components/action-link/action-link-lit.js +7 -0
  5. package/components/action-link/action-link.css +173 -0
  6. package/components/alert/alert-lit.js +1 -1
  7. package/components/alert/alert.css +28 -138
  8. package/components/box-link/box-link-lit.js +1 -1
  9. package/components/box-link/box-link.css +92 -39
  10. package/components/breadcrumbs/breadcrumbs-lit.js +1 -1
  11. package/components/breadcrumbs/breadcrumbs.css +1 -0
  12. package/components/card/card-lit.js +1 -1
  13. package/components/card/card.css +42 -140
  14. package/components/carousel/carousel-item-lit.js +1 -1
  15. package/components/carousel/carousel-item.css +10 -123
  16. package/components/carousel/carousel-lit.js +1 -1
  17. package/components/carousel/carousel.css +41 -17
  18. package/components/data-table/data-table-lit.js +1 -1
  19. package/components/data-table/data-table.css +5 -11
  20. package/components/dialog/dialog-lit.js +1 -1
  21. package/components/dialog/dialog.css +8 -11
  22. package/components/dropdown/dropdown-lit.js +1 -1
  23. package/components/dropdown/dropdown.css +21 -12
  24. package/components/footer-1177/footer-1177-lit.js +1 -1
  25. package/components/footer-1177/footer-1177.css +48 -125
  26. package/components/footer-1177-admin/footer-1177-admin-lit.js +1 -1
  27. package/components/footer-1177-admin/footer-1177-admin.css +47 -140
  28. package/components/footer-1177-pro/footer-1177-pro-lit.js +1 -1
  29. package/components/footer-1177-pro/footer-1177-pro.css +47 -140
  30. package/components/footer-inera/footer-inera-lit.js +1 -1
  31. package/components/footer-inera/footer-inera.css +42 -123
  32. package/components/footer-inera-admin/footer-inera-admin-lit.js +1 -1
  33. package/components/footer-inera-admin/footer-inera-admin.css +47 -132
  34. package/components/form/datepicker/datepicker-lit.d.ts +2 -0
  35. package/components/form/datepicker/datepicker-lit.js +9 -0
  36. package/components/form/datepicker/datepicker.css +570 -0
  37. package/components/form/error-message/error-message-lit.js +1 -1
  38. package/components/form/error-message/error-message.css +1 -0
  39. package/components/form/group/group-lit.js +1 -1
  40. package/components/form/group/group.css +11 -114
  41. package/components/form/range/range-lit.js +1 -1
  42. package/components/form/range/range.css +51 -120
  43. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  44. package/components/form/select-multiple/select-multiple.css +56 -10
  45. package/components/global-alert/global-alert-lit.js +1 -1
  46. package/components/global-alert/global-alert.css +55 -161
  47. package/components/grid/container/container-lit.js +1 -1
  48. package/components/grid/container/container.css +1 -1
  49. package/components/header-1177/composite-header-1177.css +612 -842
  50. package/components/header-1177/header-1177-avatar-lit.js +1 -1
  51. package/components/header-1177/header-1177-avatar.css +57 -156
  52. package/components/header-1177/header-1177-item-lit.js +1 -1
  53. package/components/header-1177/header-1177-item.css +366 -139
  54. package/components/header-1177/header-1177-lit.js +1 -1
  55. package/components/header-1177/header-1177-menu-mobile-lit.js +1 -1
  56. package/components/header-1177/header-1177-menu-mobile.css +14 -4
  57. package/components/header-1177/header-1177-nav-item-lit.js +1 -1
  58. package/components/header-1177/header-1177-nav-item-mobile-lit.js +1 -1
  59. package/components/header-1177/header-1177-nav-item-mobile.css +40 -116
  60. package/components/header-1177/header-1177-nav-item.css +102 -416
  61. package/components/header-1177/header-1177-nav-lit.js +1 -1
  62. package/components/header-1177/header-1177-nav.css +20 -1
  63. package/components/header-1177/header-1177-region-picker-lit.js +1 -1
  64. package/components/header-1177/header-1177-region-picker-mobile-lit.js +1 -1
  65. package/components/header-1177/header-1177-region-picker-mobile.css +3 -2
  66. package/components/header-1177/header-1177-region-picker.css +3 -2
  67. package/components/header-1177/header-1177.css +19 -17
  68. package/components/header-1177-admin/header-1177-admin-avatar-lit.js +1 -1
  69. package/components/header-1177-admin/header-1177-admin-avatar-mobile-lit.js +1 -1
  70. package/components/header-1177-admin/header-1177-admin-avatar-mobile.css +8 -12
  71. package/components/header-1177-admin/header-1177-admin-avatar.css +29 -132
  72. package/components/header-1177-admin/header-1177-admin-item-lit.js +1 -1
  73. package/components/header-1177-admin/header-1177-admin-item.css +307 -122
  74. package/components/header-1177-admin/header-1177-admin-lit.js +1 -1
  75. package/components/header-1177-admin/header-1177-admin-menu-mobile-lit.js +1 -1
  76. package/components/header-1177-admin/header-1177-admin-menu-mobile.css +14 -4
  77. package/components/header-1177-admin/header-1177-admin-nav-item-lit.js +1 -1
  78. package/components/header-1177-admin/header-1177-admin-nav-item.css +108 -436
  79. package/components/header-1177-admin/header-1177-admin.css +33 -33
  80. package/components/header-1177-pro/header-1177-pro-avatar-lit.js +1 -1
  81. package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js +1 -1
  82. package/components/header-1177-pro/header-1177-pro-avatar-mobile.css +8 -13
  83. package/components/header-1177-pro/header-1177-pro-avatar.css +25 -128
  84. package/components/header-1177-pro/header-1177-pro-item-lit.js +1 -1
  85. package/components/header-1177-pro/header-1177-pro-item.css +338 -141
  86. package/components/header-1177-pro/header-1177-pro-lit.js +1 -1
  87. package/components/header-1177-pro/header-1177-pro-menu-mobile-lit.js +1 -1
  88. package/components/header-1177-pro/header-1177-pro-menu-mobile.css +14 -4
  89. package/components/header-1177-pro/header-1177-pro-nav-item-lit.js +1 -1
  90. package/components/header-1177-pro/header-1177-pro-nav-item.css +112 -386
  91. package/components/header-1177-pro/header-1177-pro-nav-lit.js +1 -1
  92. package/components/header-1177-pro/header-1177-pro-nav.css +10 -0
  93. package/components/header-1177-pro/header-1177-pro-region-picker-lit.js +1 -1
  94. package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js +1 -1
  95. package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css +4 -4
  96. package/components/header-1177-pro/header-1177-pro-region-picker.css +3 -2
  97. package/components/header-1177-pro/header-1177-pro.css +35 -33
  98. package/components/header-inera/header-inera-item-lit.js +1 -1
  99. package/components/header-inera/header-inera-item.css +92 -53
  100. package/components/header-inera/header-inera-lit.js +1 -1
  101. package/components/header-inera/header-inera-menu-mobile-lit.js +1 -1
  102. package/components/header-inera/header-inera-menu-mobile.css +18 -4
  103. package/components/header-inera/header-inera-nav-item-lit.js +1 -1
  104. package/components/header-inera/header-inera-nav-item.css +51 -70
  105. package/components/header-inera/header-inera.css +12 -9
  106. package/components/header-inera-admin/composite-header-inera-admin.css +241 -320
  107. package/components/header-inera-admin/header-inera-admin-avatar-lit.js +1 -1
  108. package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js +1 -1
  109. package/components/header-inera-admin/header-inera-admin-avatar-mobile.css +9 -12
  110. package/components/header-inera-admin/header-inera-admin-avatar.css +25 -128
  111. package/components/header-inera-admin/header-inera-admin-item-lit.js +1 -1
  112. package/components/header-inera-admin/header-inera-admin-item.css +101 -53
  113. package/components/header-inera-admin/header-inera-admin-lit.js +1 -1
  114. package/components/header-inera-admin/header-inera-admin-menu-mobile-lit.js +1 -1
  115. package/components/header-inera-admin/header-inera-admin-menu-mobile.css +61 -58
  116. package/components/header-inera-admin/header-inera-admin-nav-item-lit.js +1 -1
  117. package/components/header-inera-admin/header-inera-admin-nav-item.css +52 -76
  118. package/components/header-inera-admin/header-inera-admin.css +5 -5
  119. package/components/header-patient/header-patient-lit.js +1 -1
  120. package/components/header-patient/header-patient.css +27 -126
  121. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  122. package/components/mobile-menu/mobile-menu.css +311 -435
  123. package/components/navigation/content/navigation-content-lit.js +1 -1
  124. package/components/navigation/content/navigation-content.css +15 -149
  125. package/components/navigation/local/navigation-local-lit.js +1 -1
  126. package/components/navigation/local/navigation-local.css +11 -15
  127. package/components/notification-badge/notification-badge-lit.js +1 -1
  128. package/components/notification-badge/notification-badge.css +1 -0
  129. package/components/pagination/data-pagination/data-pagination-lit.js +1 -1
  130. package/components/pagination/data-pagination/data-pagination.css +107 -131
  131. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  132. package/components/pagination/list-pagination/list-pagination.css +84 -54
  133. package/components/popover/popover-content-lit.js +1 -1
  134. package/components/popover/popover-content.css +86 -167
  135. package/components/popover/popover-lit.js +1 -1
  136. package/components/popover/popover.css +2 -2
  137. package/components/progressbar/progressbar-lit.js +1 -1
  138. package/components/progressbar/progressbar.css +10 -113
  139. package/components/puff-list/puff-list-lit.js +1 -1
  140. package/components/puff-list/puff-list.css +89 -216
  141. package/components/side-menu/side-menu-lit.js +1 -1
  142. package/components/side-menu/side-menu.css +66 -75
  143. package/components/side-panel/side-panel-lit.js +1 -1
  144. package/components/side-panel/side-panel.css +23 -19
  145. package/components/stepper/stepper-lit.js +1 -1
  146. package/components/stepper/stepper.css +20 -166
  147. package/components/tabs/tab-lit.js +1 -1
  148. package/components/tabs/tab.css +10 -7
  149. package/components/tabs/tabs-lit.js +2 -2
  150. package/components/tabs/tabs.css +0 -2
  151. package/components/tag/tag-lit.js +1 -1
  152. package/components/tag/tag.css +12 -7
  153. package/components/tooltip/tooltip-lit.js +1 -1
  154. package/components/tooltip/tooltip.css +9 -10
  155. package/global/global.css +1055 -766
  156. package/global/icons/Inera-Design-Icons.eot +0 -0
  157. package/global/icons/Inera-Design-Icons.svg +14 -2
  158. package/global/icons/Inera-Design-Icons.ttf +0 -0
  159. package/global/icons/Inera-Design-Icons.woff +0 -0
  160. package/global/util/util.css +12 -2
  161. package/package.json +1 -1
  162. package/styles.css +1591 -1212
  163. package/tokens/component-tokens.scss +2 -0
  164. package/tokens/themes/1177-admin-tokens.css +615 -219
  165. package/tokens/themes/1177-pro-tokens.css +615 -219
  166. package/tokens/themes/1177-tokens.css +615 -219
  167. package/tokens/themes/inera-admin-tokens.css +443 -158
  168. package/tokens/themes/inera-tokens.css +443 -158
package/components/header-1177/header-1177-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}}header.ids-header-1177{border-bottom:.0625rem solid var(--IDS-HEADER-1177__BORDER-COLOR);position:relative}header.ids-header-1177 .ids-header-1177__skip-to-content{position:relative;z-index:20}header.ids-header-1177 .ids-header-1177__skip-to-content ::slotted(a),header.ids-header-1177 .ids-header-1177__skip-to-content a{align-items:center;background-color:var(--IDS-SKIP-TO-CONTENT-LINK__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:20}header.ids-header-1177 .ids-header-1177__skip-to-content ::slotted(a:focus),header.ids-header-1177 .ids-header-1177__skip-to-content a:focus{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);outline-offset:-.375rem!important;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}header.ids-header-1177:not(.ids-header-1177--unresponsive):before{background-color:var(--IDS-HEADER-1177__TOP-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive):before{height:.25rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container{align-items:center;background-color:var(--IDS-HEADER-1177__BACKGROUND-COLOR);display:flex;padding:0;position:relative;z-index:2}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__right{flex:1 1 0;height:7.5rem;min-width:0}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left{background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR)}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__right{height:3rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{align-items:center;display:flex;flex-grow:1;flex:0 1 auto;flex-wrap:wrap;justify-content:space-between;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex;position:relative;z-index:4}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;padding-right:var(--IDS__CONTAINER-MARGIN)}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{align-items:center;background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;overflow-y:clip;padding-left:var(--IDS__CONTAINER-MARGIN);position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:100%;content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{align-items:center;display:flex;margin-right:1.25rem;width:6.4375rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:focus{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{cursor:pointer;height:5.625rem;position:relative;width:100%}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.625rem;pointer-events:none;position:absolute}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]):focus,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]),header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{align-items:center;color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]:focus){outline:var(--IDS-FOCUS__OUTLINE--LIGHT)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{height:1rem!important;min-height:3rem;min-width:3.125rem;padding-left:1.25rem;padding-right:1.25rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(7.8125rem,18.75rem,10.8125rem,18.125rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:100%;content:\"\";display:none;height:18.75rem;left:auto;margin-top:-7.81rem;position:absolute;right:-.5625rem;top:0;width:18.75rem;z-index:0}}@media (max-width:1024px) and (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{display:block}}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{margin-right:0;width:3rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{height:2rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before{font-size:3rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]),header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{font-size:3rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{align-items:center;display:flex;justify-content:flex-end;margin-left:1rem;margin-right:1.25rem}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{margin-left:1rem;margin-right:.5rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile{background-color:var(--IDS-HEADER-1177__NAV-MOBILE-BACKGROUND-COLOR);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile{display:flex}}header.ids-header-1177.ids-header-1177--unresponsive:before{background-color:var(--IDS-HEADER-1177__TOP-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container{align-items:center;background-color:var(--IDS-HEADER-1177__BACKGROUND-COLOR);display:flex;padding:0;position:relative;z-index:2}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__right{flex:1 1 0;height:7.5rem;min-width:0}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__left{background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner{align-items:center;display:flex;flex-grow:1;flex:0 1 auto;flex-wrap:wrap;justify-content:space-between;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex;position:relative;z-index:4}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;padding-right:var(--IDS__CONTAINER-MARGIN)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{align-items:center;background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;overflow-y:clip;padding-left:var(--IDS__CONTAINER-MARGIN);position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:100%;content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{align-items:center;display:flex;margin-right:1.25rem;width:6.4375rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:focus{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{cursor:pointer;height:5.625rem;position:relative;width:100%}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.625rem;pointer-events:none;position:absolute}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]):focus,header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]),header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{align-items:center;color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]:focus){outline:var(--IDS-FOCUS__OUTLINE--LIGHT)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{align-items:center;display:flex;justify-content:flex-end;margin-left:1rem;margin-right:1.25rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__nav-mobile{background-color:var(--IDS-HEADER-1177__NAV-MOBILE-BACKGROUND-COLOR);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}header.ids-header-1177{border-bottom:.0625rem solid var(--IDS-HEADER-1177__BORDER-COLOR);position:relative}header.ids-header-1177 .ids-header-1177__skip-to-content{position:relative;z-index:20}header.ids-header-1177 .ids-header-1177__skip-to-content ::slotted(a),header.ids-header-1177 .ids-header-1177__skip-to-content a{align-items:center;background-color:var(--IDS-SKIP-TO-CONTENT-LINK__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:20}header.ids-header-1177 .ids-header-1177__skip-to-content ::slotted(a:focus-visible),header.ids-header-1177 .ids-header-1177__skip-to-content a:focus-visible{outline-offset:-.375rem!important;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}header.ids-header-1177:not(.ids-header-1177--unresponsive):before{background-color:var(--IDS-HEADER-1177__TOP-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive):before{height:.25rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container{align-items:center;background-color:var(--IDS-HEADER-1177__BACKGROUND-COLOR);display:flex;padding:0;position:relative;z-index:2}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__right{flex:1 1 0;height:7.5rem;min-width:0}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left{background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR)}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__right{height:3rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{align-items:center;display:flex;flex-grow:1;flex:0 1 auto;flex-wrap:wrap;justify-content:space-between;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex;position:relative;z-index:4}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;padding-right:var(--IDS__CONTAINER-MARGIN)}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{align-items:center;background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;overflow-y:clip;padding-left:var(--IDS__CONTAINER-MARGIN);position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:100%;content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{align-items:center;display:flex;margin-right:1.25rem;width:6.4375rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{border-radius:.0313rem;cursor:pointer;height:5.625rem;position:relative;width:100%}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.625rem;pointer-events:none;position:absolute}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]):focus-visible,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]),header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{align-items:center;border-radius:.0625rem;color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]:focus-visible){outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{height:1rem!important;min-height:3rem;min-width:3.125rem;padding-left:1.25rem;padding-right:1.25rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(7.8125rem,18.75rem,10.8125rem,18.125rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:100%;content:\"\";display:none;height:18.75rem;left:auto;margin-top:-7.81rem;position:absolute;right:-.5625rem;top:0;width:18.75rem;z-index:0}}@media (max-width:1024px) and (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{display:block}}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{margin-right:0;width:3rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{height:2rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before{font-size:3rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]),header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{font-size:3rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{align-items:center;display:flex;justify-content:flex-end;margin-left:1rem;margin-right:1.25rem}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{margin-left:1rem;margin-right:.5rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile{background-color:var(--IDS-HEADER-1177__NAV-MOBILE-BACKGROUND-COLOR);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile{display:flex}}header.ids-header-1177.ids-header-1177--unresponsive:before{background-color:var(--IDS-HEADER-1177__TOP-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container{align-items:center;background-color:var(--IDS-HEADER-1177__BACKGROUND-COLOR);display:flex;padding:0;position:relative;z-index:2}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__left,header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__right{flex:1 1 0;height:7.5rem;min-width:0}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__left{background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner{align-items:center;display:flex;flex-grow:1;flex:0 1 auto;flex-wrap:wrap;justify-content:space-between;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex;position:relative;z-index:4}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{align-items:center;display:flex;flex-grow:1;justify-content:flex-end;padding-right:var(--IDS__CONTAINER-MARGIN)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper{align-items:center;background-color:var(--IDS-HEADER-1177__LOGO-BACKGROUND-COLOR);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;overflow-y:clip;padding-left:var(--IDS__CONTAINER-MARGIN);position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-HEADER-1177__GRAPHICS-BACKGROUND-COLOR);border-radius:100%;content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo{align-items:center;display:flex;margin-right:1.25rem;width:6.4375rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link{border-radius:.0313rem;cursor:pointer;height:5.625rem;position:relative;width:100%}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo .ids-header-1177__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177__LOGO-COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.625rem;pointer-events:none;position:absolute}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]):focus-visible,header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a:focus-visible{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]),header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo a{align-items:center;border-radius:.0625rem;color:var(--IDS-HEADER-1177__LOGO-COLOR);display:flex;font-size:6.625rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo-wrapper .ids-header-1177__logo ::slotted([slot=logo]:focus-visible){outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{align-items:center;display:flex;justify-content:flex-end;margin-left:1rem;margin-right:1.25rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region-picker{align-items:center;display:flex;flex-grow:1;margin-left:1.875rem;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__nav-mobile{background-color:var(--IDS-HEADER-1177__NAV-MOBILE-BACKGROUND-COLOR);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}";
4
4
 
5
5
  var header1177Lit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-menu-mobile-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-menu-mobile{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-header-1177-menu-mobile:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-menu-mobile{cursor:pointer;height:1.75rem;margin-left:.5rem;margin-right:0;padding:.5rem}.ids-header-1177-menu-mobile .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-header-1177-menu-mobile .ids-hamburger__lines{background-color:var(--IDS-HEADER-1177-MOBILE-MENU__HAMBURGER-COLOR);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-menu-mobile .ids-hamburger__lines:after,.ids-header-1177-menu-mobile .ids-hamburger__lines:before{background-color:var(--IDS-HEADER-1177-MOBILE-MENU__HAMBURGER-COLOR);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-menu-mobile .ids-hamburger__lines:before{top:.5rem}.ids-header-1177-menu-mobile .ids-hamburger__lines:after{top:-.5rem}.ids-header-1177-menu-mobile:hover .ids-hamburger__lines,.ids-header-1177-menu-mobile:hover .ids-hamburger__lines:after,.ids-header-1177-menu-mobile:hover .ids-hamburger__lines:before{background-color:var(--IDS-HEADER-1177-MOBILE-MENU__HAMBURGER-HOVER-COLOR)}.ids-header-1177-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-1177-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-1177-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-1177-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-1177-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-1177-menu-mobile{display:none}@media (max-width:1024px){.ids-header-1177-menu-mobile{display:block}}.ids-header-1177-menu-mobile.ids-header-1177-menu-mobile--unresponsive{display:none}.ids-header-1177-menu-mobile__items{background-color:var(--IDS-HEADER-1177-MOBILE-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-MOBILE-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);display:none;left:0;position:absolute;right:0;top:100%;z-index:10}@media (max-width:1024px){.ids-header-1177-menu-mobile__items{display:block}}";
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-menu-mobile{background:none;border:none;color:inherit;font:inherit;outline:inherit;padding:0}.ids-header-1177-menu-mobile:focus-visible{outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-menu-mobile{cursor:pointer;height:2.25rem;margin-left:.5rem;margin-right:0;padding:.5rem}.ids-header-1177-menu-mobile .ids-hamburger{cursor:pointer;flex-shrink:0;position:relative;transition:all .2s;user-select:none}.ids-header-1177-menu-mobile .ids-hamburger__lines{background-color:var(--IDS-HEADER-1177-MOBILE-MENU__HAMBURGER-COLOR);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-menu-mobile .ids-hamburger__lines:after,.ids-header-1177-menu-mobile .ids-hamburger__lines:before{background-color:var(--IDS-HEADER-1177-MOBILE-MENU__HAMBURGER-COLOR);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-menu-mobile .ids-hamburger__lines:before{top:.5rem}.ids-header-1177-menu-mobile .ids-hamburger__lines:after{top:-.5rem}.ids-header-1177-menu-mobile:hover .ids-hamburger__lines,.ids-header-1177-menu-mobile:hover .ids-hamburger__lines:after,.ids-header-1177-menu-mobile:hover .ids-hamburger__lines:before{background-color:var(--IDS-HEADER-1177-MOBILE-MENU__HAMBURGER-HOVER-COLOR)}.ids-header-1177-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-1177-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-1177-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-1177-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-1177-menu-mobile[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-1177-menu-mobile:focus-visible{border-radius:.0625rem;outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-color:var(--IDS-HEADER-1177-MOBILE-MENU__HAMBURGER-COLOR)!important;outline-offset:0!important}.ids-header-1177-menu-mobile:focus-visible[aria-expanded=true]{border-radius:100%}.ids-header-1177-menu-mobile{display:none}@media (max-width:1024px){.ids-header-1177-menu-mobile{display:block}}.ids-header-1177-menu-mobile.ids-header-1177-menu-mobile--unresponsive{display:none}.ids-header-1177-menu-mobile__items{background-color:var(--IDS-HEADER-1177-MOBILE-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-MOBILE-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1);display:none;left:0;position:absolute;right:0;top:100%;z-index:10}@media (max-width:1024px){.ids-header-1177-menu-mobile__items{display:block}}";
4
4
 
5
5
  var header1177MenuMobileLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-menu-mobile.css CHANGED
@@ -34,13 +34,13 @@
34
34
  cursor: pointer;
35
35
  outline: inherit;
36
36
  }
37
- .ids-header-1177-menu-mobile:focus {
38
- outline: var(--IDS-FOCUS__OUTLINE);
37
+ .ids-header-1177-menu-mobile:focus-visible {
38
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
39
39
  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
40
40
  }
41
41
  .ids-header-1177-menu-mobile {
42
42
  padding: 0.5rem;
43
- height: 1.75rem;
43
+ height: 2.25rem;
44
44
  margin-right: 0;
45
45
  margin-left: 0.5rem;
46
46
  cursor: pointer;
@@ -50,6 +50,7 @@
50
50
  cursor: pointer;
51
51
  user-select: none;
52
52
  position: relative;
53
+ flex-shrink: 0;
53
54
  }
54
55
  .ids-header-1177-menu-mobile .ids-hamburger__lines {
55
56
  display: block;
@@ -117,6 +118,15 @@
117
118
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
118
119
  transform: rotate3d(0, 0, 1, -45deg);
119
120
  }
121
+ .ids-header-1177-menu-mobile:focus-visible {
122
+ outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
123
+ outline-offset: 0 !important;
124
+ outline-color: var(--IDS-HEADER-1177-MOBILE-MENU__HAMBURGER-COLOR) !important;
125
+ border-radius: 0.0625rem;
126
+ }
127
+ .ids-header-1177-menu-mobile:focus-visible[aria-expanded=true] {
128
+ border-radius: 100%;
129
+ }
120
130
  .ids-header-1177-menu-mobile {
121
131
  display: none;
122
132
  }
@@ -130,7 +140,7 @@
130
140
  }
131
141
 
132
142
  .ids-header-1177-menu-mobile__items {
133
- box-shadow: var(--IDS-BOX-SHADOW-BOTTOM);
143
+ box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-1);
134
144
  background-color: var(--IDS-HEADER-1177-MOBILE-MENU__BACKGROUND-COLOR);
135
145
  border-top: 0.0625rem solid var(--IDS-HEADER-1177-MOBILE-MENU__BORDER-COLOR);
136
146
  display: none;
package/components/header-1177/header-1177-nav-item-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a),.ids-header-1177--unresponsive .ids-header-1177__nav-item>a,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.031rem;min-height:3.5rem;padding:.875rem .625rem;position:relative;text-decoration:none}.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:focus,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:focus:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:hover:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:focus:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177--unresponsive .ids-header-1177__nav-item>a:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item>button:after{background:var(--IDS-HEADER-1177-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a):after{background:var(--IDS-HEADER-1177-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a:focus):after,.ids-header-1177--unresponsive .ids-header-1177__nav-item ::slotted(a:hover):after,.ids-header-1177--unresponsive .ids-header-1177__nav-item.ids-header-1177__nav-item--active ::slotted(a):after,.ids-header-1177--unresponsive .ids-header-1177__nav-item.ids-header-1177__nav-item--active a:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item.ids-header-1177__nav-item--active button:after,.ids-header-1177--unresponsive .ids-header-1177__nav-item.ids-header-1177__nav-item--expanded button:after{right:0;width:auto}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu{background-color:var(--IDS-HEADER-1177-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;position:absolute;top:100%;width:100%;z-index:2}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu.ids-header-1177-nav-item__menu--expanded{display:block}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-1,.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-2,.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-3,.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-4{flex:0 25%}.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-1 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-2 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-3 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-1]),.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-2]),.ids-header-1177--unresponsive .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-3]){border-bottom:.0313rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.031rem;min-height:3.5rem;padding:.875rem .625rem;position:relative;text-decoration:none}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:focus,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:focus:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:hover:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:focus:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:hover:after{right:0;width:auto}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>a:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item>button:after{background:var(--IDS-HEADER-1177-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a):after{background:var(--IDS-HEADER-1177-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a:focus){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a:focus):after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item ::slotted(a:hover):after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item.ids-header-1177__nav-item--active ::slotted(a):after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item.ids-header-1177__nav-item--active a:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item.ids-header-1177__nav-item--active button:after,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item.ids-header-1177__nav-item--expanded button:after{right:0;width:auto}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu{background-color:var(--IDS-HEADER-1177-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;position:absolute;top:100%;width:100%;z-index:2}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu.ids-header-1177-nav-item__menu--expanded{display:block}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-1,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-2,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-3,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-4{flex:0 25%}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-1 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-2 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-3 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-1]),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-2]),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-3]){border-bottom:.0313rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-item{display:none}}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a),:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.031rem;min-height:3.5rem;padding:.875rem .625rem;position:relative;text-decoration:none}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:focus,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:focus:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:focus:after{right:0;width:auto}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:hover:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:hover:after{right:0;width:auto}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>a:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive)>button:after{background:var(--IDS-HEADER-1177-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a):after{background:var(--IDS-HEADER-1177-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a:focus){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a:focus):after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) ::slotted(a:hover):after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive).ids-header-1177__nav-item--active ::slotted(a):after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive).ids-header-1177__nav-item--active a:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive).ids-header-1177__nav-item--active button:after,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive).ids-header-1177__nav-item--expanded button:after{right:0;width:auto}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu{background-color:var(--IDS-HEADER-1177-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;position:absolute;top:100%;width:100%;z-index:2}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu.ids-header-1177-nav-item__menu--expanded{display:block}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-1,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-2,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-3,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-4{flex:0 25%}:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-1 .ids-header-1177-nav__menu-item-wrapper,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-2 .ids-header-1177-nav__menu-item-wrapper,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-3 .ids-header-1177-nav__menu-item-wrapper,:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-1]),:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-2]),:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive) .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-3]){border-bottom:.0313rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}@media (max-width:1024px){:host .ids-header-1177__nav-item:not(.ids-header-1177__nav-item--unresponsive){display:none}}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a),:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button{align-items:center;background-color:transparent!important;border:none;border-radius:0;color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem!important;font-weight:400;height:100%;letter-spacing:-.031rem;min-height:3.5rem;padding:.875rem .625rem;position:relative;text-decoration:none}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:focus,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:focus:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:focus:after{right:0;width:auto}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:hover:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:hover:after{right:0;width:auto}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>a:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive>button:after{background:var(--IDS-HEADER-1177-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a):after{background:var(--IDS-HEADER-1177-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease 0s;width:0}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a:focus){outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a:focus):after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive ::slotted(a:hover):after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive.ids-header-1177__nav-item--active ::slotted(a):after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive.ids-header-1177__nav-item--active a:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive.ids-header-1177__nav-item--active button:after,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive.ids-header-1177__nav-item--expanded button:after{right:0;width:auto}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu{background-color:var(--IDS-HEADER-1177-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:0;min-height:10.813rem;padding:2.5rem .625rem 3.125rem;position:absolute;top:100%;width:100%;z-index:2}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu.ids-header-1177-nav-item__menu--expanded{display:block}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-1,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-2,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-3,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-4{flex:0 25%}:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-1 .ids-header-1177-nav__menu-item-wrapper,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-2 .ids-header-1177-nav__menu-item-wrapper,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content .ids-header-1177-nav-item__menu__content-col-3 .ids-header-1177-nav__menu-item-wrapper,:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-1]),:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-2]),:host .ids-header-1177__nav-item.ids-header-1177__nav-item--unresponsive .ids-header-1177-nav-item__menu .ids-header-1177-nav-item__menu__content ::slotted([slot=col-3]){border-bottom:.0313rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-bottom:.625rem;margin-right:2.5rem;padding-bottom:.625rem}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-nav-item{display:none}.ids-header-1177-nav-item .ids-notification-badge,.ids-header-1177-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:.188rem;position:relative;top:-.0625rem}.ids-header-1177-nav-item.ids-header-1177-nav-item--unresponsive{display:block}.ids-header-1177-nav-item .ids-header-1177-nav-item__button,.ids-header-1177-nav-item .ids-header-1177-nav-item__link{background-color:transparent;border:0;color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);cursor:pointer;display:block;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:var(--IDS-HEADER-1177-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;outline-offset:-.125rem!important;padding:1rem .75rem;position:relative;text-align:left;text-decoration:none}.ids-header-1177-nav-item .ids-header-1177-nav-item__button:after,.ids-header-1177-nav-item .ids-header-1177-nav-item__link:after{background-color:var(--IDS-HEADER-1177-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease;width:0}.ids-header-1177-nav-item .ids-header-1177-nav-item__button ::slotted(a),.ids-header-1177-nav-item .ids-header-1177-nav-item__button a,.ids-header-1177-nav-item .ids-header-1177-nav-item__link ::slotted(a),.ids-header-1177-nav-item .ids-header-1177-nav-item__link a{color:var(--IDS-HEADER-1177-NAV-ITEM__COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:var(--IDS-HEADER-1177-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;padding:0;text-decoration:none}.ids-header-1177-nav-item .ids-header-1177-nav-item__button:hover,.ids-header-1177-nav-item .ids-header-1177-nav-item__link:hover{text-decoration:none}.ids-header-1177-nav-item .ids-header-1177-nav-item__button:hover:after,.ids-header-1177-nav-item .ids-header-1177-nav-item__link:hover:after{right:0;width:auto}.ids-header-1177-nav-item .ids-header-1177-nav-item__button ::slotted(a:focus-visible),.ids-header-1177-nav-item .ids-header-1177-nav-item__button a:focus-visible,.ids-header-1177-nav-item .ids-header-1177-nav-item__button:focus-visible,.ids-header-1177-nav-item .ids-header-1177-nav-item__link ::slotted(a:focus-visible),.ids-header-1177-nav-item .ids-header-1177-nav-item__link a:focus-visible,.ids-header-1177-nav-item .ids-header-1177-nav-item__link:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-1177-nav-item.ids-header-1177-nav-item--active .ids-header-1177-nav-item__button:after,.ids-header-1177-nav-item.ids-header-1177-nav-item--active .ids-header-1177-nav-item__link:after{right:0;width:auto}.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__button,.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__link{color:var(--IDS-HEADER-1177-ADMIN-NAV-ITEM__COLOR)}.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__button:after,.ids-header-1177-nav-item.ids-header-1177-nav-item--expanded .ids-header-1177-nav-item__link:after{right:0;width:auto}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu{background-color:var(--IDS-HEADER-1177-NAV-ITEM-MENU__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:flex;display:none;left:0;min-height:10.813rem;overflow:hidden;padding:3rem 0;position:absolute;right:0;top:101%;width:100%;z-index:20}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu.ids-header-1177-nav-item__menu--expanded{display:block}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-1,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-2,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-3,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-4{flex:0 25%;flex-shrink:0}.ids-header-1177-nav-item ::slotted([slot=col-1]),.ids-header-1177-nav-item ::slotted([slot=col-2]),.ids-header-1177-nav-item ::slotted([slot=col-3]){border-bottom:.063rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:block;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-1 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-1 ids-link,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-2 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-2 ids-link,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-3 .ids-header-1177-nav__menu-item-wrapper,.ids-header-1177-nav-item .ids-header-1177-nav-item__menu-col-3 ids-link{border-bottom:.063rem solid var(--IDS-HEADER-1177-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}@media only screen and (min-width:1024px){.ids-header-1177-nav-item{display:flex}}:host .ids-header-1177-nav-item{margin-bottom:-.0625rem}";
4
4
 
5
5
  var header1177NavItemLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-nav-item-mobile-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:none;font-size:.875rem;gap:.5rem;height:2.375rem;justify-content:center;margin-left:.75rem;padding:0 .25rem;position:relative}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:inline-block;font-size:1.5rem;margin-bottom:-.1875rem}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile a,.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:flex;font:inherit;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile:hover{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile:hover .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR)}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile:hover a,.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile:hover button{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:none;font-size:.875rem;gap:.5rem;height:2.375rem;justify-content:center;margin-left:.75rem;padding:0 .25rem;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:inline-block;font-size:1.5rem;margin-bottom:-.1875rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile a,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:flex;font:inherit;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile:hover{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile:hover .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile:hover a,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile:hover button{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile{display:flex}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive){align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:none;font-size:.875rem;gap:.5rem;height:2.375rem;justify-content:center;margin-left:.75rem;padding:0 .25rem;position:relative}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:inline-block;font-size:1.5rem;margin-bottom:-.1875rem}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) a,:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:flex;font:inherit;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive):hover{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive):hover .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR)}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive):hover a,:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive):hover button{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}@media (max-width:1024px){:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive){display:flex}}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:none;font-size:.875rem;gap:.5rem;height:2.375rem;justify-content:center;margin-left:.75rem;padding:0 .25rem;position:relative}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:inline-block;font-size:1.5rem;margin-bottom:-.1875rem}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive a,:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:flex;font:inherit;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive:hover{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive:hover .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR)}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive:hover a,:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive:hover button{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0!important}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive ::slotted(a){inset:0;opacity:0;position:absolute}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:none;font-size:.875rem;gap:.5rem;height:2rem;justify-content:center;margin-left:.75rem;padding:0 .25rem;position:relative}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:inline-block;font-size:1.5rem;left:.25rem;margin-bottom:-.1875rem;position:absolute}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile ::slotted(a),.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile a{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:flex;height:2rem;justify-content:flex-end;padding-left:2rem;padding-right:.25rem;text-decoration:none}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile:hover .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR)}.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile ::slotted(a:hover),.ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile a:hover{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:none;font-size:.875rem;gap:.5rem;height:2rem;justify-content:center;margin-left:.75rem;padding:0 .25rem;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:inline-block;font-size:1.5rem;left:.25rem;margin-bottom:-.1875rem;position:absolute}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile ::slotted(a),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile a{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:flex;height:2rem;justify-content:flex-end;padding-left:2rem;padding-right:.25rem;text-decoration:none}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile:hover .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile ::slotted(a:hover),.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile a:hover{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile{display:flex}}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive){align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:none;font-size:.875rem;gap:.5rem;height:2rem;justify-content:center;margin-left:.75rem;padding:0 .25rem;position:relative}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:inline-block;font-size:1.5rem;left:.25rem;margin-bottom:-.1875rem;position:absolute}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) ::slotted(a),:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) a{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:flex;height:2rem;justify-content:flex-end;padding-left:2rem;padding-right:.25rem;text-decoration:none}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive):hover .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR)}:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) ::slotted(a:hover),:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) a:hover{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}@media (max-width:1024px){:host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive){display:flex}}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);cursor:pointer;display:none;font-size:.875rem;gap:.5rem;height:2rem;justify-content:center;margin-left:.75rem;padding:0 .25rem;position:relative}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:inline-block;font-size:1.5rem;left:.25rem;margin-bottom:-.1875rem;position:absolute}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive ::slotted(a),:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive a{align-items:center;color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);display:flex;height:2rem;justify-content:flex-end;padding-left:2rem;padding-right:.25rem;text-decoration:none}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive:hover .ids-header-1177-nav-item-mobile__icon{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR)}:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive ::slotted(a:hover),:host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive a:hover{color:var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}";
4
4
 
5
5
  var header1177NavItemMobileLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177-nav-item-mobile.css CHANGED
@@ -33,7 +33,7 @@
33
33
  font-size: 0.875rem;
34
34
  padding: 0 0.25rem;
35
35
  margin-left: 0.75rem;
36
- height: 2.375rem;
36
+ height: 2rem;
37
37
  position: relative;
38
38
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
39
39
  cursor: pointer;
@@ -43,48 +43,29 @@
43
43
  display: inline-block;
44
44
  margin-bottom: -0.1875rem;
45
45
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
46
+ position: absolute;
47
+ left: 0.25rem;
46
48
  }
47
49
  .ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile a,
48
- .ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile button {
50
+ .ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile ::slotted(a) {
51
+ height: 2rem;
49
52
  display: flex;
50
- width: 100%;
51
- gap: 0.5rem;
52
53
  text-decoration: none;
53
- background: none;
54
- color: inherit;
55
- border: none;
56
- padding: 0;
57
- font: inherit;
58
- cursor: pointer;
59
- outline: inherit;
60
54
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
61
- outline: none !important;
62
55
  align-items: center;
63
- justify-content: center;
64
- }
65
- .ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile:hover {
66
- color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
67
- text-decoration: underline;
68
- text-underline-offset: 0.125rem;
56
+ justify-content: flex-end;
57
+ padding-left: 2rem;
58
+ padding-right: 0.25rem;
69
59
  }
70
60
  .ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile:hover .ids-header-1177-nav-item-mobile__icon {
71
61
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
72
62
  }
73
- .ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile:hover a,
74
- .ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile:hover button {
63
+ .ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile a:hover,
64
+ .ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile ::slotted(a:hover) {
75
65
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
76
66
  text-decoration: underline;
77
67
  text-underline-offset: 0.125rem;
78
68
  }
79
- .ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile:focus-within {
80
- outline: var(--IDS-FOCUS__OUTLINE);
81
- outline-offset: 0 !important;
82
- }
83
- .ids-header-1177--unresponsive .ids-header-1177-nav-item-mobile ::slotted(a) {
84
- position: absolute;
85
- inset: 0;
86
- opacity: 0;
87
- }
88
69
 
89
70
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile {
90
71
  display: none;
@@ -94,7 +75,7 @@
94
75
  font-size: 0.875rem;
95
76
  padding: 0 0.25rem;
96
77
  margin-left: 0.75rem;
97
- height: 2.375rem;
78
+ height: 2rem;
98
79
  position: relative;
99
80
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
100
81
  cursor: pointer;
@@ -104,53 +85,34 @@
104
85
  display: inline-block;
105
86
  margin-bottom: -0.1875rem;
106
87
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
88
+ position: absolute;
89
+ left: 0.25rem;
107
90
  }
108
91
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile a,
109
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile button {
92
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile ::slotted(a) {
93
+ height: 2rem;
110
94
  display: flex;
111
- width: 100%;
112
- gap: 0.5rem;
113
95
  text-decoration: none;
114
- background: none;
115
- color: inherit;
116
- border: none;
117
- padding: 0;
118
- font: inherit;
119
- cursor: pointer;
120
- outline: inherit;
121
96
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
122
- outline: none !important;
123
97
  align-items: center;
124
- justify-content: center;
125
- }
126
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile:hover {
127
- color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
128
- text-decoration: underline;
129
- text-underline-offset: 0.125rem;
98
+ justify-content: flex-end;
99
+ padding-left: 2rem;
100
+ padding-right: 0.25rem;
130
101
  }
131
102
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile:hover .ids-header-1177-nav-item-mobile__icon {
132
103
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
133
104
  }
134
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile:hover a,
135
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile:hover button {
105
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile a:hover,
106
+ .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile ::slotted(a:hover) {
136
107
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
137
108
  text-decoration: underline;
138
109
  text-underline-offset: 0.125rem;
139
110
  }
140
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile:focus-within {
141
- outline: var(--IDS-FOCUS__OUTLINE);
142
- outline-offset: 0 !important;
143
- }
144
111
  @media (max-width: 1024px) {
145
112
  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile {
146
113
  display: flex;
147
114
  }
148
115
  }
149
- .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177-nav-item-mobile ::slotted(a) {
150
- position: absolute;
151
- inset: 0;
152
- opacity: 0;
153
- }
154
116
 
155
117
  :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) {
156
118
  display: none;
@@ -160,7 +122,7 @@
160
122
  font-size: 0.875rem;
161
123
  padding: 0 0.25rem;
162
124
  margin-left: 0.75rem;
163
- height: 2.375rem;
125
+ height: 2rem;
164
126
  position: relative;
165
127
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
166
128
  cursor: pointer;
@@ -170,53 +132,34 @@
170
132
  display: inline-block;
171
133
  margin-bottom: -0.1875rem;
172
134
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
135
+ position: absolute;
136
+ left: 0.25rem;
173
137
  }
174
138
  :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) a,
175
- :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) button {
139
+ :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) ::slotted(a) {
140
+ height: 2rem;
176
141
  display: flex;
177
- width: 100%;
178
- gap: 0.5rem;
179
142
  text-decoration: none;
180
- background: none;
181
- color: inherit;
182
- border: none;
183
- padding: 0;
184
- font: inherit;
185
- cursor: pointer;
186
- outline: inherit;
187
143
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
188
- outline: none !important;
189
144
  align-items: center;
190
- justify-content: center;
191
- }
192
- :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive):hover {
193
- color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
194
- text-decoration: underline;
195
- text-underline-offset: 0.125rem;
145
+ justify-content: flex-end;
146
+ padding-left: 2rem;
147
+ padding-right: 0.25rem;
196
148
  }
197
149
  :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive):hover .ids-header-1177-nav-item-mobile__icon {
198
150
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
199
151
  }
200
- :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive):hover a,
201
- :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive):hover button {
152
+ :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) a:hover,
153
+ :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) ::slotted(a:hover) {
202
154
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
203
155
  text-decoration: underline;
204
156
  text-underline-offset: 0.125rem;
205
157
  }
206
- :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive):focus-within {
207
- outline: var(--IDS-FOCUS__OUTLINE);
208
- outline-offset: 0 !important;
209
- }
210
158
  @media (max-width: 1024px) {
211
159
  :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) {
212
160
  display: flex;
213
161
  }
214
162
  }
215
- :host .ids-header-1177-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) ::slotted(a) {
216
- position: absolute;
217
- inset: 0;
218
- opacity: 0;
219
- }
220
163
  :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive {
221
164
  display: none;
222
165
  gap: 0.5rem;
@@ -225,7 +168,7 @@
225
168
  font-size: 0.875rem;
226
169
  padding: 0 0.25rem;
227
170
  margin-left: 0.75rem;
228
- height: 2.375rem;
171
+ height: 2rem;
229
172
  position: relative;
230
173
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
231
174
  cursor: pointer;
@@ -235,45 +178,26 @@
235
178
  display: inline-block;
236
179
  margin-bottom: -0.1875rem;
237
180
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
181
+ position: absolute;
182
+ left: 0.25rem;
238
183
  }
239
184
  :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive a,
240
- :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive button {
185
+ :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive ::slotted(a) {
186
+ height: 2rem;
241
187
  display: flex;
242
- width: 100%;
243
- gap: 0.5rem;
244
188
  text-decoration: none;
245
- background: none;
246
- color: inherit;
247
- border: none;
248
- padding: 0;
249
- font: inherit;
250
- cursor: pointer;
251
- outline: inherit;
252
189
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__COLOR);
253
- outline: none !important;
254
190
  align-items: center;
255
- justify-content: center;
256
- }
257
- :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive:hover {
258
- color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
259
- text-decoration: underline;
260
- text-underline-offset: 0.125rem;
191
+ justify-content: flex-end;
192
+ padding-left: 2rem;
193
+ padding-right: 0.25rem;
261
194
  }
262
195
  :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive:hover .ids-header-1177-nav-item-mobile__icon {
263
196
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
264
197
  }
265
- :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive:hover a,
266
- :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive:hover button {
198
+ :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive a:hover,
199
+ :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive ::slotted(a:hover) {
267
200
  color: var(--IDS-HEADER-1177-NAV-ITEM-MOBILE__HOVER-COLOR);
268
201
  text-decoration: underline;
269
202
  text-underline-offset: 0.125rem;
270
- }
271
- :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive:focus-within {
272
- outline: var(--IDS-FOCUS__OUTLINE);
273
- outline-offset: 0 !important;
274
- }
275
- :host .ids-header-1177-nav-item-mobile.ids-header-1177-nav-item-mobile--unresponsive ::slotted(a) {
276
- position: absolute;
277
- inset: 0;
278
- opacity: 0;
279
203
  }