@inera/ids-design 5.4.0 → 5.5.0

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

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive .ids-header-1177__avatar{align-items:center;align-self:flex-end;display:flex;flex-wrap:wrap}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:3.125rem;display:flex;gap:1rem;height:5rem;justify-content:center;max-height:5rem;padding-left:2rem;padding-right:2rem}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-icon{display:flex;max-height:2.75rem;max-width:2.25rem;min-height:1rem;min-width:1rem}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content{display:flex;flex-direction:column}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;max-width:15.625rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:flex;flex-wrap:wrap;font-size:1rem}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links a{color:var(--IDS-LINK--COLORPRESET-2__COLOR);text-decoration-color:var(--IDS-LINK--COLORPRESET-2__COLOR)}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links .ids-header-1177__avatar-content__links-divider{border-right:.063rem solid var(--IDS-COLOR-NEUTRAL-90);margin-right:.5rem;padding-right:.5rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar{align-items:center;align-self:flex-end;display:flex;flex-wrap:wrap}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:3.125rem;display:flex;gap:1rem;height:5rem;justify-content:center;max-height:5rem;padding-left:2rem;padding-right:2rem}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box{font-size:.75rem;gap:.5rem;height:2rem;margin-left:.75rem;margin-right:.75rem;padding-left:1rem;padding-right:1rem}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-icon{display:flex;max-height:2.75rem;max-width:2.25rem;min-height:1rem;min-width:1rem}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-icon{max-height:1.25rem;max-width:1.25rem;min-height:1rem;min-width:1rem}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content{display:flex;flex-direction:column}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;max-width:15.625rem;overflow:hidden;position:relative;text-align:start;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-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{max-width:100%}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:flex;flex-wrap:wrap;font-size:1rem}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:none}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links a{color:var(--IDS-LINK--COLORPRESET-2__COLOR);text-decoration-color:var(--IDS-LINK--COLORPRESET-2__COLOR)}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links .ids-header-1177__avatar-content__links-divider{border-right:.063rem solid var(--IDS-COLOR-NEUTRAL-90);margin-right:.5rem;padding-right:.5rem}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive){align-items:center;align-self:flex-end;display:flex;flex-wrap:wrap}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:3.125rem;display:flex;gap:1rem;height:5rem;justify-content:center;max-height:5rem;padding-left:2rem;padding-right:2rem}@media (max-width:1024px){:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box{font-size:.75rem;gap:.5rem;height:2rem;margin-left:.75rem;margin-right:.75rem;padding-left:1rem;padding-right:1rem}}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-icon{display:flex;max-height:2.75rem;max-width:2.25rem;min-height:1rem;min-width:1rem}@media (max-width:1024px){:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-icon{max-height:1.25rem;max-width:1.25rem;min-height:1rem;min-width:1rem}}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content{display:flex;flex-direction:column}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;max-width:15.625rem;overflow:hidden;position:relative;text-align:start;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-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{max-width:100%}}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:flex;flex-wrap:wrap;font-size:1rem}@media (max-width:1024px){:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:none}}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links a{color:var(--IDS-LINK--COLORPRESET-2__COLOR);text-decoration-color:var(--IDS-LINK--COLORPRESET-2__COLOR)}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links .ids-header-1177__avatar-content__links-divider{border-right:.063rem solid var(--IDS-COLOR-NEUTRAL-90);margin-right:.5rem;padding-right:.5rem}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive{align-items:center;align-self:flex-end;display:flex;flex-wrap:wrap}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:3.125rem;display:flex;gap:1rem;height:5rem;justify-content:center;max-height:5rem;padding-left:2rem;padding-right:2rem}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-icon{display:flex;max-height:2.75rem;max-width:2.25rem;min-height:1rem;min-width:1rem}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content{display:flex;flex-direction:column}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name{color:var(--IDS-COLOR-NEUTRAL-20);font-size:1rem;max-width:15.625rem;overflow:hidden;position:relative;text-align:start;text-overflow:ellipsis;white-space:nowrap}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links{display:flex;flex-wrap:wrap;font-size:1rem}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links a{color:var(--IDS-LINK--COLORPRESET-2__COLOR);text-decoration-color:var(--IDS-LINK--COLORPRESET-2__COLOR)}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__links .ids-header-1177__avatar-content__links-divider{border-right:.063rem solid var(--IDS-COLOR-NEUTRAL-90);margin-right:.5rem;padding-right:.5rem}";
+
+var header1177AvatarLit = css`${unsafeCSS(css_248z)}`;
+
+export { header1177AvatarLit as default };

package/{dist/components → components}/header-1177/header-1177-avatar.css

@@ -11,14 +11,13 @@
 }
 
 .ids-header-1177--unresponsive .ids-header-1177__avatar {
-  grid-column: 3;
-  justify-self: end;
-  display: grid;
+  align-self: flex-end;
+  display: flex;
   align-items: center;
+  flex-wrap: wrap;
 }
 .ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box {
-  display: grid;
-  grid-template-columns: auto auto;
+  display: flex;
   align-items: center;
   justify-content: center;
   gap: 1rem;
@@ -31,12 +30,14 @@
 }
 .ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-icon {
   display: flex;
+  min-width: 1rem;
+  min-height: 1rem;
   max-width: 2.25rem;
   max-height: 2.75rem;
 }
 .ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content {
-  display: grid;
-  grid-template-rows: 1fr 1fr;
+  display: flex;
+  flex-direction: column;
 }
 .ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name {
   text-align: start;
@@ -64,14 +65,13 @@
 }
 
 .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar {
-  grid-column: 3;
-  justify-self: end;
-  display: grid;
+  align-self: flex-end;
+  display: flex;
   align-items: center;
+  flex-wrap: wrap;
 }
 .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box {
-  display: grid;
-  grid-template-columns: auto auto;
+  display: flex;
   align-items: center;
   justify-content: center;
   gap: 1rem;
@@ -95,23 +95,22 @@
 }
 .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-icon {
   display: flex;
+  min-width: 1rem;
+  min-height: 1rem;
   max-width: 2.25rem;
   max-height: 2.75rem;
 }
 @media (max-width: 1024px) {
   .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-icon {
-    width: 1.25rem;
-    height: 1.25rem;
+    min-width: 1rem;
+    min-height: 1rem;
+    max-width: 1.25rem;
+    max-height: 1.25rem;
   }
 }
 .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content {
-  display: grid;
-  grid-template-rows: 1fr 1fr;
-}
-@media (max-width: 1024px) {
-  .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content {
-    grid-template-rows: 1fr;
-  }
+  display: flex;
+  flex-direction: column;
 }
 .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name {
   text-align: start;
@@ -149,14 +148,13 @@
 }
 
 :host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) {
-  grid-column: 3;
-  justify-self: end;
-  display: grid;
+  align-self: flex-end;
+  display: flex;
   align-items: center;
+  flex-wrap: wrap;
 }
 :host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box {
-  display: grid;
-  grid-template-columns: auto auto;
+  display: flex;
   align-items: center;
   justify-content: center;
   gap: 1rem;
@@ -180,23 +178,22 @@
 }
 :host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-icon {
   display: flex;
+  min-width: 1rem;
+  min-height: 1rem;
   max-width: 2.25rem;
   max-height: 2.75rem;
 }
 @media (max-width: 1024px) {
   :host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-icon {
-    width: 1.25rem;
-    height: 1.25rem;
+    min-width: 1rem;
+    min-height: 1rem;
+    max-width: 1.25rem;
+    max-height: 1.25rem;
   }
 }
 :host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content {
-  display: grid;
-  grid-template-rows: 1fr 1fr;
-}
-@media (max-width: 1024px) {
-  :host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content {
-    grid-template-rows: 1fr;
-  }
+  display: flex;
+  flex-direction: column;
 }
 :host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name {
   text-align: start;
@@ -233,14 +230,13 @@
   margin-right: 0.5rem;
 }
 :host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive {
-  grid-column: 3;
-  justify-self: end;
-  display: grid;
+  align-self: flex-end;
+  display: flex;
   align-items: center;
+  flex-wrap: wrap;
 }
 :host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box {
-  display: grid;
-  grid-template-columns: auto auto;
+  display: flex;
   align-items: center;
   justify-content: center;
   gap: 1rem;
@@ -253,12 +249,14 @@
 }
 :host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-icon {
   display: flex;
+  min-width: 1rem;
+  min-height: 1rem;
   max-width: 2.25rem;
   max-height: 2.75rem;
 }
 :host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content {
-  display: grid;
-  grid-template-rows: 1fr 1fr;
+  display: flex;
+  flex-direction: column;
 }
 :host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-content .ids-header-1177__avatar-content__name {
   text-align: start;

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

@@ -0,0 +1,7 @@
+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}}header.ids-header-1177{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive){--IDS-HEADER__REGION-PICKER-ICON:var(--IDS-COLOR-PRIMARY-35)}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive){--IDS-HEADER__REGION-PICKER-ICON:var(--IDS-COLOR-NEUTRAL-100)}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container{background:linear-gradient(90deg,var(--IDS-COLOR-PRIMARY-40) 50%,var(--IDS-COLOR-PRIMARY-90) 50%);padding:0;position:relative;z-index:2}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2)}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{align-items:center;background:var(--IDS-COLOR-PRIMARY-90);display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}@media (min-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{min-height:7.5rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex;flex-grow:1}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{display:block;margin-left:auto}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo{align-items:center;background-color:var(--IDS-COLOR-PRIMARY-40);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;padding-left:.75rem;padding-right:2.25rem;position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:100%;content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo:after{display:none}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo{min-height:3rem;padding-left:1.25rem;padding-right:1.25rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo:after{clip:rect(7.8125rem,18.75rem,10.8125rem,18.125rem);background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:100%;content:\"\";display:none;height:18.75rem;left:auto;margin-top:-7.81rem;position:absolute;right:-.5625rem;top:0;width:18.75rem;z-index:0}}@media (max-width:1024px) and (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo:after{display:block}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo .ids-header-1177__logo-link{height:2.5rem;margin-right:1.5rem;width:6.438rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo .ids-header-1177__logo-link a{display:block}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo .ids-header-1177__logo-link a:focus{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo .ids-header-1177__logo-link ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE--LIGHT)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo .ids-header-1177__logo-link{height:1rem!important;margin-right:0;max-width:2.625rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo .ids-header-1177__logo-link ::slotted([slot=logo]),header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo .ids-header-1177__logo-link a{display:flex!important;height:1rem!important;margin-right:0;width:100%!important}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region{align-items:center;display:flex;flex-grow:1;gap:1rem;position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:after{clip:rect(7.8125rem,18.75rem,10.8125rem,18.125rem);background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:100%;content:\"\";display:none;height:18.75rem;left:auto;margin-top:-7.81rem;position:absolute;right:-.5625rem;top:0;width:18.75rem;z-index:0}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:after{display:block}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region{background-color:var(--IDS-COLOR-PRIMARY-40);justify-content:space-between}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected{margin-left:-4px}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker button{display:flex;justify-content:end}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon{min-height:7.5rem;padding-right:2rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";left:-1.875rem;min-height:4rem;position:absolute;width:.063rem;z-index:1}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon:before{left:0;min-height:2rem;top:50%;transform:translateY(-50%)}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon{max-width:6rem;min-height:3rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker__text{font-size:1rem}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker__text{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker{min-width:7rem}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker button:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";left:-1.875rem;min-height:4rem;position:absolute;width:.063rem;z-index:1}}@media (max-width:1024px) and (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker button:before{left:0;min-height:2rem;top:50%;transform:translateY(-50%)}}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-icon,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-icon:before{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon{align-items:center;background-color:var(--IDS-COLOR-PRIMARY-40);display:flex;height:100%;position:relative}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-icon{display:block!important}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon{align-items:normal;background-color:var(--IDS-COLOR-PRIMARY-40);height:auto;justify-content:space-between;padding-left:1rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:100%;content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon:after{display:none}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon slot{align-items:center;display:flex}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-header-1177__region-logo,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon ::slotted([slot=region]){display:flex;height:2.813rem;max-height:2.813rem;min-height:2.813rem}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-header-1177__region-logo,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon ::slotted([slot=region]){max-height:2rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker{align-items:center;height:inherit;margin:0 -.4375rem 0 .5rem;padding:0 .5rem;position:relative}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker{height:100%;justify-content:space-between;margin-left:0;position:static}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:1rem;margin:0 -.5rem;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0 .5rem;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker button{color:var(--IDS-COLOR-NEUTRAL-100);inset:0;justify-content:space-between;margin-right:1px;padding-left:.75rem;padding-right:.75rem;position:absolute}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker button:focus{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:-.25rem!important}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{align-items:center;display:flex;gap:1.25rem;margin-left:1rem;margin-right:1.25rem}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{margin-left:1rem;margin-right:.5rem}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile{background-color:var(--IDS-COLOR-PRIMARY-90);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile{display:flex}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content ::slotted(a),header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content a{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content ::slotted(a:focus),header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__skip-to-content a:focus{color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);outline-offset:-.375rem!important;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive){box-shadow:none}}header.ids-header-1177.ids-header-1177--unresponsive{--IDS-HEADER__REGION-PICKER-ICON:var(--IDS-COLOR-PRIMARY-35)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container{background:linear-gradient(90deg,var(--IDS-COLOR-PRIMARY-40) 50%,var(--IDS-COLOR-PRIMARY-90) 50%);padding:0;position:relative;z-index:2}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner{align-items:center;background:var(--IDS-COLOR-PRIMARY-90);display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-left{display:flex;flex-grow:1}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__inner-right{display:block;margin-left:auto}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo{align-items:center;background-color:var(--IDS-COLOR-PRIMARY-40);display:flex;height:100%;margin-left:0!important;margin-right:0;min-height:7.5rem;padding-left:.75rem;padding-right:2.25rem;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:100%;content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo .ids-header-1177__logo-link{height:2.5rem;margin-right:1.5rem;width:6.438rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo .ids-header-1177__logo-link a{display:block}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo .ids-header-1177__logo-link a:focus{outline:var(--IDS-FOCUS__OUTLINE--LIGHT);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__logo .ids-header-1177__logo-link ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE--LIGHT)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region{align-items:center;display:flex;flex-grow:1;gap:1rem;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:after{clip:rect(7.8125rem,18.75rem,10.8125rem,18.125rem);background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:100%;content:\"\";display:none;height:18.75rem;left:auto;margin-top:-7.81rem;position:absolute;right:-.5625rem;top:0;width:18.75rem;z-index:0}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected{margin-left:-4px}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker button{display:flex;justify-content:end}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon{min-height:7.5rem;padding-right:2rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-icon:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";left:-1.875rem;min-height:4rem;position:absolute;width:.063rem;z-index:1}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region.ids-header-1177__region--selected .ids-header-1177__region-picker__text{font-size:1rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region:not(.ids-header-1177__region--selected) .ids-header-1177__region-picker{min-width:7rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon{align-items:center;background-color:var(--IDS-COLOR-PRIMARY-40);display:flex;height:100%;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-icon{display:block!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon:after{clip:rect(8.75rem,25rem,16.25rem,24.375rem);background-color:var(--IDS-COLOR-PRIMARY-40);border-radius:100%;content:\"\";height:25rem;left:auto;margin-top:-12.5rem;position:absolute;right:-.5625rem;top:0;top:50%;width:25rem;z-index:0}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon slot{align-items:center;display:flex}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon .ids-header-1177__region-logo,header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-icon ::slotted([slot=region]){display:flex;height:2.813rem;max-height:2.813rem;min-height:2.813rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker{align-items:center;height:inherit;margin:0 -.4375rem 0 .5rem;padding:0 .5rem;position:relative}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:1rem;margin:0 -.5rem;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0 .5rem;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__region .ids-header-1177__region-picker button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner .ids-header-1177__items{align-items:center;display:flex;gap:1.25rem;margin-left:1rem;margin-right:1.25rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__nav-mobile{background-color:var(--IDS-COLOR-PRIMARY-90);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:3.125rem}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content ::slotted(a),header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content a{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK__FONT-FAMILY);font-size:1rem;height:3rem;justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;text-align:center;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content ::slotted(a:focus),header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__skip-to-content a:focus{color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);outline-offset:-.375rem!important;text-decoration-color:var(--IDS-LINK--COLORPRESET-1__HOVER-COLOR);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}header.ids-header-1177.ids-header-1177--fluid .ids-header-1177__container .ids-header-1177__inner{max-width:100%!important}";
+
+var header1177Lit = css`${unsafeCSS(css_248z)}`;
+
+export { header1177Lit as default };

package/components/header-1177/header-1177-nav-item-mobile-lit.js

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177__nav-mobile__menu{background:none;border:none;border-right:none!important;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;font:inherit;font-size:.875rem;outline:inherit;padding:0}.ids-header-1177__nav-mobile__menu .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines{background-color:var(--IDS-COLOR-PRIMARY-35);border-radius:.125rem;display:block;height:.188rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:after,.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-PRIMARY-35);border-radius:.125rem;content:\"\";display:inline-block;height:.188rem;left:0;position:absolute;-webkit-transform-origin:.09375rem center;transform-origin:.09375rem center;-webkit-transform-origin:.13393rem center;transform-origin:.13393rem center;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:before{top:.5rem}.ids-header-1177__nav-mobile__menu .ids-hamburger__lines:after{top:-.5rem}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{left:-.1rem;top:0;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:1.5rem}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ids-header-1177__nav-mobile__menu-items{background-color:var(--IDS-COLOR-NEUTRAL-100);display:none;left:0;position:absolute;right:0;top:100%;z-index:10}@media (max-width:1024px){.ids-header-1177__nav-mobile__menu-items{display:block}}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item{align-items:center;border-right:.063rem solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:.5rem;height:3rem;justify-content:center;position:relative}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item a,.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item:has(.ids-header-1177__nav-mobile__menu){border-right:none}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177--unresponsive .ids-header-1177__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item{align-items:center;border-right:.063rem solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:.5rem;height:3rem;justify-content:center;position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item a,.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item:has(.ids-header-1177__nav-mobile__menu){border-right:none}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item{display:flex}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive){align-items:center;border-right:.063rem solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:.5rem;height:3rem;justify-content:center;position:relative}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive) a,:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive) button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive):has(.ids-header-1177__nav-mobile__menu){border-right:none}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}@media (max-width:1024px){:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive){display:flex}}:host .ids-header-1177__nav-mobile__item:not(.ids-header-1177__nav-mobile__item--unresponsive) ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive{align-items:center;border-right:.063rem solid rgba(160,11,54,.2);color:var(--IDS-COLOR-PRIMARY-35);display:none;flex-grow:1;font-size:.875rem;gap:.5rem;height:3rem;justify-content:center;position:relative}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive a,:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive:has(.ids-header-1177__nav-mobile__menu){border-right:none}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177__nav-mobile__item.ids-header-1177__nav-mobile__item--unresponsive ::slotted(a){inset:0;opacity:0;position:absolute}";
+
+var header1177NavItemMobileLit = css`${unsafeCSS(css_248z)}`;
+
+export { header1177NavItemMobileLit as default };

package/{dist/components → components}/header-1177/header-1177-nav-item-mobile.css

@@ -35,7 +35,7 @@
   border-right: none !important;
 }
 .ids-header-1177__nav-mobile__menu .ids-hamburger {
-  transition: 0.2s;
+  transition: all 0.2s;
   cursor: pointer;
   user-select: none;
   position: relative;
@@ -44,7 +44,7 @@
   display: block;
   width: 1.3125rem;
   border-radius: 0.125rem;
-  transition: 0.2s;
+  transition: all 0.2s;
   background-color: var(--IDS-COLOR-PRIMARY-35);
   position: relative;
   height: 0.188rem;
@@ -55,7 +55,7 @@
   display: inline-block;
   width: 1.3125rem;
   border-radius: 0.125rem;
-  transition: 0.2s;
+  transition: all 0.2s;
   background-color: var(--IDS-COLOR-PRIMARY-35);
   position: absolute;
   left: 0;
@@ -79,10 +79,6 @@
 .ids-header-1177__nav-mobile__menu .ids-hamburger__lines:after {
   top: -0.5rem;
 }
-.ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger {
-  -webkit-transform: scale3d(0.8, 0.8, 0.8);
-  transform: scale3d(0.8, 0.8, 0.8);
-}
 .ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines {
   background: transparent;
 }
@@ -91,8 +87,8 @@
   -webkit-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   top: 0;
-  width: 2rem;
-  left: -0.313rem;
+  width: 1.5rem;
+  left: -0.1rem;
 }
 .ids-header-1177__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before {
   -ms-transform: rotate(45deg);

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

@@ -0,0 +1,7 @@
+import { css, unsafeCSS } from 'lit';
+
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive nav.ids-header-1177__nav{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}.ids-header-1177--unresponsive nav.ids-header-1177__nav .ids-header-1177__nav-inner{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS__MAX-WIDTH)}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS__MAX-WIDTH)}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) nav.ids-header-1177__nav .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}.ids-header-1177--fluid .ids-header-1177__container .ids-header-1177__nav-inner{max-width:100%!important}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive){background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS__MAX-WIDTH)}@media (max-width:1024px){:host nav.ids-header-1177__nav:not(.ids-header-1177__nav--unresponsive) .ids-header-1177__nav-inner{background-color:var(--IDS-COLOR-PRIMARY-90);box-shadow:0 0 .625rem 0 rgba(0,0,0,.2);box-sizing:border-box;flex:1 1 auto;flex-wrap:wrap}}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}:host nav.ids-header-1177__nav.ids-header-1177__nav--unresponsive .ids-header-1177__nav-inner{align-items:center;background-color:var(--IDS-COLOR-NEUTRAL-100);display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--IDS__MAX-WIDTH)}:host nav.ids-header-1177__nav.ids-header-1177__nav--fluid .ids-header-1177__nav-inner{max-width:100%}";
+
+var header1177NavLit = css`${unsafeCSS(css_248z)}`;
+
+export { header1177NavLit as default };

package/{dist/components → components}/header-1177/header-1177-nav.css

@@ -18,6 +18,7 @@
   max-width: var(--IDS__MAX-WIDTH);
   display: flex;
   flex-wrap: wrap;
+  align-items: center;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: auto;
@@ -33,6 +34,7 @@
   max-width: var(--IDS__MAX-WIDTH);
   display: flex;
   flex-wrap: wrap;
+  align-items: center;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: auto;
@@ -61,6 +63,7 @@
   max-width: var(--IDS__MAX-WIDTH);
   display: flex;
   flex-wrap: wrap;
+  align-items: center;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: auto;
@@ -84,6 +87,7 @@
   max-width: var(--IDS__MAX-WIDTH);
   display: flex;
   flex-wrap: wrap;
+  align-items: center;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: auto;