@inera/ids-design 9.1.0 → 9.2.0

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

@@ -74,7 +74,7 @@ header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1
   min-height: 7.25rem;
   position: relative;
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
 }
@@ -102,6 +102,7 @@ header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1
 header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left {
   display: flex;
   align-items: center;
+  min-height: 5.875rem;
 }
 header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo {
   width: 6.438rem;
@@ -129,6 +130,7 @@ header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e91e";
   color: var(--IDS-HEADER-1177-PRO__LOGO-COLOR);
   font-size: 6.125rem;
@@ -156,6 +158,7 @@ header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1
     width: 2.563rem;
     margin-left: 0;
     margin-right: 0.75rem;
+    min-height: 0;
   }
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo .ids-header-1177-pro__logo-link {
     height: 1.875rem;
@@ -189,6 +192,9 @@ header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1
   background-color: var(--IDS-HEADER-1177-PRO__SEPARATOR-COLOR);
 }
 @media (max-width: 1023px) {
+  header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left {
+    min-height: auto;
+  }
   header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo-text {
     margin-left: 0.75rem;
     margin-right: 0.75rem;
@@ -231,7 +237,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   min-height: 7.25rem;
   position: relative;
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
 }
@@ -245,6 +251,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
 header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left {
   display: flex;
   align-items: center;
+  min-height: 5.875rem;
 }
 header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__main .ids-header-1177-pro__main-left .ids-header-1177-pro__logo {
   width: 6.438rem;
@@ -272,6 +279,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e91e";
   color: var(--IDS-HEADER-1177-PRO__LOGO-COLOR);
   font-size: 6.125rem;
@@ -331,7 +339,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   display: flex;
   flex-direction: row;
   align-items: center;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
 }
 .ids-header-1177-pro-region-picker:before {
   content: "";
@@ -365,6 +373,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e936";
   color: var(--IDS-HEADER-1177-PRO-REGION-PICKER__TEXT-COLOR-DESKTOP);
   right: 0.125rem;
@@ -376,8 +385,9 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
 }
 .ids-header-1177-pro-region-picker .ids-header-1177-pro-region-picker__button:hover {
   color: var(--IDS-HEADER-1177-PRO-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP);
-  text-decoration: underline;
-  text-underline-offset: 0.125rem;
+  text-decoration: underline !important;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }
 .ids-header-1177-pro-region-picker .ids-header-1177-pro-region-picker__button:hover:after, .ids-header-1177-pro-region-picker .ids-header-1177-pro-region-picker__button:hover:before {
   color: var(--IDS-HEADER-1177-PRO-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP);
@@ -425,6 +435,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e921";
   font-size: 1.5rem;
   color: var(--IDS-HEADER-1177-PRO-REGION-PICKER__COLOR-MOBILE);
@@ -439,6 +450,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e936";
   color: var(--IDS-HEADER-1177-PRO-REGION-PICKER__COLOR-MOBILE);
   right: 0.125rem;
@@ -446,8 +458,9 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   transform: translateY(-50%);
 }
 .ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button:hover .ids-header-1177-pro-region-picker-mobile__button-text {
-  text-decoration: underline;
-  text-underline-offset: 0.125rem;
+  text-decoration: underline !important;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }
 .ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button.ids-header-1177-pro-region-picker-mobile__button--expanded:after {
   content: "\e939";
@@ -576,7 +589,8 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
 .ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button:hover {
   color: var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);
   text-decoration: underline !important;
-  text-underline-offset: 0.125rem;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }
 @media (max-width: 1023px) {
   .ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) {
@@ -690,7 +704,8 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
 .ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive button:hover {
   color: var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);
   text-decoration: underline !important;
-  text-underline-offset: 0.125rem;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }
 .ids-header-1177-pro-menu-mobile {
   display: none;
@@ -709,7 +724,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   height: 2rem;
   width: 2rem;
   margin-right: -0.25rem;
-  margin-left: 0.75rem;
+  margin-left: 1.25rem;
   padding-inline-end: unset;
   padding-inline-start: unset;
   border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
@@ -810,7 +825,8 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   display: none;
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Inter";
   --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -828,10 +844,15 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
   --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
 }
-.ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
+.ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
+.ids--dark.ids--1177-pro,
+.ids--dark.ids--1177-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-general,
+.ids--dark.ids--inera-admin {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Poppins";
   --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -843,10 +864,16 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
   --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
 }
-.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
+.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
+.ids--dark.ids--dark.ids--1177-pro,
+.ids--dark.ids--dark.ids--1177-admin,
+.ids--dark.ids--dark.ids--inera,
+.ids--dark.ids--dark.ids--inera-general,
+.ids--dark.ids--dark.ids--inera-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
 
@@ -888,6 +915,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   font-size: 1.75rem;
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);
@@ -902,8 +930,8 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e936";
   font-size: 1rem;
+  content: "\e936";
   padding: 0.25rem;
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);
@@ -1001,6 +1029,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   font-size: 1.75rem;
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);
@@ -1015,8 +1044,8 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e936";
   font-size: 1rem;
+  content: "\e936";
   padding: 0.25rem;
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);
@@ -1108,6 +1137,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__LINK-COLOR);
   left: 0;
@@ -1170,6 +1200,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__ICON-COLOR);
   left: 0.5rem;
@@ -1183,6 +1214,7 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e936";
   color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__ICON-COLOR);
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BACKGROUND-COLOR);
@@ -1208,9 +1240,10 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
   position: absolute;
   z-index: 12;
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__DROPDOWN-BACKGROUND-COLOR);
-  padding: 0 1.25rem 1.25rem 1.25rem;
+  padding: 1.25rem;
   box-sizing: border-box;
   box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
+  border-top: 0.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BORDER-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -1225,9 +1258,8 @@ header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pr
 }
 .ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu .ids-header-1177-pro-avatar-mobile__unit {
   color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__COLOR);
-  margin-bottom: 1.25rem;
-  margin-top: 0.5rem;
-  padding-bottom: 0.75rem;
+  margin-bottom: 1rem;
+  padding-bottom: 1rem;
   font-family: var(--IDS-FONT-FAMILY-BASE);
   line-height: 1.25rem;
   font-size: 0.875rem;
@@ -1287,6 +1319,11 @@ nav.ids-header-1177-pro-nav:not(.ids-header-1177-pro-nav--unresponsive) .ids-hea
     flex-wrap: wrap;
   }
 }
+@media (min-width: 1024px) {
+  nav.ids-header-1177-pro-nav:not(.ids-header-1177-pro-nav--unresponsive).ids-header-1177-pro-nav--only-mobile {
+    display: none;
+  }
+}
 nav.ids-header-1177-pro-nav.ids-header-1177-pro-nav--unresponsive {
   background-color: var(--IDS-HEADER-1177-PRO-NAV__BACKGROUND-COLOR);
   border-top: 0.0625rem solid var(--IDS-HEADER-1177-PRO-NAV__BORDER-COLOR);
@@ -1306,6 +1343,11 @@ nav.ids-header-1177-pro-nav.ids-header-1177-pro-nav--unresponsive .ids-header-11
   margin-left: auto;
   margin-right: auto;
 }
+@media (min-width: 1024px) {
+  nav.ids-header-1177-pro-nav.ids-header-1177-pro-nav--unresponsive.ids-header-1177-pro-nav--only-mobile {
+    display: none;
+  }
+}
 
 .ids-header-1177-pro-nav-item {
   display: none;
@@ -1374,9 +1416,11 @@ nav.ids-header-1177-pro-nav.ids-header-1177-pro-nav--unresponsive .ids-header-11
 .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__button a:focus-visible,
 .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__link a:focus-visible {
   outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
 }
 .ids-header-1177-pro-nav-item button:focus-visible {
   outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
 }
 .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active a:after,
 .ids-header-1177-pro-nav-item.ids-header-1177-pro-nav-item--active button:after,
@@ -1406,12 +1450,13 @@ nav.ids-header-1177-pro-nav.ids-header-1177-pro-nav--unresponsive .ids-header-11
   right: 0;
   top: 100%;
   min-height: 10.813rem;
-  overflow: hidden;
   padding: 3rem 0;
   position: absolute;
   width: 100%;
   display: flex;
   box-sizing: border-box;
+  overflow-y: hidden;
+  overflow-x: auto;
   display: none;
 }
 .ids-header-1177-pro-nav-item .ids-header-1177-pro-nav-item__menu.ids-header-1177-pro-nav-item__menu--expanded {
@@ -1494,11 +1539,13 @@ nav.ids-header-1177-pro-nav.ids-header-1177-pro-nav--unresponsive .ids-header-11
 .ids-header-1177-pro-nav-item-mobile a:hover,
 .ids-header-1177-pro-nav-item-mobile button:hover {
   color: var(--IDS-HEADER-1177-PRO-NAV-ITEM-MOBILE__HOVER-COLOR);
-  text-decoration: underline;
-  text-underline-offset: 0.125rem;
+  text-decoration: underline !important;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }
 @media (max-width: 1023px) {
   .ids-header-1177-pro-nav-item-mobile:not(.ids-header-1177-pro-nav-item-mobile--unresponsive) {
     display: flex;
+    margin-left: auto;
   }
 }

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--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive){align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}@media (max-width:1023px){.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive){display:none}}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:hover:after,.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus-visible{z-index:20}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:hover:after,.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus-visible{z-index:20}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--dark.ids--inera-general,.ids--light.ids--inera,.ids--light.ids--inera-admin,.ids--light.ids--inera-general{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--dark.ids--dark.ids--inera-general,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--inera-general{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive){align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}@media (max-width:1023px){.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive){display:none}}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.75rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:hover:after,.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus-visible{z-index:20}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.75rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:hover:after,.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus-visible{z-index:20}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}";
 
 var header1177ProAvatarLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-1177-pro/header-1177-pro-avatar-mobile-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-avatar-mobile{display:none;flex:1 1 auto;justify-content:flex-end;width:100%}.ids-header-1177-pro-avatar-mobile.ids-header-1177-pro-avatar-mobile--unresponsive{display:none}@media (max-width:1023px){.ids-header-1177-pro-avatar-mobile{display:flex}}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link{align-self:center;font-family:var(--IDS-FONT-FAMILY-BASE);position:relative}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__LINK-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link a{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__LINK-COLOR);cursor:pointer;left:0;padding:.5rem .25rem .5rem 1.75rem;text-decoration:none}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__HOVER-COLOR)}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link a:hover{color:var(--IDS-HEADER-1177-PRO-AVATAR__HOVER-COLOR);cursor:pointer}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link a:focus-visible{outline-offset:0!important}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu-wrapper{display:flex;justify-content:flex-start;width:100%}.ids-header-1177-pro-avatar-mobile.ids-header-1177-pro-avatar-mobile--logged-in{margin:-.25rem;overflow:hidden;padding:.25rem}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button{background:none;background-color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BACKGROUND-COLOR);border:none;border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BORDER-COLOR);border-radius:6.25rem;color:inherit;cursor:pointer;display:flex;font:inherit;outline:inherit;padding:.25rem 2.25rem;position:relative;width:100%}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:before{content:\"\\e923\";left:.5rem}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:after,.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__ICON-COLOR);display:block;font:icon;font-family:Inera-Design-Icons!important;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:after{background-color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BACKGROUND-COLOR);content:\"\\e936\";right:.5rem}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button.ids-header-1177-pro-avatar-mobile__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:hover:after,.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__ICON-HOVER-COLOR)}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile-content__name{font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__DROPDOWN-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);border-top-left-radius:0;border-top-right-radius:0;box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;left:0;padding:0 1.25rem 1.25rem;position:absolute;right:0;top:100%;width:-webkit-fill-available;width:-moz-available;z-index:12}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu.ids-header-1177-pro-avatar-mobile__menu--expanded{display:block}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu .ids-header-1177-pro-avatar-mobile__unit{border-bottom:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;line-height:1.25rem;margin-bottom:1.25rem;margin-top:.5rem;padding-bottom:.75rem;text-align:left}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu .ids-header-1177-pro-avatar-mobile__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu .ids-header-1177-pro-avatar-mobile__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}";
+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-avatar-mobile{display:none;flex:1 1 auto;justify-content:flex-end;width:100%}.ids-header-1177-pro-avatar-mobile.ids-header-1177-pro-avatar-mobile--unresponsive{display:none}@media (max-width:1023px){.ids-header-1177-pro-avatar-mobile{display:flex}}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link{align-self:center;font-family:var(--IDS-FONT-FAMILY-BASE);position:relative}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__LINK-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;left:0;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link a{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__LINK-COLOR);cursor:pointer;left:0;padding:.5rem .25rem .5rem 1.75rem;text-decoration:none}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__HOVER-COLOR)}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link a:hover{color:var(--IDS-HEADER-1177-PRO-AVATAR__HOVER-COLOR);cursor:pointer}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link a:focus-visible{outline-offset:0!important}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu-wrapper{display:flex;justify-content:flex-start;width:100%}.ids-header-1177-pro-avatar-mobile.ids-header-1177-pro-avatar-mobile--logged-in{margin:-.25rem;overflow:hidden;padding:.25rem}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button{background:none;background-color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BACKGROUND-COLOR);border:none;border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BORDER-COLOR);border-radius:6.25rem;color:inherit;cursor:pointer;display:flex;font:inherit;outline:inherit;padding:.25rem 2.25rem;position:relative;width:100%}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:before{content:\"\\e923\";left:.5rem}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:after,.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__ICON-COLOR);display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:after{background-color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BACKGROUND-COLOR);content:\"\\e936\";right:.5rem}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button.ids-header-1177-pro-avatar-mobile__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:hover:after,.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__ICON-HOVER-COLOR)}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile-content__name{font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__DROPDOWN-BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS-MEDIUM);border-top:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BORDER-COLOR);border-top-left-radius:0;border-top-right-radius:0;box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;left:0;padding:1.25rem;position:absolute;right:0;top:100%;width:-webkit-fill-available;width:-moz-available;z-index:12}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu.ids-header-1177-pro-avatar-mobile__menu--expanded{display:block}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu .ids-header-1177-pro-avatar-mobile__unit{border-bottom:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;line-height:1.25rem;margin-bottom:1rem;padding-bottom:1rem;text-align:left}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu .ids-header-1177-pro-avatar-mobile__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu .ids-header-1177-pro-avatar-mobile__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}";
 
 var header1177ProAvatarMobileLit = css`${unsafeCSS(css_248z)}`;
 

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

@@ -36,6 +36,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__LINK-COLOR);
   left: 0;
@@ -98,6 +99,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__ICON-COLOR);
   left: 0.5rem;
@@ -111,6 +113,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e936";
   color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__ICON-COLOR);
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BACKGROUND-COLOR);
@@ -136,9 +139,10 @@
   position: absolute;
   z-index: 12;
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__DROPDOWN-BACKGROUND-COLOR);
-  padding: 0 1.25rem 1.25rem 1.25rem;
+  padding: 1.25rem;
   box-sizing: border-box;
   box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
+  border-top: 0.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BORDER-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -153,9 +157,8 @@
 }
 .ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu .ids-header-1177-pro-avatar-mobile__unit {
   color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__COLOR);
-  margin-bottom: 1.25rem;
-  margin-top: 0.5rem;
-  padding-bottom: 0.75rem;
+  margin-bottom: 1rem;
+  padding-bottom: 1rem;
   font-family: var(--IDS-FONT-FAMILY-BASE);
   line-height: 1.25rem;
   font-size: 0.875rem;

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

@@ -10,7 +10,8 @@
   }
 }
 
-.ids--light, .ids--dark {
+.ids--light,
+.ids--dark {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Inter";
   --IDS-FONT-COLOR: var(--ids-color-surface-text-on-default);
@@ -28,10 +29,15 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
   --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
 }
-.ids--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
+.ids--light.ids--1177-pro, .ids--light.ids--1177-admin,
+.ids--dark.ids--1177-pro,
+.ids--dark.ids--1177-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
-.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-general, .ids--light.ids--inera-admin,
+.ids--dark.ids--inera,
+.ids--dark.ids--inera-general,
+.ids--dark.ids--inera-admin {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Poppins";
   --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
@@ -43,10 +49,16 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.625rem;
   --IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT: 600;
 }
-.ids--light.ids--dark, .ids--dark.ids--dark {
+.ids--light.ids--dark,
+.ids--dark.ids--dark {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
 }
-.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
+.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-general, .ids--light.ids--dark.ids--inera-admin,
+.ids--dark.ids--dark.ids--1177-pro,
+.ids--dark.ids--dark.ids--1177-admin,
+.ids--dark.ids--dark.ids--inera,
+.ids--dark.ids--dark.ids--inera-general,
+.ids--dark.ids--dark.ids--inera-admin {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
 
@@ -88,6 +100,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   font-size: 1.75rem;
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);
@@ -102,8 +115,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e936";
   font-size: 1rem;
+  content: "\e936";
   padding: 0.25rem;
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);
@@ -201,6 +214,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   font-size: 1.75rem;
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);
@@ -215,8 +229,8 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e936";
   font-size: 1rem;
+  content: "\e936";
   padding: 0.25rem;
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);

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-item:not(.ids-header-1177-pro-item--unresponsive){align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;flex-direction:column;height:3.875rem;justify-content:flex-end;margin-left:2.5rem;min-width:2rem;position:relative;text-decoration:none}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon{display:flex;left:50%;margin-left:0;margin-right:0;max-height:2rem;max-width:2rem;position:absolute;top:0;transform:translateX(-50%)}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-PRO-ITEM__ICON-COLOR);font-size:2rem}@media (max-width:1023px){.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon{max-height:1.5rem;max-width:1.5rem}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon [class^=ids-icon-]{font-size:1.5rem}}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) a{text-decoration:none}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) a,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button{align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button{background-color:transparent}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive):hover .ids-header-1177-pro-item-icon,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive):hover .ids-header-1177-pro-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) a:hover,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button:hover{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}@media (max-width:1023px){.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive){height:2rem;margin-left:1.25rem}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon{top:.25rem}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) a,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) a:hover,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button:hover{color:transparent;font-size:.0063rem;height:2rem;width:2rem}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive):not(.ids-header-1177-pro-item--mobile){display:none}}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;flex-direction:column;height:3.875rem;justify-content:flex-end;margin-left:2.5rem;min-width:2rem;position:relative;text-decoration:none}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive .ids-header-1177-pro-item-icon{display:flex;left:50%;margin-left:0;margin-right:0;max-height:2rem;max-width:2rem;position:absolute;top:0;transform:translateX(-50%)}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive .ids-header-1177-pro-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-PRO-ITEM__ICON-COLOR);font-size:2rem}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive a{text-decoration:none}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive a,.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive button{align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive button{background-color:transparent}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive:hover .ids-header-1177-pro-item-icon,.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive:hover .ids-header-1177-pro-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive a:hover,.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive button:hover{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}";
+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-item:not(.ids-header-1177-pro-item--unresponsive){align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;flex-direction:column;height:3.875rem;justify-content:flex-end;margin-left:2.5rem;min-width:2rem;position:relative;text-decoration:none}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon{display:flex;left:50%;margin-left:0;margin-right:0;max-height:2rem;max-width:2rem;position:absolute;top:0;transform:translateX(-50%)}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-PRO-ITEM__ICON-COLOR);font-size:2rem}@media (max-width:1023px){.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon{max-height:1.5rem;max-width:1.5rem}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon [class^=ids-icon-]{font-size:1.5rem}}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) a{text-decoration:none}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) a,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button{align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button{background-color:transparent}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive):hover .ids-header-1177-pro-item-icon,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive):hover .ids-header-1177-pro-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) a:hover,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button:hover{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}@media (max-width:1023px){.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive){height:2rem;margin-left:1.25rem}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon{top:.25rem}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) a,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) a:hover,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button,.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button:hover{color:transparent;font-size:.0063rem;height:2rem;width:2rem}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive):not(.ids-header-1177-pro-item--mobile){display:none}}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;flex-direction:column;height:3.875rem;justify-content:flex-end;margin-left:2.5rem;min-width:2rem;position:relative;text-decoration:none}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive .ids-header-1177-pro-item-icon{display:flex;left:50%;margin-left:0;margin-right:0;max-height:2rem;max-width:2rem;position:absolute;top:0;transform:translateX(-50%)}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive .ids-header-1177-pro-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-PRO-ITEM__ICON-COLOR);font-size:2rem}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive a{text-decoration:none}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive a,.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive button{align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive button{background-color:transparent}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive:hover .ids-header-1177-pro-item-icon,.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive:hover .ids-header-1177-pro-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive a:hover,.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive button:hover{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}";
 
 var header1177ProItemLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-1177-pro/header-1177-pro-item-shadow-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-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon ::slotted([class^=ids-icon-]){color:var(--IDS-HEADER-1177-PRO-ITEM__ICON-COLOR);font-size:2rem}@media (max-width:1023px){.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon ::slotted([class^=ids-icon-]){font-size:1.5rem}}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(a){align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;text-decoration:none;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(button){align-items:flex-end;background-color:transparent;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive):hover .ids-header-1177-pro-item-icon ::slotted([class^=ids-icon-]):before{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(a:hover),.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(button:hover){color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}@media (max-width:1023px){.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(a),.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(a:hover),.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(button),.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(button:hover){color:transparent;font-size:.0063rem;height:2rem;width:2rem}}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive .ids-header-1177-pro-item-icon ::slotted([class^=ids-icon-]){color:var(--IDS-HEADER-1177-PRO-ITEM__ICON-COLOR);font-size:2rem}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive ::slotted(a){align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;text-decoration:none;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive ::slotted(button){align-items:flex-end;background-color:transparent;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive:hover .ids-header-1177-pro-item-icon ::slotted([class^=ids-icon-]):before{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive ::slotted(a:hover),.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive ::slotted(button:hover){color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}";
+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-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon ::slotted([class^=ids-icon-]){color:var(--IDS-HEADER-1177-PRO-ITEM__ICON-COLOR);font-size:2rem}@media (max-width:1023px){.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) .ids-header-1177-pro-item-icon ::slotted([class^=ids-icon-]){font-size:1.5rem}}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(a){align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;text-decoration:none;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(button){align-items:flex-end;background-color:transparent;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive):hover .ids-header-1177-pro-item-icon ::slotted([class^=ids-icon-]):before{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(a:hover),.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(button:hover){color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}@media (max-width:1023px){.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(a),.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(a:hover),.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(button),.ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(button:hover){color:transparent;font-size:.0063rem;height:2rem;width:2rem}}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive .ids-header-1177-pro-item-icon ::slotted([class^=ids-icon-]){color:var(--IDS-HEADER-1177-PRO-ITEM__ICON-COLOR);font-size:2rem}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive ::slotted(a){align-items:flex-end;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;text-decoration:none;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive ::slotted(button){align-items:flex-end;background-color:transparent;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-1177-PRO-ITEM__COLOR);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.125rem;height:3.875rem;inset:0;bottom:0;display:flex;justify-content:center;left:50%;line-height:1.5rem!important;margin:0;outline-offset:0!important;padding:0;position:relative;text-align:center;transform:translateX(-50%);white-space:nowrap;width:100%;z-index:1}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive:hover .ids-header-1177-pro-item-icon ::slotted([class^=ids-icon-]):before{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive ::slotted(a:hover),.ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive ::slotted(button:hover){color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline!important;text-decoration-thickness:.0938rem!important;text-underline-offset:.125rem!important}";
 
 var header1177ProItemShadowLit = css`${unsafeCSS(css_248z)}`;
 

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

@@ -78,7 +78,8 @@
 .ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(button:hover) {
   color: var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);
   text-decoration: underline !important;
-  text-underline-offset: 0.125rem;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }
 @media (max-width: 1023px) {
   .ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) ::slotted(a),
@@ -154,5 +155,6 @@
 .ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive ::slotted(button:hover) {
   color: var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);
   text-decoration: underline !important;
-  text-underline-offset: 0.125rem;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }

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

@@ -108,7 +108,8 @@
 .ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) button:hover {
   color: var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);
   text-decoration: underline !important;
-  text-underline-offset: 0.125rem;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }
 @media (max-width: 1023px) {
   .ids-header-1177-pro-item:not(.ids-header-1177-pro-item--unresponsive) {
@@ -222,5 +223,6 @@
 .ids-header-1177-pro-item.ids-header-1177-pro-item--unresponsive button:hover {
   color: var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);
   text-decoration: underline !important;
-  text-underline-offset: 0.125rem;
+  text-underline-offset: 0.125rem !important;
+  text-decoration-thickness: 0.0938rem !important;
 }