@inera/ids-design 6.1.0 → 7.0.0

package/components/header-1177-admin/header-1177-admin.css

@@ -69,6 +69,7 @@
 }
 .ids-header-1177-admin__mobile-menu .ids-header-1177-admin__mobile-menu__btn .ids-hamburger__lines {
   display: block;
+  cursor: pointer;
   width: 1.3125rem;
   border-radius: 0.125rem;
   transition: all 0.2s;
@@ -130,6 +131,11 @@
 
 .ids-header-1177-admin__nav-mobile__menu-items {
   display: none;
+  position: absolute;
+  left: 0;
+  right: 0;
+  z-index: 10;
+  top: calc(100% + 0.063rem);
   box-shadow: 0 0.125rem 0.313rem #c5c5c5;
 }
 @media (max-width: 1024px) {
@@ -143,16 +149,47 @@
 }
 
 header.ids-header-1177-admin {
+  position: relative;
+  z-index: 1;
   background: var(--IDS-COLOR-NEUTRAL-100);
   box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
 }
+header.ids-header-1177-admin .ids-header-1177-admin__skip-to-content ::slotted(a),
+header.ids-header-1177-admin .ids-header-1177-admin__skip-to-content a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 1rem;
+  height: 3rem;
+  text-align: center;
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0.625rem 0;
+  z-index: 20;
+  font-family: var(--IDS-LINK__FONT-FAMILY);
+  font-size: 1rem;
+  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  text-decoration: underline;
+  position: absolute;
+  right: 0;
+  left: 0;
+  transform: translateY(-300%);
+  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+header.ids-header-1177-admin .ids-header-1177-admin__skip-to-content ::slotted(a:focus),
+header.ids-header-1177-admin .ids-header-1177-admin__skip-to-content a:focus {
+  transform: translateY(0);
+  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
+  color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
+  outline-offset: -0.375rem !important;
+}
 header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container {
   position: relative;
   background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
 @media (max-width: 1024px) {
   header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container {
-    box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
     z-index: 10;
     padding: 0;
   }
@@ -208,18 +245,22 @@ header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-head
   font-size: 4rem;
 }
 header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo a,
-header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]) {
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]),
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted(a) {
   display: flex;
   align-items: center;
   height: 1.5rem;
   width: 3.938rem;
 }
 header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo a:focus,
-header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]):focus {
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]):focus,
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted(a):focus {
   outline: var(--IDS-FOCUS__OUTLINE);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
-header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]:focus) {
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo a:focus,
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]:focus),
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted(a:focus) {
   outline: var(--IDS-FOCUS__OUTLINE) !important;
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
 }
@@ -295,6 +336,36 @@ header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-head
     padding-right: 0;
   }
 }
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__skip-to-content ::slotted(a),
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__skip-to-content a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 1rem;
+  height: 3rem;
+  text-align: center;
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0.625rem 0;
+  z-index: 20;
+  font-family: var(--IDS-LINK__FONT-FAMILY);
+  font-size: 1rem;
+  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  text-decoration: underline;
+  position: absolute;
+  right: 0;
+  left: 0;
+  transform: translateY(-300%);
+  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__skip-to-content ::slotted(a:focus),
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__skip-to-content a:focus {
+  transform: translateY(0);
+  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
+  color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
+  outline-offset: -0.375rem !important;
+}
 header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container {
   position: relative;
   background-color: var(--IDS-COLOR-NEUTRAL-100);
@@ -343,18 +414,22 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   font-size: 4rem;
 }
 header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo a,
-header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]) {
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]),
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted(a) {
   display: flex;
   align-items: center;
   height: 1.5rem;
   width: 3.938rem;
 }
 header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo a:focus,
-header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]):focus {
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]):focus,
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted(a):focus {
   outline: var(--IDS-FOCUS__OUTLINE);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
-header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]:focus) {
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo a:focus,
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted([slot=logo]:focus),
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__container .ids-header-1177-admin__inner .ids-header-1177-admin__logo-col .ids-header-1177-admin__logo ::slotted(a:focus) {
   outline: var(--IDS-FOCUS__OUTLINE) !important;
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
 }
@@ -407,6 +482,36 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   min-height: 3rem;
   align-items: center;
 }
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__skip-to-content ::slotted(a),
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__skip-to-content a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 1rem;
+  height: 3rem;
+  text-align: center;
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
+  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0.625rem 0;
+  z-index: 20;
+  font-family: var(--IDS-LINK__FONT-FAMILY);
+  font-size: 1rem;
+  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  text-decoration: underline;
+  position: absolute;
+  right: 0;
+  left: 0;
+  transform: translateY(-300%);
+  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__skip-to-content ::slotted(a:focus),
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__skip-to-content a:focus {
+  transform: translateY(0);
+  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
+  color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
+  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
+  outline-offset: -0.375rem !important;
+}
 header.ids-header-1177-admin.ids-header-1177-admin--fluid .ids-header-1177-admin__container .ids-header-1177-admin__inner {
   max-width: 100% !important;
 }

package/components/header-1177-pro/header-1177-pro-avatar-lit.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/header-1177-pro/header-1177-pro-avatar-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:12.5rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar{align-items:center;display:flex;justify-self:flex-end;margin-right:1.5rem;padding-left:1.5rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar button{padding:0 .5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.75rem;justify-content:center;margin:0 -.5rem;outline:inherit;padding:0 .5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;height:1.25rem;width:1.25rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{color:var(--IDS-COLOR-ACCENT-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{height:.75rem;position:relative;width:.75rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before{content:\"\\e939\"}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:6.25rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:1.25rem;min-width:17.5rem;padding:2rem 2.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{align-items:center;display:flex;justify-self:flex-end;margin-right:1.5rem;padding-left:1.5rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar button{padding:0 .5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.75rem;justify-content:center;margin:0 -.5rem;outline:inherit;padding:0 .5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;height:1.25rem;width:1.25rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{color:var(--IDS-COLOR-ACCENT-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}@media (min-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{height:2rem;width:2em}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{font-size:2rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{height:.75rem;position:relative;width:.75rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before{content:\"\\e939\"}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:6.25rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:1.25rem;min-width:17.5rem;padding:2rem 2.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){align-items:center;display:flex;justify-self:flex-end;margin-right:1.5rem;padding-left:1.5rem;position:relative}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) button{padding:0 .5rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){display:none}}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.75rem;justify-content:center;margin:0 -.5rem;outline:inherit;padding:0 .5rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;height:1.25rem;width:1.25rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{color:var(--IDS-COLOR-ACCENT-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}@media (min-width:1024px){:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{height:2rem;width:2em}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{font-size:2rem}}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{height:.75rem;position:relative;width:.75rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before{content:\"\\e939\"}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:6.25rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive).ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:1.25rem;min-width:17.5rem;padding:2rem 2.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive{align-items:center;display:flex;justify-self:flex-end;margin-right:1.5rem;padding-left:1.5rem;position:relative}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive button{padding:0 .5rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.75rem;justify-content:center;margin:0 -.5rem;outline:inherit;padding:0 .5rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;height:1.25rem;width:1.25rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{color:var(--IDS-COLOR-ACCENT-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{height:.75rem;position:relative;width:.75rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before{content:\"\\e939\"}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:6.25rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:1.25rem;min-width:17.5rem;padding:2rem 2.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__name,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:12.5rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar{align-items:center;display:flex;justify-self:flex-end;margin-right:1.5rem;padding-left:1.5rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar button{padding:0 .5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.75rem;justify-content:center;margin:0 -.5rem;outline:inherit;padding:0 .5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;height:1.25rem;width:1.25rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{color:var(--IDS-COLOR-ACCENT-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{height:.75rem;position:relative;width:.75rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before{content:\"\\e939\"}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:6.25rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:1.25rem;min-width:17.5rem;padding:2rem 2.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown .ids-header-1177-pro__link-separator,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown ::slotted(hr){border:0;border-top:1px solid var(--IDS-COLOR-NEUTRAL-90);display:block;height:.0625rem;width:100%}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{align-items:center;display:flex;justify-self:flex-end;margin-right:1.5rem;padding-left:1.5rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar button{padding:0 .5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar{display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.75rem;justify-content:center;margin:0 -.5rem;outline:inherit;padding:0 .5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;height:1.25rem;width:1.25rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{color:var(--IDS-COLOR-ACCENT-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}@media (min-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{height:2rem;width:2em}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{font-size:2rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{height:.75rem;position:relative;width:.75rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before{content:\"\\e939\"}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:6.25rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:1.25rem;min-width:17.5rem;padding:2rem 2.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown .ids-header-1177-pro__link-separator,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown ::slotted(hr){border:0;border-top:1px solid var(--IDS-COLOR-NEUTRAL-90);display:block;height:.0625rem;width:100%}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){align-items:center;display:flex;justify-self:flex-end;margin-right:1.5rem;padding-left:1.5rem;position:relative}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) button{padding:0 .5rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive){display:none}}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.75rem;justify-content:center;margin:0 -.5rem;outline:inherit;padding:0 .5rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;height:1.25rem;width:1.25rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{color:var(--IDS-COLOR-ACCENT-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}@media (min-width:1024px){:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{height:2rem;width:2em}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{font-size:2rem}}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{height:.75rem;position:relative;width:.75rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before{content:\"\\e939\"}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:6.25rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive).ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:1.25rem;min-width:17.5rem;padding:2rem 2.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1}:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-dropdown .ids-header-1177-pro__link-separator,:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-dropdown ::slotted(hr){border:0;border-top:1px solid var(--IDS-COLOR-NEUTRAL-90);display:block;height:.0625rem;width:100%}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive{align-items:center;display:flex;justify-self:flex-end;margin-right:1.5rem;padding-left:1.5rem;position:relative}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive button{padding:0 .5rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;gap:.75rem;justify-content:center;margin:0 -.5rem;outline:inherit;padding:0 .5rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon{display:flex;height:1.25rem;width:1.25rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-icon:before{color:var(--IDS-COLOR-ACCENT-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron{height:.75rem;position:relative;width:.75rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron:before{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-chevron.ids-header-1177-pro__avatar-chevron--expanded:before{content:\"\\e939\"}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content{display:grid;grid-template-rows:1fr;min-width:6.25rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content:has(.ids-header-1177-pro__avatar-content__unit){grid-template-rows:1fr 1fr}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-box .ids-header-1177-pro__avatar-content .ids-header-1177-pro__avatar-content__unit{font-size:.875rem}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive.ids-header-1177-pro__avatar--expanded .ids-header-1177-pro__avatar-dropdown{display:flex}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 .125rem .375rem 0 rgba(0,0,0,.3);display:none;flex-direction:column;gap:1.25rem;min-width:17.5rem;padding:2rem 2.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1}:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-dropdown .ids-header-1177-pro__link-separator,:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-dropdown ::slotted(hr){border:0;border-top:1px solid var(--IDS-COLOR-NEUTRAL-90);display:block;height:.0625rem;width:100%}";
 
 var header1177ProAvatarLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/header-1177-pro/header-1177-pro-avatar-mobile-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link,:host .ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__login-link,:host .ids-header-1177-pro__avatar-mobile ::slotted([slot=logout]){color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem}.ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link:focus,.ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link:hover,:host .ids-header-1177-pro__avatar-mobile ::slotted([slot=logout]:hover),:host .ids-header-1177-pro__avatar-mobile:focus-within .ids-header-1177-pro__avatar-mobile__login-link,:host .ids-header-1177-pro__avatar-mobile:hover .ids-header-1177-pro__avatar-mobile__login-link{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);text-decoration:underline;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-header-1177-pro__avatar-mobile{align-items:center;border-bottom:var(--IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM);box-sizing:border-box;display:flex;gap:.5rem;min-height:3rem;padding:.75rem 1.25rem;position:relative}.ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link{align-items:center;display:flex;gap:.5rem;height:100%;inset:0;padding-left:1.875rem;position:relative;text-decoration:none}.ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link:before{content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.25rem!important}.ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__user-logged-in{display:flex;flex:1;flex-direction:column;padding-left:2.5rem;position:relative}.ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__user-logged-in:before{color:var(--IDS-COLOR-ACCENT-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.5rem;left:0;pointer-events:none;position:absolute;top:.625rem}.ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__user-logged-in .ids-header-1177-pro__avatar-mobile__username{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}.ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__user-logged-in .ids-header-1177-pro__avatar-mobile__unit{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}:host .ids-header-1177-pro__avatar-mobile:not(:has(.ids-header-1177-pro__avatar-mobile__user-logged-in)):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.25rem!important}:host .ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__login-link{display:inline-block;padding-left:1.875rem;position:relative}:host .ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__login-link:before{content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}:host .ids-header-1177-pro__avatar-mobile ::slotted([slot=login]){inset:0;opacity:0!important;position:absolute}";
+var css_248z = ".ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link,:host .ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__login-link,:host .ids-header-1177-pro__avatar-mobile ::slotted([slot=logout]){color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem}.ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link:focus,.ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link:hover,:host .ids-header-1177-pro__avatar-mobile ::slotted([slot=logout]:hover),:host .ids-header-1177-pro__avatar-mobile:focus-within .ids-header-1177-pro__avatar-mobile__login-link,:host .ids-header-1177-pro__avatar-mobile:hover .ids-header-1177-pro__avatar-mobile__login-link{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);text-decoration:underline;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-header-1177-pro__avatar-mobile{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border-bottom:var(--IDS-MOBILE-MENU-ITEM__BORDER-BOTTOM);box-sizing:border-box;display:flex;gap:.5rem;min-height:3rem;padding:.75rem 1.25rem;position:relative}.ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link{align-items:center;display:flex;gap:.5rem;height:100%;inset:0;padding-left:1.875rem;position:relative;text-decoration:none}.ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link:before{content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.25rem!important}.ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__user-logged-in{display:flex;flex:1;flex-direction:column;padding-left:2.5rem;position:relative}.ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__user-logged-in:before{color:var(--IDS-COLOR-ACCENT-40);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.5rem;left:0;pointer-events:none;position:absolute;top:.625rem}.ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__user-logged-in .ids-header-1177-pro__avatar-mobile__username{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem}.ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__user-logged-in .ids-header-1177-pro__avatar-mobile__unit{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}:host .ids-header-1177-pro__avatar-mobile:not(:has(.ids-header-1177-pro__avatar-mobile__user-logged-in)):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.25rem!important}:host .ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__login-link{display:inline-block;padding-left:1.875rem;position:relative}:host .ids-header-1177-pro__avatar-mobile .ids-header-1177-pro__avatar-mobile__login-link:before{content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}:host .ids-header-1177-pro__avatar-mobile ::slotted([slot=login]){inset:0;opacity:0!important;position:absolute}";
 
 var header1177ProAvatarMobileLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-1177-pro/header-1177-pro-avatar-mobile.css

@@ -34,6 +34,7 @@
   box-sizing: border-box;
   position: relative;
   padding: 0.75rem 1.25rem;
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
 .ids-header-1177-pro__avatar-mobile a.ids-header-1177-pro__avatar-mobile__login-link {
   display: flex;

package/components/header-1177-pro/header-1177-pro-avatar.css

@@ -126,6 +126,14 @@
   box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.3);
   z-index: 1;
 }
+.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown ::slotted(hr),
+.ids-header-1177-pro--unresponsive .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown .ids-header-1177-pro__link-separator {
+  width: 100%;
+  height: 0.0625rem;
+  display: block;
+  border: 0;
+  border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);
+}
 
 .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar {
   justify-self: flex-end;
@@ -230,6 +238,14 @@
   box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.3);
   z-index: 1;
 }
+.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown ::slotted(hr),
+.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__avatar .ids-header-1177-pro__avatar-dropdown .ids-header-1177-pro__link-separator {
+  width: 100%;
+  height: 0.0625rem;
+  display: block;
+  border: 0;
+  border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);
+}
 
 :host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) {
   justify-self: flex-end;
@@ -334,6 +350,14 @@
   box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.3);
   z-index: 1;
 }
+:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-dropdown ::slotted(hr),
+:host .ids-header-1177-pro__avatar:not(.ids-header-1177-pro__avatar--unresponsive) .ids-header-1177-pro__avatar-dropdown .ids-header-1177-pro__link-separator {
+  width: 100%;
+  height: 0.0625rem;
+  display: block;
+  border: 0;
+  border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);
+}
 :host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive {
   justify-self: flex-end;
   display: flex;
@@ -422,4 +446,12 @@
   flex-direction: column;
   box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.3);
   z-index: 1;
+}
+:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-dropdown ::slotted(hr),
+:host .ids-header-1177-pro__avatar.ids-header-1177-pro__avatar--unresponsive .ids-header-1177-pro__avatar-dropdown .ids-header-1177-pro__link-separator {
+  width: 100%;
+  height: 0.0625rem;
+  display: block;
+  border: 0;
+  border-top: 1px solid var(--IDS-COLOR-NEUTRAL-90);
 }

package/components/header-1177-pro/header-1177-pro-item-lit.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/header-1177-pro/header-1177-pro-item-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item{align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item{align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--mobile){display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{height:2rem;min-height:2rem;min-width:2rem;width:2rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{display:none}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive){align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive):not(.ids-header-1177-pro__items__item--mobile){display:none}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon{height:2rem;min-height:2rem;min-width:2rem;width:2rem}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-text{display:none}}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive{align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;position:relative;text-decoration:none}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;gap:1rem;position:relative;text-decoration:none}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;flex-direction:row;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;gap:1rem;position:relative;text-decoration:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item{margin-left:1rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--mobile){display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;flex-direction:row;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-icon{height:2rem;min-height:2rem;min-width:2rem;width:2rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item .ids-header-1177-pro__items__item-text{display:none}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive){align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;gap:1rem;position:relative;text-decoration:none}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive){margin-left:1rem}}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive):not(.ids-header-1177-pro__items__item--mobile){display:none}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;flex-direction:row;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-icon{height:2rem;min-height:2rem;min-width:2rem;width:2rem}}:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}@media (max-width:1024px){:host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) .ids-header-1177-pro__items__item-text{display:none}}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;gap:1rem;position:relative;text-decoration:none}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon{align-items:center;background-color:var(--IDS-COLOR-ACCENT-40);border-radius:100%;display:flex;flex-direction:row;height:2.5rem;justify-content:center;min-height:2.5rem;min-width:2.5rem;width:2.5rem}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-icon [class^=ids-icon-]{color:var(--IDS-COLOR-NEUTRAL-100);font-size:1.25rem}:host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive .ids-header-1177-pro__items__item-text{color:var(--IDS-COLOR-ACCENT-40)!important;font-size:1rem}";
 
 var header1177ProItemLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-1177-pro/header-1177-pro-item.css

@@ -33,6 +33,7 @@
   position: relative;
   background-color: transparent;
   border: 0;
+  cursor: pointer;
 }
 .ids-header-1177-pro--unresponsive .ids-header-1177-pro__items__item:focus-within {
   outline: var(--IDS-FOCUS__OUTLINE);
@@ -46,6 +47,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-direction: row;
   background-color: var(--IDS-COLOR-ACCENT-40);
   border-radius: 100%;
 }
@@ -67,11 +69,17 @@
   position: relative;
   background-color: transparent;
   border: 0;
+  cursor: pointer;
 }
 .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item:focus-within {
   outline: var(--IDS-FOCUS__OUTLINE);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
+@media (max-width: 1024px) {
+  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item {
+    margin-left: 1rem;
+  }
+}
 @media (max-width: 1024px) {
   .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--mobile) {
     display: none;
@@ -85,6 +93,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-direction: row;
   background-color: var(--IDS-COLOR-ACCENT-40);
   border-radius: 100%;
 }
@@ -119,11 +128,17 @@
   position: relative;
   background-color: transparent;
   border: 0;
+  cursor: pointer;
 }
 :host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive):focus-within {
   outline: var(--IDS-FOCUS__OUTLINE);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
+@media (max-width: 1024px) {
+  :host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive) {
+    margin-left: 1rem;
+  }
+}
 @media (max-width: 1024px) {
   :host .ids-header-1177-pro__items__item:not(.ids-header-1177-pro__items__item--unresponsive):not(.ids-header-1177-pro__items__item--mobile) {
     display: none;
@@ -137,6 +152,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-direction: row;
   background-color: var(--IDS-COLOR-ACCENT-40);
   border-radius: 100%;
 }
@@ -170,6 +186,7 @@
   position: relative;
   background-color: transparent;
   border: 0;
+  cursor: pointer;
 }
 :host .ids-header-1177-pro__items__item.ids-header-1177-pro__items__item--unresponsive:focus-within {
   outline: var(--IDS-FOCUS__OUTLINE);
@@ -183,6 +200,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  flex-direction: row;
   background-color: var(--IDS-COLOR-ACCENT-40);
   border-radius: 100%;
 }

package/components/header-1177-pro/header-1177-pro-lit.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/header-1177-pro/header-1177-pro-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro__items{display:block;margin-left:auto}header.ids-header-1177-pro{background:var(--IDS-COLOR-NEUTRAL-100);border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);position:relative;z-index:1}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2)}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{min-height:3rem;padding:0 1.25rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{align-items:center;cursor:pointer;display:flex;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{color:var(--IDS-ICON__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.125rem;pointer-events:none;position:absolute}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{align-items:center;color:var(--IDS-ICON__COLOR);display:flex;font-size:6.125rem;min-height:2.5rem;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]):focus,header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{margin-left:0;margin-right:.75rem;width:2.563rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{font-size:2.5rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{font-size:2.5rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{font-size:.875rem;margin-left:.75rem;margin-right:.75rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-.75rem;min-height:2rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}}@media (max-width:1024px) and (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:after{display:none}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner:not(.ids-header-1177-pro__items__item--mobile){gap:0;margin-right:0;padding-right:0}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive){border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);box-shadow:none}}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{align-items:center;cursor:pointer;display:flex;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{color:var(--IDS-ICON__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.125rem;pointer-events:none;position:absolute}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{align-items:center;color:var(--IDS-ICON__COLOR);display:flex;font-size:6.125rem;min-height:2.5rem;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]):focus,header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}header.ids-header-1177-pro.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__inner{max-width:100%!important}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-pro__items{display:block;margin-left:auto}header.ids-header-1177-pro{background:var(--IDS-COLOR-NEUTRAL-100);border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);position:relative;z-index:1}header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content ::slotted(a),header.ids-header-1177-pro .ids-header-1177-pro__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:20}header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content ::slotted(a:focus),header.ids-header-1177-pro .ids-header-1177-pro__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-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2)}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{min-height:3rem;padding:0 1rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{align-items:center;cursor:pointer;display:flex;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{color:var(--IDS-ICON__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.125rem;pointer-events:none;position:absolute}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted(a),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{align-items:center;color:var(--IDS-ICON__COLOR);display:flex;font-size:6.125rem;min-height:2.5rem;width:6.438rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]):focus,header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted(a):focus,header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted(a:focus),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{margin-left:0;margin-right:.75rem;width:2.563rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{font-size:2.5rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted(a),header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{font-size:2.5rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{font-size:.875rem;margin-left:.75rem;margin-right:.75rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-.75rem;min-height:2rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}}@media (max-width:1024px) and (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:after{display:none}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner:not(.ids-header-1177-pro__items__item--mobile){gap:0;margin-right:0;padding-right:0}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive){border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);box-shadow:none}}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link{align-items:center;cursor:pointer;display:flex;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link:before{color:var(--IDS-ICON__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.125rem;pointer-events:none;position:absolute}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted(a),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{align-items:center;color:var(--IDS-ICON__COLOR);display:flex;font-size:6.125rem;min-height:2.5rem;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]):focus,header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted(a):focus,header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted(a:focus),header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}header.ids-header-1177-pro.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__inner{max-width:100%!important}";
 
 var header1177ProLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-1177-pro/header-1177-pro-nav-item-lit.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit").CSSResult;
-export default _default;
+declare const _default: import("lit").CSSResult;
+export default _default;