@inera/ids-design 8.0.1 → 8.2.0

package/components/header-1177-admin/header-1177-admin-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);
 }
 
@@ -182,15 +79,15 @@
   align-items: center;
   justify-content: flex-start;
   min-width: 8.5rem;
-  max-width: 22rem;
+  max-width: 25rem;
   padding: 0.5rem 2.75rem 0.5rem 3rem;
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);
   border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);
   border-radius: 6.25rem;
   cursor: pointer;
 }
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
+.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:before {
@@ -230,7 +127,7 @@
 .ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:hover:before, .ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:hover::after {
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR);
 }
-.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus {
+.ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus-visible {
   z-index: 20;
 }
 .ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after {
@@ -267,11 +164,11 @@
   z-index: 12;
   width: 20rem;
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);
+  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-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);
 }
 .ids-header-1177-admin--unresponsive .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded {
   display: block;
@@ -310,15 +207,15 @@
   align-items: center;
   justify-content: flex-start;
   min-width: 8.5rem;
-  max-width: 22rem;
+  max-width: 25rem;
   padding: 0.5rem 2.75rem 0.5rem 3rem;
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);
   border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);
   border-radius: 6.25rem;
   cursor: pointer;
 }
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
+.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus-visible {
+  outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:before {
@@ -358,7 +255,7 @@
 .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:hover:before, .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:hover::after {
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR);
 }
-.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus {
+.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button:focus-visible {
   z-index: 20;
 }
 .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after {
@@ -395,11 +292,11 @@
   z-index: 12;
   width: 20rem;
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);
+  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-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);
 }
 .ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-avatar .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded {
   display: block;
@@ -438,15 +335,15 @@
   align-items: center;
   justify-content: flex-start;
   min-width: 8.5rem;
-  max-width: 22rem;
+  max-width: 25rem;
   padding: 0.5rem 2.75rem 0.5rem 3rem;
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);
   border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);
   border-radius: 6.25rem;
   cursor: pointer;
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
+:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-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-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:before {
@@ -486,7 +383,7 @@
 :host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:hover:before, :host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:hover::after {
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR);
 }
-:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:focus {
+:host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button:focus-visible {
   z-index: 20;
 }
 :host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after {
@@ -523,11 +420,11 @@
   z-index: 12;
   width: 20rem;
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);
+  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-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);
 }
 :host .ids-header-1177-admin-avatar:not(.ids-header-1177-admin-avatar--unresponsive) .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded {
   display: block;
@@ -560,15 +457,15 @@
   align-items: center;
   justify-content: flex-start;
   min-width: 8.5rem;
-  max-width: 22rem;
+  max-width: 25rem;
   padding: 0.5rem 2.75rem 0.5rem 3rem;
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__BACKGROUND-COLOR);
   border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);
   border-radius: 6.25rem;
   cursor: pointer;
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:focus {
-  outline: var(--IDS-FOCUS__OUTLINE);
+:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-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-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:before {
@@ -608,7 +505,7 @@
 :host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:hover:before, :host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:hover::after {
   color: var(--IDS-HEADER-1177-ADMIN-AVATAR__ICON-HOVER-COLOR);
 }
-:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:focus {
+:host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button:focus-visible {
   z-index: 20;
 }
 :host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__button.ids-header-1177-admin-avatar__button--expanded:after {
@@ -645,11 +542,11 @@
   z-index: 12;
   width: 20rem;
   background-color: var(--IDS-HEADER-1177-ADMIN-AVATAR__DROPDOWN-BACKGROUND-COLOR);
-  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-AVATAR__BORDER-COLOR);
+  border: 0.0625rem solid var(--IDS-HEADER-1177-ADMIN-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);
 }
 :host .ids-header-1177-admin-avatar.ids-header-1177-admin-avatar--unresponsive .ids-header-1177-admin-avatar__menu.ids-header-1177-admin-avatar__menu--expanded {
   display: block;

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

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;gap:.5rem;margin-left:2rem;padding:.25rem;position:relative;text-decoration:none}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:focus,.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item .ids-header-1177-admin-item-icon{height:2rem;text-align:center;width:2rem}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item .ids-header-1177-admin-item-icon [class^=ids-icon-]{bottom:-.125rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.75rem}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item .ids-header-1177-admin-item-text{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1rem}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:hover{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-text{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;gap:.5rem;margin-left:2rem;padding:.25rem;position:relative;text-decoration:none}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:focus,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item{box-sizing:border-box;height:2rem;margin-left:1rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--mobile){display:none}}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item .ids-header-1177-admin-item-icon{height:2rem;text-align:center;width:2rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item .ids-header-1177-admin-item-icon [class^=ids-icon-]{bottom:-.125rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.75rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item .ids-header-1177-admin-item-text{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1rem}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item .ids-header-1177-admin-item-text{display:none}}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:hover{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-text{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive){align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;gap:.5rem;margin-left:2rem;padding:.25rem;position:relative;text-decoration:none}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):focus,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive){box-sizing:border-box;height:2rem;margin-left:1rem}}@media (max-width:1024px){:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):not(.ids-header-1177-admin-item--mobile){display:none}}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon{height:2rem;text-align:center;width:2rem}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon [class^=ids-icon-]{bottom:-.125rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.75rem}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-text{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1rem}@media (max-width:1024px){:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-text{display:none}}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-text{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive{align-items:center;background-color:transparent;border:0;cursor:pointer;display:flex;gap:.5rem;margin-left:2rem;padding:.25rem;position:relative;text-decoration:none}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:focus,:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon{height:2rem;text-align:center;width:2rem}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon [class^=ids-icon-]{bottom:-.125rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.75rem}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-text{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1rem}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-text{color:var(--IDS-HEADER-1177-PRO-ITEM__HOVER-COLOR);text-decoration:underline;text-underline-offset:.125rem}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item{align-items:center;border-radius:.0313rem;box-sizing:initial;display:flex;flex-direction:column;height:2rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;padding:.125rem;position:relative;text-decoration:none}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item .ids-header-1177-admin-item-icon{display:flex;height:2rem;left:.375rem;position:absolute;top:.125rem;width:2rem}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item .ids-header-1177-admin-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item ::slotted(a),.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item a{align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item ::slotted(button),.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item button{align-items:center;background-color:transparent;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item ::slotted(a:hover),.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item ::slotted(button:hover),.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item a:hover,.ids-header-1177-admin--unresponsive .ids-header-1177-admin-item button:hover{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item{align-items:center;border-radius:.0313rem;box-sizing:initial;display:flex;flex-direction:column;height:2rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;padding:.125rem;position:relative;text-decoration:none}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item .ids-header-1177-admin-item-icon{display:flex;height:2rem;left:.375rem;position:absolute;top:.125rem;width:2rem}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item .ids-header-1177-admin-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(a),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item a{align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(button),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item button{align-items:center;background-color:transparent;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(a:hover),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(button:hover),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item a:hover,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item button:hover{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(a),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(a:hover),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(button),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item ::slotted(button:hover),.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item a,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item a:hover,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item button,.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item button:hover{color:transparent;font-size:.0063rem;padding-left:.125rem;width:2rem}}@media (max-width:1024px){.ids-header-1177-admin:not(.ids-header-1177-admin--unresponsive) .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--mobile){display:none}}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive){align-items:center;border-radius:.0313rem;box-sizing:initial;display:flex;flex-direction:column;height:2rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;padding:.125rem;position:relative;text-decoration:none}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon{display:flex;height:2rem;left:.375rem;position:absolute;top:.125rem;width:2rem}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) .ids-header-1177-admin-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a{align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;z-index:1}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button{align-items:center;background-color:transparent;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a:hover),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button:hover),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a:hover,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button:hover{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}@media (max-width:1024px){:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(a:hover),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) ::slotted(button:hover),:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) a:hover,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button,:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive) button:hover{color:transparent;font-size:.0063rem;padding-left:.125rem;width:2rem}}@media (max-width:1024px){:host .ids-header-1177-admin-item:not(.ids-header-1177-admin-item--unresponsive):not(.ids-header-1177-admin-item--mobile){display:none}}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive{align-items:center;border-radius:.0313rem;box-sizing:initial;display:flex;flex-direction:column;height:2rem;justify-content:flex-end;margin-left:1.25rem;min-width:2rem;padding:.125rem;position:relative;text-decoration:none}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon{display:flex;height:2rem;left:.375rem;position:absolute;top:.125rem;width:2rem}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]),:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive .ids-header-1177-admin-item-icon [class^=ids-icon-]{color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);font-size:1.5rem;top:50%;transform:translateY(-50%)}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(a),:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive a{align-items:center;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;text-decoration:none;white-space:nowrap;width:100%;z-index:1}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(button),:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive button{align-items:center;background-color:transparent;border:0;border-radius:.0313rem;color:var(--IDS-HEADER-1177-ADMIN-ITEM__COLOR);cursor:pointer;display:flex;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;height:2rem;inset:0;justify-content:flex-end;line-height:1.5rem;margin:0;padding:.125rem .125rem .125rem 2.6875rem;position:relative;text-align:center;white-space:nowrap;width:100%;z-index:1}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon ::slotted([class^=ids-icon-]):before,:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive:hover .ids-header-1177-admin-item-icon [class^=ids-icon-]:before{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR)}:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(a:hover),:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive ::slotted(button:hover),:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive a:hover,:host .ids-header-1177-admin-item.ids-header-1177-admin-item--unresponsive button:hover{color:var(--IDS-HEADER-1177-ADMIN-ITEM__HOVER-COLOR);text-decoration:underline!important;text-underline-offset:.125rem}";
 
 var header1177AdminItemLit = css`${unsafeCSS(css_248z)}`;