@inera/ids-design 8.2.0 → 9.0.0

package/components/header-inera-admin/header-inera-admin-avatar-lit.js

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

package/components/header-inera-admin/header-inera-admin-avatar-mobile-lit.js

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

package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link ::slotted(a){border-radius:.0313rem;color:var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__LINK-COLOR);left:0;padding:.5rem .5rem .5rem 1.75rem;position:relative;text-decoration:none;white-space:nowrap}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link ::slotted(a:hover){color:var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__HOVER-COLOR)}.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__menu .ids-header-inera-admin-avatar-mobile__menu-links ::slotted(hr){border:0;border-top:.0313rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}";
+
+var headerIneraAdminAvatarMobileShadowLit = css`${unsafeCSS(css_248z)}`;
+
+export { headerIneraAdminAvatarMobileShadowLit as default };

package/components/header-inera-admin/header-inera-admin-avatar-mobile-shadow.css

@@ -0,0 +1,20 @@
+.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link ::slotted(a) {
+  text-decoration: none;
+  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__LINK-COLOR);
+  white-space: nowrap;
+  position: relative;
+  padding: 0.5rem 0.5rem 0.5rem 1.75rem;
+  left: 0;
+  border-radius: 0.0313rem;
+}
+.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link ::slotted(a:hover) {
+  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__HOVER-COLOR);
+}
+.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__menu .ids-header-inera-admin-avatar-mobile__menu-links ::slotted(hr) {
+  width: 100%;
+  height: 0.0313rem;
+  display: block;
+  margin: 0;
+  border: 0;
+  border-top: 0.0313rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);
+}

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

@@ -13,7 +13,7 @@
 /*******
 * A11Y
 ********/
-@media (max-width: 1023px) {
+@media (max-width: 639px) {
   .ids-desktop {
     display: none !important;
   }
@@ -43,14 +43,12 @@
   color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__LINK-COLOR);
   align-self: flex-end;
   position: relative;
-  padding: 0.5rem 0.125rem 0.5rem 0;
 }
 .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link:before {
   font: icon;
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e923";
@@ -60,16 +58,18 @@
   font-size: 1.25rem;
   transform: translateY(-50%);
 }
-.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link a,
-.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link ::slotted(a) {
+.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link a {
   text-decoration: none;
   color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__LINK-COLOR);
   white-space: nowrap;
   position: relative;
-  padding-left: 1.75rem;
+  padding: 0.5rem 0.5rem 0.5rem 1.75rem;
   left: 0;
   border-radius: 0.0313rem;
 }
+.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link a:hover {
+  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__HOVER-COLOR);
+}
 .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link:hover {
   cursor: pointer;
   color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__HOVER-COLOR);
@@ -77,10 +77,6 @@
 .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link:hover:before {
   color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__HOVER-COLOR);
 }
-.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link:hover a,
-.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__login-link:hover ::slotted(a) {
-  color: var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__HOVER-COLOR);
-}
 .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__menu-wrapper {
   position: absolute;
   left: 0;
@@ -116,7 +112,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e923";
@@ -130,7 +125,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";
@@ -181,19 +175,18 @@
   font-family: var(--IDS-FONT-FAMILY-BASE);
   line-height: 1.25rem;
   font-size: 0.875rem;
-  border-bottom: 0.0625rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__MENU-SEPARATOR-COLOR);
+  border-bottom: 0.0625rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);
 }
 .ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__menu .ids-header-inera-admin-avatar-mobile__menu-links {
   display: flex;
   flex-direction: column;
-  gap: 1.5rem;
+  gap: 1rem;
 }
-.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__menu .ids-header-inera-admin-avatar-mobile__menu-links hr,
-.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__menu .ids-header-inera-admin-avatar-mobile__menu-links ::slotted(hr) {
+.ids-header-inera-admin-avatar-mobile .ids-header-inera-admin-avatar-mobile__menu .ids-header-inera-admin-avatar-mobile__menu-links hr {
   width: 100%;
-  height: 0.0625rem;
+  height: 0.0313rem;
   display: block;
   margin: 0;
   border: 0;
-  border-top: 0.0625rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR-MOBILE__MENU-SEPARATOR-COLOR);
+  border-top: 0.0313rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);
 }

package/components/header-inera-admin/header-inera-admin-avatar-shadow-lit.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/components/header-inera-admin/header-inera-admin-avatar-shadow-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links ::slotted(hr){border:0;border-top:.0313rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0313rem;margin:0;width:100%}";
+
+var headerIneraAdminAvatarShadowLit = css`${unsafeCSS(css_248z)}`;
+
+export { headerIneraAdminAvatarShadowLit as default };

package/components/header-inera-admin/header-inera-admin-avatar-shadow.css

@@ -0,0 +1,8 @@
+.ids-header-inera-admin-avatar .ids-header-inera-admin-avatar__menu .ids-header-inera-admin-avatar__menu-links ::slotted(hr) {
+  width: 100%;
+  height: 0.0313rem;
+  display: block;
+  margin: 0;
+  border: 0;
+  border-top: 0.0313rem solid var(--IDS-HEADER-INERA-ADMIN-AVATAR__MENU-SEPARATOR-COLOR);
+}