@inera/ids-design 8.0.1 → 8.2.0

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

@@ -44,7 +44,7 @@ header.ids-header-1177-admin .ids-header-1177-admin__skip-to-content a {
   height: 3rem;
   text-align: center;
   background-color: var(--IDS-SKIP-TO-CONTENT-LINK__BACKGROUND-COLOR);
-  box-shadow: var(--IDS-BOX-SHADOW);
+  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
   z-index: 20;
   font-family: var(--IDS-LINK__FONT-FAMILY);
   font-size: 1rem;
@@ -57,12 +57,10 @@ header.ids-header-1177-admin .ids-header-1177-admin__skip-to-content a {
   transform: translateY(-300%);
   transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
 }
-header.ids-header-1177-admin .ids-header-1177-admin__skip-to-content ::slotted(a:focus),
-header.ids-header-1177-admin .ids-header-1177-admin__skip-to-content a:focus {
+header.ids-header-1177-admin .ids-header-1177-admin__skip-to-content ::slotted(a:focus-visible),
+header.ids-header-1177-admin .ids-header-1177-admin__skip-to-content a:focus-visible {
   transform: translateY(0);
   transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
-  color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
-  text-decoration-color: var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);
   outline-offset: -0.375rem !important;
 }
 header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main {
@@ -93,7 +91,7 @@ header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-head
   min-height: 3rem;
 }
 header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo {
-  height: 2rem;
+  height: 2.125rem;
   width: 4.125rem;
   margin-right: 1.25rem;
   margin-left: 0.25rem;
@@ -104,10 +102,11 @@ header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-head
   position: relative;
   display: flex;
   align-items: center;
-  height: 2rem;
+  height: 2.125rem;
   width: 4.125rem;
   cursor: pointer;
   overflow: hidden;
+  border-radius: 0.063rem;
 }
 header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo .ids-header-1177-admin__logo-link:before {
   font: icon;
@@ -121,10 +120,10 @@ header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-head
   color: var(--IDS-HEADER-1177-ADMIN__LOGO-COLOR);
   font-size: 4rem;
 }
-header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo a:focus,
-header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted([slot=logo]):focus,
-header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted(a):focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo a:focus-visible,
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted([slot=logo]):focus-visible,
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted(a):focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo a,
@@ -133,16 +132,17 @@ header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-head
   color: var(--IDS-HEADER-1177-ADMIN__LOGO-COLOR);
   display: flex;
   align-items: center;
-  height: 1.5rem;
-  width: 3.938rem;
+  height: 2.125rem;
+  width: 4.125rem;
   font-size: 4rem;
   overflow: hidden;
+  border-radius: 0.063rem;
 }
-header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo a:focus,
-header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted([slot=logo]:focus),
-header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted(a:focus) {
-  outline: var(--IDS-FOCUS__OUTLINE) !important;
-  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo a:focus-visible,
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted([slot=logo]:focus-visible),
+header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted(a:focus-visible) {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
+  outline-offset: 0 !important;
 }
 @media (max-width: 1024px) {
   header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo {
@@ -199,7 +199,6 @@ header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-head
 }
 header.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin__main .ids-header-1177-admin__main-right {
   display: flex;
-  flex-wrap: wrap;
   padding-right: 0.25rem;
   min-height: 3rem;
   align-items: center;
@@ -230,7 +229,7 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   min-height: 3rem;
 }
 header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo {
-  height: 2rem;
+  height: 2.125rem;
   width: 4.125rem;
   margin-right: 1.25rem;
   margin-left: 0.25rem;
@@ -241,10 +240,11 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   position: relative;
   display: flex;
   align-items: center;
-  height: 2rem;
+  height: 2.125rem;
   width: 4.125rem;
   cursor: pointer;
   overflow: hidden;
+  border-radius: 0.063rem;
 }
 header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo .ids-header-1177-admin__logo-link:before {
   font: icon;
@@ -258,10 +258,10 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   color: var(--IDS-HEADER-1177-ADMIN__LOGO-COLOR);
   font-size: 4rem;
 }
-header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo a:focus,
-header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted([slot=logo]):focus,
-header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted(a):focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo a:focus-visible,
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted([slot=logo]):focus-visible,
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted(a):focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo a,
@@ -270,16 +270,17 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
   color: var(--IDS-HEADER-1177-ADMIN__LOGO-COLOR);
   display: flex;
   align-items: center;
-  height: 1.5rem;
-  width: 3.938rem;
+  height: 2.125rem;
+  width: 4.125rem;
   font-size: 4rem;
   overflow: hidden;
+  border-radius: 0.063rem;
 }
-header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo a:focus,
-header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted([slot=logo]:focus),
-header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted(a:focus) {
-  outline: var(--IDS-FOCUS__OUTLINE) !important;
-  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET);
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo a:focus-visible,
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted([slot=logo]:focus-visible),
+header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__logo ::slotted(a:focus-visible) {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
+  outline-offset: 0 !important;
 }
 header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-left .ids-header-1177-admin__brand {
   display: flex;
@@ -320,7 +321,6 @@ header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-117
 }
 header.ids-header-1177-admin.ids-header-1177-admin--unresponsive .ids-header-1177-admin__main .ids-header-1177-admin__main-right {
   display: flex;
-  flex-wrap: wrap;
   padding-right: 0.25rem;
   min-height: 3rem;
   align-items: center;

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

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}:root{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__COLOR:var(--ids-color-heading-text-xxl);--IDS-HEADING-XXL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XXL__FONT-SIZE:2rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.5rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:3rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.25rem;--IDS-HEADING-XXL__FONT-WEIGHT:700;--IDS-HEADING-XXL__LETTER-SPACING:-0.052rem;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:-0.078rem;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__COLOR:var(--ids-color-heading-text-xl);--IDS-HEADING-XL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2.125rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2.25rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.625rem;--IDS-HEADING-XL__FONT-WEIGHT:700;--IDS-HEADING-XL__LETTER-SPACING:-0.031rem;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:-0.063rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__COLOR:var(--ids-color-heading-text-l);--IDS-HEADING-L__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-WEIGHT:700;--IDS-HEADING-L__LETTER-SPACING:-0.025rem;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:-0.044rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-M__COLOR:var(--ids-color-heading-text-m);--IDS-HEADING-M__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:1.875rem;--IDS-HEADING-M__FONT-WEIGHT:700;--IDS-HEADING-M__LETTER-SPACING:-0.019rem;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:-0.031rem;--IDS-HEADING-S__COLOR:var(--ids-color-heading-text-s);--IDS-HEADING-S__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.5rem;--IDS-HEADING-S__FONT-WEIGHT:700;--IDS-HEADING-S__LETTER-SPACING:-0.013rem;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:-0.025rem;--IDS-HEADING-XS__COLOR:var(--ids-color-heading-text-xs);--IDS-HEADING-XS__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:700;--IDS-HEADING-XS__LETTER-SPACING:0;--IDS-ANCHOR__COLOR:var(--ids-color-interactive-text-default);--IDS-ANCHOR__HOVER-COLOR:var(--ids-color-interactive-text-hover);--IDS-PREAMBLE__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-PREAMBLE__FONT-SIZE:1.125rem;--IDS-PREAMBLE__LINE-HEIGHT:1.75rem;--IDS-PREAMBLE__FONT-SIZE-DESKTOP:1.375rem;--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-BODY__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-BODY__FONT-SIZE:1rem;--IDS-BODY__LINE-HEIGHT:1.5rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--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)}:root.ids--1177-admin,:root.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}:root.ids--inera,:root.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__FONT-SIZE:1.875rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.375rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:2.5rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.125rem;--IDS-HEADING-XXL__FONT-WEIGHT:600;--IDS-HEADING-XXL__LETTER-SPACING:inherit;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.5rem;--IDS-HEADING-XL__FONT-WEIGHT:600;--IDS-HEADING-XL__LETTER-SPACING:inherit;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-WEIGHT:600;--IDS-HEADING-L__LETTER-SPACING:inherit;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:2rem;--IDS-HEADING-M__FONT-WEIGHT:600;--IDS-HEADING-M__LETTER-SPACING:inherit;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.625rem;--IDS-HEADING-S__FONT-WEIGHT:600;--IDS-HEADING-S__LETTER-SPACING:inherit;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:600;--IDS-HEADING-XS__LETTER-SPACING:inherit;--IDS-BODY__LINE-HEIGHT:1.625rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--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}:root.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}:root.ids--dark.ids--1177-admin,:root.ids--dark.ids--1177-pro,:root.ids--dark.ids--inera,:root.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus{z-index:20}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:.625rem;box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links ::slotted(hr),.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar{display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus{z-index:20}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:.625rem;box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links ::slotted(hr),.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive){align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}@media (max-width:1024px){:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive){display:none}}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:hover:after,:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus{z-index:20}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:.625rem;box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links ::slotted(hr),:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:hover:after,:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus{z-index:20}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:.625rem;box-shadow:var(--IDS-BOX-SHADOW-BOTTOM);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links ::slotted(hr),:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover:after,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus-visible{z-index:20}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:.625rem;box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links ::slotted(hr),.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar{display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover:after,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus-visible{z-index:20}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:.625rem;box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);box-sizing:border-box;display:none;left:auto;padding:1.25rem;position:absolute;right:0;top:calc(100% + .25rem);width:20rem;z-index:12}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links ::slotted(hr),.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive){align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}@media (max-width:1024px){:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive){display:none}}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:hover:after,:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus-visible{z-index:20}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:.625rem;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}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links ::slotted(hr),:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive{align-items:center;display:flex;flex-wrap:wrap;justify-self:flex-end;margin-left:1rem;position:relative}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button{align-items:flex-start;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);border:.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);border-radius:6.25rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:18rem;overflow:hidden;padding:.75rem 3.25rem;position:relative}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e923\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.75rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--IDS-HEADER-1177-PRO-AVATAR__BACKGROUND-COLOR);color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;padding:.25rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:hover:after,:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:hover:before{color:var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR)}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus-visible{z-index:20}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after{content:\"\\e939\"}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__name,:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{color:var(--IDS-HEADER-1177-PRO-AVATAR__COLOR);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;max-width:100%;overflow:hidden;position:relative;text-align:start;text-align:left;text-overflow:ellipsis;white-space:nowrap}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button .ids-header-1177-pro-avatar__unit{font-size:.875rem}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu{background-color:var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);border:var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);border-radius:.625rem;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}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded{display:block}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links{display:flex;flex-direction:column;gap:1.5rem}:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links ::slotted(hr),:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu .ids-header-1177-pro-avatar__menu-links hr{border:0;border-top:.0313rem solid var(--IDS-HEADER-1177-PRO-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}";
 
 var header1177ProAvatarLit = css`${unsafeCSS(css_248z)}`;
 

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

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

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

@@ -46,7 +46,7 @@
   color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__LINK-COLOR);
   align-self: flex-end;
   position: relative;
-  padding: 0.5rem 0.125rem 0.5rem 1.75rem;
+  padding: 0.5rem 0.125rem 0.5rem 0;
 }
 .ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link:before {
   font: icon;
@@ -67,11 +67,10 @@
 .ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link ::slotted(a) {
   text-decoration: none;
   color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__LINK-COLOR);
-  white-space: nowrap;
-}
-.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link a:focus,
-.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link ::slotted(a:focus) {
-  outline: none !important;
+  position: relative;
+  padding-left: 1.75rem;
+  left: 0;
+  border-radius: 0.0313rem;
 }
 .ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link:hover {
   cursor: pointer;
@@ -84,10 +83,6 @@
 .ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link:hover ::slotted(a) {
   color: var(--IDS-HEADER-1177-PRO-AVATAR__HOVER-COLOR);
 }
-.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__login-link:focus-within {
-  outline: var(--IDS-FOCUS__OUTLINE);
-  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
-}
 .ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__menu-wrapper {
   display: flex;
   justify-content: flex-start;
@@ -109,8 +104,8 @@
   border: 0.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BORDER-COLOR);
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__BACKGROUND-COLOR);
 }
-.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
+.ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-header-1177-pro-avatar-mobile .ids-header-1177-pro-avatar-mobile__button:before {
@@ -162,7 +157,7 @@
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR-MOBILE__DROPDOWN-BACKGROUND-COLOR);
   padding: 0 1.25rem 1.25rem 1.25rem;
   box-sizing: border-box;
-  box-shadow: var(--IDS-BOX-SHADOW-BOTTOM);
+  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
   border-radius: 0.625rem;
   border-top-left-radius: 0;
   border-top-right-radius: 0;

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

@@ -25,75 +25,13 @@
 /*******
 * A11Y
 ********/
-:root {
+.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);
-  --IDS-HEADING-XXL__COLOR: var(--ids-color-heading-text-xxl);
-  --IDS-HEADING-XXL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
-  --IDS-HEADING-XXL__FONT-SIZE: 2rem;
-  --IDS-HEADING-XXL__LINE-HEIGHT: 2.5rem;
-  --IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 3rem;
-  --IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.25rem;
-  --IDS-HEADING-XXL__FONT-WEIGHT: 700;
-  --IDS-HEADING-XXL__LETTER-SPACING: -0.052rem;
-  --IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: -0.078rem;
   --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.875rem;
-  --IDS-HEADING-XL__COLOR: var(--ids-color-heading-text-xl);
-  --IDS-HEADING-XL__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
-  --IDS-HEADING-XL__FONT-SIZE: 1.625rem;
-  --IDS-HEADING-XL__LINE-HEIGHT: 2.125rem;
-  --IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2.25rem;
-  --IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.625rem;
-  --IDS-HEADING-XL__FONT-WEIGHT: 700;
-  --IDS-HEADING-XL__LETTER-SPACING: -0.031rem;
-  --IDS-HEADING-XL__LETTER-SPACING-DESKTOP: -0.063rem;
   --IDS-HEADING-XL__MARGIN-BOTTOM: 1.875rem;
-  --IDS-HEADING-L__COLOR: var(--ids-color-heading-text-l);
-  --IDS-HEADING-L__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
-  --IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
-  --IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
-  --IDS-HEADING-L__FONT-SIZE: 1.5rem;
-  --IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
-  --IDS-HEADING-L__FONT-WEIGHT: 700;
-  --IDS-HEADING-L__LETTER-SPACING: -0.025rem;
-  --IDS-HEADING-L__LETTER-SPACING-DESKTOP: -0.044rem;
   --IDS-HEADING-L__MARGIN-BOTTOM: 1.875rem;
-  --IDS-HEADING-M__COLOR: var(--ids-color-heading-text-m);
-  --IDS-HEADING-M__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
-  --IDS-HEADING-M__FONT-SIZE: 1.375rem;
-  --IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
-  --IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
-  --IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 1.875rem;
-  --IDS-HEADING-M__FONT-WEIGHT: 700;
-  --IDS-HEADING-M__LETTER-SPACING: -0.019rem;
-  --IDS-HEADING-M__LETTER-SPACING-DESKTOP: -0.031rem;
-  --IDS-HEADING-S__COLOR: var(--ids-color-heading-text-s);
-  --IDS-HEADING-S__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
-  --IDS-HEADING-S__FONT-SIZE: 1.25rem;
-  --IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
-  --IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
-  --IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.5rem;
-  --IDS-HEADING-S__FONT-WEIGHT: 700;
-  --IDS-HEADING-S__LETTER-SPACING: -0.013rem;
-  --IDS-HEADING-S__LETTER-SPACING-DESKTOP: -0.025rem;
-  --IDS-HEADING-XS__COLOR: var(--ids-color-heading-text-xs);
-  --IDS-HEADING-XS__FONT-FAMILY: var(--IDS-FONT-FAMILY-HEADING);
-  --IDS-HEADING-XS__FONT-SIZE: 1rem;
-  --IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
-  --IDS-HEADING-XS__FONT-WEIGHT: 700;
-  --IDS-HEADING-XS__LETTER-SPACING: 0;
-  --IDS-ANCHOR__COLOR: var(--ids-color-interactive-text-default);
-  --IDS-ANCHOR__HOVER-COLOR: var(--ids-color-interactive-text-hover);
-  --IDS-PREAMBLE__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
-  --IDS-PREAMBLE__FONT-SIZE: 1.125rem;
-  --IDS-PREAMBLE__LINE-HEIGHT: 1.75rem;
-  --IDS-PREAMBLE__FONT-SIZE-DESKTOP: 1.375rem;
-  --IDS-PREAMBLE__LINE-HEIGHT-DESKTOP: 2.25rem;
-  --IDS-BODY__FONT-FAMILY: var(--IDS-FONT-FAMILY-BASE);
-  --IDS-BODY__FONT-SIZE: 1rem;
-  --IDS-BODY__LINE-HEIGHT: 1.5rem;
-  --IDS-BODY--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
   --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;
@@ -105,66 +43,25 @@
   --IDS-BULLET-LIST__LINE-HEIGHT: 1.5rem;
   --IDS-DIVIDER__COLOR: var(--ids-color-surface-border-default);
 }
-:root.ids--1177-pro, :root.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);
 }
-:root.ids--inera, :root.ids--inera-admin {
+.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
   --IDS-FONT-FAMILY-BASE: "Open Sans";
   --IDS-FONT-FAMILY-HEADING: "Poppins";
-  --IDS-HEADING-XXL__FONT-SIZE: 1.875rem;
-  --IDS-HEADING-XXL__LINE-HEIGHT: 2.375rem;
-  --IDS-HEADING-XXL__FONT-SIZE-DESKTOP: 2.5rem;
-  --IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP: 3.125rem;
-  --IDS-HEADING-XXL__FONT-WEIGHT: 600;
-  --IDS-HEADING-XXL__LETTER-SPACING: inherit;
-  --IDS-HEADING-XXL__LETTER-SPACING-DESKTOP: inherit;
   --IDS-HEADING-XXL__MARGIN-BOTTOM: 1.25rem;
-  --IDS-HEADING-XL__FONT-SIZE: 1.625rem;
-  --IDS-HEADING-XL__LINE-HEIGHT: 2rem;
-  --IDS-HEADING-XL__FONT-SIZE-DESKTOP: 2rem;
-  --IDS-HEADING-XL__LINE-HEIGHT-DESKTOP: 2.5rem;
-  --IDS-HEADING-XL__FONT-WEIGHT: 600;
-  --IDS-HEADING-XL__LETTER-SPACING: inherit;
-  --IDS-HEADING-XL__LETTER-SPACING-DESKTOP: inherit;
   --IDS-HEADING-XL__MARGIN-BOTTOM: 1.25rem;
-  --IDS-HEADING-L__FONT-SIZE: 1.5rem;
-  --IDS-HEADING-L__LINE-HEIGHT: 1.875rem;
-  --IDS-HEADING-L__FONT-SIZE-DESKTOP: 1.75rem;
-  --IDS-HEADING-L__LINE-HEIGHT-DESKTOP: 2.25rem;
-  --IDS-HEADING-L__FONT-WEIGHT: 600;
-  --IDS-HEADING-L__LETTER-SPACING: inherit;
-  --IDS-HEADING-L__LETTER-SPACING-DESKTOP: inherit;
   --IDS-HEADING-L__MARGIN-BOTTOM: 1.25rem;
-  --IDS-HEADING-M__FONT-SIZE: 1.375rem;
-  --IDS-HEADING-M__LINE-HEIGHT: 1.75rem;
-  --IDS-HEADING-M__FONT-SIZE-DESKTOP: 1.5rem;
-  --IDS-HEADING-M__LINE-HEIGHT-DESKTOP: 2rem;
-  --IDS-HEADING-M__FONT-WEIGHT: 600;
-  --IDS-HEADING-M__LETTER-SPACING: inherit;
-  --IDS-HEADING-M__LETTER-SPACING-DESKTOP: inherit;
-  --IDS-HEADING-S__FONT-SIZE: 1.25rem;
-  --IDS-HEADING-S__LINE-HEIGHT: 1.5rem;
-  --IDS-HEADING-S__FONT-SIZE-DESKTOP: 1.25rem;
-  --IDS-HEADING-S__LINE-HEIGHT-DESKTOP: 1.625rem;
-  --IDS-HEADING-S__FONT-WEIGHT: 600;
-  --IDS-HEADING-S__LETTER-SPACING: inherit;
-  --IDS-HEADING-S__LETTER-SPACING-DESKTOP: inherit;
-  --IDS-HEADING-XS__FONT-SIZE: 1rem;
-  --IDS-HEADING-XS__LINE-HEIGHT: 1.25rem;
-  --IDS-HEADING-XS__FONT-WEIGHT: 600;
-  --IDS-HEADING-XS__LETTER-SPACING: inherit;
-  --IDS-BODY__LINE-HEIGHT: 1.625rem;
-  --IDS-BODY--DISABLED__COLOR: var(--ids-color-interactive-text-disabled);
   --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;
 }
-:root.ids--dark {
+.ids--light.ids--dark, .ids--dark.ids--dark {
   --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
 }
-:root.ids--dark.ids--1177-pro, :root.ids--dark.ids--1177-admin, :root.ids--dark.ids--inera, :root.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-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-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
 
@@ -190,8 +87,8 @@
   cursor: pointer;
   max-width: 18rem;
 }
-.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
+.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:before {
@@ -229,7 +126,7 @@
 .ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover:before, .ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover::after {
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR);
 }
-.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus {
+.ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus-visible {
   z-index: 20;
 }
 .ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after {
@@ -260,11 +157,11 @@
   z-index: 12;
   width: 20rem;
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);
+  border: 0.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BORDER-COLOR);
   padding: 1.25rem;
   box-sizing: border-box;
   border-radius: 0.625rem;
-  box-shadow: var(--IDS-BOX-SHADOW-BOTTOM);
+  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
   border: var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);
 }
 .ids-header-1177-pro--unresponsive .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded {
@@ -312,8 +209,8 @@
   cursor: pointer;
   max-width: 18rem;
 }
-.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
+.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:before {
@@ -351,7 +248,7 @@
 .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover:before, .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:hover::after {
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR);
 }
-.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus {
+.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button:focus-visible {
   z-index: 20;
 }
 .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after {
@@ -382,11 +279,11 @@
   z-index: 12;
   width: 20rem;
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);
+  border: 0.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BORDER-COLOR);
   padding: 1.25rem;
   box-sizing: border-box;
   border-radius: 0.625rem;
-  box-shadow: var(--IDS-BOX-SHADOW-BOTTOM);
+  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
   border: var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);
 }
 .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro-avatar .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded {
@@ -434,8 +331,8 @@
   cursor: pointer;
   max-width: 18rem;
 }
-:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
+:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 :host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:before {
@@ -473,7 +370,7 @@
 :host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:hover:before, :host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:hover::after {
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR);
 }
-:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus {
+:host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button:focus-visible {
   z-index: 20;
 }
 :host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after {
@@ -504,11 +401,11 @@
   z-index: 12;
   width: 20rem;
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);
+  border: 0.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BORDER-COLOR);
   padding: 1.25rem;
   box-sizing: border-box;
   border-radius: 0.625rem;
-  box-shadow: var(--IDS-BOX-SHADOW-BOTTOM);
+  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
   border: var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);
 }
 :host .ids-header-1177-pro-avatar:not(.ids-header-1177-pro-avatar--unresponsive) .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded {
@@ -550,8 +447,8 @@
   cursor: pointer;
   max-width: 18rem;
 }
-:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
+:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 :host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:before {
@@ -589,7 +486,7 @@
 :host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:hover:before, :host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:hover::after {
   color: var(--IDS-HEADER-1177-PRO-AVATAR__ICON-HOVER-COLOR);
 }
-:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus {
+:host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button:focus-visible {
   z-index: 20;
 }
 :host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__button.ids-header-1177-pro-avatar__button--expanded:after {
@@ -620,11 +517,11 @@
   z-index: 12;
   width: 20rem;
   background-color: var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__BORDER-COLOR);
+  border: 0.0625rem solid var(--IDS-HEADER-1177-PRO-AVATAR__DROPDOWN-BORDER-COLOR);
   padding: 1.25rem;
   box-sizing: border-box;
   border-radius: 0.625rem;
-  box-shadow: var(--IDS-BOX-SHADOW-BOTTOM);
+  box-shadow: var(--IDS-BOX-SHADOW-ELEVATED-2);
   border: var(--IDS-HEADER-1177-PRO-AVATAR-DROPDOWN__BORDER);
 }
 :host .ids-header-1177-pro-avatar.ids-header-1177-pro-avatar--unresponsive .ids-header-1177-pro-avatar__menu.ids-header-1177-pro-avatar__menu--expanded {