@inera/ids-design 6.0.3 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/components/box-link/box-link-lit.js +1 -1
  2. package/components/box-link/box-link.css +1 -0
  3. package/components/dialog/dialog-lit.js +1 -1
  4. package/components/dialog/dialog.css +2 -0
  5. package/components/dropdown/dropdown-lit.js +1 -1
  6. package/components/dropdown/dropdown.css +0 -1
  7. package/components/form/error-message/error-message-lit.js +1 -1
  8. package/components/form/error-message/error-message.css +2 -1
  9. package/components/form/select-multiple/select-multiple-lit.js +1 -1
  10. package/components/form/select-multiple/select-multiple.css +35 -15
  11. package/components/header-1177/composite-header-1177.css +5 -5
  12. package/components/header-1177/header-1177-lit.js +1 -1
  13. package/components/header-1177/header-1177.css +5 -5
  14. package/components/mobile-menu/mobile-menu-lit.js +1 -1
  15. package/components/mobile-menu/mobile-menu.css +39 -17
  16. package/components/pagination/list-pagination/list-pagination-lit.js +1 -1
  17. package/components/pagination/list-pagination/list-pagination.css +8 -8
  18. package/components/popover/popover-lit.js +1 -1
  19. package/components/popover/popover.css +1 -0
  20. package/components/progressbar/progressbar-lit.js +1 -1
  21. package/components/progressbar/progressbar.css +7 -1
  22. package/components/side-menu/side-menu-lit.js +1 -1
  23. package/components/side-menu/side-menu.css +4 -2
  24. package/components/side-panel/side-panel-lit.js +1 -1
  25. package/components/side-panel/side-panel.css +0 -13
  26. package/components/stepper/stepper-lit.js +1 -1
  27. package/components/stepper/stepper.css +21 -9
  28. package/components/tabs/tab-lit.js +1 -1
  29. package/components/tabs/tab.css +10 -5
  30. package/components/tabs/tabs-lit.js +1 -1
  31. package/global/global.css +395 -84
  32. package/global/icons/font/Inera-Design-Icons.eot +0 -0
  33. package/global/icons/font/Inera-Design-Icons.svg +171 -3
  34. package/global/icons/font/Inera-Design-Icons.ttf +0 -0
  35. package/global/icons/font/Inera-Design-Icons.woff +0 -0
  36. package/package.json +1 -1
  37. package/themes/1177/1177.css +405 -95
  38. package/themes/1177-pro/1177-pro.css +405 -95
  39. package/themes/inera/inera.css +405 -95
  40. package/themes/inera-admin/inera-admin.css +405 -95
package/components/box-link/box-link-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-box-link{align-items:flex-start;background-color:var(--IDS-LINK--BOX__BACKGROUND-COLOR);border-radius:.3125rem;box-sizing:border-box;display:flex;font-size:1rem;line-height:1.5rem;position:relative}.ids-box-link .ids-box-link__link{cursor:pointer;display:block;flex-grow:1}.ids-box-link .ids-box-link__link:focus ::slotted(a),.ids-box-link .ids-box-link__link:focus a,.ids-box-link .ids-box-link__link:hover ::slotted(a),.ids-box-link .ids-box-link__link:hover a{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);text-decoration:underline!important}.ids-box-link ::slotted(a),.ids-box-link a{border-radius:.3125rem;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:block;padding:.75rem;text-decoration:none}.ids-box-link ::slotted(a):focus,.ids-box-link a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-box-link ::slotted(a.ids-box-link--old-icon),.ids-box-link a.ids-box-link--old-icon{display:flex;gap:.5rem}.ids-box-link .ids-icon{align-items:center;display:inline-flex;height:1.5rem;justify-content:center}.ids-box-link .ids-box-link__button{color:var(--IDS-ICON__COLOR);display:flex;flex-shrink:0;height:3rem;position:relative;width:3rem}.ids-box-link .ids-box-link__button .ids-contains-icon,.ids-box-link .ids-box-link__button .ids-icon,.ids-box-link .ids-box-link__button ::slotted([slot=old-icon]){display:block!important;position:absolute!important;right:1rem;top:.75rem}.ids-box-link .ids-box-link__button ::slotted(button),.ids-box-link .ids-box-link__button button{background:none;border:0;border-radius:.3125rem;color:var(--IDS-ICON__COLOR);cursor:pointer;font-size:1.5rem!important;height:100%!important;outline-offset:-.125rem!important;padding:0;position:absolute!important;right:0;top:0;width:100%!important}.ids-box-link .ids-box-link__button ::slotted(button):before,.ids-box-link .ids-box-link__button button:before{right:1rem!important;top:.75rem!important}.ids-box-link .ids-box-link__button:hover{color:var(--IDS-ICON--ACTIVE-COLOR)}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-box-link{align-items:flex-start;background-color:var(--IDS-LINK--BOX__BACKGROUND-COLOR);border-radius:.3125rem;box-sizing:border-box;display:flex;font-size:1rem;line-height:1.5rem;position:relative}.ids-box-link .ids-box-link__link{cursor:pointer;display:block;flex-grow:1}.ids-box-link .ids-box-link__link:focus ::slotted(a),.ids-box-link .ids-box-link__link:focus a,.ids-box-link .ids-box-link__link:hover ::slotted(a),.ids-box-link .ids-box-link__link:hover a{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);text-decoration:underline!important}.ids-box-link ::slotted(a),.ids-box-link a{border-radius:.3125rem;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:block;outline-offset:-.125rem!important;padding:.75rem;text-decoration:none}.ids-box-link ::slotted(a):focus,.ids-box-link a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-box-link ::slotted(a.ids-box-link--old-icon),.ids-box-link a.ids-box-link--old-icon{display:flex;gap:.5rem}.ids-box-link .ids-icon{align-items:center;display:inline-flex;height:1.5rem;justify-content:center}.ids-box-link .ids-box-link__button{color:var(--IDS-ICON__COLOR);display:flex;flex-shrink:0;height:3rem;position:relative;width:3rem}.ids-box-link .ids-box-link__button .ids-contains-icon,.ids-box-link .ids-box-link__button .ids-icon,.ids-box-link .ids-box-link__button ::slotted([slot=old-icon]){display:block!important;position:absolute!important;right:1rem;top:.75rem}.ids-box-link .ids-box-link__button ::slotted(button),.ids-box-link .ids-box-link__button button{background:none;border:0;border-radius:.3125rem;color:var(--IDS-ICON__COLOR);cursor:pointer;font-size:1.5rem!important;height:100%!important;outline-offset:-.125rem!important;padding:0;position:absolute!important;right:0;top:0;width:100%!important}.ids-box-link .ids-box-link__button ::slotted(button):before,.ids-box-link .ids-box-link__button button:before{right:1rem!important;top:.75rem!important}.ids-box-link .ids-box-link__button:hover{color:var(--IDS-ICON--ACTIVE-COLOR)}";
4
4
 
5
5
  var boxLinkLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/box-link/box-link.css CHANGED
@@ -53,6 +53,7 @@
53
53
  padding: 0.75rem;
54
54
  border-radius: 0.3125rem;
55
55
  text-decoration: none;
56
+ outline-offset: -0.125rem !important;
56
57
  }
57
58
  .ids-box-link a:focus,
58
59
  .ids-box-link ::slotted(a):focus {
package/components/dialog/dialog-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-dialog{align-items:flex-start;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-DIALOG__BORDER-COLOR);border-radius:var(--IDS-DIALOG__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);color:var(--IDS-DIALOG__COLOR);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 5rem);max-width:calc(100% - 3.75rem);padding:2.5rem 1.875rem;position:fixed;text-align:left;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:200}@media (max-width:1024px){.ids-dialog{padding:2.5rem .625rem}}@media (max-width:640px){.ids-dialog{max-height:calc(100% - 5rem);width:calc(100% - 3.75rem)}}.ids-dialog:has(.ids-dialog__header){padding-top:1.25rem}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__header{align-items:flex-end;display:flex;justify-content:flex-end;padding-bottom:.25rem;width:100%}.ids-dialog .ids-dialog__header .ids-dialog__header__button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;height:1.25rem;justify-content:center;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;position:relative;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:1.25rem}.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__header .ids-dialog__header__button:before{color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}.ids-dialog .ids-dialog__header .ids-dialog__header__button:active:before,.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus:before,.ids-dialog .ids-dialog__header .ids-dialog__header__button:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-dialog .ids-dialog__body{height:100%;margin-right:.188rem;overflow-y:auto;padding:0 .375rem .625rem .625rem}.ids-dialog .ids-dialog__body::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner{background-color:transparent}.ids-dialog .ids-dialog__body:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar{padding-right:1.25rem}.ids-dialog .ids-dialog__body .ids-dialog__body__headline{align-self:center;margin:0;padding-top:.375rem}@media (max-width:1024px){.ids-dialog .ids-dialog__body .ids-dialog__body__headline{padding-top:0}}.ids-dialog .ids-dialog__body .ids-dialog__body__header{align-items:flex-end;-webkit-align-items:flex-end;box-sizing:border-box;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding:1.25rem 0 0;width:100%}.ids-dialog .ids-dialog__body .ids-dialog__body__content{margin-top:1.25rem}.ids-dialog .ids-dialog__footer{margin-top:1.875rem}.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;width:100%}@media (max-width:1024px){.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){flex-direction:column;gap:1.25rem}}.ids-dialog-overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-dialog-overlay.ids-dialog-overlay--hidden{display:none}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dialog{align-items:flex-start;background-color:var(--IDS-COLOR-NEUTRAL-100);border:.0625rem solid var(--IDS-DIALOG__BORDER-COLOR);border-radius:var(--IDS-DIALOG__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);color:var(--IDS-DIALOG__COLOR);display:flex;flex-direction:column;left:50%;max-height:calc(100% - 5rem);max-width:calc(100% - 3.75rem);padding:2.5rem 1.875rem;position:fixed;text-align:left;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:200}@media (max-width:1024px){.ids-dialog{padding:2.5rem .625rem}}@media (max-width:640px){.ids-dialog{max-height:calc(100% - 5rem);width:calc(100% - 3.75rem)}}.ids-dialog:has(.ids-dialog__header){padding-top:1.25rem}.ids-dialog.ids-dialog--hidden{display:none}.ids-dialog .ids-dialog__header{align-items:flex-end;display:flex;justify-content:flex-end;padding-bottom:.25rem;width:100%;word-break:break-all}.ids-dialog .ids-dialog__header .ids-dialog__header__button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;height:1.25rem;justify-content:center;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;position:relative;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:1.25rem}.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__header .ids-dialog__header__button:before{color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}.ids-dialog .ids-dialog__header .ids-dialog__header__button:active:before,.ids-dialog .ids-dialog__header .ids-dialog__header__button:focus:before,.ids-dialog .ids-dialog__header .ids-dialog__header__button:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-dialog .ids-dialog__body{height:100%;margin-right:.188rem;overflow-y:auto;padding:0 .375rem .625rem .625rem;word-break:break-all}.ids-dialog .ids-dialog__body::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-dialog .ids-dialog__body::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-dialog .ids-dialog__body::-webkit-scrollbar-corner{background-color:transparent}.ids-dialog .ids-dialog__body:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-dialog .ids-dialog__body.ids-dialog__body--has-scrollbar{padding-right:1.25rem}.ids-dialog .ids-dialog__body .ids-dialog__body__headline{align-self:center;margin:0;padding-top:.375rem}@media (max-width:1024px){.ids-dialog .ids-dialog__body .ids-dialog__body__headline{padding-top:0}}.ids-dialog .ids-dialog__body .ids-dialog__body__header{align-items:flex-end;-webkit-align-items:flex-end;box-sizing:border-box;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding:1.25rem 0 0;width:100%}.ids-dialog .ids-dialog__body .ids-dialog__body__content{margin-top:1.25rem}.ids-dialog .ids-dialog__footer{margin-top:1.875rem}.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;width:100%}@media (max-width:1024px){.ids-dialog .ids-dialog__footer,.ids-dialog ::slotted([slot=actions]){flex-direction:column;gap:1.25rem}}.ids-dialog-overlay{background-color:var(--IDS-OVERLAY__BACKGROUND-COLOR);bottom:0;left:0;position:fixed;right:0;top:0;z-index:200}.ids-dialog-overlay.ids-dialog-overlay--hidden{display:none}";
4
4
 
5
5
  var dialogLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/dialog/dialog.css CHANGED
@@ -70,6 +70,7 @@
70
70
  justify-content: flex-end;
71
71
  display: flex;
72
72
  padding-bottom: 0.25rem;
73
+ word-break: break-all;
73
74
  }
74
75
  .ids-dialog .ids-dialog__header .ids-dialog__header__button {
75
76
  min-width: 1.5rem;
@@ -116,6 +117,7 @@
116
117
  margin-right: 0.188rem;
117
118
  height: 100%;
118
119
  overflow-y: auto;
120
+ word-break: break-all;
119
121
  }
120
122
  .ids-dialog .ids-dialog__body::-webkit-scrollbar {
121
123
  width: 1rem;
package/components/dropdown/dropdown-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dropdown{display:block;position:relative}.ids-dropdown__content,:host(ids-dropdown-content){background:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);left:0;padding:.5rem;position:absolute;top:0;width:max-content;z-index:10}.ids-dropdown__content.ids-dropdown__content--hide,:host(ids-dropdown-content).ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]),:host(ids-dropdown-content).ids-dropdown__content--mblock,:host(ids-dropdown-content):host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]),:host(ids-dropdown-content).ids-dropdown__content--sblock,:host(ids-dropdown-content):host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown__link,.ids-dropdown__content ::slotted(*),:host(ids-dropdown-content) .ids-dropdown__link,:host(ids-dropdown-content) ::slotted(*){align-items:flex-start!important;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);color:var(--IDS-ICON__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem!important;letter-spacing:var(--Font-letter-spacing-body-text,0);line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;text-decoration:none;white-space:normal!important}.ids-dropdown__content .ids-dropdown__link:focus,.ids-dropdown__content .ids-dropdown__link:hover,.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover),:host(ids-dropdown-content) .ids-dropdown__link:focus,:host(ids-dropdown-content) .ids-dropdown__link:hover,:host(ids-dropdown-content) ::slotted(a:focus),:host(ids-dropdown-content) ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-COLOR-NEUTRAL-100)}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-dropdown{display:block;position:relative}.ids-dropdown__content,:host(ids-dropdown-content){background:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);left:0;padding:.5rem;position:absolute;top:0;width:max-content;z-index:10}.ids-dropdown__content.ids-dropdown__content--hide,:host(ids-dropdown-content).ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]),:host(ids-dropdown-content).ids-dropdown__content--mblock,:host(ids-dropdown-content):host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]),:host(ids-dropdown-content).ids-dropdown__content--sblock,:host(ids-dropdown-content):host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown__link,.ids-dropdown__content ::slotted(*),:host(ids-dropdown-content) .ids-dropdown__link,:host(ids-dropdown-content) ::slotted(*){align-items:flex-start!important;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);color:var(--IDS-ICON__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem!important;line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;text-decoration:none;white-space:normal!important}.ids-dropdown__content .ids-dropdown__link:focus,.ids-dropdown__content .ids-dropdown__link:hover,.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover),:host(ids-dropdown-content) .ids-dropdown__link:focus,:host(ids-dropdown-content) .ids-dropdown__link:hover,:host(ids-dropdown-content) ::slotted(a:focus),:host(ids-dropdown-content) ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-COLOR-NEUTRAL-100)}";
4
4
 
5
5
  var dropdownLit = css`
6
6
  ${unsafeCSS(css_248z)}
package/components/dropdown/dropdown.css CHANGED
@@ -60,7 +60,6 @@
60
60
  font-style: normal !important;
61
61
  font-weight: 400 !important;
62
62
  line-height: 1.5rem !important;
63
- letter-spacing: var(--Font-letter-spacing-body-text, 0);
64
63
  padding: 0.25rem 0.75rem !important;
65
64
  outline-offset: -0.25rem !important;
66
65
  outline-color: var(--IDS-COLOR-NEUTRAL-100) !important;
package/components/form/error-message/error-message-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-error-message{align-items:center;background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);border:var(--IDS-ERROR-MESSAGE__BORDER);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-ERROR-MESSAGE__COLOR);display:none;gap:.5rem;margin-top:var(--IDS-ERROR-MESSAGE__MARGIN-TOP);padding:var(--IDS-ERROR-MESSAGE__PADDING);position:relative}.ids-error-message.ids-error-message--show{display:inline-flex}.ids-error-message:after,.ids-error-message:before{content:\"\";display:block;height:.75rem;left:2.563rem;position:absolute;transform:rotate(45deg);width:.75rem;z-index:9}.ids-error-message:after{background-color:var(--IDS-COLOR-NEUTRAL-100);top:-.375rem}.ids-error-message:before{background-color:var(--IDS-ERROR-MESSAGE__BORDER-COLOR);top:-.438rem}.ids-error-message .ids-error-message__text{padding-left:1.75rem;position:relative}.ids-error-message .ids-error-message__text:before{color:var(--IDS-ICON--INVALID-COLOR);content:\"\\e913\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}";
3
+ var css_248z = ".ids-error-message{align-items:center;background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);border:var(--IDS-ERROR-MESSAGE__BORDER);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-ERROR-MESSAGE__COLOR);display:none;gap:.5rem;margin-bottom:.25rem;margin-top:.75rem;padding:var(--IDS-ERROR-MESSAGE__PADDING);position:relative}.ids-error-message.ids-error-message--show{display:inline-flex}.ids-error-message:after,.ids-error-message:before{content:\"\";display:block;height:.75rem;left:2.563rem;position:absolute;transform:rotate(45deg);width:.75rem;z-index:9}.ids-error-message:after{background-color:var(--IDS-COLOR-NEUTRAL-100);top:-.375rem}.ids-error-message:before{background-color:var(--IDS-ERROR-MESSAGE__BORDER-COLOR);top:-.438rem}.ids-error-message .ids-error-message__text{padding-left:1.75rem;position:relative}.ids-error-message .ids-error-message__text:before{color:var(--IDS-ICON--INVALID-COLOR);content:\"\\e913\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}";
4
4
 
5
5
  var errorMessageLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/error-message/error-message.css CHANGED
@@ -17,7 +17,8 @@
17
17
  background-color: var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);
18
18
  border-radius: var(--IDS-BORDER-RADIUS);
19
19
  border: var(--IDS-ERROR-MESSAGE__BORDER);
20
- margin-top: var(--IDS-ERROR-MESSAGE__MARGIN-TOP);
20
+ margin-top: 0.75rem;
21
+ margin-bottom: 0.25rem;
21
22
  padding: var(--IDS-ERROR-MESSAGE__PADDING);
22
23
  position: relative;
23
24
  align-items: center;
package/components/form/select-multiple/select-multiple-lit.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css, unsafeCSS } from 'lit';
2
2
 
3
- var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select:disabled{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select[aria-disabled=true]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple-wrapper{display:flex;position:relative}.ids-select-multiple-wrapper:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;height:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);width:1rem}.ids-select-multiple-wrapper:has(.ids-input--invalid):after{color:var(--IDS-ICON--INVALID-COLOR)}.ids-select-multiple-wrapper:has([aria-disabled=true]):after,.ids-select-multiple-wrapper:has(input:disabled):after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-select-multiple__dropdown__wrapper{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS);box-shadow:0 0 .375rem rgba(0,0,0,.3);left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner{background-color:transparent}:host([disabled]) input{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple-label-wrapper{align-items:flex-start;display:inline-flex;gap:.5rem;margin-bottom:.25rem;margin-right:.25rem}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper{margin-bottom:-.25rem}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper label{display:inline;margin-right:.25rem;position:relative;top:-.188rem}";
3
+ var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select:disabled{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select.ids-input--light:disabled{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select[aria-disabled=true]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple-wrapper{display:flex;position:relative}.ids-select-multiple-wrapper:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;height:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);width:1rem}.ids-select-multiple-wrapper:has(.ids-input--invalid):after,.ids-select-multiple-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-ICON--INVALID-COLOR)}.ids-select-multiple-wrapper:has(input:disabled):after,.ids-select-multiple-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-select-multiple__dropdown__wrapper{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS);box-shadow:0 0 .375rem rgba(0,0,0,.3);left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner{background-color:transparent}:host([disabled]) input{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper{align-items:flex-start;display:inline-flex;gap:.5rem}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline{display:inline}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline label{display:inline;margin-right:.5rem;position:relative;top:-.1875rem}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);margin-bottom:.25rem;min-height:1.25rem;min-width:1.5rem}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED__COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper .ids-label.ids-label--no-label{display:none}";
4
4
 
5
5
  var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/form/select-multiple/select-multiple.css CHANGED
@@ -57,7 +57,7 @@
57
57
  .ids-select-multiple__select.ids-input--light.ids-input--invalid {
58
58
  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
59
59
  }
60
- .ids-select-multiple__select.ids-input--invalid {
60
+ .ids-select-multiple__select.ids-input--invalid, .ids-select-multiple__select[aria-invalid=true] {
61
61
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
62
62
  border: var(--IDS-FORM--INVALID__BORDER);
63
63
  box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
@@ -65,7 +65,7 @@
65
65
  .ids-select-multiple__select.ids-input--light {
66
66
  background-color: var(--IDS-COLOR-NEUTRAL-100);
67
67
  }
68
- .ids-select-multiple__select.ids-input--light.ids-input--invalid {
68
+ .ids-select-multiple__select.ids-input--light.ids-input--invalid, .ids-select-multiple__select.ids-input--light[aria-invalid=true] {
69
69
  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
70
70
  border: var(--IDS-FORM--INVALID__BORDER);
71
71
  box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
@@ -111,10 +111,10 @@
111
111
  transform: translateY(-50%);
112
112
  right: var(--IDS-INPUT__ICON-RIGHT);
113
113
  }
114
- .ids-select-multiple-wrapper:has(.ids-input--invalid)::after {
114
+ .ids-select-multiple-wrapper:has(.ids-input--invalid)::after, .ids-select-multiple-wrapper:has(input[aria-invalid=true])::after {
115
115
  color: var(--IDS-ICON--INVALID-COLOR);
116
116
  }
117
- .ids-select-multiple-wrapper:has(input:disabled)::after, .ids-select-multiple-wrapper:has([aria-disabled=true])::after {
117
+ .ids-select-multiple-wrapper:has(input:disabled)::after, .ids-select-multiple-wrapper:has(input[aria-disabled=true])::after {
118
118
  color: var(--IDS-ICON--DISABLED-COLOR);
119
119
  }
120
120
 
@@ -170,23 +170,43 @@
170
170
  opacity: 1;
171
171
  }
172
172
 
173
- .ids-select-multiple-label-wrapper {
174
- margin-bottom: -0.25rem;
173
+ .ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper {
175
174
  display: inline-flex;
176
175
  align-items: flex-start;
177
176
  gap: 0.5rem;
178
- margin-bottom: 0.25rem;
179
- margin-right: 0.25rem;
180
177
  }
181
- .ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper {
182
- margin-bottom: -0.25rem;
178
+ .ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--block {
179
+ width: 100%;
183
180
  }
184
- .ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper label {
181
+ .ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline {
185
182
  display: inline;
186
- top: -0.188rem;
183
+ }
184
+ .ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline label {
185
+ display: inline;
186
+ margin-right: 0.5rem;
187
187
  position: relative;
188
- margin-right: 0.25rem;
188
+ top: -0.1875rem;
189
+ }
190
+ .ids-select-multiple-label-wrapper .ids-label {
191
+ color: var(--IDS-FORM-LABEL__COLOR);
192
+ font-family: var(--IDS-FORM-LABEL__FONT-FAMILY);
193
+ font-size: var(--IDS-FORM-LABEL__FONT-SIZE);
194
+ font-style: normal;
195
+ font-weight: var(--IDS-FORM-LABEL__FONT-WEIGHT);
196
+ letter-spacing: var(--IDS-FORM-LABEL__LETTER-SPACING);
197
+ line-height: var(--IDS-FORM-LABEL__HEIGHT);
198
+ min-height: 1.25rem;
199
+ min-width: 1.5rem;
200
+ margin-bottom: 0.25rem;
201
+ }
202
+ .ids-select-multiple-label-wrapper .ids-label.ids-label--clickable {
203
+ cursor: pointer !important;
189
204
  }
190
- .ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper label {
191
- margin-right: 0.25rem;
205
+ .ids-select-multiple-label-wrapper .ids-label.ids-label--disabled {
206
+ font-style: italic;
207
+ color: var(--IDS-FORM-LABEL--DISABLED__COLOR);
208
+ cursor: default !important;
209
+ }
210
+ .ids-select-multiple-label-wrapper .ids-label.ids-label--no-label {
211
+ display: none;
192
212
  }
package/components/header-1177/composite-header-1177.css CHANGED
@@ -395,7 +395,7 @@ header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__con
395
395
  font-size: 0.875rem;
396
396
  color: var(--IDS-COLOR-PRIMARY-35);
397
397
  align-items: center;
398
- padding: 0 1.5rem 0 0.125rem;
398
+ padding: 0 1.75rem 0 0.125rem;
399
399
  margin: 0 -0.5rem;
400
400
  position: relative;
401
401
  }
@@ -406,7 +406,7 @@ header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__con
406
406
  @media (max-width: 1024px) {
407
407
  header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button {
408
408
  inset: 0;
409
- padding-right: 1.25rem;
409
+ padding-right: 1.5rem;
410
410
  padding-left: 1.25rem;
411
411
  margin-right: 0.0625rem;
412
412
  position: absolute;
@@ -426,7 +426,7 @@ header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__con
426
426
  pointer-events: none;
427
427
  content: "\e936";
428
428
  color: var(--IDS-HEADER__REGION-PICKER-ICON);
429
- right: 0.25rem;
429
+ right: 0.125rem;
430
430
  }
431
431
  header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button.ids-header-1177__region-picker__button--expanded:after {
432
432
  content: "\e939";
@@ -707,7 +707,7 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container
707
707
  font-size: 0.875rem;
708
708
  color: var(--IDS-COLOR-PRIMARY-35);
709
709
  align-items: center;
710
- padding: 0 1.5rem 0 0.125rem;
710
+ padding: 0 1.75rem 0 0.125rem;
711
711
  margin: 0 -0.5rem;
712
712
  position: relative;
713
713
  }
@@ -723,7 +723,7 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container
723
723
  pointer-events: none;
724
724
  content: "\e936";
725
725
  color: var(--IDS-HEADER__REGION-PICKER-ICON);
726
- right: 0.25rem;
726
+ right: 0.125rem;
727
727
  }
728
728
  header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button.ids-header-1177__region-picker__button--expanded:after {
729
729
  content: "\e939";
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{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive){--IDS-HEADER__REGION-PICKER-ICON:var(--IDS-COLOR-PRIMARY-35)}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive){--IDS-HEADER__REGION-PICKER-ICON:var(--IDS-COLOR-NEUTRAL-100)}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container{background:linear-gradient(90deg,var(--IDS-COLOR-PRIMARY-40) 50%,var(--IDS-COLOR-PRIMARY-90) 50%);padding:0;position:relative;z-index:2}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2)}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{align-items:center;background:var(--IDS-COLOR-PRIMARY-90);display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}@media (min-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{min-height:7.5rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{display:block;flex-grow:1;margin-left:auto;max-width:calc(100% - 7.5rem)}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-COLOR-PRIMARY-40);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;padding-left:.75rem;padding-right:2.25rem;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-COLOR-PRIMARY-40);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{cursor:pointer;height:6.4375rem;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: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:before{color:var(--IDS-COLOR-NEUTRAL-100);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]),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-COLOR-NEUTRAL-100);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,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]: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-COLOR-PRIMARY-40);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: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: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__region{align-items:center;display:flex;flex-grow:1;gap:1rem;position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:after{clip:rect(7.8125rem,18.75rem,10.8125rem,18.125rem);background-color:var(--IDS-COLOR-PRIMARY-40);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){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:after{display:block}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region{background-color:var(--IDS-COLOR-PRIMARY-40);justify-content:space-between}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected{margin-left:-.25rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker .ids-header-1177__region-picker__button{display:flex;justify-content:end}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon{min-height:7.5rem;padding-right:2rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";left:-1.875rem;min-height:4rem;position:absolute;width:.063rem;z-index:1}@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.ids-header-1177__region--selected .ids-header-1177__region-icon:before{left:0;min-height:2rem;top:50%;transform:translateY(-50%)}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon{max-width:11rem;min-height:3rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker__text{font-size:1rem}@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.ids-header-1177__region--selected .ids-header-1177__region-picker__text{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker{min-width:7rem}@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:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker .ids-header-1177__region-picker__button:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";left:-1.875rem;min-height:4rem;position:absolute;width:.063rem;z-index:1}}@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__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker .ids-header-1177__region-picker__button:before{left:0;min-height:2rem;top:50%;transform:translateY(-50%)}}@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:not(.ids-header-1177__region--selected) .ids-header-1177__region-icon,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-icon:before{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon{align-items:center;background-color:var(--IDS-COLOR-PRIMARY-40);display:flex;height:100%;position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-icon{display:block!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__region .ids-header-1177__region-icon{align-items:normal;background-color:var(--IDS-COLOR-PRIMARY-40);height:auto;justify-content:space-between;padding-left:1rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-COLOR-PRIMARY-40);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__region .ids-header-1177__region-icon:after{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon slot{align-items:center;display:flex}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-header-1177__region-logo,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon ::slotted([slot=region]){display:flex;height:2.813rem;max-height:2.813rem;min-height:2.813rem}@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 .ids-header-1177__region-icon .ids-header-1177__region-logo,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon ::slotted([slot=region]){max-height:2rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker{align-items:center;height:inherit;margin:0 -.4375rem 0 .5rem;padding:0 .5rem;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 .ids-header-1177__region-picker{height:100%;justify-content:space-between;margin-left:0;position:static}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button{align-items:center;background:none;background-color:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:1rem;margin:0 -.5rem;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0 1.5rem 0 .125rem;position:relative;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!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__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button{color:var(--IDS-COLOR-NEUTRAL-100);inset:0;justify-content:space-between;margin-right:.0625rem;padding-left:1.25rem;padding-right:1.25rem;position:absolute}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button:focus{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:-.25rem!important}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button:after{color:var(--IDS-HEADER__REGION-PICKER-ICON);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.25rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button.ids-header-1177__region-picker__button--expanded:after{content:\"\\e939\"}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__nav-mobile{background-color:var(--IDS-COLOR-PRIMARY-90);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:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content ::slotted(a),header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content a{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);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:10}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content ::slotted(a:focus),header.ids-header-1177:not(.ids-header-1177--unresponsive) .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)}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive){box-shadow:none}}header.ids-header-1177.ids-header-1177--unresponsive{--IDS-HEADER__REGION-PICKER-ICON:var(--IDS-COLOR-PRIMARY-35)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container{background:linear-gradient(90deg,var(--IDS-COLOR-PRIMARY-40) 50%,var(--IDS-COLOR-PRIMARY-90) 50%);padding:0;position:relative;z-index:2}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner{align-items:center;background:var(--IDS-COLOR-PRIMARY-90);display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;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}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{display:block;flex-grow:1;margin-left:auto;max-width:calc(100% - 7.5rem)}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-COLOR-PRIMARY-40);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;padding-left:.75rem;padding-right:2.25rem;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-COLOR-PRIMARY-40);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{cursor:pointer;height:6.4375rem;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: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:before{color:var(--IDS-COLOR-NEUTRAL-100);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]),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-COLOR-NEUTRAL-100);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,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]: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__region{align-items:center;display:flex;flex-grow:1;gap:1rem;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:after{clip:rect(7.8125rem,18.75rem,10.8125rem,18.125rem);background-color:var(--IDS-COLOR-PRIMARY-40);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}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected{margin-left:-.25rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker .ids-header-1177__region-picker__button{display:flex;justify-content:end}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon{min-height:7.5rem;padding-right:2rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";left:-1.875rem;min-height:4rem;position:absolute;width:.063rem;z-index:1}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker__text{font-size:1rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker{min-width:7rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon{align-items:center;background-color:var(--IDS-COLOR-PRIMARY-40);display:flex;height:100%;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-icon{display:block!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-COLOR-PRIMARY-40);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__region .ids-header-1177__region-icon slot{align-items:center;display:flex}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-header-1177__region-logo,header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon ::slotted([slot=region]){display:flex;height:2.813rem;max-height:2.813rem;min-height:2.813rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker{align-items:center;height:inherit;margin:0 -.4375rem 0 .5rem;padding:0 .5rem;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button{align-items:center;background:none;background-color:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:1rem;margin:0 -.5rem;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0 1.5rem 0 .125rem;position:relative;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button:after{color:var(--IDS-HEADER__REGION-PICKER-ICON);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.25rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button.ids-header-1177__region-picker__button--expanded:after{content:\"\\e939\"}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__nav-mobile{background-color:var(--IDS-COLOR-PRIMARY-90);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content ::slotted(a),header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content a{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);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:10}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content ::slotted(a:focus),header.ids-header-1177.ids-header-1177--unresponsive .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.ids-header-1177--fluid .ids-header-1177__container .ids-header-1177__inner{max-width:100%!important}";
3
+ var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}header.ids-header-1177{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive){--IDS-HEADER__REGION-PICKER-ICON:var(--IDS-COLOR-PRIMARY-35)}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive){--IDS-HEADER__REGION-PICKER-ICON:var(--IDS-COLOR-NEUTRAL-100)}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container{background:linear-gradient(90deg,var(--IDS-COLOR-PRIMARY-40) 50%,var(--IDS-COLOR-PRIMARY-90) 50%);padding:0;position:relative;z-index:2}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2)}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{align-items:center;background:var(--IDS-COLOR-PRIMARY-90);display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}@media (min-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{min-height:7.5rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{display:block;flex-grow:1;margin-left:auto;max-width:calc(100% - 7.5rem)}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-COLOR-PRIMARY-40);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;padding-left:.75rem;padding-right:2.25rem;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-COLOR-PRIMARY-40);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{cursor:pointer;height:6.4375rem;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: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:before{color:var(--IDS-COLOR-NEUTRAL-100);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]),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-COLOR-NEUTRAL-100);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,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]: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-COLOR-PRIMARY-40);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: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: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__region{align-items:center;display:flex;flex-grow:1;gap:1rem;position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:after{clip:rect(7.8125rem,18.75rem,10.8125rem,18.125rem);background-color:var(--IDS-COLOR-PRIMARY-40);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){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:after{display:block}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region{background-color:var(--IDS-COLOR-PRIMARY-40);justify-content:space-between}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected{margin-left:-.25rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker .ids-header-1177__region-picker__button{display:flex;justify-content:end}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon{min-height:7.5rem;padding-right:2rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";left:-1.875rem;min-height:4rem;position:absolute;width:.063rem;z-index:1}@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.ids-header-1177__region--selected .ids-header-1177__region-icon:before{left:0;min-height:2rem;top:50%;transform:translateY(-50%)}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon{max-width:11rem;min-height:3rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker__text{font-size:1rem}@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.ids-header-1177__region--selected .ids-header-1177__region-picker__text{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker{min-width:7rem}@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:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker .ids-header-1177__region-picker__button:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";left:-1.875rem;min-height:4rem;position:absolute;width:.063rem;z-index:1}}@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__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker .ids-header-1177__region-picker__button:before{left:0;min-height:2rem;top:50%;transform:translateY(-50%)}}@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:not(.ids-header-1177__region--selected) .ids-header-1177__region-icon,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-icon:before{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon{align-items:center;background-color:var(--IDS-COLOR-PRIMARY-40);display:flex;height:100%;position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-icon{display:block!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__region .ids-header-1177__region-icon{align-items:normal;background-color:var(--IDS-COLOR-PRIMARY-40);height:auto;justify-content:space-between;padding-left:1rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-COLOR-PRIMARY-40);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__region .ids-header-1177__region-icon:after{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon slot{align-items:center;display:flex}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-header-1177__region-logo,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon ::slotted([slot=region]){display:flex;height:2.813rem;max-height:2.813rem;min-height:2.813rem}@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 .ids-header-1177__region-icon .ids-header-1177__region-logo,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon ::slotted([slot=region]){max-height:2rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker{align-items:center;height:inherit;margin:0 -.4375rem 0 .5rem;padding:0 .5rem;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 .ids-header-1177__region-picker{height:100%;justify-content:space-between;margin-left:0;position:static}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button{align-items:center;background:none;background-color:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:1rem;margin:0 -.5rem;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0 1.75rem 0 .125rem;position:relative;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!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__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button{color:var(--IDS-COLOR-NEUTRAL-100);inset:0;justify-content:space-between;margin-right:.0625rem;padding-left:1.25rem;padding-right:1.5rem;position:absolute}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button:focus{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:-.25rem!important}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button:after{color:var(--IDS-HEADER__REGION-PICKER-ICON);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.125rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button.ids-header-1177__region-picker__button--expanded:after{content:\"\\e939\"}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__nav-mobile{background-color:var(--IDS-COLOR-PRIMARY-90);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:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content ::slotted(a),header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content a{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);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:10}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content ::slotted(a:focus),header.ids-header-1177:not(.ids-header-1177--unresponsive) .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)}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive){box-shadow:none}}header.ids-header-1177.ids-header-1177--unresponsive{--IDS-HEADER__REGION-PICKER-ICON:var(--IDS-COLOR-PRIMARY-35)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container{background:linear-gradient(90deg,var(--IDS-COLOR-PRIMARY-40) 50%,var(--IDS-COLOR-PRIMARY-90) 50%);padding:0;position:relative;z-index:2}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner{align-items:center;background:var(--IDS-COLOR-PRIMARY-90);display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;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}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{display:block;flex-grow:1;margin-left:auto;max-width:calc(100% - 7.5rem)}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-COLOR-PRIMARY-40);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;padding-left:.75rem;padding-right:2.25rem;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-COLOR-PRIMARY-40);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{cursor:pointer;height:6.4375rem;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: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:before{color:var(--IDS-COLOR-NEUTRAL-100);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]),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-COLOR-NEUTRAL-100);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,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]: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__region{align-items:center;display:flex;flex-grow:1;gap:1rem;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:after{clip:rect(7.8125rem,18.75rem,10.8125rem,18.125rem);background-color:var(--IDS-COLOR-PRIMARY-40);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}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected{margin-left:-.25rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker .ids-header-1177__region-picker__button{display:flex;justify-content:end}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon{min-height:7.5rem;padding-right:2rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";left:-1.875rem;min-height:4rem;position:absolute;width:.063rem;z-index:1}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker__text{font-size:1rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker{min-width:7rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon{align-items:center;background-color:var(--IDS-COLOR-PRIMARY-40);display:flex;height:100%;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-icon{display:block!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-COLOR-PRIMARY-40);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__region .ids-header-1177__region-icon slot{align-items:center;display:flex}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-header-1177__region-logo,header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon ::slotted([slot=region]){display:flex;height:2.813rem;max-height:2.813rem;min-height:2.813rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker{align-items:center;height:inherit;margin:0 -.4375rem 0 .5rem;padding:0 .5rem;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button{align-items:center;background:none;background-color:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:1rem;margin:0 -.5rem;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0 1.75rem 0 .125rem;position:relative;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button:after{color:var(--IDS-HEADER__REGION-PICKER-ICON);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.125rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button.ids-header-1177__region-picker__button--expanded:after{content:\"\\e939\"}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__nav-mobile{background-color:var(--IDS-COLOR-PRIMARY-90);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content ::slotted(a),header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content a{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);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:10}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content ::slotted(a:focus),header.ids-header-1177.ids-header-1177--unresponsive .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.ids-header-1177--fluid .ids-header-1177__container .ids-header-1177__inner{max-width:100%!important}";
4
4
 
5
5
  var header1177Lit = css`${unsafeCSS(css_248z)}`;
6
6
 
package/components/header-1177/header-1177.css CHANGED
@@ -395,7 +395,7 @@ header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__con
395
395
  font-size: 0.875rem;
396
396
  color: var(--IDS-COLOR-PRIMARY-35);
397
397
  align-items: center;
398
- padding: 0 1.5rem 0 0.125rem;
398
+ padding: 0 1.75rem 0 0.125rem;
399
399
  margin: 0 -0.5rem;
400
400
  position: relative;
401
401
  }
@@ -406,7 +406,7 @@ header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__con
406
406
  @media (max-width: 1024px) {
407
407
  header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button {
408
408
  inset: 0;
409
- padding-right: 1.25rem;
409
+ padding-right: 1.5rem;
410
410
  padding-left: 1.25rem;
411
411
  margin-right: 0.0625rem;
412
412
  position: absolute;
@@ -426,7 +426,7 @@ header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__con
426
426
  pointer-events: none;
427
427
  content: "\e936";
428
428
  color: var(--IDS-HEADER__REGION-PICKER-ICON);
429
- right: 0.25rem;
429
+ right: 0.125rem;
430
430
  }
431
431
  header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button.ids-header-1177__region-picker__button--expanded:after {
432
432
  content: "\e939";
@@ -707,7 +707,7 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container
707
707
  font-size: 0.875rem;
708
708
  color: var(--IDS-COLOR-PRIMARY-35);
709
709
  align-items: center;
710
- padding: 0 1.5rem 0 0.125rem;
710
+ padding: 0 1.75rem 0 0.125rem;
711
711
  margin: 0 -0.5rem;
712
712
  position: relative;
713
713
  }
@@ -723,7 +723,7 @@ header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container
723
723
  pointer-events: none;
724
724
  content: "\e936";
725
725
  color: var(--IDS-HEADER__REGION-PICKER-ICON);
726
- right: 0.25rem;
726
+ right: 0.125rem;
727
727
  }
728
728
  header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker .ids-header-1177__region-picker__button.ids-header-1177__region-picker__button--expanded:after {
729
729
  content: "\e939";