@inera/ids-design 9.1.0 → 9.2.0

package/components/header-inera/header-inera-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-inera{background-color:var(--IDS-HEADER-INERA__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-HEADER-INERA__BORDER-COLOR);display:flex;flex-direction:column;position:relative;z-index:3}.ids-header-inera:before{background-color:var(--IDS-HEADER-INERA__BRAND-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}.ids-header-inera .ids-header-inera__inner{padding:0 .25rem}.ids-header-inera .ids-header-inera__skip-to-content{position:relative;z-index:20}.ids-header-inera .ids-header-inera__skip-to-content ::slotted(a),.ids-header-inera .ids-header-inera__skip-to-content a{align-items:center;background-color:var(--IDS-SKIP-TO-CONTENT-LINK__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:20}.ids-header-inera .ids-header-inera__skip-to-content ::slotted(a:focus-visible),.ids-header-inera .ids-header-inera__skip-to-content a:focus-visible{outline-offset:-.375rem!important;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ids-header-inera .ids-header-inera__main{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);min-height:5.625rem;padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-inera .ids-header-inera__logo{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;height:3.125rem;overflow:hidden;position:relative;width:9.25rem}.ids-header-inera .ids-header-inera__logo:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-INERA__LOGO-COLOR);content:\"\\e920\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:9.25rem;line-height:9.25rem;position:absolute}.ids-header-inera .ids-header-inera__logo:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera .ids-header-inera__items{align-items:center;display:flex;flex-wrap:wrap}.ids-header-inera .ids-header-inera__logo-custom{height:3.75rem;width:9.3125rem}.ids-header-inera .ids-header-inera__logo-custom a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera .ids-header-inera__logo-custom a{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-INERA__LOGO-COLOR);display:flex;font-size:5.1rem;font-size:9.1rem;height:1.75rem;height:3.75rem;overflow:hidden;width:5.125rem;width:9.3125rem}@media (max-width:1023px){.ids-header-inera:not(.ids-header-inera--unresponsive):before{height:.25rem}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__inner{padding:0}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__main{min-height:3rem}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__logo{height:2rem;width:5.125rem}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__logo:before{font-size:5.125rem;line-height:5.125rem}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__logo-custom{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;height:1.75rem;width:5.125rem}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__logo-custom a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__logo-custom a{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-INERA__LOGO-COLOR);display:flex;font-size:5.1rem;height:1.75rem;overflow:hidden;width:5.125rem}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera{background-color:var(--IDS-HEADER-INERA__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-HEADER-INERA__BORDER-COLOR);display:flex;flex-direction:column;position:relative;z-index:3}.ids-header-inera:before{background-color:var(--IDS-HEADER-INERA__BRAND-BORDER-COLOR);content:\"\";height:.5rem;left:0;position:absolute;right:0;top:0;z-index:3}.ids-header-inera .ids-header-inera__inner{padding:0 .25rem}.ids-header-inera .ids-header-inera__skip-to-content{position:relative;z-index:20}.ids-header-inera .ids-header-inera__skip-to-content ::slotted(a),.ids-header-inera .ids-header-inera__skip-to-content a{align-items:center;background-color:var(--IDS-SKIP-TO-CONTENT-LINK__BACKGROUND-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:20}.ids-header-inera .ids-header-inera__skip-to-content ::slotted(a:focus-visible),.ids-header-inera .ids-header-inera__skip-to-content a:focus-visible{outline-offset:-.375rem!important;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ids-header-inera .ids-header-inera__main{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);min-height:5.625rem;padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-inera .ids-header-inera__logo{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;height:3.125rem;overflow:hidden;position:relative;width:9.25rem}.ids-header-inera .ids-header-inera__logo:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-INERA__LOGO-COLOR);content:\"\\e920\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;font-size:9.25rem;line-height:9.25rem;position:absolute}.ids-header-inera .ids-header-inera__logo:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera .ids-header-inera__items{align-items:center;display:flex;flex-wrap:wrap;margin-left:auto}.ids-header-inera .ids-header-inera__logo-custom{height:3.75rem;width:9.3125rem}.ids-header-inera .ids-header-inera__logo-custom a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera .ids-header-inera__logo-custom a{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-INERA__LOGO-COLOR);display:flex;font-size:5.1rem;font-size:9.1rem;height:1.75rem;height:3.75rem;overflow:hidden;width:5.125rem;width:9.3125rem}@media (max-width:1023px){.ids-header-inera:not(.ids-header-inera--unresponsive):before{height:.25rem}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__inner{padding:0}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__main{min-height:3rem}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__logo{height:2rem;width:5.125rem}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__logo:before{font-size:5.125rem;line-height:5.125rem}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__logo-custom{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);display:flex;height:1.75rem;width:5.125rem}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__logo-custom a:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera:not(.ids-header-inera--unresponsive) .ids-header-inera__logo-custom a{align-items:center;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);color:var(--IDS-HEADER-INERA__LOGO-COLOR);display:flex;font-size:5.1rem;height:1.75rem;overflow:hidden;width:5.125rem}}";
 
 var headerIneraLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-inera/header-inera-menu-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-inera-menu-mobile{display:none}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:focus-visible{outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button{align-items:center;background-color:transparent;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);cursor:pointer;display:flex;height:2rem;justify-content:center;margin-left:.75rem;margin-right:-.25rem;padding-inline-end:unset;padding-inline-start:unset;width:2rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger{cursor:pointer;flex-shrink:0;position:relative;transition:all .2s;user-select:none}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger__lines{background-color:var(--IDS-HEADER-INERA-MOBILE-MENU__HAMBURGER-COLOR);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.25rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger__lines:after,.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger__lines:before{background-color:var(--IDS-HEADER-INERA-MOBILE-MENU__HAMBURGER-COLOR);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.1px center;transform-origin:.1px center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.25rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger__lines:before{top:.5rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger__lines:after{top:-.5rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:hover .ids-hamburger__lines,.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:hover .ids-hamburger__lines:after,.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:hover .ids-hamburger__lines:before{background-color:var(--IDS-HEADER-INERA-MOBILE-MENU__HAMBURGER-HOVER-COLOR)}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:focus-visible{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:focus-visible[aria-expanded=true]{border-radius:var(--IDS-BORDER-RADIUS-100)}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__items{background-color:var(--IDS-HEADER-INERA-MOBILE-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-INERA-MOBILE-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1);display:none;left:0;position:absolute;right:0;top:100%;z-index:10}.ids-header-inera-menu-mobile.ids-header-inera-menu-mobile--expanded .ids-header-inera-menu-mobile__items{display:block}@media (max-width:1023px){.ids-header-inera-menu-mobile{display:block}.ids-header-inera-menu-mobile.ids-header-inera-menu-mobile--unresponsive{display:none}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-menu-mobile{display:none}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:focus-visible{outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button{align-items:center;background-color:transparent;border:0;border-radius:var(--IDS-FOCUS__BORDER-RADIUS);cursor:pointer;display:flex;height:2rem;justify-content:center;margin-left:1.25rem;margin-right:-.25rem;padding-inline-end:unset;padding-inline-start:unset;width:2rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger{cursor:pointer;flex-shrink:0;position:relative;transition:all .2s;user-select:none}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger__lines{background-color:var(--IDS-HEADER-INERA-MOBILE-MENU__HAMBURGER-COLOR);border-radius:.125rem;cursor:pointer;display:block;height:.125rem;position:relative;transition:all .2s;width:1.25rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger__lines:after,.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger__lines:before{background-color:var(--IDS-HEADER-INERA-MOBILE-MENU__HAMBURGER-COLOR);border-radius:.125rem;content:\"\";display:inline-block;height:.125rem;left:0;position:absolute;-webkit-transform-origin:.1px center;transform-origin:.1px center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.25rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger__lines:before{top:.5rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button .ids-hamburger__lines:after{top:-.5rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:hover .ids-hamburger__lines,.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:hover .ids-hamburger__lines:after,.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:hover .ids-hamburger__lines:before{background-color:var(--IDS-HEADER-INERA-MOBILE-MENU__HAMBURGER-HOVER-COLOR)}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:focus-visible{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__button:focus-visible[aria-expanded=true]{border-radius:var(--IDS-BORDER-RADIUS-100)}.ids-header-inera-menu-mobile .ids-header-inera-menu-mobile__items{background-color:var(--IDS-HEADER-INERA-MOBILE-MENU__BACKGROUND-COLOR);border-top:.0625rem solid var(--IDS-HEADER-INERA-MOBILE-MENU__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-1);display:none;left:0;position:absolute;right:0;top:100%;z-index:10}.ids-header-inera-menu-mobile.ids-header-inera-menu-mobile--expanded .ids-header-inera-menu-mobile__items{display:block}@media (max-width:1023px){.ids-header-inera-menu-mobile{display:block}.ids-header-inera-menu-mobile.ids-header-inera-menu-mobile--unresponsive{display:none}}";
 
 var headerIneraMenuMobileLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-inera/header-inera-menu-mobile.css

@@ -27,7 +27,7 @@
   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);

package/components/header-inera/header-inera-nav-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-inera-nav-item{display:none}.ids-header-inera-nav-item .ids-notification-badge,.ids-header-inera-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:.188rem;position:relative;top:-.0625rem}.ids-header-inera-nav-item.ids-header-inera-nav-item--unresponsive{display:block}.ids-header-inera-nav-item .ids-header-inera-nav-item__button,.ids-header-inera-nav-item .ids-header-inera-nav-item__link{background-color:transparent;border:0;color:var(--IDS-HEADER-INERA-NAV-ITEM__COLOR);cursor:pointer;display:block;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.125rem;font-weight:var(--IDS-HEADER-INERA-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;outline-offset:-.125rem!important;padding:.5rem .75rem;position:relative;text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:after{background-color:var(--IDS-HEADER-INERA-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease;width:0}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a{color:var(--IDS-HEADER-INERA-NAV-ITEM__COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.125rem;font-weight:var(--IDS-HEADER-INERA-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;padding:.1875rem 0 .25rem;text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover{text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a:focus-visible,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-inera-nav-item button:focus-visible{outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-inera-nav-item.ids-header-inera-nav-item--active .ids-header-inera-nav-item__button:after,.ids-header-inera-nav-item.ids-header-inera-nav-item--active .ids-header-inera-nav-item__link:after{right:0;width:auto}.ids-header-inera-nav-item.ids-header-inera-nav-item--expanded .ids-header-inera-nav-item__button,.ids-header-inera-nav-item.ids-header-inera-nav-item--expanded .ids-header-inera-nav-item__link{color:var(--IDS-HEADER-INERA-ADMIN-NAV-ITEM__COLOR)}.ids-header-inera-nav-item.ids-header-inera-nav-item--expanded .ids-header-inera-nav-item__button:after,.ids-header-inera-nav-item.ids-header-inera-nav-item--expanded .ids-header-inera-nav-item__link:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__menu{background-color:var(--IDS-HEADER-INERA-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.063rem solid var(--IDS-HEADER-INERA-NAV__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:flex;display:none;left:0;min-height:10.813rem;overflow:hidden;padding:3rem 0;position:absolute;right:0;top:100%;width:100%}.ids-header-inera-nav-item .ids-header-inera-nav-item__menu.ids-header-inera-nav-item__menu--expanded{display:block}.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-1,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-2,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-3,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-4{flex:0 25%;flex-shrink:0}.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-1 .ids-header-inera-nav__menu-item-wrapper,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-1 ids-link,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-2 .ids-header-inera-nav__menu-item-wrapper,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-2 ids-link,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-3 .ids-header-inera-nav__menu-item-wrapper,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-3 ids-link{border-bottom:.063rem solid var(--IDS-HEADER-INERA-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}@media only screen and (min-width:1024px){.ids-header-inera-nav-item{display:flex}}:host .ids-header-inera-nav-item{margin-bottom:-.0625rem}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-nav-item{display:none}.ids-header-inera-nav-item .ids-notification-badge,.ids-header-inera-nav-item ids-notification-badge{display:inline-flex;height:0;margin-left:.188rem;position:relative;top:-.0625rem}.ids-header-inera-nav-item.ids-header-inera-nav-item--unresponsive{display:block}.ids-header-inera-nav-item .ids-header-inera-nav-item__button,.ids-header-inera-nav-item .ids-header-inera-nav-item__link{background-color:transparent;border:0;color:var(--IDS-HEADER-INERA-NAV-ITEM__COLOR);cursor:pointer;display:block;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.125rem;font-weight:var(--IDS-HEADER-INERA-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;outline-offset:-.125rem!important;padding:.5rem .75rem;position:relative;text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:after{background-color:var(--IDS-HEADER-INERA-NAV-ITEM__BOTTOM-BORDER-COLOR);bottom:0;content:\"\";display:block;height:.313rem;left:0;margin-left:.625rem;margin-right:.625rem;position:absolute;right:100%;transition:all .3s ease;width:0}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a{color:var(--IDS-HEADER-INERA-NAV-ITEM__COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.125rem;font-weight:var(--IDS-HEADER-INERA-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;padding:.1875rem 0 .25rem;text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover{text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button:hover:after,.ids-header-inera-nav-item .ids-header-inera-nav-item__link:hover:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__button a:focus-visible,.ids-header-inera-nav-item .ids-header-inera-nav-item__link a:focus-visible{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-inera-nav-item button:focus-visible{border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-inera-nav-item.ids-header-inera-nav-item--active .ids-header-inera-nav-item__button:after,.ids-header-inera-nav-item.ids-header-inera-nav-item--active .ids-header-inera-nav-item__link:after{right:0;width:auto}.ids-header-inera-nav-item.ids-header-inera-nav-item--expanded .ids-header-inera-nav-item__button,.ids-header-inera-nav-item.ids-header-inera-nav-item--expanded .ids-header-inera-nav-item__link{color:var(--IDS-HEADER-INERA-ADMIN-NAV-ITEM__COLOR)}.ids-header-inera-nav-item.ids-header-inera-nav-item--expanded .ids-header-inera-nav-item__button:after,.ids-header-inera-nav-item.ids-header-inera-nav-item--expanded .ids-header-inera-nav-item__link:after{right:0;width:auto}.ids-header-inera-nav-item .ids-header-inera-nav-item__menu{background-color:var(--IDS-HEADER-INERA-NAV-ITEM-MENU__BACKGROUND-COLOR);border-top:.063rem solid var(--IDS-HEADER-INERA-NAV__BORDER-COLOR);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:flex;display:none;left:0;min-height:10.813rem;overflow-x:auto;overflow-y:hidden;padding:3rem 0;position:absolute;right:0;top:100%;width:100%}.ids-header-inera-nav-item .ids-header-inera-nav-item__menu.ids-header-inera-nav-item__menu--expanded{display:block}.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-content{box-sizing:border-box;display:flex;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-1,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-2,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-3,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-4{flex:0 25%;flex-shrink:0}.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-1 .ids-header-inera-nav__menu-item-wrapper,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-1 ids-link,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-2 .ids-header-inera-nav__menu-item-wrapper,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-2 ids-link,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-3 .ids-header-inera-nav__menu-item-wrapper,.ids-header-inera-nav-item .ids-header-inera-nav-item__menu-col-3 ids-link{border-bottom:.063rem solid var(--IDS-HEADER-INERA-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:flex;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}@media only screen and (min-width:1024px){.ids-header-inera-nav-item{display:flex}}:host .ids-header-inera-nav-item{margin-bottom:-.0625rem}";
 
 var headerIneraNavItemLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-inera/header-inera-nav-item-shadow-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ":host .ids-header-inera-nav-item{margin-bottom:-.0625rem}.ids-header-inera-nav-item .ids-header-inera-nav-item__button ::slotted(a),.ids-header-inera-nav-item .ids-header-inera-nav-item__link ::slotted(a){color:var(--IDS-HEADER-INERA-NAV-ITEM__COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.125rem;font-weight:var(--IDS-HEADER-INERA-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;padding:.1875rem 0 .25rem;text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button ::slotted(a:focus-visible),.ids-header-inera-nav-item .ids-header-inera-nav-item__link ::slotted(a:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-inera-nav-item ::slotted(button:focus-visible){outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-inera-nav-item ::slotted([slot=col-1]),.ids-header-inera-nav-item ::slotted([slot=col-2]),.ids-header-inera-nav-item ::slotted([slot=col-3]){border-bottom:.063rem solid var(--IDS-HEADER-INERA-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:block;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}";
+var css_248z = ":host .ids-header-inera-nav-item{margin-bottom:-.0625rem}.ids-header-inera-nav-item .ids-header-inera-nav-item__button ::slotted(a),.ids-header-inera-nav-item .ids-header-inera-nav-item__link ::slotted(a){color:var(--IDS-HEADER-INERA-NAV-ITEM__COLOR);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.125rem;font-weight:var(--IDS-HEADER-INERA-NAV-ITEM__FONT-WEIGHT);line-height:1.5rem;padding:.1875rem 0 .25rem;text-decoration:none}.ids-header-inera-nav-item .ids-header-inera-nav-item__button ::slotted(a:focus-visible),.ids-header-inera-nav-item .ids-header-inera-nav-item__link ::slotted(a:focus-visible){border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-inera-nav-item ::slotted(button:focus-visible){border-radius:var(--IDS-FOCUS__BORDER-RADIUS);outline:var(--IDS-FOCUS__OUTLINE)}.ids-header-inera-nav-item ::slotted([slot=col-1]),.ids-header-inera-nav-item ::slotted([slot=col-2]),.ids-header-inera-nav-item ::slotted([slot=col-3]){border-bottom:.063rem solid var(--IDS-HEADER-INERA-NAV-ITEM-MENU__LINK-BORDER-COLOR);display:block;font-size:1rem;line-height:1.5rem;margin-right:2.5rem;padding:.5rem 0}";
 
 var headerIneraNavItemShadowLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-inera/header-inera-nav-item-shadow.css

@@ -15,9 +15,11 @@
 .ids-header-inera-nav-item .ids-header-inera-nav-item__button ::slotted(a:focus-visible),
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link ::slotted(a:focus-visible) {
   outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
 }
 .ids-header-inera-nav-item ::slotted(button:focus-visible) {
   outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
 }
 .ids-header-inera-nav-item ::slotted([slot=col-1]),
 .ids-header-inera-nav-item ::slotted([slot=col-2]),

package/components/header-inera/header-inera-nav-item.css

@@ -77,9 +77,11 @@
 .ids-header-inera-nav-item .ids-header-inera-nav-item__button a:focus-visible,
 .ids-header-inera-nav-item .ids-header-inera-nav-item__link a:focus-visible {
   outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
 }
 .ids-header-inera-nav-item button:focus-visible {
   outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
 }
 .ids-header-inera-nav-item.ids-header-inera-nav-item--active .ids-header-inera-nav-item__button:after,
 .ids-header-inera-nav-item.ids-header-inera-nav-item--active .ids-header-inera-nav-item__link:after {
@@ -103,12 +105,13 @@
   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-inera-nav-item .ids-header-inera-nav-item__menu.ids-header-inera-nav-item__menu--expanded {

package/components/header-inera/header-inera-nav-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-inera-nav{background-color:var(--IDS-HEADER-INERA-NAV__BACKGROUND-COLOR);border-top:0;box-sizing:border-box;display:flex;flex:1 1 auto;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-inera-nav .ids-header-inera-nav__nav-items{border-top:.063rem solid var(--IDS-HEADER-INERA-NAV__BORDER-COLOR);display:flex;flex-wrap:wrap;width:100%}@media (max-width:1023px){.ids-header-inera-nav{display:none}.ids-header-inera-nav .ids-header-inera-nav__nav-items{border:0}.ids-header-inera-nav.ids-header-inera-nav--unresponsive{border-top:.063rem solid var(--IDS-HEADER-INERA-NAV__BORDER-COLOR);display:flex}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-inera-nav{background-color:var(--IDS-HEADER-INERA-NAV__BACKGROUND-COLOR);border-top:0;box-sizing:border-box;display:flex;flex:1 1 auto;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding:var(--IDS__CONTAINER-PADDING);width:100%}.ids-header-inera-nav .ids-header-inera-nav__nav-items{border-top:.063rem solid var(--IDS-HEADER-INERA-NAV__BORDER-COLOR);display:flex;width:100%}@media (max-width:1023px){.ids-header-inera-nav{display:none}.ids-header-inera-nav .ids-header-inera-nav__nav-items{border:0}.ids-header-inera-nav.ids-header-inera-nav--unresponsive{border-top:.063rem solid var(--IDS-HEADER-INERA-NAV__BORDER-COLOR);display:flex}}";
 
 var headerIneraNavLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-inera/header-inera-nav.css

@@ -18,7 +18,6 @@
   width: 100%;
   margin: 0 auto;
   display: flex;
-  flex-wrap: wrap;
   flex: 1 1 auto;
   box-sizing: border-box;
   display: flex;
@@ -28,7 +27,6 @@
   border-top: 0.063rem solid var(--IDS-HEADER-INERA-NAV__BORDER-COLOR);
   display: flex;
   width: 100%;
-  flex-wrap: wrap;
 }
 @media (max-width: 1023px) {
   .ids-header-inera-nav {

package/components/header-inera/header-inera.css

@@ -92,6 +92,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e920";
   color: var(--IDS-HEADER-INERA__LOGO-COLOR);
   font-size: 9.25rem;
@@ -105,6 +106,7 @@
   display: flex;
   flex-wrap: wrap;
   align-items: center;
+  margin-left: auto;
 }
 .ids-header-inera .ids-header-inera__logo-custom {
   width: 9.3125rem;

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

@@ -127,6 +127,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e920";
   color: var(--IDS-HEADER-INERA-ADMIN__BRAND-TEXT-COLOR);
   font-size: 9.25rem;
@@ -284,7 +285,8 @@
 .ids-header-inera-admin-item button:hover {
   color: var(--IDS-HEADER-INERA-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-header-inera-admin-item.ids-header-inera-admin-item--separator {
   margin-left: 4rem;
@@ -376,7 +378,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);
@@ -394,10 +397,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;
@@ -409,10 +417,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);
 }
 
@@ -454,6 +468,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-INERA-ADMIN-AVATAR__ICON-COLOR);
@@ -468,8 +483,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-INERA-ADMIN-AVATAR__ICON-COLOR);
   background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);
@@ -563,6 +578,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-INERA-ADMIN-AVATAR__ICON-COLOR);
@@ -577,8 +593,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-INERA-ADMIN-AVATAR__ICON-COLOR);
   background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);
@@ -666,6 +682,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__LINK-COLOR);
   left: 0;
@@ -729,6 +746,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__ICON-COLOR);
   left: 0.5rem;
@@ -742,6 +760,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e936";
   color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__ICON-COLOR);
   background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__BACKGROUND-COLOR);
@@ -767,9 +786,10 @@
   position: absolute;
   z-index: 12;
   background-color: var(--IDS-HEADER-INERA-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-INERA-ADMIN-AVATAR-MOBILE__BORDER-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -777,7 +797,7 @@
   width: -moz-available;
   left: -1rem;
   right: -1rem;
-  top: calc(100% + 0.5rem);
+  top: calc(100% + 0.5625rem);
   flex-direction: column;
   flex: 1;
 }
@@ -791,9 +811,8 @@
 }
 .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__menu .ids-header-inera-admin-avatar-mobile__unit {
   color: var(--IDS-HEADER-INERA-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;
@@ -830,7 +849,7 @@
   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);
@@ -946,10 +965,14 @@
   border-top: 0.063rem solid var(--IDS-HEADER-INERA-ADMIN-NAV__BORDER-COLOR);
   display: flex;
   flex-grow: 1;
-  flex-wrap: wrap;
   align-items: center;
   justify-content: flex-start;
 }
+@media (min-width: 1024px) {
+  .ids-header-inera-admin-nav.ids-header-inera-admin-nav--only-mobile {
+    display: none;
+  }
+}
 @media (max-width: 1023px) {
   .ids-header-inera-admin-nav:not(.ids-header-inera-admin-nav--unresponsive) {
     min-height: 3rem;
@@ -1025,9 +1048,11 @@
 .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__button a:focus-visible,
 .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__link a:focus-visible {
   outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
 }
 .ids-header-inera-admin-nav-item button:focus-visible {
   outline: var(--IDS-FOCUS__OUTLINE);
+  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
 }
 .ids-header-inera-admin-nav-item.ids-header-inera-admin-nav-item--active .ids-header-inera-admin-nav-item__button:after,
 .ids-header-inera-admin-nav-item.ids-header-inera-admin-nav-item--active .ids-header-inera-admin-nav-item__link:after {
@@ -1051,11 +1076,12 @@
   right: 0;
   top: 100%;
   min-height: 10.813rem;
-  overflow: hidden;
   padding: 3rem 0;
   position: absolute;
   width: 100%;
   box-sizing: border-box;
+  overflow-y: hidden;
+  overflow-x: auto;
   display: none;
 }
 .ids-header-inera-admin-nav-item .ids-header-inera-admin-nav-item__menu.ids-header-inera-admin-nav-item__menu--expanded {
@@ -1143,11 +1169,12 @@
 .ids-header-inera-admin-nav-item-mobile a:hover,
 .ids-header-inera-admin-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-inera-admin-nav-item-mobile:not(.ids-header-1177-nav-item-mobile--unresponsive) {
+  .ids-header-inera-admin-nav-item-mobile:not(.ids-header-inera-admin-nav-item-mobile--unresponsive) {
     display: flex;
   }
 }

package/components/header-inera-admin/header-inera-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-inera-admin-avatar:not(.ids-header-inera-admin-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-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive){display:none}}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:hover:after,.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:hover:before{color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__ICON-HOVER-COLOR)}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button.ids-header-inera-admin-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__name,.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__unit{color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__unit{font-size:.875rem}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu{background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-INERA-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:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu.ids-header-inera-admin-avatar__menu--expanded{display:block}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:hover:after,.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:hover:before{color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__ICON-HOVER-COLOR)}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button.ids-header-inera-admin-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__name,.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__unit{color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__unit{font-size:.875rem}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu{background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-INERA-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:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu.ids-header-inera-admin-avatar__menu--expanded{display:block}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-INERA-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-inera-admin-avatar:not(.ids-header-inera-admin-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-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive){display:none}}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:hover:after,.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button:hover:before{color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__ICON-HOVER-COLOR)}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button.ids-header-inera-admin-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__name,.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__unit{color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__unit{font-size:.875rem}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu{background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-INERA-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:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu.ids-header-inera-admin-avatar__menu--expanded{display:block}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-inera-admin-avatar:not(.ids-header-inera-admin-avatar--unresponsive) .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:hover:after,.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button:hover:before{color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__ICON-HOVER-COLOR)}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button.ids-header-inera-admin-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__name,.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__unit{color:var(--IDS-HEADER-INERA-ADMIN-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-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__button .ids-header-inera-admin-avatar__unit{font-size:.875rem}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu{background-color:var(--IDS-HEADER-INERA-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-INERA-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:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu.ids-header-inera-admin-avatar__menu--expanded{display:block}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links{display:flex;flex-direction:column;gap:1rem}.ids-header-inera-admin-avatar.ids-header-inera-admin-avatar--unresponsive .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}";
 
 var headerIneraAdminAvatarLit = css`${unsafeCSS(css_248z)}`;
 

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

package/components/header-inera-admin/header-inera-admin-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-INERA-ADMIN-AVATAR-MOBILE__LINK-COLOR);
   left: 0;
@@ -99,6 +100,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e923";
   color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__ICON-COLOR);
   left: 0.5rem;
@@ -112,6 +114,7 @@
   position: absolute;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  font-size: 1rem;
   content: "\e936";
   color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__ICON-COLOR);
   background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__BACKGROUND-COLOR);
@@ -137,9 +140,10 @@
   position: absolute;
   z-index: 12;
   background-color: var(--IDS-HEADER-INERA-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-INERA-ADMIN-AVATAR-MOBILE__BORDER-COLOR);
   border-radius: var(--IDS-BORDER-RADIUS-MEDIUM);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -147,7 +151,7 @@
   width: -moz-available;
   left: -1rem;
   right: -1rem;
-  top: calc(100% + 0.5rem);
+  top: calc(100% + 0.5625rem);
   flex-direction: column;
   flex: 1;
 }
@@ -161,9 +165,8 @@
 }
 .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__menu .ids-header-inera-admin-avatar-mobile__unit {
   color: var(--IDS-HEADER-INERA-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;

package/components/header-inera-admin/header-inera-admin-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-INERA-ADMIN-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-INERA-ADMIN-AVATAR__ICON-COLOR);
   background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);
@@ -197,6 +210,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-INERA-ADMIN-AVATAR__ICON-COLOR);
@@ -211,8 +225,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-INERA-ADMIN-AVATAR__ICON-COLOR);
   background-color: var(--IDS-HEADER-INERA-ADMIN-AVATAR__BACKGROUND-COLOR);