@inera/ids-design 8.2.0 → 9.0.0

package/components/form/select-multiple/select-multiple-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING)}.ids-select-multiple__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select:focus-visible,.ids-select-multiple__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly],.ids-select-multiple__select[readonly]:focus-visible,.ids-select-multiple__select[readonly]:focus-visible:hover{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled::placeholder,.ids-select-multiple__select[readonly]::placeholder,.ids-select-multiple__select[readonly]:focus-visible::placeholder,.ids-select-multiple__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select.ids-input--light:focus-visible,.ids-select-multiple__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select.ids-input--light[readonly]:focus-visible,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light:disabled::placeholder,.ids-select-multiple__select.ids-input--light[readonly]::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select-multiple__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER)}.ids-select-multiple__select[aria-disabled=true]{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select-wrapper{display:flex;position:relative}.ids-select-multiple__select-wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select-multiple__select-wrapper:has(.ids-input--invalid):after,.ids-select-multiple__select-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)}.ids-select-multiple__select-wrapper:has(input:disabled):after,.ids-select-multiple__select-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__dropdown-wrapper{position:relative}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-SELECT-MULTIPLE-DROPDOWN__BACKGROUND-COLOR);border:1px solid var(--IDS-SELECT-MULTIPLE-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-FONT-COLOR);display:none;left:0;position:absolute;right:0;z-index:3}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--expanded{display:block}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-corner{background-color:transparent}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area{overflow-y:auto;padding:.625rem}:host([disabled]) input{background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}:host([disabled]) input::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper{align-items:flex-start;display:inline-flex;gap:.5rem}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline{display:inline}.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline label{display:inline;margin-right:.5rem;position:relative;top:-.1875rem}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);display:inline-block;font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);margin-bottom:.25rem;min-height:1.25rem;min-width:1.5rem}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper .ids-label.ids-label--no-label{display:none}.ids-select-multiple-label-wrapper:has(input:disabled) .ids-label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}";
+var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-FORM__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;padding:var(--IDS-INPUT__PADDING)}.ids-select-multiple__select:hover{background-color:var(--IDS-INPUT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select:active{background-color:var(--IDS-INPUT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select:focus-visible,.ids-select-multiple__select:focus-visible:hover{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border-color:var(--IDS-INPUT__FOCUS-BORDER-COLOR)}.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly],.ids-select-multiple__select[readonly]:focus-visible,.ids-select-multiple__select[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled::placeholder,.ids-select-multiple__select[readonly]::placeholder,.ids-select-multiple__select[readonly]:focus-visible::placeholder,.ids-select-multiple__select[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:hover{background-color:var(--IDS-INPUT--LIGHT__HOVER-BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:active{background-color:var(--IDS-INPUT--LIGHT__ACTIVE-BACKGROUND-COLOR);border-color:var(--IDS-INPUT__ACTIVE-BORDER-COLOR)}.ids-select-multiple__select.ids-input--light:focus-visible,.ids-select-multiple__select.ids-input--light:focus-visible:hover{background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select.ids-input--light[readonly]:focus-visible,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select.ids-input--light:disabled::placeholder,.ids-select-multiple__select.ids-input--light[readonly]::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder,.ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple__select{border:var(--IDS-INPUT__BORDER-THICKNESS) solid var(--IDS-INPUT__BORDER-COLOR);cursor:pointer;display:inline-block!important;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding-left:var(--IDS-SELECT__PADDING-LEFT)!important;padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select::placeholder{color:var(--IDS-FORM__COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--light.ids-input--invalid,.ids-select-multiple__select.ids-input--light[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)!important;border:var(--IDS-FORM--INVALID__BORDER);box-shadow:var(--IDS-FORM--INVALID-BOX-SHADOW)}.ids-select-multiple__select[aria-disabled=true]{-webkit-text-fill-color:inherit;background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select[aria-disabled=true]::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled{cursor:default}.ids-select-multiple__select:disabled::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select:disabled.ids-input--light{-webkit-text-fill-color:inherit;background-color:var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);background:var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);border:var(--IDS-FORM--DISABLED__BORDER);color:var(--IDS-FORM--DISABLED__COLOR);font-style:italic!important;opacity:1}.ids-select-multiple__select:disabled.ids-input--light::placeholder{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__select-wrapper{display:flex;position:relative}.ids-select-multiple__select-wrapper:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);z-index:2}.ids-select-multiple__select-wrapper:has(.ids-input--invalid):after,.ids-select-multiple__select-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-FORM--INVALID__COLOR)}.ids-select-multiple__select-wrapper:has(input:disabled):after,.ids-select-multiple__select-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-FORM--DISABLED__COLOR)}.ids-select-multiple__dropdown-wrapper{position:relative}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-SELECT-MULTIPLE-DROPDOWN__BACKGROUND-COLOR);border:1px solid var(--IDS-SELECT-MULTIPLE-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:var(--IDS-BOX-SHADOW-ELEVATED-2);color:var(--IDS-FONT-COLOR);display:none;left:0;position:absolute;right:0;z-index:3}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--expanded{display:block}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:0;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area::-webkit-scrollbar-corner{background-color:transparent}.ids-select-multiple__dropdown-wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown-scroll-area{overflow-y:auto;padding:.625rem}.ids-select-multiple-label-wrapper .ids-label-wrapper{display:inline;margin-bottom:0;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper .ids-label__tooltip{bottom:-.1875rem;margin-left:.5rem;position:relative}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom{bottom:.25rem}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block{width:100%}.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block label{display:block!important;width:100%}.ids-select-multiple-label-wrapper .ids-label{color:var(--IDS-FORM-LABEL__COLOR);display:inline!important;font-family:var(--IDS-FORM-LABEL__FONT-FAMILY);font-size:var(--IDS-FORM-LABEL__FONT-SIZE);font-style:normal;font-weight:var(--IDS-FORM-LABEL__FONT-WEIGHT);letter-spacing:var(--IDS-FORM-LABEL__LETTER-SPACING);line-height:var(--IDS-FORM-LABEL__HEIGHT);padding:0}.ids-select-multiple-label-wrapper .ids-label.ids-label--clickable{cursor:pointer!important}.ids-select-multiple-label-wrapper .ids-label.ids-label--disabled{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}.ids-select-multiple-label-wrapper:has(input:disabled) .ids-label{color:var(--IDS-FORM-LABEL--DISABLED-COLOR);cursor:default!important;font-style:italic}";
 
 var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
 

package/components/form/select-multiple/select-multiple.css

@@ -43,6 +43,7 @@
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
+  -webkit-text-fill-color: inherit;
 }
 .ids-select-multiple__select:disabled::placeholder, .ids-select-multiple__select[readonly]::placeholder, .ids-select-multiple__select[readonly]:focus-visible::placeholder, .ids-select-multiple__select[readonly]:focus-visible:hover::placeholder {
   color: var(--IDS-FORM--DISABLED__COLOR);
@@ -50,6 +51,7 @@
 .ids-select-multiple__select.ids-input--invalid, .ids-select-multiple__select[aria-invalid=true] {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
   border: var(--IDS-FORM--INVALID__BORDER);
+  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
 }
 .ids-select-multiple__select.ids-input--light {
   background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
@@ -70,12 +72,15 @@
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
+  -webkit-text-fill-color: inherit;
 }
 .ids-select-multiple__select.ids-input--light:disabled::placeholder, .ids-select-multiple__select.ids-input--light[readonly]::placeholder, .ids-select-multiple__select.ids-input--light[readonly]:focus-visible::placeholder, .ids-select-multiple__select.ids-input--light[readonly]:focus-visible:hover::placeholder {
   color: var(--IDS-FORM--DISABLED__COLOR);
 }
 .ids-select-multiple__select.ids-input--light.ids-input--invalid, .ids-select-multiple__select.ids-input--light[aria-invalid=true] {
-  background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
+  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
+  border: var(--IDS-FORM--INVALID__BORDER);
+  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
 }
 .ids-select-multiple__select:focus-visible {
   outline: 0.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);
@@ -99,6 +104,7 @@
 .ids-select-multiple__select.ids-input--invalid, .ids-select-multiple__select[aria-invalid=true] {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
   border: var(--IDS-FORM--INVALID__BORDER);
+  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
 }
 .ids-select-multiple__select.ids-input--light {
   background-color: var(--IDS-SELECT--LIGHT__BACKGROUND-COLOR);
@@ -106,6 +112,7 @@
 .ids-select-multiple__select.ids-input--light.ids-input--invalid, .ids-select-multiple__select.ids-input--light[aria-invalid=true] {
   background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
   border: var(--IDS-FORM--INVALID__BORDER);
+  box-shadow: var(--IDS-FORM--INVALID-BOX-SHADOW);
 }
 .ids-select-multiple__select[aria-disabled=true] {
   color: var(--IDS-FORM--DISABLED__COLOR);
@@ -113,6 +120,7 @@
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
+  -webkit-text-fill-color: inherit;
 }
 .ids-select-multiple__select[aria-disabled=true]::placeholder {
   color: var(--IDS-FORM--DISABLED__COLOR);
@@ -130,6 +138,7 @@
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
   border: var(--IDS-FORM--DISABLED__BORDER);
   opacity: 1;
+  -webkit-text-fill-color: inherit;
 }
 .ids-select-multiple__select:disabled.ids-input--light::placeholder {
   color: var(--IDS-FORM--DISABLED__COLOR);
@@ -144,7 +153,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";
@@ -153,6 +161,7 @@
   transform: translateY(-50%);
   right: var(--IDS-INPUT__ICON-RIGHT);
   z-index: 2;
+  pointer-events: none;
 }
 .ids-select-multiple__select-wrapper:has(.ids-input--invalid)::after, .ids-select-multiple__select-wrapper:has(input[aria-invalid=true])::after {
   color: var(--IDS-FORM--INVALID__COLOR);
@@ -205,33 +214,25 @@
   overflow-y: auto;
 }
 
-:host([disabled]) input {
-  color: var(--IDS-FORM--DISABLED__COLOR);
-  font-style: italic !important;
-  background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
-  border: var(--IDS-FORM--DISABLED__BORDER);
-  opacity: 1;
+.ids-select-multiple-label-wrapper .ids-label-wrapper {
+  display: inline;
+  position: relative;
+  margin-bottom: 0;
 }
-:host([disabled]) input::placeholder {
-  color: var(--IDS-FORM--DISABLED__COLOR);
+.ids-select-multiple-label-wrapper .ids-label-wrapper .ids-label__tooltip {
+  position: relative;
+  margin-left: 0.5rem;
+  bottom: -0.1875rem;
 }
-
-.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper {
-  display: inline-flex;
-  align-items: flex-start;
-  gap: 0.5rem;
+.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--margin-bottom {
+  bottom: 0.25rem;
 }
-.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--block {
+.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block {
   width: 100%;
 }
-.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline {
-  display: inline;
-}
-.ids-select-multiple-label-wrapper .ids-label-tooltip-wrapper.ids-label-tooltip-wrapper--inline label {
-  display: inline;
-  margin-right: 0.5rem;
-  position: relative;
-  top: -0.1875rem;
+.ids-select-multiple-label-wrapper .ids-label-wrapper.ids-label-wrapper--block label {
+  display: block !important;
+  width: 100%;
 }
 .ids-select-multiple-label-wrapper .ids-label {
   color: var(--IDS-FORM-LABEL__COLOR);
@@ -241,10 +242,8 @@
   font-weight: var(--IDS-FORM-LABEL__FONT-WEIGHT);
   letter-spacing: var(--IDS-FORM-LABEL__LETTER-SPACING);
   line-height: var(--IDS-FORM-LABEL__HEIGHT);
-  min-height: 1.25rem;
-  min-width: 1.5rem;
-  margin-bottom: 0.25rem;
-  display: inline-block;
+  display: inline !important;
+  padding: 0;
 }
 .ids-select-multiple-label-wrapper .ids-label.ids-label--clickable {
   cursor: pointer !important;
@@ -254,9 +253,6 @@
   color: var(--IDS-FORM-LABEL--DISABLED-COLOR);
   cursor: default !important;
 }
-.ids-select-multiple-label-wrapper .ids-label.ids-label--no-label {
-  display: none;
-}
 .ids-select-multiple-label-wrapper:has(input:disabled) .ids-label {
   font-style: italic;
   color: var(--IDS-FORM-LABEL--DISABLED-COLOR);

package/components/form/spinner/spinner-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-spinner{height:1.25rem;text-align:center;white-space:nowrap;width:4.375rem}.ids-spinner div{-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:var(--IDS-SPINNER__COLOR);border-radius:100%;display:inline-block;height:1.125rem;width:1.125rem}.ids-spinner .ids-bounce-1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.ids-spinner .ids-bounce-2{-webkit-animation-delay:-.16s;animation-delay:-.16s}.ids-spinner.ids-spinner--light div{background-color:var(--IDS-SPINNER--LIGHT__COLOR)}.ids-spinner-sr{border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;width:.063rem}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}";
+var css_248z = ".ids-spinner{height:1.25rem;text-align:center;white-space:nowrap;width:4.375rem}.ids-spinner div{-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both;background-color:var(--IDS-SPINNER__BACKGROUND-COLOR);border-radius:100%;display:inline-block;height:1.125rem;width:1.125rem}.ids-spinner .ids-bounce-1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.ids-spinner .ids-bounce-2{-webkit-animation-delay:-.16s;animation-delay:-.16s}.ids-spinner.ids-spinner--2 div{background-color:var(--IDS-SPINNER__BACKGROUND-COLOR-2)}.ids-spinner.ids-spinner--3 div{background-color:var(--IDS-SPINNER--LIGHT__BACKGROUND-COLOR)}.ids-spinner-sr{border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;width:.063rem}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}";
 
 var spinnerLit = css`${unsafeCSS(css_248z)}`;
 

package/components/form/spinner/spinner.css

@@ -8,7 +8,7 @@
 .ids-spinner div {
   width: 1.125rem;
   height: 1.125rem;
-  background-color: var(--IDS-SPINNER__COLOR);
+  background-color: var(--IDS-SPINNER__BACKGROUND-COLOR);
   border-radius: 100%;
   display: inline-block;
   -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
@@ -22,8 +22,11 @@
   -webkit-animation-delay: -0.16s;
   animation-delay: -0.16s;
 }
-.ids-spinner.ids-spinner--light div {
-  background-color: var(--IDS-SPINNER--LIGHT__COLOR);
+.ids-spinner.ids-spinner--2 div {
+  background-color: var(--IDS-SPINNER__BACKGROUND-COLOR-2);
+}
+.ids-spinner.ids-spinner--3 div {
+  background-color: var(--IDS-SPINNER--LIGHT__BACKGROUND-COLOR);
 }
 
 .ids-spinner-sr {

package/components/global-alert/global-alert-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-global-alert{align-items:center;background-color:var(--IDS-GLOBAL-ALERT__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-GLOBAL-ALERT__BORDER-COLOR);box-shadow:var(--IDS-GLOBAL-ALERT__BOX-SHADOW);color:var(--IDS-GLOBAL-ALERT__COLOR);display:block;font-size:1rem;line-height:1.625rem;position:relative;z-index:2}.ids-global-alert .ids-global-alert__inner{box-sizing:border-box;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding-bottom:.1875rem;padding-top:.25rem}.ids-global-alert .ids-global-alert__header{display:flex;flex-grow:1}.ids-global-alert .ids-global-alert__icon-headline{margin-right:1.25rem;padding-left:2rem;position:relative}.ids-global-alert .ids-global-alert__icon-headline:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT__ICON-COLOR);content:\"\\e905\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;height:1.25rem;left:0;pointer-events:none;position:absolute;top:.1875rem;width:1.25rem}.ids-global-alert .ids-global-alert__headline{align-items:center!important;color:var(--IDS-GLOBAL-ALERT-HEADLINE-COLOR);display:flex;display:flex!important;font-family:var(--IDS-FONT-FAMILY-HEADING)!important;font-size:1.125rem!important;font-weight:var(--IDS-ALERT__HEADLINE-FONT-WEIGHT)!important;line-height:1.75rem!important;margin:0!important;text-align:left}.ids-global-alert .ids-global-alert__button{background:none;color:inherit;font:inherit;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-global-alert .ids-global-alert__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-global-alert .ids-global-alert__button{align-items:center;border:none;border-radius:.1875rem;box-sizing:border-box;cursor:pointer;display:flex;flex-grow:1;flex-wrap:wrap;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;gap:1.25rem;justify-content:space-between;margin:0 .25rem;min-height:1.5rem;min-width:1.5rem;padding:.75rem 3rem .75rem 1rem;position:relative}.ids-global-alert .ids-global-alert__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT__CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;pointer-events:none;position:absolute;right:1.25rem;top:1.5rem;transform:translateY(-50%)}.ids-global-alert .ids-global-alert__button.ids-global-alert__button--expanded:before{content:\"\\e939\"}.ids-global-alert .ids-global-alert__button .ids-global-alert__sr-only{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline{text-decoration:underline;text-underline-offset:.125rem}.ids-global-alert .ids-global-alert__button:hover:before{color:var(--IDS-GLOBAL-ALERT__CHEVRON-HOVER-COLOR)}.ids-global-alert .ids-global-alert__content{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-line-height-body-text);padding:0 1.25rem .75rem}.ids-global-alert .ids-global-alert__sub-content{margin-top:.75rem}@media (min-width:1024px){.ids-global-alert .ids-global-alert__icon-headline{padding-left:3rem}.ids-global-alert .ids-global-alert__icon-headline:before{font-size:1.75rem;height:1.75rem;top:0;width:1.75rem}}.ids-global-alert.ids-global-alert--collapsed{box-shadow:none}.ids-global-alert.ids-global-alert--collapsed .ids-global-alert__content,.ids-global-alert.ids-global-alert--collapsed .ids-global-alert__sub-content{display:none}@media (max-width:1024px){.ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline{padding-left:0!important}.ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline:before{display:none!important}}.ids-global-alert.ids-global-alert--agent{background-color:var(--IDS-GLOBAL-ALERT--AGENT__BACKGROUND-COLOR)!important;border-bottom:.0625rem solid var(--IDS-GLOBAL-ALERT--AGENT__BORDER-COLOR);color:var(--IDS-GLOBAL-ALERT--AGENT__COLOR)!important}.ids-global-alert.ids-global-alert--agent .ids-global-alert__icon-headline:before{color:var(--IDS-GLOBAL-ALERT--AGENT__ICON-COLOR);content:\"\\e91f\"}";
+var css_248z = ".ids--dark,.ids--light{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-PAGE-LIST__COLOR:var(--ids-color-brand-text-primary);--IDS-PAGE-LIST__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-PAGE-LIST__FONT-SIZE:1.25rem;--IDS-PAGE-LIST__LINE-HEIGHT:1.5rem;--IDS-PAGE-LIST__FONT-WEIGHT:700;--IDS-PAGE-LIST__LETTER-SPACING:-0.025rem;--IDS-BULLET-LIST__MARKER-COLOR:var(--ids-color-brand-text-primary);--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:bold;--IDS-BULLET-LIST__LINE-HEIGHT:1.5rem;--IDS-DIVIDER__COLOR:var(--ids-color-surface-border-default)}.ids--dark.ids--1177-admin,.ids--dark.ids--1177-pro,.ids--light.ids--1177-admin,.ids--light.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}.ids--dark.ids--inera,.ids--dark.ids--inera-admin,.ids--light.ids--inera,.ids--light.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-PAGE-LIST__FONT-WEIGHT:600;--IDS-PAGE-LIST__LETTER-SPACING:0;--IDS-BULLET-LIST__MARKER-FONT-WEIGHT:normal;--IDS-BULLET-LIST__LINE-HEIGHT:1.625rem;--IDS-DESCRIPTION-LIST__TERM-FONT-WEIGHT:600}.ids--dark.ids--dark,.ids--light.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}.ids--dark.ids--dark.ids--1177-admin,.ids--dark.ids--dark.ids--1177-pro,.ids--dark.ids--dark.ids--inera,.ids--dark.ids--dark.ids--inera-admin,.ids--light.ids--dark.ids--1177-admin,.ids--light.ids--dark.ids--1177-pro,.ids--light.ids--dark.ids--inera,.ids--light.ids--dark.ids--inera-admin{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-global-alert{align-items:center;background-color:var(--IDS-GLOBAL-ALERT__BACKGROUND-COLOR);border-bottom:.0625rem solid var(--IDS-GLOBAL-ALERT__BORDER-COLOR);box-shadow:var(--IDS-GLOBAL-ALERT__BOX-SHADOW);color:var(--IDS-GLOBAL-ALERT__COLOR);display:block;font-size:1rem;line-height:1.625rem;position:relative;z-index:2}.ids-global-alert .ids-global-alert__inner{box-sizing:border-box;margin:0 auto;max-width:var(--IDS__MAX-WIDTH);padding-bottom:.1875rem;padding-top:.25rem}.ids-global-alert .ids-global-alert__header{display:flex;flex-grow:1}.ids-global-alert .ids-global-alert__icon-headline{margin-right:1.25rem;padding-left:2rem;position:relative}.ids-global-alert .ids-global-alert__icon-headline:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT__ICON-COLOR);content:\"\\e905\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;height:1.25rem;left:0;position:absolute;top:.1875rem;width:1.25rem}.ids-global-alert .ids-global-alert__headline,.ids-global-alert .ids-global-alert__headline *{align-items:center!important;color:var(--IDS-GLOBAL-ALERT-HEADLINE-COLOR);display:flex;display:flex!important;font-family:var(--IDS-FONT-FAMILY-HEADING)!important;font-size:1.125rem!important;font-weight:var(--IDS-ALERT__HEADLINE-FONT-WEIGHT)!important;line-height:1.75rem!important;margin:0!important;text-align:left}.ids-global-alert .ids-global-alert__button{background:none;color:inherit;font:inherit;outline:inherit;padding:0;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ids-global-alert .ids-global-alert__button:focus-visible{outline:.125rem solid var(--IDS-FOCUS__OUTLINE-COLOR);outline-offset:0!important}.ids-global-alert .ids-global-alert__button{align-items:center;border:none;border-radius:.1875rem;box-sizing:border-box;cursor:pointer;display:flex;flex-grow:1;flex-wrap:wrap;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1rem;gap:1.25rem;justify-content:space-between;margin:0 .25rem;min-height:1.5rem;min-width:1.5rem;padding:.75rem 3rem .75rem 1rem;position:relative}.ids-global-alert .ids-global-alert__button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-GLOBAL-ALERT__CHEVRON-COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;position:absolute;right:1.25rem;top:1.5rem;transform:translateY(-50%)}.ids-global-alert .ids-global-alert__button.ids-global-alert__button--expanded:before{content:\"\\e939\"}.ids-global-alert .ids-global-alert__button .ids-global-alert__sr-only{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline,.ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline *{text-decoration:underline;text-underline-offset:.125rem}.ids-global-alert .ids-global-alert__button:hover:before{color:var(--IDS-GLOBAL-ALERT__CHEVRON-HOVER-COLOR)}.ids-global-alert .ids-global-alert__content{color:var(--ids-color-surface-text-on-default);font-family:var(--ids-font-family-body-text);font-size:var(--ids-font-size-body-text);font-style:normal;font-weight:var(--ids-font-weight-body-text);letter-spacing:0;line-height:var(--ids-font-line-height-body-text);padding:0 1.25rem .75rem}.ids-global-alert .ids-global-alert__sub-content{margin-top:.75rem}@media (min-width:1024px){.ids-global-alert .ids-global-alert__icon-headline{padding-left:2.25rem}.ids-global-alert .ids-global-alert__icon-headline:before{font-size:1.75rem;height:1.75rem;top:0;width:1.75rem}}.ids-global-alert.ids-global-alert--collapsed{box-shadow:none}.ids-global-alert.ids-global-alert--collapsed .ids-global-alert__content,.ids-global-alert.ids-global-alert--collapsed .ids-global-alert__sub-content{display:none}.ids-global-alert.ids-global-alert--agent{background-color:var(--IDS-GLOBAL-ALERT--AGENT__BACKGROUND-COLOR)!important;border-bottom:.0625rem solid var(--IDS-GLOBAL-ALERT--AGENT__BORDER-COLOR);color:var(--IDS-GLOBAL-ALERT--AGENT__COLOR)!important}.ids-global-alert.ids-global-alert--agent .ids-global-alert__icon-headline:before{color:var(--IDS-GLOBAL-ALERT--AGENT__ICON-COLOR);content:\"\\e91f\"}@media (max-width:1024px){.ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline{padding-left:0!important}.ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline:before{display:none!important}}";
 
 var globalAlertLit = css`
   ${unsafeCSS(css_248z)}

package/components/global-alert/global-alert.css

@@ -53,7 +53,7 @@
   --IDS-PAGE-LIST__COLOR: var(--ids-color-interactive-text-default);
 }
 
-@media (max-width: 1023px) {
+@media (max-width: 639px) {
   .ids-desktop {
     display: none !important;
   }
@@ -98,7 +98,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e905";
@@ -109,7 +108,8 @@
   top: 0.1875rem;
   color: var(--IDS-GLOBAL-ALERT__ICON-COLOR);
 }
-.ids-global-alert .ids-global-alert__headline {
+.ids-global-alert .ids-global-alert__headline,
+.ids-global-alert .ids-global-alert__headline * {
   display: flex;
   text-align: left;
   font-family: var(--IDS-FONT-FAMILY-HEADING) !important;
@@ -165,7 +165,6 @@
   font-family: "Inera-Design-Icons" !important;
   display: block;
   position: absolute;
-  pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";
@@ -189,7 +188,8 @@
   white-space: nowrap;
   border: 0;
 }
-.ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline {
+.ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline,
+.ids-global-alert .ids-global-alert__button:hover .ids-global-alert__headline * {
   text-decoration: underline;
   text-underline-offset: 0.125rem;
 }
@@ -201,7 +201,7 @@
   color: var(--ids-color-surface-text-on-default);
   font-family: var(--ids-font-family-body-text);
   font-size: var(--ids-font-size-body-text);
-  line-height: var(--ids-line-height-body-text);
+  line-height: var(--ids-font-line-height-body-text);
   font-weight: var(--ids-font-weight-body-text);
   letter-spacing: 0;
   padding: 0 1.25rem 0.75rem 1.25rem;
@@ -211,7 +211,7 @@
 }
 @media (min-width: 1024px) {
   .ids-global-alert .ids-global-alert__icon-headline {
-    padding-left: 3rem;
+    padding-left: 2.25rem;
   }
   .ids-global-alert .ids-global-alert__icon-headline:before {
     top: 0;
@@ -229,14 +229,6 @@
 .ids-global-alert.ids-global-alert--collapsed .ids-global-alert__sub-content {
   display: none;
 }
-@media (max-width: 1024px) {
-  .ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline {
-    padding-left: 0 !important;
-  }
-  .ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline:before {
-    display: none !important;
-  }
-}
 .ids-global-alert.ids-global-alert--agent {
   color: var(--IDS-GLOBAL-ALERT--AGENT__COLOR) !important;
   background-color: var(--IDS-GLOBAL-ALERT--AGENT__BACKGROUND-COLOR) !important;
@@ -245,4 +237,12 @@
 .ids-global-alert.ids-global-alert--agent .ids-global-alert__icon-headline:before {
   content: "\e91f";
   color: var(--IDS-GLOBAL-ALERT--AGENT__ICON-COLOR);
+}
+@media (max-width: 1024px) {
+  .ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline {
+    padding-left: 0 !important;
+  }
+  .ids-global-alert.ids-global-alert--hide-icon-on-m .ids-global-alert__icon-headline:before {
+    display: none !important;
+  }
 }

package/components/grid/column/column-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-col,:host(.ids-col){display:block;flex-basis:0;flex-grow:1;max-width:100%}.ids-col.ids-col--auto,:host(.ids-col.ids-col--auto){flex:0 0 auto;width:auto}.ids-col.ids-col--1,:host(.ids-col.ids-col--1){flex:0 0 8.3%;max-width:8.3%}.ids-col.ids-col--2,:host(.ids-col.ids-col--2){flex:0 0 16%;max-width:16%}.ids-col.ids-col--3,:host(.ids-col.ids-col--3){flex:0 0 25%;max-width:25%}.ids-col.ids-col--4,:host(.ids-col.ids-col--4){flex:0 0 33.3%;max-width:33.3%}.ids-col.ids-col--5,:host(.ids-col.ids-col--5){flex:0 0 41.6%;max-width:41.6%}.ids-col.ids-col--6,:host(.ids-col.ids-col--6){flex:0 0 50%;max-width:50%}.ids-col.ids-col--7,:host(.ids-col.ids-col--7){flex:0 0 58%;max-width:58.3%}.ids-col.ids-col--8,:host(.ids-col.ids-col--8){flex:0 0 66.6%;max-width:66.6%}.ids-col.ids-col--9,:host(.ids-col.ids-col--9){flex:0 0 75%;max-width:75%}.ids-col.ids-col--10,:host(.ids-col.ids-col--10){flex:0 0 83.3%;max-width:83.3%}.ids-col.ids-col--11,:host(.ids-col.ids-col--11){flex:0 0 91.6%;max-width:91.6%}.ids-col.ids-col--12,:host(.ids-col.ids-col--12){flex:0 0 100%;max-width:100%}.ids-col.ids-col--offset-none,:host(.ids-col.ids-col--offset-none){margin-left:0}.ids-col.ids-col--offset-1,:host(.ids-col.ids-col--offset-1){margin-left:8.3%}.ids-col.ids-col--offset-2,:host(.ids-col.ids-col--offset-2){margin-left:16%}.ids-col.ids-col--offset-3,:host(.ids-col.ids-col--offset-3){margin-left:25%}.ids-col.ids-col--offset-4,:host(.ids-col.ids-col--offset-4){margin-left:33.3%}.ids-col.ids-col--offset-5,:host(.ids-col.ids-col--offset-5){margin-left:41.6%}.ids-col.ids-col--offset-6,:host(.ids-col.ids-col--offset-6){margin-left:50%}.ids-col.ids-col--offset-7,:host(.ids-col.ids-col--offset-7){margin-left:58.3%}.ids-col.ids-col--offset-8,:host(.ids-col.ids-col--offset-8){margin-left:66.6%}.ids-col.ids-col--offset-9,:host(.ids-col.ids-col--offset-9){margin-left:75%}.ids-col.ids-col--offset-10,:host(.ids-col.ids-col--offset-10){margin-left:83.3%}.ids-col.ids-col--offset-11,:host(.ids-col.ids-col--offset-11){margin-left:91.6%}.ids-col.ids-col--offset-12,:host(.ids-col.ids-col--offset-12){margin-left:100%}.ids-col.ids-col--align-start,:host(.ids-col.ids-col--align-start){align-self:start}.ids-col.ids-col--align-center,:host(.ids-col.ids-col--align-center){align-self:center}.ids-col.ids-col--align-end,:host(.ids-col.ids-col--align-end){align-self:end}.ids-col.ids-col--align-auto,:host(.ids-col.ids-col--align-auto){align-self:auto}.ids-col.ids-col--align-baseline,:host(.ids-col.ids-col--align-baseline){align-self:baseline}.ids-col.ids-col--align-stretch,:host(.ids-col.ids-col--align-stretch){align-self:stretch}@media only screen and (max-width:1024px){.ids-col.ids-col--m-auto,:host(.ids-col.ids-col--m-auto){flex:0 0 auto;width:auto}.ids-col.ids-col--m-1,:host(.ids-col.ids-col--m-1){flex:0 0 8.3%;max-width:8.3%}.ids-col.ids-col--m-2,:host(.ids-col.ids-col--m-2){flex:0 0 16%;max-width:16%}.ids-col.ids-col--m-3,:host(.ids-col.ids-col--m-3){flex:0 0 25%;max-width:25%}.ids-col.ids-col--m-4,:host(.ids-col.ids-col--m-4){flex:0 0 33.3%;max-width:33.3%}.ids-col.ids-col--m-5,:host(.ids-col.ids-col--m-5){flex:0 0 41.6%;max-width:41.6%}.ids-col.ids-col--m-6,:host(.ids-col.ids-col--m-6){flex:0 0 50%;max-width:50%}.ids-col.ids-col--m-7,:host(.ids-col.ids-col--m-7){flex:0 0 58%;max-width:58.3%}.ids-col.ids-col--m-8,:host(.ids-col.ids-col--m-8){flex:0 0 66.6%;max-width:66.6%}.ids-col.ids-col--m-9,:host(.ids-col.ids-col--m-9){flex:0 0 75%;max-width:75%}.ids-col.ids-col--m-10,:host(.ids-col.ids-col--m-10){flex:0 0 83.3%;max-width:83.3%}.ids-col.ids-col--m-11,:host(.ids-col.ids-col--m-11){flex:0 0 91.6%;max-width:91.6%}.ids-col.ids-col--m-12,:host(.ids-col.ids-col--m-12){flex:0 0 100%;max-width:100%}.ids-col.ids-col--m-offset-none,:host(.ids-col.ids-col--m-offset-none){margin-left:0}.ids-col.ids-col--m-offset-1,:host(.ids-col.ids-col--m-offset-1){margin-left:8.3%}.ids-col.ids-col--m-offset-2,:host(.ids-col.ids-col--m-offset-2){margin-left:16%}.ids-col.ids-col--m-offset-3,:host(.ids-col.ids-col--m-offset-3){margin-left:25%}.ids-col.ids-col--m-offset-4,:host(.ids-col.ids-col--m-offset-4){margin-left:33.3%}.ids-col.ids-col--m-offset-5,:host(.ids-col.ids-col--m-offset-5){margin-left:41.6%}.ids-col.ids-col--m-offset-6,:host(.ids-col.ids-col--m-offset-6){margin-left:50%}.ids-col.ids-col--m-offset-7,:host(.ids-col.ids-col--m-offset-7){margin-left:58.3%}.ids-col.ids-col--m-offset-8,:host(.ids-col.ids-col--m-offset-8){margin-left:66.6%}.ids-col.ids-col--m-offset-9,:host(.ids-col.ids-col--m-offset-9){margin-left:75%}.ids-col.ids-col--m-offset-10,:host(.ids-col.ids-col--m-offset-10){margin-left:83.3%}.ids-col.ids-col--m-offset-11,:host(.ids-col.ids-col--m-offset-11){margin-left:91.6%}.ids-col.ids-col--m-offset-12,:host(.ids-col.ids-col--m-offset-12){margin-left:100%}}@media only screen and (max-width:640px){.ids-col.ids-col--s-auto,:host(.ids-col.ids-col--s-auto){flex:0 0 auto;width:auto}.ids-col.ids-col--s-1,:host(.ids-col.ids-col--s-1){flex:0 0 8.3%;max-width:8.3%}.ids-col.ids-col--s-2,:host(.ids-col.ids-col--s-2){flex:0 0 16%;max-width:16%}.ids-col.ids-col--s-3,:host(.ids-col.ids-col--s-3){flex:0 0 25%;max-width:25%}.ids-col.ids-col--s-4,:host(.ids-col.ids-col--s-4){flex:0 0 33.3%;max-width:33.3%}.ids-col.ids-col--s-5,:host(.ids-col.ids-col--s-5){flex:0 0 41.6%;max-width:41.6%}.ids-col.ids-col--s-6,:host(.ids-col.ids-col--s-6){flex:0 0 50%;max-width:50%}.ids-col.ids-col--s-7,:host(.ids-col.ids-col--s-7){flex:0 0 58%;max-width:58.3%}.ids-col.ids-col--s-8,:host(.ids-col.ids-col--s-8){flex:0 0 66.6%;max-width:66.6%}.ids-col.ids-col--s-9,:host(.ids-col.ids-col--s-9){flex:0 0 75%;max-width:75%}.ids-col.ids-col--s-10,:host(.ids-col.ids-col--s-10){flex:0 0 83.3%;max-width:83.3%}.ids-col.ids-col--s-11,:host(.ids-col.ids-col--s-11){flex:0 0 91.6%;max-width:91.6%}.ids-col.ids-col--s-12,:host(.ids-col.ids-col--s-12){flex:0 0 100%;max-width:100%}.ids-col.ids-col--s-offset-none,:host(.ids-col.ids-col--s-offset-none){margin-left:0}.ids-col.ids-col--s-offset-1,:host(.ids-col.ids-col--s-offset-1){margin-left:8.3%}.ids-col.ids-col--s-offset-2,:host(.ids-col.ids-col--s-offset-3){margin-left:16%}.ids-col.ids-col--s-offset-3,:host(.ids-col.ids-col--s-offset-3){margin-left:25%}.ids-col.ids-col--s-offset-4,:host(.ids-col.ids-col--s-offset-4){margin-left:33.3%}.ids-col.ids-col--s-offset-5,:host(.ids-col.ids-col--s-offset-5){margin-left:41.6%}.ids-col.ids-col--s-offset-6,:host(.ids-col.ids-col--s-offset-6){margin-left:50%}.ids-col.ids-col--s-offset-7,:host(.ids-col.ids-col--s-offset-7){margin-left:58.3%}.ids-col.ids-col--s-offset-8,:host(.ids-col.ids-col--s-offset-8){margin-left:66.6%}.ids-col.ids-col--s-offset-9,:host(.ids-col.ids-col--s-offset-9){margin-left:75%}.ids-col.ids-col--s-offset-10,:host(.ids-col.ids-col--s-offset-10){margin-left:83.3%}.ids-col.ids-col--s-offset-11,:host(.ids-col.ids-col--s-offset-11){margin-left:91.6%}.ids-col.ids-col--s-offset-12,:host(.ids-col.ids-col--s-offset-12){margin-left:100%}}";
+var css_248z = "@media (max-width:639px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-col{display:block;flex-basis:0;flex-grow:1;max-width:100%}.ids-col.ids-col--auto{flex:0 0 auto;width:auto}.ids-col.ids-col--1{flex:0 0 8.3%;max-width:8.3%}.ids-col.ids-col--2{flex:0 0 16%;max-width:16%}.ids-col.ids-col--3{flex:0 0 25%;max-width:25%}.ids-col.ids-col--4{flex:0 0 33.3%;grid-column:span 4;max-width:33.3%}.ids-col.ids-col--5{flex:0 0 41.6%;grid-column:span 5;max-width:41.6%}.ids-col.ids-col--6{flex:0 0 50%;max-width:50%}.ids-col.ids-col--7{flex:0 0 58%;max-width:58.3%}.ids-col.ids-col--8{flex:0 0 66.6%;max-width:66.6%}.ids-col.ids-col--9{flex:0 0 75%;grid-column:span 9;max-width:75%}.ids-col.ids-col--10{flex:0 0 83.3%;grid-column:span 10;max-width:83.3%}.ids-col.ids-col--11{flex:0 0 91.6%;grid-column:span 11;max-width:91.6%}.ids-col.ids-col--12{flex:0 0 100%;grid-column:span 12;max-width:100%}.ids-col.ids-col--offset-none{margin-left:0}.ids-col.ids-col--offset-1{margin-left:8.3%}.ids-col.ids-col--offset-2{margin-left:16%}.ids-col.ids-col--offset-3{margin-left:25%}.ids-col.ids-col--offset-4{margin-left:33.3%}.ids-col.ids-col--offset-5{margin-left:41.6%}.ids-col.ids-col--offset-6{margin-left:50%}.ids-col.ids-col--offset-7{margin-left:58.3%}.ids-col.ids-col--offset-8{margin-left:66.6%}.ids-col.ids-col--offset-9{margin-left:75%}.ids-col.ids-col--offset-10{margin-left:83.3%}.ids-col.ids-col--offset-11{margin-left:91.6%}.ids-col.ids-col--offset-12{margin-left:100%}.ids-col.ids-col--align-start{align-self:start}.ids-col.ids-col--align-center{align-self:center}.ids-col.ids-col--align-end{align-self:end}.ids-col.ids-col--align-auto{align-self:auto}.ids-col.ids-col--align-baseline{align-self:baseline}.ids-col.ids-col--align-stretch{align-self:stretch}.ids-col.ids-col--grid{max-width:none!important}.ids-col.ids-col--grid.ids-col--1{grid-column:span 1}.ids-col.ids-col--grid.ids-col--2{grid-column:span 2}.ids-col.ids-col--grid.ids-col--3{grid-column:span 3}.ids-col.ids-col--grid.ids-col--4{grid-column:span 4}.ids-col.ids-col--grid.ids-col--5{grid-column:span 5}.ids-col.ids-col--grid.ids-col--6{grid-column:span 6}.ids-col.ids-col--grid.ids-col--7{grid-column:span 7}.ids-col.ids-col--grid.ids-col--8{grid-column:span 8}.ids-col.ids-col--grid.ids-col--9{grid-column:span 9}.ids-col.ids-col--grid.ids-col--10{grid-column:span 10}.ids-col.ids-col--grid.ids-col--11{grid-column:span 11}.ids-col.ids-col--grid.ids-col--12{grid-column:span 12}@media only screen and (max-width:1024px){.ids-col.ids-col--m-auto{flex:0 0 auto;width:auto}.ids-col.ids-col--m-1{flex:0 0 8.3%;max-width:8.3%}.ids-col.ids-col--m-2{flex:0 0 16%;max-width:16%}.ids-col.ids-col--m-3{flex:0 0 25%;max-width:25%}.ids-col.ids-col--m-4{flex:0 0 33.3%;max-width:33.3%}.ids-col.ids-col--m-5{flex:0 0 41.6%;max-width:41.6%}.ids-col.ids-col--m-6{flex:0 0 50%;max-width:50%}.ids-col.ids-col--m-7{flex:0 0 58%;max-width:58.3%}.ids-col.ids-col--m-8{flex:0 0 66.6%;max-width:66.6%}.ids-col.ids-col--m-9{flex:0 0 75%;max-width:75%}.ids-col.ids-col--m-10{flex:0 0 83.3%;max-width:83.3%}.ids-col.ids-col--m-11{flex:0 0 91.6%;max-width:91.6%}.ids-col.ids-col--m-12{flex:0 0 100%;max-width:100%}.ids-col.ids-col--m-offset-none{margin-left:0}.ids-col.ids-col--m-offset-1{margin-left:8.3%}.ids-col.ids-col--m-offset-2{margin-left:16%}.ids-col.ids-col--m-offset-3{margin-left:25%}.ids-col.ids-col--m-offset-4{margin-left:33.3%}.ids-col.ids-col--m-offset-5{margin-left:41.6%}.ids-col.ids-col--m-offset-6{margin-left:50%}.ids-col.ids-col--m-offset-7{margin-left:58.3%}.ids-col.ids-col--m-offset-8{margin-left:66.6%}.ids-col.ids-col--m-offset-9{margin-left:75%}.ids-col.ids-col--m-offset-10{margin-left:83.3%}.ids-col.ids-col--m-offset-11{margin-left:91.6%}.ids-col.ids-col--m-offset-12{margin-left:100%}.ids-col.ids-col--grid.ids-col--m-1{grid-column:span 1}.ids-col.ids-col--grid.ids-col--m-2{grid-column:span 2}.ids-col.ids-col--grid.ids-col--m-3{grid-column:span 3}.ids-col.ids-col--grid.ids-col--m-4{grid-column:span 4}.ids-col.ids-col--grid.ids-col--m-5{grid-column:span 5}.ids-col.ids-col--grid.ids-col--m-6{grid-column:span 6}.ids-col.ids-col--grid.ids-col--m-7{grid-column:span 7}.ids-col.ids-col--grid.ids-col--m-8{grid-column:span 8}.ids-col.ids-col--grid.ids-col--m-9{grid-column:span 9}.ids-col.ids-col--grid.ids-col--m-10{grid-column:span 10}.ids-col.ids-col--grid.ids-col--m-11{grid-column:span 11}.ids-col.ids-col--grid.ids-col--m-12{grid-column:span 12}}@media only screen and (max-width:640px){.ids-col.ids-col--s-auto{flex:0 0 auto;width:auto}.ids-col.ids-col--s-1{flex:0 0 8.3%;max-width:8.3%}.ids-col.ids-col--s-2{flex:0 0 16%;max-width:16%}.ids-col.ids-col--s-3{flex:0 0 25%;max-width:25%}.ids-col.ids-col--s-4{flex:0 0 33.3%;max-width:33.3%}.ids-col.ids-col--s-5{flex:0 0 41.6%;max-width:41.6%}.ids-col.ids-col--s-6{flex:0 0 50%;max-width:50%}.ids-col.ids-col--s-7{flex:0 0 58%;max-width:58.3%}.ids-col.ids-col--s-8{flex:0 0 66.6%;max-width:66.6%}.ids-col.ids-col--s-9{flex:0 0 75%;max-width:75%}.ids-col.ids-col--s-10{flex:0 0 83.3%;max-width:83.3%}.ids-col.ids-col--s-11{flex:0 0 91.6%;max-width:91.6%}.ids-col.ids-col--s-12{flex:0 0 100%;max-width:100%}.ids-col.ids-col--s-offset-none{margin-left:0}.ids-col.ids-col--s-offset-1{margin-left:8.3%}.ids-col.ids-col--s-offset-2{margin-left:16%}.ids-col.ids-col--s-offset-3{margin-left:25%}.ids-col.ids-col--s-offset-4{margin-left:33.3%}.ids-col.ids-col--s-offset-5{margin-left:41.6%}.ids-col.ids-col--s-offset-6{margin-left:50%}.ids-col.ids-col--s-offset-7{margin-left:58.3%}.ids-col.ids-col--s-offset-8{margin-left:66.6%}.ids-col.ids-col--s-offset-9{margin-left:75%}.ids-col.ids-col--s-offset-10{margin-left:83.3%}.ids-col.ids-col--s-offset-11{margin-left:91.6%}.ids-col.ids-col--s-offset-12{margin-left:100%}.ids-col.ids-col--grid.ids-col--s-1{grid-column:span 1}.ids-col.ids-col--grid.ids-col--s-2{grid-column:span 2}.ids-col.ids-col--grid.ids-col--s-3{grid-column:span 3}.ids-col.ids-col--grid.ids-col--s-4{grid-column:span 4}.ids-col.ids-col--grid.ids-col--s-5{grid-column:span 5}.ids-col.ids-col--grid.ids-col--s-6{grid-column:span 6}.ids-col.ids-col--grid.ids-col--s-7{grid-column:span 7}.ids-col.ids-col--grid.ids-col--s-8{grid-column:span 8}.ids-col.ids-col--grid.ids-col--s-9{grid-column:span 9}.ids-col.ids-col--grid.ids-col--s-10{grid-column:span 10}.ids-col.ids-col--grid.ids-col--s-11{grid-column:span 11}.ids-col.ids-col--grid.ids-col--s-12{grid-column:span 12}}";
 
 var columnLit = css`${unsafeCSS(css_248z)}`;