@inera/ids-design 9.1.0 → 9.2.1

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

@@ -58,6 +58,7 @@ header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-head
   position: relative;
   align-items: center;
   display: flex;
+  flex-wrap: wrap;
   justify-content: space-between;
   margin: 0 auto;
   box-sizing: border-box;
@@ -106,6 +107,7 @@ header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-head
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e91e";
   color: var(--IDS-HEADER-1177-ADMIN__LOGO-COLOR);
   font-size: 4rem;
@@ -201,6 +203,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: relative;
   align-items: center;
   display: flex;
+  flex-wrap: wrap;
   justify-content: space-between;
   margin: 0 auto;
   box-sizing: border-box;
@@ -236,6 +239,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e91e";
   color: var(--IDS-HEADER-1177-ADMIN__LOGO-COLOR);
   font-size: 4rem;
@@ -309,7 +313,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
-  margin-left: 1.25rem;
+  margin-left: 2.5rem;
   text-decoration: none;
   position: relative;
   height: 2rem;
@@ -317,6 +321,11 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   padding: 0.125rem;
   box-sizing: initial;
 }
+@media (max-width: 1023px) {
+  .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) {
+    margin-left: 1.25rem;
+  }
+}
 .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon {
   width: 2rem;
   height: 2rem;
@@ -388,7 +397,8 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
 .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button:hover {
   color: var(--IDS-HEADER-1177-ADMIN-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-admin-item:not(.ids-header-1177-admin-item--unresponsive) a,
@@ -411,7 +421,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
-  margin-left: 1.25rem;
+  margin-left: 2.5rem;
   text-decoration: none;
   position: relative;
   height: 2rem;
@@ -490,9 +500,11 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
 .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive button:hover {
   color: var(--IDS-HEADER-1177-ADMIN-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--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);
@@ -510,10 +522,15 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   --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;
@@ -525,10 +542,16 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   --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);
 }
 
@@ -548,8 +571,9 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: relative;
   flex-direction: row;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: flex-start;
+  flex-direction: column;
   min-width: 8.5rem;
   max-width: 25rem;
   padding: 0.5rem 2.75rem 0.5rem 3rem;
@@ -569,6 +593,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   font-size: 1.25rem;
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);
@@ -583,8 +608,8 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e936";
   font-size: 1rem;
+  content: "\e936";
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);
   padding: 0.25rem 1rem 0.25rem 0.5rem;
@@ -604,7 +629,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   content: "\e939";
 }
 .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name {
-  font-size: 1rem;
+  font-size: 0.875rem;
   font-family: var(--IDS-FONT-FAMILY-BASE);
   text-align: left;
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);
@@ -613,24 +638,20 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit-separator {
-  margin: 0 0.375rem;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR-SEPARATOR__COLOR);
-}
 .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit {
   position: relative;
-  font-size: 1rem;
   font-family: var(--IDS-FONT-FAMILY-BASE);
-  font-size: 0.875rem;
+  font-size: 0.75rem;
   text-align: left;
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);
+  text-overflow: ellipsis;
 }
 .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu {
   display: none;
   position: absolute;
   left: auto;
   right: 1rem;
-  top: calc(100% - 0.5rem);
+  top: calc(100% - 0.125rem);
   z-index: 12;
   width: 20rem;
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);
@@ -667,8 +688,9 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: relative;
   flex-direction: row;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   justify-content: flex-start;
+  flex-direction: column;
   min-width: 8.5rem;
   max-width: 25rem;
   padding: 0.5rem 2.75rem 0.5rem 3rem;
@@ -688,6 +710,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   font-size: 1.25rem;
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);
@@ -702,8 +725,8 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e936";
   font-size: 1rem;
+  content: "\e936";
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);
   padding: 0.25rem 1rem 0.25rem 0.5rem;
@@ -723,7 +746,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   content: "\e939";
 }
 .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name {
-  font-size: 1rem;
+  font-size: 0.875rem;
   font-family: var(--IDS-FONT-FAMILY-BASE);
   text-align: left;
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);
@@ -732,24 +755,20 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit-separator {
-  margin: 0 0.375rem;
-  color: var(--IDS-HEADER-1177-ADMIN-AVATAR-SEPARATOR__COLOR);
-}
 .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit {
   position: relative;
-  font-size: 1rem;
   font-family: var(--IDS-FONT-FAMILY-BASE);
-  font-size: 0.875rem;
+  font-size: 0.75rem;
   text-align: left;
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);
+  text-overflow: ellipsis;
 }
 .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu {
   display: none;
   position: absolute;
   left: auto;
   right: 1rem;
-  top: calc(100% - 0.5rem);
+  top: calc(100% - 0.125rem);
   z-index: 12;
   width: 20rem;
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);
@@ -793,7 +812,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   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);
@@ -921,6 +940,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR-MOBILE__ICON-COLOR);
   left: 0;
@@ -982,6 +1002,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR-MOBILE__ICON-COLOR);
   left: 0.75rem;
@@ -995,6 +1016,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e936";
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR-MOBILE__ICON-COLOR);
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR-MOBILE__BACKGROUND-COLOR);
@@ -1023,9 +1045,10 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   transform: translateZ(0);
   will-change: transform;
   background-color: var(--IDS-HEADER-1177-ADMIN-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-ADMIN-AVATAR-MOBILE__BORDER-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -1035,7 +1058,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   flex-direction: column;
   left: -1rem;
   right: -1rem;
-  top: calc(100% + 0.5rem);
+  top: calc(100% + 0.5625rem);
 }
 @supports (-webkit-touch-callout: none) {
   .ids-header-1177-admin-avatar-mobile .ids-header-1177-admin-avatar-mobile__menu {
@@ -1048,9 +1071,8 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
 .ids-header-1177-admin-avatar-mobile .ids-header-1177-admin-avatar-mobile__menu .ids-header-1177-admin-avatar-mobile__unit {
   font-family: var(--IDS-FONT-FAMILY-BASE);
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR-MOBILE__COLOR);
-  margin-bottom: 1.75rem;
-  margin-top: 0.25rem;
-  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;
@@ -1089,6 +1111,11 @@ nav.ids-header-1177-admin-nav:not(.ids-header-1177-admin-nav--unresponsive) .ids
   width: 100%;
   border-top: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-NAV__TOP-BORDER-COLOR);
 }
+@media (min-width: 1024px) {
+  nav.ids-header-1177-admin-nav:not(.ids-header-1177-admin-nav--unresponsive).ids-header-1177-admin-nav--only-mobile {
+    display: none;
+  }
+}
 @media (max-width: 1023px) {
   nav.ids-header-1177-admin-nav:not(.ids-header-1177-admin-nav--unresponsive) .ids-header-1177-admin-nav__items {
     border-top: 0;
@@ -1123,6 +1150,11 @@ nav.ids-header-1177-admin-nav.ids-header-1177-admin-nav--unresponsive .ids-heade
   width: 100%;
   border-top: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-NAV__TOP-BORDER-COLOR);
 }
+@media (min-width: 1024px) {
+  nav.ids-header-1177-admin-nav.ids-header-1177-admin-nav--unresponsive.ids-header-1177-admin-nav--only-mobile {
+    display: none;
+  }
+}
 
 .ids-header-1177-admin-nav-item {
   display: none;
@@ -1191,9 +1223,11 @@ nav.ids-header-1177-admin-nav.ids-header-1177-admin-nav--unresponsive .ids-heade
 .ids-header-1177-admin-nav-item .ids-header-1177-admin-nav-item__button a:focus-visible,
 .ids-header-1177-admin-nav-item .ids-header-1177-admin-nav-item__link a:focus-visible {
   outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
 }
 .ids-header-1177-admin-nav-item button:focus-visible {
   outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
 }
 .ids-header-1177-admin-nav-item.ids-header-1177-admin-nav-item--active .ids-header-1177-admin-nav-item__button:after,
 .ids-header-1177-admin-nav-item.ids-header-1177-admin-nav-item--active .ids-header-1177-admin-nav-item__link:after {
@@ -1217,12 +1251,13 @@ nav.ids-header-1177-admin-nav.ids-header-1177-admin-nav--unresponsive .ids-heade
   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-admin-nav-item .ids-header-1177-admin-nav-item__menu.ids-header-1177-admin-nav-item__menu--expanded {
@@ -1309,11 +1344,12 @@ nav.ids-header-1177-admin-nav.ids-header-1177-admin-nav--unresponsive .ids-heade
 .ids-header-1177-admin-nav-item-mobile a:hover,
 .ids-header-1177-admin-nav-item-mobile button:hover {
   color: var(--IDS-HEADER-1177-ADMIN-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-admin-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) {
+  .ids-header-1177-admin-nav-item-mobile:not(.ids-header-1177-admin-nav-item-mobile--unresponsive) {
     display: flex;
   }
 }

package/components/header-1177-admin/header-1177-admin-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-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive){align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1.25rem}@media (max-width:1023px){.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive){display:none}}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button{align-items:center;background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;max-width:25rem;min-width:8.5rem;padding:.5rem 2.75rem .5rem 3rem;position:relative}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid transparent;border-radius:6.25rem;color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem 1rem .25rem .5rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:hover:after,.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:hover:before{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:focus-visible{z-index:20}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit-separator{color:var(--IDS-HEADER-1177-ADMIN-AVATAR-SEPARATOR__COLOR);margin:0 .375rem}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-size:.875rem;position:relative;text-align:left}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu{background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BORDER-COLOR);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:1rem;top:calc(100% - .5rem);width:20rem;z-index:12}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded{display:block}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links hr{border:0;border-top:.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1.25rem}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button{align-items:center;background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;max-width:25rem;min-width:8.5rem;padding:.5rem 2.75rem .5rem 3rem;position:relative}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid transparent;border-radius:6.25rem;color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem 1rem .25rem .5rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:hover:after,.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:hover:before{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:focus-visible{z-index:20}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit-separator{color:var(--IDS-HEADER-1177-ADMIN-AVATAR-SEPARATOR__COLOR);margin:0 .375rem}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;font-size:.875rem;position:relative;text-align:left}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu{background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BORDER-COLOR);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:1rem;top:calc(100% - .5rem);width:20rem;z-index:12}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded{display:block}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links hr{border:0;border-top:.0625rem solid var(--IDS-HEADER-1177-ADMIN-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-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive){align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1.25rem}@media (max-width:1023px){.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive){display:none}}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:row;flex-direction:column;justify-content:flex-start;max-width:25rem;min-width:8.5rem;padding:.5rem 2.75rem .5rem 3rem;position:relative}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid transparent;border-radius:6.25rem;color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem 1rem .25rem .5rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:hover:after,.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:hover:before{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:focus-visible{z-index:20}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;position:relative;text-align:left;text-overflow:ellipsis}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu{background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BORDER-COLOR);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:1rem;top:calc(100% - .125rem);width:20rem;z-index:12}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded{display:block}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links hr{border:0;border-top:.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1.25rem}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:row;flex-direction:column;justify-content:flex-start;max-width:25rem;min-width:8.5rem;padding:.5rem 2.75rem .5rem 3rem;position:relative}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:1.25rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid transparent;border-radius:6.25rem;color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem 1rem .25rem .5rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:hover:after,.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:hover:before{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:focus-visible{z-index:20}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__name{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button .ids-header-1177-admin-avatar__unit{color:var(--IDS-HEADER-1177-ADMIN-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.75rem;position:relative;text-align:left;text-overflow:ellipsis}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu{background-color:var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BORDER-COLOR);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:1rem;top:calc(100% - .125rem);width:20rem;z-index:12}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded{display:block}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu .ids-header-1177-admin-avatar__menu-links hr{border:0;border-top:.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}";
 
 var header1177AdminAvatarLit = css`${unsafeCSS(css_248z)}`;
 

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

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

@@ -37,6 +37,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR-MOBILE__ICON-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-ADMIN-AVATAR-MOBILE__ICON-COLOR);
   left: 0.75rem;
@@ -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-ADMIN-AVATAR-MOBILE__ICON-COLOR);
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR-MOBILE__BACKGROUND-COLOR);
@@ -139,9 +142,10 @@
   transform: translateZ(0);
   will-change: transform;
   background-color: var(--IDS-HEADER-1177-ADMIN-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-ADMIN-AVATAR-MOBILE__BORDER-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -151,7 +155,7 @@
   flex-direction: column;
   left: -1rem;
   right: -1rem;
-  top: calc(100% + 0.5rem);
+  top: calc(100% + 0.5625rem);
 }
 @supports (-webkit-touch-callout: none) {
   .ids-header-1177-admin-avatar-mobile .ids-header-1177-admin-avatar-mobile__menu {
@@ -164,9 +168,8 @@
 .ids-header-1177-admin-avatar-mobile .ids-header-1177-admin-avatar-mobile__menu .ids-header-1177-admin-avatar-mobile__unit {
   font-family: var(--IDS-FONT-FAMILY-BASE);
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR-MOBILE__COLOR);
-  margin-bottom: 1.75rem;
-  margin-top: 0.25rem;
-  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;