@inera/ids-design 5.3.0 → 5.4.1

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-header-1177--unresponsive .ids-header-1177__avatar{align-items:center;display:grid;grid-column:3;justify-self:end}.ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box{align-items:center;background-color:#fff;border-radius:3.125rem;display:grid;gap:1rem;grid-template-columns:auto auto;height:80px;justify-content:center;max-height:80px;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:44px;max-width:36px}.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}.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);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}.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:1px solid #dadbdc;margin-right:.5rem;padding-right:.5rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar{align-items:center;display:grid;grid-column:3;justify-self:end}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box{align-items:center;background-color:#fff;border-radius:3.125rem;display:grid;gap:1rem;grid-template-columns:auto auto;height:80px;justify-content:center;max-height:80px;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:32px;margin-left:12px;margin-right:12px;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:44px;max-width:36px}@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{height:20px;width:20px}}.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}}.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);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}@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:1px solid #dadbdc;margin-right:.5rem;padding-right:.5rem}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive){align-items:center;display:grid;grid-column:3;justify-self:end}:host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box{align-items:center;background-color:#fff;border-radius:3.125rem;display:grid;gap:1rem;grid-template-columns:auto auto;height:80px;justify-content:center;max-height:80px;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:32px;margin-left:12px;margin-right:12px;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:44px;max-width:36px}@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{height:20px;width:20px}}: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}}: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);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}@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:1px solid #dadbdc;margin-right:.5rem;padding-right:.5rem}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive{align-items:center;display:grid;grid-column:3;justify-self:end}:host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box{align-items:center;background-color:#fff;border-radius:3.125rem;display:grid;gap:1rem;grid-template-columns:auto auto;height:80px;justify-content:center;max-height:80px;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:44px;max-width:36px}: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}: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);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}: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:1px solid #dadbdc;margin-right:.5rem;padding-right:.5rem}";
+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;display:grid;grid-column:3;justify-self:end}.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:grid;gap:1rem;grid-template-columns:auto auto;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}.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}.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;display:grid;grid-column:3;justify-self:end}.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:grid;gap:1rem;grid-template-columns:auto auto;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}@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{height:1.25rem;width: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}}.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;display:grid;grid-column:3;justify-self:end}: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:grid;gap:1rem;grid-template-columns:auto auto;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}@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{height:1.25rem;width: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}}: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;display:grid;grid-column:3;justify-self:end}: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:grid;gap:1rem;grid-template-columns:auto auto;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}: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}: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)}`;
 

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

@@ -22,17 +22,17 @@
   align-items: center;
   justify-content: center;
   gap: 1rem;
-  max-height: 80px;
-  height: 80px;
+  max-height: 5rem;
+  height: 5rem;
   padding-right: 2rem;
   padding-left: 2rem;
-  background-color: rgb(255, 255, 255);
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
   border-radius: 3.125rem;
 }
 .ids-header-1177--unresponsive .ids-header-1177__avatar .ids-header-1177__avatar-box .ids-header-1177__avatar-icon {
   display: flex;
-  max-width: 36px;
-  max-height: 44px;
+  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;
@@ -41,6 +41,7 @@
 .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;
   max-width: 15.625rem;
+  font-size: 1rem;
   white-space: nowrap;
   overflow: hidden;
   position: relative;
@@ -50,6 +51,7 @@
 .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);
@@ -57,7 +59,7 @@
 }
 .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 {
   padding-right: 0.5rem;
-  border-right: 1px solid rgb(218, 219, 220);
+  border-right: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
   margin-right: 0.5rem;
 }
 
@@ -73,33 +75,33 @@
   align-items: center;
   justify-content: center;
   gap: 1rem;
-  max-height: 80px;
-  height: 80px;
+  max-height: 5rem;
+  height: 5rem;
   padding-right: 2rem;
   padding-left: 2rem;
-  background-color: rgb(255, 255, 255);
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
   border-radius: 3.125rem;
 }
 @media (max-width: 1024px) {
   .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__avatar .ids-header-1177__avatar-box {
     gap: 0.5rem;
-    height: 32px;
+    height: 2rem;
     font-size: 0.75rem;
     padding-right: 1rem;
     padding-left: 1rem;
-    margin-left: 12px;
-    margin-right: 12px;
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
   }
 }
 .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-width: 36px;
-  max-height: 44px;
+  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: 20px;
-    height: 20px;
+    width: 1.25rem;
+    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 {
@@ -114,6 +116,7 @@
 .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;
   max-width: 15.625rem;
+  font-size: 1rem;
   white-space: nowrap;
   overflow: hidden;
   position: relative;
@@ -128,6 +131,7 @@
 .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 {
@@ -140,7 +144,7 @@
 }
 .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 {
   padding-right: 0.5rem;
-  border-right: 1px solid rgb(218, 219, 220);
+  border-right: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
   margin-right: 0.5rem;
 }
 
@@ -156,33 +160,33 @@
   align-items: center;
   justify-content: center;
   gap: 1rem;
-  max-height: 80px;
-  height: 80px;
+  max-height: 5rem;
+  height: 5rem;
   padding-right: 2rem;
   padding-left: 2rem;
-  background-color: rgb(255, 255, 255);
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
   border-radius: 3.125rem;
 }
 @media (max-width: 1024px) {
   :host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box {
     gap: 0.5rem;
-    height: 32px;
+    height: 2rem;
     font-size: 0.75rem;
     padding-right: 1rem;
     padding-left: 1rem;
-    margin-left: 12px;
-    margin-right: 12px;
+    margin-left: 0.75rem;
+    margin-right: 0.75rem;
   }
 }
 :host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-icon {
   display: flex;
-  max-width: 36px;
-  max-height: 44px;
+  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: 20px;
-    height: 20px;
+    width: 1.25rem;
+    height: 1.25rem;
   }
 }
 :host .ids-header-1177__avatar:not(.ids-header-1177__avatar--unresponsive) .ids-header-1177__avatar-box .ids-header-1177__avatar-content {
@@ -197,6 +201,7 @@
 :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;
   max-width: 15.625rem;
+  font-size: 1rem;
   white-space: nowrap;
   overflow: hidden;
   position: relative;
@@ -211,6 +216,7 @@
 :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 {
@@ -223,7 +229,7 @@
 }
 :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 {
   padding-right: 0.5rem;
-  border-right: 1px solid rgb(218, 219, 220);
+  border-right: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
   margin-right: 0.5rem;
 }
 :host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive {
@@ -238,17 +244,17 @@
   align-items: center;
   justify-content: center;
   gap: 1rem;
-  max-height: 80px;
-  height: 80px;
+  max-height: 5rem;
+  height: 5rem;
   padding-right: 2rem;
   padding-left: 2rem;
-  background-color: rgb(255, 255, 255);
+  background-color: var(--IDS-COLOR-NEUTRAL-100);
   border-radius: 3.125rem;
 }
 :host .ids-header-1177__avatar.ids-header-1177__avatar--unresponsive .ids-header-1177__avatar-box .ids-header-1177__avatar-icon {
   display: flex;
-  max-width: 36px;
-  max-height: 44px;
+  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;
@@ -257,6 +263,7 @@
 :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;
   max-width: 15.625rem;
+  font-size: 1rem;
   white-space: nowrap;
   overflow: hidden;
   position: relative;
@@ -266,6 +273,7 @@
 :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);
@@ -273,6 +281,6 @@
 }
 :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 {
   padding-right: 0.5rem;
-  border-right: 1px solid rgb(218, 219, 220);
+  border-right: 0.063rem solid var(--IDS-COLOR-NEUTRAL-90);
   margin-right: 0.5rem;
 }

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

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-header-1177--unresponsive .ids-header-1177__items__item{align-items:center;background-color:transparent;border:0;display:flex;flex-direction:column;gap:8px;position:relative;text-decoration:none}.ids-header-1177--unresponsive .ids-header-1177__items__item:focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-icon{display:flex;margin-left:0;margin-right:0;max-height:32px;max-width:32px}.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item{align-items:center;background-color:transparent;border:0;display:flex;flex-direction:column;gap:8px;position:relative;text-decoration:none}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:not(.ids-header-1177__items__item--mobile){display:none;outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-4px!important}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon{display:flex;margin-left:0;margin-right:0;max-height:32px;max-width:32px}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon{margin-left:4px;margin-right:4px;max-height:24px;max-width:24px}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-text{display:none}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive){align-items:center;background-color:transparent;border:0;display:flex;flex-direction:column;gap:8px;position:relative;text-decoration:none}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):not(.ids-header-1177__items__item--mobile){display:none;outline:var(--IDS-FOCUS_OUTLINE);outline-offset:-4px!important}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon{display:flex;margin-left:0;margin-right:0;max-height:32px;max-width:32px}@media (max-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon{margin-left:4px;margin-right:4px;max-height:24px;max-width:24px}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem}@media (max-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-text{display:none}}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive{align-items:center;background-color:transparent;border:0;display:flex;flex-direction:column;gap:8px;position:relative;text-decoration:none}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive:focus-within{outline:var(--IDS-FOCUS_OUTLINE);outline-offset:var(--IDS-FOCUS_OUTLINE-OFFSET)!important}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-icon{display:flex;margin-left:0;margin-right:0;max-height:32px;max-width:32px}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem}";
+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__items__item{align-items:center;background-color:transparent;border:0;display:flex;flex-direction:column;gap:.5rem;position:relative;text-decoration:none}.ids-header-1177--unresponsive .ids-header-1177__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}.ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;text-align:center}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item{align-items:center;background-color:transparent;border:0;display:flex;flex-direction:column;gap:.5rem;position:relative;text-decoration:none}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:not(.ids-header-1177__items__item--mobile){display:none;outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.25rem!important}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}@media (min-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon{margin-left:0;margin-right:0;max-height:2rem;max-width:2rem}}.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;text-align:center}@media (max-width:1024px){.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-text{display:none}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive){align-items:center;background-color:transparent;border:0;display:flex;flex-direction:column;gap:.5rem;position:relative;text-decoration:none}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}@media (max-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):not(.ids-header-1177__items__item--mobile){display:none;outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.25rem!important}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}@media (min-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon{margin-left:0;margin-right:0;max-height:2rem;max-width:2rem}}:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;text-align:center}@media (max-width:1024px){:host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-text{display:none}}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive{align-items:center;background-color:transparent;border:0;display:flex;flex-direction:column;gap:.5rem;position:relative;text-decoration:none}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-icon{display:flex;margin-left:.25rem;margin-right:.25rem;max-height:1.5rem;max-width:1.5rem}:host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-text{color:var(--IDS-COLOR-PRIMARY-35);font-size:1.125rem;text-align:center}";
 
 var header1177ItemLit = css`${unsafeCSS(css_248z)}`;
 

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

@@ -14,7 +14,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBAR
+* SCROLLBARS
 ********/
 /*******
 * FORM
@@ -26,67 +26,69 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 8px;
+  gap: 0.5rem;
   text-decoration: none;
   position: relative;
   background-color: transparent;
   border: 0;
 }
 .ids-header-1177--unresponsive .ids-header-1177__items__item:focus-within {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 .ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-icon {
-  max-width: 32px;
-  max-height: 32px;
-  margin-left: 0px;
-  margin-right: 0px;
+  max-width: 1.5rem;
+  max-height: 1.5rem;
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
   display: flex;
 }
 .ids-header-1177--unresponsive .ids-header-1177__items__item .ids-header-1177__items__item-text {
   color: var(--IDS-COLOR-PRIMARY-35);
   font-size: 1.125rem;
+  text-align: center;
 }
 
 .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 8px;
+  gap: 0.5rem;
   text-decoration: none;
   position: relative;
   background-color: transparent;
   border: 0;
 }
 .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:focus-within {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 @media (max-width: 1024px) {
   .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item:not(.ids-header-1177__items__item--mobile) {
-    outline: var(--IDS-FOCUS_OUTLINE);
-    outline-offset: -4px !important;
+    outline: var(--IDS-FOCUS__OUTLINE);
+    outline-offset: -0.25rem !important;
     display: none;
   }
 }
 .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon {
-  max-width: 32px;
-  max-height: 32px;
-  margin-left: 0px;
-  margin-right: 0px;
+  max-width: 1.5rem;
+  max-height: 1.5rem;
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
   display: flex;
 }
-@media (max-width: 1024px) {
+@media (min-width: 1024px) {
   .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-icon {
-    max-width: 24px;
-    max-height: 24px;
-    margin-left: 4px;
-    margin-right: 4px;
+    max-width: 2rem;
+    max-height: 2rem;
+    margin-left: 0;
+    margin-right: 0;
   }
 }
 .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-text {
   color: var(--IDS-COLOR-PRIMARY-35);
   font-size: 1.125rem;
+  text-align: center;
 }
 @media (max-width: 1024px) {
   .ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__items__item .ids-header-1177__items__item-text {
@@ -98,41 +100,42 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 8px;
+  gap: 0.5rem;
   text-decoration: none;
   position: relative;
   background-color: transparent;
   border: 0;
 }
 :host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):focus-within {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 @media (max-width: 1024px) {
   :host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive):not(.ids-header-1177__items__item--mobile) {
-    outline: var(--IDS-FOCUS_OUTLINE);
-    outline-offset: -4px !important;
+    outline: var(--IDS-FOCUS__OUTLINE);
+    outline-offset: -0.25rem !important;
     display: none;
   }
 }
 :host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon {
-  max-width: 32px;
-  max-height: 32px;
-  margin-left: 0px;
-  margin-right: 0px;
+  max-width: 1.5rem;
+  max-height: 1.5rem;
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
   display: flex;
 }
-@media (max-width: 1024px) {
+@media (min-width: 1024px) {
   :host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-icon {
-    max-width: 24px;
-    max-height: 24px;
-    margin-left: 4px;
-    margin-right: 4px;
+    max-width: 2rem;
+    max-height: 2rem;
+    margin-left: 0;
+    margin-right: 0;
   }
 }
 :host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-text {
   color: var(--IDS-COLOR-PRIMARY-35);
   font-size: 1.125rem;
+  text-align: center;
 }
 @media (max-width: 1024px) {
   :host .ids-header-1177__items__item:not(.ids-header-1177__items__item--unresponsive) .ids-header-1177__items__item-text {
@@ -143,24 +146,25 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 8px;
+  gap: 0.5rem;
   text-decoration: none;
   position: relative;
   background-color: transparent;
   border: 0;
 }
 :host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive:focus-within {
-  outline: var(--IDS-FOCUS_OUTLINE);
-  outline-offset: var(--IDS-FOCUS_OUTLINE-OFFSET) !important;
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
 :host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-icon {
-  max-width: 32px;
-  max-height: 32px;
-  margin-left: 0px;
-  margin-right: 0px;
+  max-width: 1.5rem;
+  max-height: 1.5rem;
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
   display: flex;
 }
 :host .ids-header-1177__items__item.ids-header-1177__items__item--unresponsive .ids-header-1177__items__item-text {
   color: var(--IDS-COLOR-PRIMARY-35);
   font-size: 1.125rem;
+  text-align: center;
 }

package/components/header-1177/header-1177-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}}header.ids-header-1177{box-shadow:0 0 10px 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:#fff}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container{background:var(--header-main_background);padding:var(--header-main_padding);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 10px 0 rgba(0,0,0,.2)}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{background:var(--header-inner_background);display:grid;grid-template-columns:auto auto 1fr;height:var(--header-inner_height);margin-left:auto;margin-right:auto;max-width:var(--IDS_MAX-WIDTH);position:relative;width:100%}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner.ids-header-1177--hide-region-picker,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner:has(.ids-header-1177__avatar){grid-template-columns:auto 1fr}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{grid-template-columns:auto 1fr auto;height:3rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner.ids-header-1177--hide-region-picker,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner:has(.ids-header-1177__avatar){grid-template-columns:auto 1fr}}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:grid;grid-column:1;grid-row:1;grid-template-columns:auto auto;height:100%;margin-left:0!important;margin-right:0;padding-left:12px;padding-right:36px;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: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{grid-template-columns:auto;padding-left:20px;padding-right:12px}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.8375rem,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:40px;margin-right:24px;width:103px}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:16px!important;margin-right:0;max-width:42px}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:16px!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;gap:16px;grid-column:2;grid-row:1;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.8375rem,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;padding-left:8px}}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:before{background-color:#fff;content:\"\";height:64px;left:-30px;position:absolute;width:1px;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:before{height:32px;left:0}}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{padding-right:32px}@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 button:before{background-color:#fff;content:\"\";height:64px;left:-30px;position:absolute;width:1px;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{height:32px;left: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:not(.ids-header-1177__region--selected) .ids-header-1177__region-icon{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:grid;height:100%;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-icon{align-items:normal;background-color:var(--IDS-COLOR-PRIMARY-40);height:auto;justify-content:space-between;padding-left:8px}}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: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{display:grid}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;max-height:45px;max-width:200px}@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:32px}}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-left:24px;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:16px;min-height:24px;min-width:24px;outline:inherit;padding:0;-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:2px!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:#fff;inset:0;justify-content:space-between;padding-left:12px;padding-right:16px;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:-4px!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:grid;gap:20px;grid-auto-flow:column;grid-column:3;grid-row:1;justify-self:end;margin-right:20px}@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{gap:0;margin-left:16px;margin-right:8px}}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__nav-mobile{background-color:var(--header-nav-mobile_background-color);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:50px}@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:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.3);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK--FONT-FAMILY);font-size:16px;height:48px;justify-content:center;left:0;padding:0 16px;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:-8px!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:var(--header-main_background);padding:var(--header-main_padding);position:relative;z-index:2}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner{background:var(--header-inner_background);display:grid;grid-template-columns:auto auto 1fr;height:var(--header-inner_height);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--hide-region-picker,header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner:has(.ids-header-1177__avatar){grid-template-columns:auto 1fr}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:grid;grid-column:1;grid-row:1;grid-template-columns:auto auto;height:100%;margin-left:0!important;margin-right:0;padding-left:12px;padding-right:36px;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: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:40px;margin-right:24px;width:103px}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;gap:16px;grid-column:2;grid-row:1;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.8375rem,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 .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:before{background-color:#fff;content:\"\";height:64px;left:-30px;position:absolute;width:1px;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-icon{padding-right:32px}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:grid;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: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: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{display:grid}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;max-height:45px;max-width:200px}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-left:24px;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:16px;min-height:24px;min-width:24px;outline:inherit;padding:0;-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:2px!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:grid;gap:20px;grid-auto-flow:column;grid-column:3;grid-row:1;justify-self:end;margin-right:20px}header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__nav-mobile{background-color:var(--header-nav-mobile_background-color);box-sizing:border-box;display:none;flex:1 1 auto;flex-wrap:wrap;height:50px}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:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.3);color:var(--IDS-LINK--COLORPRESET-1__COLOR);display:flex;font-family:var(--IDS-LINK--FONT-FAMILY);font-size:16px;height:48px;justify-content:center;left:0;padding:0 16px;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:-8px!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 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{background:var(--IDS-COLOR-PRIMARY-90);display:grid;grid-template-columns:auto auto 1fr;height:7.5rem;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);position:relative;width:100%}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner.ids-header-1177--hide-region-picker,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner:has(.ids-header-1177__avatar){grid-template-columns:auto 1fr}@media (max-width:1024px){header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner{grid-template-columns:auto 1fr auto;height:3rem}header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner.ids-header-1177--hide-region-picker,header.ids-header-1177:not(.ids-header-1177--unresponsive) .ids-header-1177__container .ids-header-1177__inner:has(.ids-header-1177__avatar){grid-template-columns:auto 1fr}}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:grid;grid-column:1;grid-row:1;grid-template-columns:auto auto;height:100%;margin-left:0!important;margin-right:0;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: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{grid-template-columns:auto;padding-left:1.25rem;padding-right:.75rem}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.8375rem,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;gap:1rem;grid-column:2;grid-row:1;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.8375rem,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;padding-left:.5rem}}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:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";height:4rem;left:-1.875rem;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:before{height:2rem;left:0}}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{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-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 button:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";height:4rem;left:-1.875rem;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{height:2rem;left: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:not(.ids-header-1177__region--selected) .ids-header-1177__region-icon{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:grid;height:100%;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-icon{align-items:normal;background-color:var(--IDS-COLOR-PRIMARY-40);height:auto;justify-content:space-between;padding-left:.5rem}}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: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{display:grid}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;max-height:2.813rem;max-width:12.5rem}@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-left:1.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;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-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;padding-left:.75rem;padding-right:1rem;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:grid;gap:1.25rem;grid-auto-flow:column;grid-column:3;grid-row:1;justify-self:end;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{gap:0;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{background:var(--IDS-COLOR-PRIMARY-90);display:grid;grid-template-columns:auto auto 1fr;height:7.5rem;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--hide-region-picker,header.ids-header-1177.ids-header-1177--unresponsive .ids-header-1177__container .ids-header-1177__inner:has(.ids-header-1177__avatar){grid-template-columns:auto 1fr}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:grid;grid-column:1;grid-row:1;grid-template-columns:auto auto;height:100%;margin-left:0!important;margin-right:0;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: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;gap:1rem;grid-column:2;grid-row:1;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.8375rem,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 .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:before{background-color:var(--IDS-COLOR-NEUTRAL-100);content:\"\";height:4rem;left:-1.875rem;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-icon{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-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 .ids-header-1177__region-icon{align-items:center;background-color:var(--IDS-COLOR-PRIMARY-40);display:grid;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: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: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{display:grid}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;max-height:2.813rem;max-width:12.5rem}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-left:1.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;min-height:1.5rem;min-width:1.5rem;outline:inherit;padding:0;-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:grid;gap:1.25rem;grid-auto-flow:column;grid-column:3;grid-row:1;justify-self:end;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)}`;