@inera/ids-design 5.4.0 → 5.5.0

package/components/header-1177-pro/header-1177-pro-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-pro__items{display:block;margin-left:auto}header.ids-header-1177-pro{background:var(--IDS-COLOR-NEUTRAL-100);border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);position:relative;z-index:1}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2)}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{min-height:3rem;padding:0 1.25rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{margin-left:0;margin-right:.75rem;width:2.563rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{display:block}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{font-size:.875rem;margin-left:.75rem;margin-right:.75rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-.75rem;min-height:2rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}}@media (max-width:1024px) and (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:after{display:none}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner:not(.ids-header-1177-pro__items__item--mobile){gap:0;margin-right:0;padding-right:0}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive){border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);box-shadow:none}}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{display:block}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}header.ids-header-1177-pro.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__inner{max-width:100%!important}";
+
+var header1177ProLit = css`${unsafeCSS(css_248z)}`;
+
+export { header1177ProLit as default };

package/components/header-1177-pro/header-1177-pro-nav-menu-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-pro__nav-mobile__menu{background:none;border:none;color:inherit;color:var(--IDS-COLOR-PRIMARY-35);cursor:pointer;display:flex;font:inherit;outline:inherit;padding:0}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger{cursor:pointer;position:relative;transition:all .2s;user-select:none}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines{background-color:var(--IDS-COLOR-ACCENT-40);border-radius:.125rem;display:block;height:.188rem;position:relative;transition:all .2s;width:1.3125rem;width:1.25rem}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after,.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:before{background-color:var(--IDS-COLOR-ACCENT-40);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-pro__nav-mobile__menu .ids-hamburger__lines:before{top:.5rem}.ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after{top:-.5rem}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines{background:transparent}.ids-header-1177-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after,.ids-header-1177-pro__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-pro__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-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:after{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width:1024px){.ids-header-1177-pro__nav-mobile__menu{display:none}}.ids-header-1177-pro__nav-mobile__menu-items{box-shadow:0 .125rem .313rem #c5c5c5;display:block;left:0;position:absolute;right:0;top:calc(100% + .063rem);z-index:10}@media (min-width:1024px){.ids-header-1177-pro__nav-mobile__menu-items{display:none}}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item a,.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item a,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item ::slotted(a){inset:0;opacity:0;position:absolute}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__items__item--mobile){display:flex}}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive){align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) a,:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive):focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}@media (max-width:1024px){:host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive):not(.ids-header-1177-pro__items__item--mobile){display:flex}}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive{align-items:center;color:var(--IDS-COLOR-ACCENT-40);display:none;height:3rem;justify-content:center;margin:0 -.5rem;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive a,:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive button{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40);cursor:pointer;display:flex;font:inherit;font-size:.875rem;gap:.5rem;justify-content:center;outline:inherit;outline:none!important;padding:0;text-decoration:none;width:100%}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive ::slotted(a){inset:0;opacity:0;position:absolute}:host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive:focus-within{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}";
+
+var header1177ProNavMenuMobileLit = css`${unsafeCSS(css_248z)}`;
+
+export { header1177ProNavMenuMobileLit as default };

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

@@ -31,10 +31,10 @@
   cursor: pointer;
   outline: inherit;
   color: var(--IDS-COLOR-PRIMARY-35);
-  display: none;
+  display: flex;
 }
 .ids-header-1177-pro__nav-mobile__menu .ids-hamburger {
-  transition: 0.2s;
+  transition: all 0.2s;
   cursor: pointer;
   user-select: none;
   position: relative;
@@ -43,7 +43,7 @@
   display: block;
   width: 1.3125rem;
   border-radius: 0.125rem;
-  transition: 0.2s;
+  transition: all 0.2s;
   background-color: var(--IDS-COLOR-ACCENT-40);
   position: relative;
   height: 0.188rem;
@@ -54,7 +54,7 @@
   display: inline-block;
   width: 1.3125rem;
   border-radius: 0.125rem;
-  transition: 0.2s;
+  transition: all 0.2s;
   background-color: var(--IDS-COLOR-ACCENT-40);
   position: absolute;
   left: 0;
@@ -78,10 +78,6 @@
 .ids-header-1177-pro__nav-mobile__menu .ids-hamburger__lines:after {
   top: -0.5rem;
 }
-.ids-header-1177-pro__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-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines {
   background: transparent;
 }
@@ -90,8 +86,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-pro__nav-mobile__menu[aria-expanded=true] .ids-hamburger .ids-hamburger__lines:before {
   -ms-transform: rotate(45deg);
@@ -103,9 +99,9 @@
   -webkit-transform: rotate3d(0, 0, 1, -45deg);
   transform: rotate3d(0, 0, 1, -45deg);
 }
-@media (max-width: 1024px) {
+@media (min-width: 1024px) {
   .ids-header-1177-pro__nav-mobile__menu {
-    display: flex;
+    display: none;
   }
 }
 
@@ -131,6 +127,8 @@
   height: 3rem;
   position: relative;
   color: var(--IDS-COLOR-ACCENT-40);
+  padding: 0 0.5rem;
+  margin: 0 -0.5rem;
 }
 .ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item a,
 .ids-header-1177-pro--unresponsive .ids-header-1177-pro__nav-mobile__item button {
@@ -168,6 +166,8 @@
   height: 3rem;
   position: relative;
   color: var(--IDS-COLOR-ACCENT-40);
+  padding: 0 0.5rem;
+  margin: 0 -0.5rem;
 }
 .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item a,
 .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__nav-mobile__item button {
@@ -215,6 +215,8 @@
   height: 3rem;
   position: relative;
   color: var(--IDS-COLOR-ACCENT-40);
+  padding: 0 0.5rem;
+  margin: 0 -0.5rem;
 }
 :host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) a,
 :host .ids-header-1177-pro__nav-mobile__item:not(.ids-header-1177-pro__nav-mobile__item--unresponsive) button {
@@ -261,6 +263,8 @@
   height: 3rem;
   position: relative;
   color: var(--IDS-COLOR-ACCENT-40);
+  padding: 0 0.5rem;
+  margin: 0 -0.5rem;
 }
 :host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive a,
 :host .ids-header-1177-pro__nav-mobile__item.ids-header-1177-pro__nav-mobile__item--unresponsive button {

package/components/header-1177-pro/header-1177-pro-region-picker-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-pro__items{display:block;margin-left:auto}header.ids-header-1177-pro{background:var(--IDS-COLOR-NEUTRAL-100);border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);position:relative;z-index:1}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container{box-shadow:0 0 .625rem 0 rgba(0,0,0,.2)}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner{min-height:3rem;padding:0 1.25rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{margin-left:0;margin-right:.75rem;width:2.563rem}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{display:block}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{font-size:.875rem;margin-left:.75rem;margin-right:.75rem}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-.75rem;min-height:2rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}}@media (max-width:1024px) and (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{min-height:2rem}}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:after{display:none}}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}@media (max-width:1024px){header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner:not(.ids-header-1177-pro__items__item--mobile){gap:0;margin-right:0;padding-right:0}header.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive){border-top:.25rem solid var(--IDS-COLOR-ACCENT-40);box-shadow:none}}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container{padding:0;position:relative;z-index:2}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);min-height:7.25rem;position:relative;width:100%}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col{align-items:center;display:flex}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo{align-items:center;display:flex;justify-content:center;margin-left:1.25rem;margin-right:1.5rem;min-height:2.5rem;position:relative;width:6.438rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a{display:block}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo a:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-col .ids-header-1177-pro__logo ::slotted([slot=logo]:focus){display:block;outline:var(--IDS-FOCUS__OUTLINE)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text{color:var(--IDS-COLOR-ACCENT-30);font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.25rem;font-weight:700;margin-left:1.5rem;margin-right:1.5rem;position:relative}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__logo-text:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}header.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__container .ids-header-1177-pro__inner .ids-header-1177-pro__items-inner{align-self:center;display:flex;gap:2.5rem;padding-right:1.25rem}header.ids-header-1177-pro.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__inner{max-width:100%!important}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 .5rem;position:relative}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile,.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile:before{display:none}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;gap:.5rem}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}.ids-header-1177-pro--unresponsive button.ids-header-1177-pro__region-picker ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 .5rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker:before{min-height:2rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile,.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile:before{display:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;gap:.5rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker:not(.ids-header-1177-pro__region-picker--mobile){display:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile{display:flex;gap:.75rem;margin-left:0}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile ::slotted([slot=region]){height:1.5rem;max-width:12.5rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) button.ids-header-1177-pro__region-picker ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}@media (max-width:1024px){:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker:before{min-height:2rem}}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile{display:none}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile:before{display:none}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;gap:.5rem}@media (max-width:1024px){:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker:not(.ids-header-1177-pro__region-picker--mobile){display:none}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile{display:flex;gap:.75rem;margin-left:0}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile ::slotted([slot=region]){height:1.5rem;max-width:12.5rem}}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) button.ids-header-1177-pro__region-picker ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker{align-items:center;background:none;border:none;color:inherit;color:var(--IDS-COLOR-ACCENT-40)!important;cursor:pointer;display:flex;font:inherit;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:.85rem!important;gap:1rem;margin-left:1rem;margin-right:1rem;min-height:2.5rem;outline:inherit;padding:0 .5rem;position:relative}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker:before{background:var(--IDS-COLOR-ACCENT-30);content:\"\";display:block;left:-1.5rem;min-height:4rem;position:absolute;top:50%;transform:translateY(-50%);width:.063rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile{display:none}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile:before{display:none}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker.ids-header-1177-pro__region-picker--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;gap:.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive button.ids-header-1177-pro__region-picker ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}";
+
+var header1177ProRegionPickerLit = css`${unsafeCSS(css_248z)}`;
+
+export { header1177ProRegionPickerLit as default };