@inera/ids-design 7.2.1 → 8.0.0

package/components/header-1177-pro/header-1177-pro-nav.css

@@ -10,98 +10,127 @@
   }
 }
 
-.ids-header-1177-pro--unresponsive nav.ids-header-1177-pro__nav {
+nav.ids-header-1177-pro-nav .ids-header-1177-pro--unresponsive {
+  background-color: var(--IDS-HEADER-1177-PRO-NAV__BACKGROUND-COLOR);
+  border-top: 0.0625rem solid var(--IDS-HEADER-1177-PRO-NAV__BORDER-COLOR);
+  display: flex;
   position: relative;
-  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
-  background-color: var(--IDS-COLOR-SECONDARY-95);
 }
-.ids-header-1177-pro--unresponsive nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner {
+nav.ids-header-1177-pro-nav .ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav__inner {
   max-width: var(--IDS__MAX-WIDTH);
+  padding: var(--IDS__CONTAINER-PADDING);
+  box-sizing: border-box;
   display: flex;
-  flex-wrap: wrap;
+  flex-grow: 1;
+  justify-content: flex-start;
   align-items: center;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: auto;
   margin-right: auto;
 }
+nav.ids-header-1177-pro-nav .ids-header-1177-pro--unresponsive .ids-header-1177-pro-nav__inner-mobile {
+  gap: 1rem;
+  height: 3rem;
+  width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+  display: none;
+}
 
-.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav {
+.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro-nav {
+  background-color: var(--IDS-HEADER-1177-PRO-NAV__BACKGROUND-COLOR);
+  border-top: 0.0625rem solid var(--IDS-HEADER-1177-PRO-NAV__BORDER-COLOR);
+  display: flex;
   position: relative;
-  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
-  background-color: var(--IDS-COLOR-SECONDARY-95);
 }
-.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner {
+.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro-nav .ids-header-1177-pro-nav__inner {
   max-width: var(--IDS__MAX-WIDTH);
+  padding: var(--IDS__CONTAINER-PADDING);
+  box-sizing: border-box;
   display: flex;
-  flex-wrap: wrap;
+  flex-grow: 1;
+  justify-content: flex-start;
   align-items: center;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: auto;
   margin-right: auto;
 }
+.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro-nav .ids-header-1177-pro-nav__inner-mobile {
+  gap: 1rem;
+  height: 3rem;
+  width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+  display: none;
+}
 @media (max-width: 1024px) {
-  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner {
-    height: 3rem;
-    flex-wrap: wrap;
-    flex: 1 1 auto;
-    box-sizing: border-box;
-    justify-content: space-between;
-    padding: 0 1.25rem !important;
-  }
-  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro__nav .ids-header-1177-pro__nav-inner.ids-header-1177-pro__nav-inner--no-region-picker {
-    justify-content: flex-end;
+  .ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) nav.ids-header-1177-pro-nav .ids-header-1177-pro-nav__inner-mobile {
+    display: flex;
   }
 }
 
-.ids-header-1177-pro--fluid .ids-header-1177-pro__container .ids-header-1177-pro__nav-inner {
-  max-width: 100% !important;
-}
-
-:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) {
+:host nav.ids-header-1177-pro-nav:not(.ids-header-1177-pro-nav--unresponsive) {
+  background-color: var(--IDS-HEADER-1177-PRO-NAV__BACKGROUND-COLOR);
+  border-top: 0.0625rem solid var(--IDS-HEADER-1177-PRO-NAV__BORDER-COLOR);
+  display: flex;
   position: relative;
-  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
-  background-color: var(--IDS-COLOR-SECONDARY-95);
 }
-:host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner {
+:host nav.ids-header-1177-pro-nav:not(.ids-header-1177-pro-nav--unresponsive) .ids-header-1177-pro-nav__inner {
   max-width: var(--IDS__MAX-WIDTH);
+  padding: var(--IDS__CONTAINER-PADDING);
+  box-sizing: border-box;
   display: flex;
-  flex-wrap: wrap;
+  flex-grow: 1;
+  justify-content: flex-start;
   align-items: center;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: auto;
   margin-right: auto;
 }
+:host nav.ids-header-1177-pro-nav:not(.ids-header-1177-pro-nav--unresponsive) .ids-header-1177-pro-nav__inner-mobile {
+  gap: 1rem;
+  height: 3rem;
+  width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+  display: none;
+}
 @media (max-width: 1024px) {
-  :host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner {
-    height: 3rem;
-    flex-wrap: wrap;
-    flex: 1 1 auto;
-    box-sizing: border-box;
-    justify-content: space-between;
-    padding: 0 1.25rem !important;
-  }
-  :host nav.ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__nav-inner.ids-header-1177-pro__nav-inner--no-region-picker {
-    justify-content: flex-end;
+  :host nav.ids-header-1177-pro-nav:not(.ids-header-1177-pro-nav--unresponsive) .ids-header-1177-pro-nav__inner-mobile {
+    display: flex;
   }
 }
-:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive {
+:host nav.ids-header-1177-pro-nav.ids-header-1177-pro-nav--unresponsive {
+  background-color: var(--IDS-HEADER-1177-PRO-NAV__BACKGROUND-COLOR);
+  border-top: 0.0625rem solid var(--IDS-HEADER-1177-PRO-NAV__BORDER-COLOR);
+  display: flex;
   position: relative;
-  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
-  background-color: var(--IDS-COLOR-SECONDARY-95);
 }
-:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__nav-inner {
+:host nav.ids-header-1177-pro-nav.ids-header-1177-pro-nav--unresponsive .ids-header-1177-pro-nav__inner {
   max-width: var(--IDS__MAX-WIDTH);
+  padding: var(--IDS__CONTAINER-PADDING);
+  box-sizing: border-box;
   display: flex;
-  flex-wrap: wrap;
+  flex-grow: 1;
+  justify-content: flex-start;
   align-items: center;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: auto;
   margin-right: auto;
 }
-:host nav.ids-header-1177-pro__nav.ids-header-1177-pro__nav--fluid .ids-header-1177-pro__nav-inner {
-  max-width: 100%;
+:host nav.ids-header-1177-pro-nav.ids-header-1177-pro-nav--unresponsive .ids-header-1177-pro-nav__inner-mobile {
+  gap: 1rem;
+  height: 3rem;
+  width: 100%;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: space-between;
+  display: none;
 }

package/components/header-1177-pro/header-1177-pro-region-picker-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-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 .ids-header-1177-pro__skip-to-content ::slotted(a),header.ids-header-1177-pro .ids-header-1177-pro__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--COLOR-PRESET-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--COLOR-PRESET-1__COLOR);text-decoration:underline;transform:translateY(-300%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:20}header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content ::slotted(a:focus),header.ids-header-1177-pro .ids-header-1177-pro__skip-to-content a:focus{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);outline-offset:-.375rem!important;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,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 1rem}}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}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 .ids-header-1177-pro__logo-link{align-items:center;cursor:pointer;display:flex;min-height:2.5rem;position:relative;width:6.438rem}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 .ids-header-1177-pro__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.125rem;pointer-events:none;position:absolute}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]),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(a),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{align-items:center;color:var(--IDS-ICON__COLOR);display:flex;font-size:6.125rem;min-height:2.5rem;width:6.438rem}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,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(a):focus,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),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(a:focus),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)!important;outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}@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 .ids-header-1177-pro__logo-link:before{font-size:2.5rem}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]),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(a),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{font-size:2.5rem}}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 .ids-header-1177-pro__logo-link{align-items:center;cursor:pointer;display:flex;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 .ids-header-1177-pro__logo-link:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:6.125rem;pointer-events:none;position:absolute}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]),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(a),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{align-items:center;color:var(--IDS-ICON__COLOR);display:flex;font-size:6.125rem;min-height:2.5rem;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 ::slotted([slot=logo]):focus,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(a):focus,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),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(a:focus),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)!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.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button{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 2rem 0 .5rem;position:relative}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button: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.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.5rem}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button--mobile{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:none;font:inherit;margin-left:0;margin-right:0;min-height:1.875rem;outline:inherit;padding:0;padding-right:2rem!important;position:relative}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button--mobile:before{display:none}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button--mobile:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button--mobile.ids-header-1177-pro__region-picker-button--mobile--expanded:after{content:\"\\e939\"}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;padding-left:1.75rem;position:relative}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e921\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button--mobile:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro.ids-header-1177-pro--unresponsive .ids-header-1177-pro__region-picker-button--mobile ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button{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 2rem 0 .5rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button: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) .ids-header-1177-pro__region-picker-button:before{min-height:2rem}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.5rem}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button{display:none}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button--mobile{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:none;font:inherit;margin-left:0;margin-right:0;min-height:1.875rem;outline:inherit;padding:0;padding-right:2rem!important;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button--mobile:before{display:none}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button--mobile:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button--mobile.ids-header-1177-pro__region-picker-button--mobile--expanded:after{content:\"\\e939\"}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;padding-left:1.75rem;position:relative}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e921\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}@media (max-width:1024px){.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button--mobile{display:flex}}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button--mobile:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}.ids-header-1177-pro:not(.ids-header-1177-pro--unresponsive) .ids-header-1177-pro__region-picker-button--mobile ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button{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 2rem 0 .5rem;position:relative}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button: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 .ids-header-1177-pro__region-picker-button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--expanded:after{content:\"\\e939\"}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button--mobile{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:none;font:inherit;margin-left:0;margin-right:0;min-height:1.875rem;outline:inherit;padding:0;padding-right:2rem!important;position:relative}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button--mobile:before{display:none}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button--mobile:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button--mobile.ids-header-1177-pro__region-picker-button--mobile--expanded:after{content:\"\\e939\"}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;padding-left:1.75rem;position:relative}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e921\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button--mobile:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro__nav.ids-header-1177-pro__nav--unresponsive .ids-header-1177-pro__region-picker-button--mobile ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.5rem}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button{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 2rem 0 .5rem;position:relative}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button: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) .ids-header-1177-pro__region-picker-button:before{min-height:2rem}}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.5rem}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button.ids-header-1177-pro__region-picker-button--expanded:after{content:\"\\e939\"}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button ::slotted([slot=region]){height:2.5rem;max-width:12.5rem}@media (max-width:1024px){:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button{display:none}}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button--mobile{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:none;font:inherit;margin-left:0;margin-right:0;min-height:1.875rem;outline:inherit;padding:0;padding-right:2rem!important;position:relative}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button--mobile:before{display:none}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button--mobile:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button--mobile.ids-header-1177-pro__region-picker-button--mobile--expanded:after{content:\"\\e939\"}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text{display:flex;font-size:.875rem;padding-left:1.75rem;position:relative}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button--mobile .ids-header-1177-pro__region-picker__text:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e921\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}@media (max-width:1024px){:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button--mobile{display:flex}}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button--mobile:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:-.125rem!important}:host .ids-header-1177-pro__nav:not(.ids-header-1177-pro__nav--unresponsive) .ids-header-1177-pro__region-picker-button--mobile ::slotted([slot=region-mobile]){height:2.5rem;max-width:12.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-pro-region-picker{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.ids-header-1177-pro-region-picker:before{background-color:var(--IDS-HEADER-1177-PRO-REGION-PICKER__SEPARATOR-COLOR);content:\"\";left:-1.5rem;min-height:4rem;position:absolute;width:.0313rem;z-index:1}.ids-header-1177-pro-region-picker .ids-header-1177-pro-region-picker__button{align-items:center;background-color:transparent;border:none;color:var(--IDS-HEADER-1177-PRO-REGION-PICKER__TEXT-COLOR-DESKTOP);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:.875rem;padding:1rem 1.75rem 1rem .125rem;position:relative}.ids-header-1177-pro-region-picker .ids-header-1177-pro-region-picker__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}.ids-header-1177-pro-region-picker .ids-header-1177-pro-region-picker__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-REGION-PICKER__TEXT-COLOR-DESKTOP);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-region-picker .ids-header-1177-pro-region-picker__button.ids-header-1177-pro-region-picker__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro-region-picker .ids-header-1177-pro-region-picker__button:hover{color:var(--IDS-HEADER-1177-PRO-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP);text-decoration:underline;text-underline-offset:.125rem}.ids-header-1177-pro-region-picker .ids-header-1177-pro-region-picker__button:hover:after,.ids-header-1177-pro-region-picker .ids-header-1177-pro-region-picker__button:hover:before{color:var(--IDS-HEADER-1177-PRO-REGION-PICKER__TEXT-HOVER-COLOR-DESKTOP)}.ids-header-1177-pro-region-picker.ids-header-1177-pro-region-picker--selected-region .ids-header-1177-pro-region-picker__region-icon{align-items:center;display:flex;padding-right:1.25rem;position:relative}";
 
 var header1177ProRegionPickerLit = css`${unsafeCSS(css_248z)}`;
 

package/components/header-1177-pro/header-1177-pro-region-picker-mobile-lit.js

@@ -0,0 +1,9 @@
+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-region-picker-mobile{align-items:center;display:flex;flex-grow:1;position:relative}.ids-header-1177-pro-region-picker-mobile.ids-header-1177-pro-region-picker-mobile--unresponsive{display:none}.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button{align-items:center;background-color:transparent;background-color:var(--IDS-HEADER-1177-PRO-REGION-PICKER__BACKGROUND-COLOR-MOBILE);border:none;color:var(--IDS-HEADER-1177-PRO-REGION-PICKER__COLOR-MOBILE);cursor:pointer;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:.875rem;height:2.375rem;margin-left:-.5rem;padding-left:2rem;padding-right:1.875rem;position:relative;white-space:nowrap}.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-REGION-PICKER__COLOR-MOBILE);content:\"\\e921\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.5rem;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-HEADER-1177-PRO-REGION-PICKER__COLOR-MOBILE);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:.125rem;top:50%;transform:translateY(-50%)}.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button:hover .ids-header-1177-pro-region-picker-mobile__button-text{text-decoration:underline;text-underline-offset:.125rem}.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button.ids-header-1177-pro-region-picker-mobile__button--expanded:after{content:\"\\e939\"}.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__region-icon{background-color:transparent;padding:0}.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__region-icon:after{display:none}.ids-header-1177-pro-region-picker-mobile.ids-header-1177-pro-region-picker-mobile--selected-region .ids-header-1177-pro-region-picker-mobile__button{color:var(--IDS-HEADER-1177-PRO-REGION-PICKER--SELECTED__TEXT-COLOR-MOBILE);padding-left:.75rem}.ids-header-1177-pro-region-picker-mobile.ids-header-1177-pro-region-picker-mobile--selected-region .ids-header-1177-pro-region-picker-mobile__button:before{display:none}.ids-header-1177-pro-region-picker-mobile.ids-header-1177-pro-region-picker-mobile--selected-region .ids-header-1177-pro-region-picker-mobile__button:after{color:var(--IDS-HEADER-1177-PRO-REGION-PICKER--SELECTED__TEXT-COLOR-MOBILE)}.ids-header-1177-pro-region-picker-mobile.ids-header-1177-pro-region-picker-mobile--selected-region .ids-header-1177-pro-region-picker-mobile__button .ids-header-1177-pro-region-picker-mobile__button-text{display:none}@media (min-width:1024px){.ids-header-1177-pro-region-picker-mobile{display:none}}";
+
+var header1177ProRegionPickerMobileLit = css`
+  ${unsafeCSS(css_248z)}
+`;
+
+export { header1177ProRegionPickerMobileLit as default };

package/components/header-1177-pro/header-1177-pro-region-picker-mobile.css

@@ -0,0 +1,117 @@
+@media (max-width: 1023px) {
+  .ids-desktop {
+    display: none !important;
+  }
+}
+
+@media (min-width: 1024px) {
+  .ids-mobile {
+    display: none !important;
+  }
+}
+
+/*******
+* ICONS
+********/
+/*******
+* BUTTONS
+********/
+/*******
+* SCROLLBAR
+********/
+/*******
+* FORM
+********/
+/*******
+* A11Y
+********/
+.ids-header-1177-pro-region-picker-mobile {
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  position: relative;
+}
+.ids-header-1177-pro-region-picker-mobile.ids-header-1177-pro-region-picker-mobile--unresponsive {
+  display: none;
+}
+.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button {
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
+  font-size: 0.875rem;
+  font-family: var(--IDS-FONT-FAMILY-HEADING);
+  background-color: var(--IDS-HEADER-1177-PRO-REGION-PICKER__BACKGROUND-COLOR-MOBILE);
+  color: var(--IDS-HEADER-1177-PRO-REGION-PICKER__COLOR-MOBILE);
+  align-items: center;
+  margin-left: -0.5rem;
+  height: 2.375rem;
+  padding-right: 1.875rem;
+  padding-left: 2rem;
+  position: relative;
+  white-space: nowrap;
+}
+.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button:focus {
+  outline: var(--IDS-FOCUS__OUTLINE);
+  outline-offset: 0.125rem !important;
+}
+.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button:before {
+  font: icon;
+  font-family: "Inera-Design-Icons" !important;
+  display: block;
+  position: absolute;
+  pointer-events: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "\e921";
+  font-size: 1.5rem;
+  color: var(--IDS-HEADER-1177-PRO-REGION-PICKER__COLOR-MOBILE);
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button:after {
+  font: icon;
+  font-family: "Inera-Design-Icons" !important;
+  display: block;
+  position: absolute;
+  pointer-events: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "\e936";
+  color: var(--IDS-HEADER-1177-PRO-REGION-PICKER__COLOR-MOBILE);
+  right: 0.125rem;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button:hover .ids-header-1177-pro-region-picker-mobile__button-text {
+  text-decoration: underline;
+  text-underline-offset: 0.125rem;
+}
+.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__button.ids-header-1177-pro-region-picker-mobile__button--expanded:after {
+  content: "\e939";
+}
+.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__region-icon {
+  background-color: transparent;
+  padding: 0;
+}
+.ids-header-1177-pro-region-picker-mobile .ids-header-1177-pro-region-picker-mobile__region-icon::after {
+  display: none;
+}
+.ids-header-1177-pro-region-picker-mobile.ids-header-1177-pro-region-picker-mobile--selected-region .ids-header-1177-pro-region-picker-mobile__button {
+  color: var(--IDS-HEADER-1177-PRO-REGION-PICKER--SELECTED__TEXT-COLOR-MOBILE);
+  padding-left: 0.75rem;
+}
+.ids-header-1177-pro-region-picker-mobile.ids-header-1177-pro-region-picker-mobile--selected-region .ids-header-1177-pro-region-picker-mobile__button::before {
+  display: none;
+}
+.ids-header-1177-pro-region-picker-mobile.ids-header-1177-pro-region-picker-mobile--selected-region .ids-header-1177-pro-region-picker-mobile__button::after {
+  color: var(--IDS-HEADER-1177-PRO-REGION-PICKER--SELECTED__TEXT-COLOR-MOBILE);
+}
+.ids-header-1177-pro-region-picker-mobile.ids-header-1177-pro-region-picker-mobile--selected-region .ids-header-1177-pro-region-picker-mobile__button .ids-header-1177-pro-region-picker-mobile__button-text {
+  display: none;
+}
+@media (min-width: 1024px) {
+  .ids-header-1177-pro-region-picker-mobile {
+    display: none;
+  }
+}