@inera/ids-design 8.2.0 → 9.0.0

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

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

package/components/header-1177/header-1177-avatar-shadow-lit.d.ts

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

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

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = ".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)}@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177-avatar .ids-header-1177-avatar__menu .ids-header-1177-avatar__agent ::slotted(p){color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);margin-bottom:0!important;margin-top:.75rem!important}.ids-header-1177-avatar .ids-header-1177-avatar__menu ::slotted(hr){border:0;border-top:.0625rem solid var(--IDS-HEADER-1177-AVATAR__MENU-SEPARATOR-COLOR);display:block;height:.0625rem;margin:0;width:100%}";
+
+var header1177AvatarShadowLit = css`${unsafeCSS(css_248z)}`;
+
+export { header1177AvatarShadowLit as default };

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

@@ -0,0 +1,86 @@
+/*******
+* ICONS
+********/
+/*******
+* BUTTONS
+********/
+/*******
+* SCROLLBAR
+********/
+/*******
+* FORM
+********/
+/*******
+* A11Y
+********/
+.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__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--light.ids--1177-pro, .ids--light.ids--1177-admin, .ids--dark.ids--1177-pro, .ids--dark.ids--1177-admin {
+  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
+}
+.ids--light.ids--inera, .ids--light.ids--inera-admin, .ids--dark.ids--inera, .ids--dark.ids--inera-admin {
+  --IDS-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--light.ids--dark, .ids--dark.ids--dark {
+  --IDS-PAGE-LIST__COLOR: var(--ids-color-navigation-text-default);
+}
+.ids--light.ids--dark.ids--1177-pro, .ids--light.ids--dark.ids--1177-admin, .ids--light.ids--dark.ids--inera, .ids--light.ids--dark.ids--inera-admin, .ids--dark.ids--dark.ids--1177-pro, .ids--dark.ids--dark.ids--1177-admin, .ids--dark.ids--dark.ids--inera, .ids--dark.ids--dark.ids--inera-admin {
+  --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
+}
+
+@media (max-width: 639px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+.ids-header-1177-avatar .ids-header-1177-avatar__menu .ids-header-1177-avatar__agent ::slotted(p) {
+  font-style: normal;
+  color: var(--ids-color-surface-text-on-default);
+  font-family: var(--ids-font-family-body-text);
+  font-size: var(--ids-font-size-body-text);
+  line-height: var(--ids-font-line-height-body-text);
+  font-weight: var(--ids-font-weight-body-text);
+  letter-spacing: 0;
+  margin-top: 0.75rem !important;
+  margin-bottom: 0 !important;
+}
+.ids-header-1177-avatar .ids-header-1177-avatar__menu ::slotted(hr) {
+  width: 100%;
+  height: 0.0625rem;
+  display: block;
+  margin: 0;
+  border: 0;
+  border-top: 0.0625rem solid var(--IDS-HEADER-1177-AVATAR__MENU-SEPARATOR-COLOR);
+}