@inera/ids-design 6.2.0 → 7.0.1

package/components/dialog/dialog.css

@@ -27,6 +27,9 @@
 ********/
 .ids-dialog {
   display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
   position: fixed;
   top: 50%;
   left: 50%;
@@ -36,15 +39,12 @@
   -moz-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   transform: translateX(-50%) translateY(-50%);
-  flex-direction: column;
-  align-items: flex-start;
   background-color: var(--IDS-COLOR-NEUTRAL-100);
   box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.3);
   border-radius: var(--IDS-DIALOG__BORDER-RADIUS);
   padding: 2.5rem 1.875rem 2.5rem 1.875rem;
-  max-height: calc(100% - 5rem);
+  max-height: calc(100% - 10rem);
   max-width: calc(100% - 3.75rem);
-  text-align: left;
   color: var(--IDS-DIALOG__COLOR);
 }
 @media (max-width: 1024px) {
@@ -113,36 +113,34 @@
   color: var(--IDS-ICON--ACTIVE-COLOR);
 }
 .ids-dialog .ids-dialog__body {
-  padding: 0 0.375rem 0.625rem 0.625rem;
+  padding: 0 0.375rem 0 0.625rem;
   margin-right: 0.188rem;
   height: 100%;
+  box-sizing: content-box;
   overflow-y: auto;
   word-break: break-word;
 }
 .ids-dialog .ids-dialog__body::-webkit-scrollbar {
-  width: 1rem;
-  position: absolute;
-  margin-left: -1.25rem;
-}
-.ids-dialog .ids-dialog__body::-webkit-scrollbar-track {
-  background: var(--IDS-COLOR-NEUTRAL-99);
-  border-radius: 0.625rem;
-  margin-bottom: 0;
+  width: 0.625rem;
 }
 .ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb {
   cursor: auto;
-  background: var(--IDS-SCROLL__COLOR);
+  background: var(--IDS-SCROLL__THUMB-COLOR);
   border-radius: 0.625rem;
-  box-sizing: border-box;
-  border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-99);
+  border: 0.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
 }
 .ids-dialog .ids-dialog__body::-webkit-scrollbar-thumb:hover {
-  background: var(--IDS-SCROLL__HOVER-COLOR);
+  background: var(--IDS-SCROLL__THUMB-HOVER-COLOR);
+}
+.ids-dialog .ids-dialog__body::-webkit-scrollbar-track {
+  background: var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
+  border-radius: 0.625rem;
+  outline: 0.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR);
 }
 .ids-dialog .ids-dialog__body::-webkit-scrollbar-corner {
   background-color: transparent;
 }
-.ids-dialog .ids-dialog__body:focus {
+.ids-dialog .ids-dialog__body.ids-dialog__body--scroll-area-focus:focus {
   outline: var(--IDS-FOCUS__OUTLINE);
   outline-offset: var(--IDS-FOCUS__OUTLINE-OFFSET) !important;
 }
@@ -150,7 +148,6 @@
   padding-right: 1.25rem;
 }
 .ids-dialog .ids-dialog__body .ids-dialog__body__headline {
-  padding-top: 0.375rem;
   margin: 0;
   align-self: center;
 }
@@ -160,7 +157,7 @@
   }
 }
 .ids-dialog .ids-dialog__body .ids-dialog__body__header {
-  box-sizing: border-box;
+  box-sizing: content-box;
   padding: 1.25rem 0 0 0;
   width: 100%;
   display: flex;
@@ -183,6 +180,7 @@
   justify-content: center;
   align-items: center;
   width: 100%;
+  padding-bottom: 0.25rem;
 }
 @media (max-width: 1024px) {
   .ids-dialog .ids-dialog__footer,

package/components/dropdown/dropdown-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-dropdown{display:block;position:relative}.ids-dropdown__content,:host(ids-dropdown-content){background:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);left:0;padding:.5rem;position:absolute;top:0;width:max-content;z-index:10}.ids-dropdown__content.ids-dropdown__content--hide,:host(ids-dropdown-content).ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]),:host(ids-dropdown-content).ids-dropdown__content--mblock,:host(ids-dropdown-content):host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]),:host(ids-dropdown-content).ids-dropdown__content--sblock,:host(ids-dropdown-content):host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown__link,.ids-dropdown__content ::slotted(*),:host(ids-dropdown-content) .ids-dropdown__link,:host(ids-dropdown-content) ::slotted(*){align-items:flex-start!important;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);color:var(--IDS-ICON__COLOR);display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem!important;line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;text-decoration:none;white-space:normal!important}.ids-dropdown__content .ids-dropdown__link:focus,.ids-dropdown__content .ids-dropdown__link:hover,.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover),:host(ids-dropdown-content) .ids-dropdown__link:focus,:host(ids-dropdown-content) .ids-dropdown__link:hover,:host(ids-dropdown-content) ::slotted(a:focus),:host(ids-dropdown-content) ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-COLOR-NEUTRAL-100)}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}@media (max-width:640px){.ids-dropdown.ids-dropdown--sblock,:host([sblock]) .ids-dropdown{display:block;width:100%}}@media (max-width:1024px){.ids-dropdown.ids-dropdown--mblock,:host([mblock]) .ids-dropdown{display:block;width:100%}}.ids-dropdown{display:inline-block;position:relative}.ids-dropdown__content{background:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);border-radius:var(--IDS-BORDER-RADIUS);box-shadow:0 0 .625rem 0 rgba(0,0,0,.3);left:0;padding:.5rem;position:absolute;top:calc(100% + 4px);width:max-content;z-index:10}.ids-dropdown__content.ids-dropdown__content--position-right{left:auto;right:0}.ids-dropdown__content.ids-dropdown__content--hide{display:none}@media (max-width:1024px){.ids-dropdown__content.ids-dropdown__content--mblock,.ids-dropdown__content:host([mblock]){width:100%}}@media (max-width:640px){.ids-dropdown__content.ids-dropdown__content--sblock,.ids-dropdown__content:host([sblock]){width:100%}}.ids-dropdown__content .ids-dropdown-content-link{border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:block;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown__content ::slotted(*){align-items:flex-start!important;border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);display:block;display:flex!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem!important;font-style:normal!important;font-weight:400!important;gap:.5rem!important;line-height:1.5rem!important;outline-color:var(--IDS-COLOR-NEUTRAL-100)!important;outline-offset:-.25rem!important;padding:.375rem .75rem!important;text-align:left;text-decoration:none!important;white-space:normal!important}.ids-dropdown__content .ids-dropdown-content-link:focus,.ids-dropdown__content .ids-dropdown-content-link:hover,.ids-dropdown__content ::slotted(a:focus),.ids-dropdown__content ::slotted(a:hover){background-color:var(--IDS-COLOR-ACCENT-30);border-radius:var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);color:var(--IDS-COLOR-NEUTRAL-100)}";
 
 var dropdownLit = css`
   ${unsafeCSS(css_248z)}

package/components/dropdown/dropdown.css

@@ -10,76 +10,93 @@
   }
 }
 
+@media (max-width: 640px) {
+  :host([sblock]) .ids-dropdown,
+  .ids-dropdown.ids-dropdown--sblock {
+    display: block;
+    width: 100%;
+  }
+}
+@media (max-width: 1024px) {
+  :host([mblock]) .ids-dropdown,
+  .ids-dropdown.ids-dropdown--mblock {
+    display: block;
+    width: 100%;
+  }
+}
 .ids-dropdown {
   position: relative;
-  display: block;
+  display: inline-block;
 }
 
-.ids-dropdown__content,
-:host(ids-dropdown-content) {
+.ids-dropdown__content {
   position: absolute;
   border-radius: var(--IDS-BORDER-RADIUS);
   border: 0.063rem solid var(--IDS-DROPDOWN__BORDER-COLOR);
   background: var(--IDS-COLOR-NEUTRAL-100);
   box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.3);
   padding: 0.5rem;
-  left: 0;
-  top: 0;
+  left: 0px;
+  top: calc(100% + 4px);
   z-index: 10;
   width: max-content;
 }
-.ids-dropdown__content.ids-dropdown__content--hide,
-:host(ids-dropdown-content).ids-dropdown__content--hide {
+.ids-dropdown__content.ids-dropdown__content--position-right {
+  right: 0px;
+  left: auto;
+}
+.ids-dropdown__content.ids-dropdown__content--hide {
   display: none;
 }
 @media (max-width: 1024px) {
-  .ids-dropdown__content.ids-dropdown__content--mblock, .ids-dropdown__content:host([mblock]),
-  :host(ids-dropdown-content).ids-dropdown__content--mblock,
-  :host(ids-dropdown-content):host([mblock]) {
+  .ids-dropdown__content.ids-dropdown__content--mblock, .ids-dropdown__content:host([mblock]) {
     width: 100%;
   }
 }
 @media (max-width: 640px) {
-  .ids-dropdown__content.ids-dropdown__content--sblock, .ids-dropdown__content:host([sblock]),
-  :host(ids-dropdown-content).ids-dropdown__content--sblock,
-  :host(ids-dropdown-content):host([sblock]) {
+  .ids-dropdown__content.ids-dropdown__content--sblock, .ids-dropdown__content:host([sblock]) {
     width: 100%;
   }
 }
-.ids-dropdown__content ::slotted(*),
-.ids-dropdown__content .ids-dropdown__link,
-:host(ids-dropdown-content) ::slotted(*),
-:host(ids-dropdown-content) .ids-dropdown__link {
-  display: flex !important;
+.ids-dropdown__content .ids-dropdown-content-link {
+  display: block;
   border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
-  gap: 0.5rem !important;
   color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
-  align-items: flex-start !important;
   font-family: var(--IDS-FONT-FAMILY-BASE) !important;
   font-size: 1rem !important;
   font-style: normal !important;
   font-weight: 400 !important;
   line-height: 1.5rem !important;
-  padding: 0.25rem 0.75rem !important;
+  padding: 0.375rem 0.75rem !important;
   outline-offset: -0.25rem !important;
   outline-color: var(--IDS-COLOR-NEUTRAL-100) !important;
   text-decoration: none !important;
   text-align: left;
   white-space: normal !important;
+}
+.ids-dropdown__content ::slotted(*) {
+  display: block;
+  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
+  color: var(--IDS-LINK--COLOR-PRESET-1__COLOR);
+  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
+  font-size: 1rem !important;
+  font-style: normal !important;
+  font-weight: 400 !important;
+  line-height: 1.5rem !important;
   padding: 0.375rem 0.75rem !important;
+  outline-offset: -0.25rem !important;
+  outline-color: var(--IDS-COLOR-NEUTRAL-100) !important;
+  text-decoration: none !important;
   text-align: left;
-  text-decoration: none;
-  color: var(--IDS-ICON__COLOR);
-  border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);
+  white-space: normal !important;
+  display: flex !important;
+  gap: 0.5rem !important;
+  align-items: flex-start !important;
 }
 .ids-dropdown__content ::slotted(a:hover),
 .ids-dropdown__content ::slotted(a:focus),
-.ids-dropdown__content .ids-dropdown__link:hover,
-.ids-dropdown__content .ids-dropdown__link:focus,
-:host(ids-dropdown-content) ::slotted(a:hover),
-:host(ids-dropdown-content) ::slotted(a:focus),
-:host(ids-dropdown-content) .ids-dropdown__link:hover,
-:host(ids-dropdown-content) .ids-dropdown__link:focus {
+.ids-dropdown__content .ids-dropdown-content-link:hover,
+.ids-dropdown__content .ids-dropdown-content-link:focus {
   color: var(--IDS-COLOR-NEUTRAL-100);
   background-color: var(--IDS-COLOR-ACCENT-30);
   border-radius: var(--IDS-DROPDOWN__LINK-BORDER-RADIUS);

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

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-footer-1177{background-color:var(--IDS-COLOR-PRIMARY-90);margin-top:1.875rem;position:relative}.ids-footer-1177 .ids-footer-1177__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding:1.875rem 1.25rem 6.25rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:3.125rem}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row{padding-bottom:1.25rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline{color:var(--IDS-COLOR-PRIMARY-40);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--IDS-COLOR-PRIMARY-30)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;flex-wrap:wrap;gap:.5rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--IDS-COLOR-NEUTRAL-20);flex:0 0 40%;font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-right:8.3%;max-width:40%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-1]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-2]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-6{flex:0 0 50%;max-width:50%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40);padding-bottom:1.25rem;padding-top:.313rem;position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:block}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40);border-top:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-left:1.25rem;padding-right:1.25rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177_sub-footer-mobile-text{color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left{color:var(--IDS-COLOR-NEUTRAL-100)!important;flex:50%;font-size:.875rem!important;line-height:1.125rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{flex:auto;text-align:end}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right .ids-link,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right ::slotted(*){color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block!important;font-size:.875rem;margin-left:1.25rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-1177 .ids-footer-1177__content-row{z-index:1}.ids-footer-1177 .ids-footer-1177__mobile-links{display:none;flex-direction:column;font-size:.875rem;gap:2rem;padding:2rem 1.25rem}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(*),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:block;width:100%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:none;position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile:before{color:var(--IDS-COLOR-NEUTRAL-100);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;pointer-events:none;position:absolute;top:-1.75rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;color:var(--IDS-COLOR-NEUTRAL-100);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:2.875rem 2.5rem 1rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:1.875rem}}.ids-footer-1177:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23FAEEF0' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:after,.ids-footer-1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;top:-1.875rem;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23C12143' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:3}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer:after{content:none!important}}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-footer-1177{background-color:var(--IDS-COLOR-PRIMARY-90);margin-top:1.875rem;position:relative}.ids-footer-1177 .ids-footer-1177__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding:1.875rem 1.25rem 6.25rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner{padding-bottom:3.125rem}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row{padding-bottom:1.25rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline{color:var(--IDS-COLOR-PRIMARY-40);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline .ids-footer-1177__headline--sub{color:var(--IDS-COLOR-PRIMARY-30)}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__headline-row .ids-footer-1177__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content{display:flex;flex-wrap:wrap;gap:.5rem}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{color:var(--IDS-COLOR-NEUTRAL-20);flex:0 0 40%;font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-right:8.3%;max-width:40%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-1]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-2]),.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col.ids-footer-1177__col-size-6{flex:0 0 50%;max-width:50%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__inner .ids-footer-1177__content .ids-footer-1177__link-col{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40);padding-bottom:1.25rem;padding-top:.313rem;position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__mobile-menu{display:block}.ids-footer-1177 .ids-footer-1177__sub-footer{background-color:var(--IDS-COLOR-PRIMARY-40);border-top:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-left:1.25rem;padding-right:1.25rem}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177_sub-footer-mobile-text{color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block;font-size:.875rem;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left p{color:var(--IDS-COLOR-NEUTRAL-100)!important;flex:50%;font-size:.875rem!important;line-height:1.125rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left p{display:none}}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{flex:auto;text-align:end}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right .ids-link,.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right ::slotted(*){color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block!important;font-size:.875rem;margin-left:1.25rem!important}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-right{display:none}.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-1177 .ids-footer-1177__content-row{z-index:1}.ids-footer-1177 .ids-footer-1177__mobile-links{display:none;flex-direction:column;font-size:.875rem;gap:2rem;padding:2rem 1.25rem}.ids-footer-1177 .ids-footer-1177__mobile-links ::slotted(*),.ids-footer-1177 .ids-footer-1177__mobile-links a{display:block;width:100%}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__mobile-links{display:flex}}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{display:none;position:relative}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile:before{color:var(--IDS-COLOR-NEUTRAL-100);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;pointer-events:none;position:absolute;top:-1.75rem}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer-mobile{align-items:center;color:var(--IDS-COLOR-NEUTRAL-100);display:flex;flex-direction:column;font-size:.875rem;justify-content:center;line-height:1.25rem;padding:2.875rem 2.5rem 1rem;text-align:center}.ids-footer-1177 .ids-footer-1177__sub-footer-mobile .ids-footer-1177__sub-footer-mobile-text{margin-top:1.875rem}}.ids-footer-1177:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23FAEEF0' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:2}.ids-footer-1177 .ids-footer-1177__sub-footer:after,.ids-footer-1177:after{background-color:transparent;background-size:100% 1.875rem;content:\"\";height:1.875rem;position:absolute;top:-1.875rem;width:100%}.ids-footer-1177 .ids-footer-1177__sub-footer:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' preserveAspectRatio='none' height='30'%3E%3Cpath d='M0 0c251.387 7.408 495.186 11.112 731.395 11.112C967.605 11.112 1203.806 7.408 1440 0v30H0V0z' fill='%23C12143' fill-rule='evenodd'/%3E%3C/svg%3E\");z-index:3}@media (max-width:1024px){.ids-footer-1177 .ids-footer-1177__sub-footer:after{content:none!important}}";
 
 var footer1177Lit = css`${unsafeCSS(css_248z)}`;
 

package/components/footer-1177/footer-1177.css

@@ -198,14 +198,16 @@
     flex-direction: column;
   }
 }
-.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left {
+.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left,
+.ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left p {
   flex: 50%;
   font-size: 0.875rem !important;
   line-height: 1.125rem !important;
   color: var(--IDS-COLOR-NEUTRAL-100) !important;
 }
 @media (max-width: 1024px) {
-  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left {
+  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left,
+  .ids-footer-1177 .ids-footer-1177__sub-footer .ids-footer-1177__sub-footer-container .ids-footer-1177__sub-footer-row .ids-footer-1177__sub-footer-left p {
     display: none;
   }
 }

package/components/footer-1177-admin/footer-1177-admin-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-footer-1177-admin{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem rgba(0,0,0,.3);position:relative}.ids-footer-1177-admin .ids-footer-1177-admin__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding:2.5rem 1.25rem 3.75rem}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__inner{padding-bottom:3.125rem}}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row{padding-bottom:1.25rem}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__headline{color:var(--IDS-COLOR-ACCENT-30);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__headline .ids-footer-1177-admin__headline--sub{color:var(--IDS-COLOR-PRIMARY-30)}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content{display:flex;gap:.5rem}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__text{color:var(--IDS-COLOR-NEUTRAL-20);flex:0 0 41.6%;font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-right:8.3%;max-width:41.6%}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col{flex:0 0 16%;max-width:16%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-1]),.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-2]),.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-6{flex:0 0 50%;max-width:50%}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col{display:none}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer{background-color:var(--IDS-COLOR-ACCENT-40);padding-bottom:.625rem;padding-top:.625rem;position:relative}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__mobile-menu{display:block}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer{background-color:var(--IDS-COLOR-NEUTRAL-100);border-top:none}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-left:1.25rem;padding-right:1.25rem}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer_sub-footer-mobile-text{color:var(--IDS-COLOR-NEUTRAL-40);display:inline-block;font-size:.875rem!important;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-left{color:var(--IDS-COLOR-NEUTRAL-100)!important;flex:50%;font-size:.875rem!important;line-height:1.125rem!important}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-left{display:none}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right{flex:auto;text-align:end}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right .ids-link,.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right ::slotted(*){color:var(--IDS-COLOR-NEUTRAL-100);display:inline-block!important;font-size:.875rem;margin-left:1.25rem!important}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right{display:none}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-1177-admin .ids-footer-1177-admin__content-row{z-index:1}.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links{display:none;flex-direction:column;font-size:.875rem;gap:2rem;padding:2rem 1.25rem}.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links ::slotted(*),.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links a{display:block;width:100%}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links{display:flex}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile{align-items:center;color:var(--IDS-COLOR-NEUTRAL-40);display:flex;flex-direction:column;justify-content:center;line-height:1.25rem;padding:1rem 2.5rem;text-align:center}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile .ids-footer-1177-admin__sub-footer-mobile-text{font-size:.875rem;margin-top:1.875rem}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile-icon{align-items:center;display:flex;flex-wrap:wrap;padding-left:46px;position:relative}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile-icon:before{color:var(--IDS-ICON__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:46px;left:0;pointer-events:none;position:absolute}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile-service-name{align-items:center;border-left:.063rem solid var(--IDS-COLOR-ACCENT-30);display:flex;font-size:.75rem;font-weight:700;height:2.5rem;letter-spacing:-.016rem;line-height:.813rem;margin-left:1rem;padding-left:1rem}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-footer-1177-admin{background-color:var(--IDS-COLOR-NEUTRAL-100);box-shadow:0 0 .625rem rgba(0,0,0,.3);position:relative}.ids-footer-1177-admin .ids-footer-1177-admin__inner{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding:2.5rem 1.25rem 3.75rem}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__inner{padding-bottom:3.125rem}}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row{padding-bottom:1.25rem}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__headline{color:var(--IDS-COLOR-ACCENT-30);display:inline;font-family:var(--IDS-FONT-FAMILY-HEADING);font-size:1.5rem;font-weight:700;line-height:1.875rem}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__headline .ids-footer-1177-admin__headline--sub{color:var(--IDS-COLOR-PRIMARY-30)}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__headline-row .ids-footer-1177-admin__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content{display:flex;gap:.5rem}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__text{color:var(--IDS-COLOR-NEUTRAL-20);flex:0 0 41.6%;font-family:var(--IDS-BODY__FONT-FAMILY);font-size:var(--IDS-BODY__FONT-SIZE);font-style:normal;font-weight:400;letter-spacing:0;line-height:var(--IDS-BODY__LINE-HEIGHT);margin-right:8.3%;max-width:41.6%}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__text{flex:0 0 100%;margin-right:0;max-width:100%}}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col{flex:0 0 16%;max-width:16%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col .ids-link{margin-bottom:.625rem!important}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-1]),.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-2]),.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col ::slotted([slot=link-col-3]){display:block;margin-bottom:.625rem!important}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__link-col--1{flex:0 0 50%;max-width:50%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__link-col--2{flex:0 0 25%;max-width:25%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-auto{flex:0 0 auto;width:auto}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-1{flex:0 0 8.3%;max-width:8.3%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-2{flex:0 0 16%;max-width:16%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-3{flex:0 0 25%;max-width:25%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-4{flex:0 0 33.3%;max-width:33.3%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-5{flex:0 0 41.6%;max-width:41.6%}.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col.ids-footer-1177-admin__col-size-6{flex:0 0 50%;max-width:50%}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__inner .ids-footer-1177-admin__content .ids-footer-1177-admin__link-col{display:none}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer{background-color:var(--IDS-COLOR-ACCENT-40);padding-bottom:.625rem;padding-top:.625rem;position:relative}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__mobile-menu{display:none}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__mobile-menu{display:block}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer{background-color:var(--IDS-COLOR-NEUTRAL-100);border-top:none}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container{margin-left:auto;margin-right:auto;max-width:var(--IDS__MAX-WIDTH);padding-left:1.25rem;padding-right:1.25rem}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer_sub-footer-mobile-text{color:var(--IDS-COLOR-NEUTRAL-40);display:inline-block;font-size:.875rem!important;line-height:1.25rem;padding:1.875rem 2.5rem .625rem;text-align:center}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row{align-items:center;display:flex;justify-content:space-between}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row{align-items:unset;flex-direction:column}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-left{color:var(--IDS-COLOR-NEUTRAL-100)!important;flex:50%;font-size:.875rem!important;line-height:1.125rem!important}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-left{display:none}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right{flex:auto;text-align:end}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right ::slotted(*),.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right a{display:inline-block!important;margin-left:1.25rem!important}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right{display:none}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container{height:auto;padding-left:0;padding-right:0}}.ids-footer-1177-admin .ids-footer-1177-admin__content-row{z-index:1}.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links{display:none;flex-direction:column;font-size:.875rem;gap:2rem;padding:2rem 1.25rem}.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links ::slotted(*),.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links a{display:block;width:100%}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__mobile-links{display:flex}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile{display:none}@media (max-width:1024px){.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile{align-items:center;color:var(--IDS-COLOR-NEUTRAL-40);display:flex;flex-direction:column;justify-content:center;line-height:1.25rem;padding:1rem 2.5rem;text-align:center}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile .ids-footer-1177-admin__sub-footer-mobile-text{font-size:.875rem;margin-top:1.875rem}}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile-icon{align-items:center;display:flex;flex-wrap:wrap;padding-left:46px;position:relative}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile-icon:before{color:var(--IDS-ICON__COLOR);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:46px;left:0;pointer-events:none;position:absolute}.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer-mobile-service-name{align-items:center;border-left:.063rem solid var(--IDS-COLOR-ACCENT-30);display:flex;font-size:.75rem;font-weight:700;height:2.5rem;letter-spacing:-.016rem;line-height:.813rem;margin-left:1rem;padding-left:1rem}";
 
 var footer1177AdminLit = css`${unsafeCSS(css_248z)}`;
 

package/components/footer-1177-admin/footer-1177-admin.css

@@ -213,11 +213,9 @@
   text-align: end;
 }
 .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right ::slotted(*),
-.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right .ids-link {
-  display: inline-block !important;
-  font-size: 0.875rem;
-  color: var(--IDS-COLOR-NEUTRAL-100);
+.ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right a {
   margin-left: 1.25rem !important;
+  display: inline-block !important;
 }
 @media (max-width: 1024px) {
   .ids-footer-1177-admin .ids-footer-1177-admin__sub-footer .ids-footer-1177-admin__sub-footer-container .ids-footer-1177-admin__sub-footer-row .ids-footer-1177-admin__sub-footer-right {

package/components/footer-1177-pro/footer-1177-pro-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-footer-1177-pro{background-color:var(--IDS-COLOR-ACCENT-95)}.ids-footer-1177-pro .ids-footer-1177-pro__headline--sr{clip:rect(0,0,0,0);border:0;height:.063rem;margin:-.063rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.063rem}.ids-footer-1177-pro .ids-footer-1177-pro__mobile-content{background-color:var(--IDS-COLOR-ACCENT-95);padding:2.5rem 0}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__mobile-content{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content{display:flex;flex-direction:row;flex-wrap:wrap;padding:3.5rem 5.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-link,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-1]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-2]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-3]){display:flex;margin-top:1rem!important}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col{padding:1.25rem 0}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-1-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-2-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]){color:var(--IDS-COLOR-ACCENT-30)!important;color:var(--IDS-HEADING-S__COLOR);font-family:var(--IDS-HEADING-S__FONT-FAMILY);font-size:var(--IDS-HEADING-S__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-S__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING);line-height:var(--IDS-HEADING-S__LINE-HEIGHT);margin:0 0 .25rem!important}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-1-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-2-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]){font-size:var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP)}}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--1{flex:0 0 25%;max-width:50%}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--2{flex:0 0 50%;max-width:50%}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--3{flex:0 0 33%}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer{background-color:var(--IDS-COLOR-ACCENT-40);color:var(--IDS-COLOR-BACKGROUND-40);padding:3rem 2.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-inner{align-items:center;display:flex;flex-direction:column;justify-content:center}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-logo{display:inline-block;height:2.125rem;position:relative;width:5.625rem}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-logo:before{color:var(--IDS-COLOR-NEUTRAL-100);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;left:50%;pointer-events:none;position:absolute;top:-1.8125rem;transform:translateX(-50%)}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-headline]){color:var(--IDS-COLOR-NEUTRAL-100)!important;color:var(--IDS-HEADING-M__COLOR);font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT);margin-bottom:2rem!important;margin-top:1rem!important;text-align:center}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-headline]){font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-text,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-text]){color:var(--IDS-COLOR-NEUTRAL-100);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.25rem;max-width:38.75rem;text-align:center}";
+var css_248z = "@media (max-width:1023px){.ids-desktop{display:none!important}}@media (min-width:1024px){.ids-mobile{display:none!important}}.ids-footer-1177-pro{background-color:var(--IDS-COLOR-ACCENT-95)}.ids-footer-1177-pro .ids-footer-1177-pro__mobile-content{background-color:var(--IDS-COLOR-ACCENT-95);padding:2.5rem 0}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__mobile-content{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content{display:flex;flex-direction:row;flex-wrap:wrap;padding:3.5rem 5.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-link,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-1]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-2]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-3]){display:block;margin-top:1rem!important}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col{padding:1.25rem 0}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-1-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-2-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]){color:var(--IDS-COLOR-ACCENT-30)!important;color:var(--IDS-HEADING-S__COLOR);font-family:var(--IDS-HEADING-S__FONT-FAMILY);font-size:var(--IDS-HEADING-S__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-S__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING);line-height:var(--IDS-HEADING-S__LINE-HEIGHT);margin:0 0 .25rem!important}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col .ids-footer-1177-pro__footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-1-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-2-headline]),.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ::slotted([slot=desktop-col-3-headline]){font-size:var(--IDS-HEADING-S__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-S__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-S__LINE-HEIGHT-DESKTOP)}}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col ul{list-style:none;margin:0;padding:0}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--1{flex:0 0 60%;max-width:60%}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--2{flex:0 0 47%;margin-right:1rem;max-width:47%}.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--3{flex:0 0 30%;margin-right:1rem}@media (max-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__desktop-content{display:none}}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer{background-color:var(--IDS-COLOR-ACCENT-40);color:var(--IDS-COLOR-BACKGROUND-40);padding:3rem 2.5rem}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-inner{align-items:center;display:flex;flex-direction:column;justify-content:center}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-logo{display:inline-block;height:2.125rem;position:relative;width:5.625rem}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-logo:before{color:var(--IDS-COLOR-NEUTRAL-100);content:\"\\e91e\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:5.625rem;left:50%;pointer-events:none;position:absolute;top:-1.8125rem;transform:translateX(-50%)}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-headline]){color:var(--IDS-COLOR-NEUTRAL-100)!important;color:var(--IDS-HEADING-M__COLOR);font-family:var(--IDS-HEADING-M__FONT-FAMILY);font-size:var(--IDS-HEADING-M__FONT-SIZE);font-style:normal;font-weight:var(--IDS-HEADING-M__FONT-WEIGHT);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING);line-height:var(--IDS-HEADING-M__LINE-HEIGHT);margin-bottom:2rem!important;margin-top:1rem!important;text-align:center}@media (min-width:1024px){.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h2,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-headline h3,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-headline]){font-size:var(--IDS-HEADING-M__FONT-SIZE-DESKTOP);letter-spacing:var(--IDS-HEADING-M__LETTER-SPACING-DESKTOP);line-height:var(--IDS-HEADING-M__LINE-HEIGHT-DESKTOP)}}.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer .ids-footer-1177-pro__bottom-footer-text,.ids-footer-1177-pro .ids-footer-1177-pro__bottom-footer ::slotted([slot=bottom-footer-text]){color:var(--IDS-COLOR-NEUTRAL-100);font-family:var(--IDS-FONT-FAMILY-BASE);font-size:.875rem;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.25rem;max-width:38.75rem;text-align:center}";
 
 var footer1177ProLit = css`${unsafeCSS(css_248z)}`;
 

package/components/footer-1177-pro/footer-1177-pro.css

@@ -28,17 +28,6 @@
 .ids-footer-1177-pro {
   background-color: var(--IDS-COLOR-ACCENT-95);
 }
-.ids-footer-1177-pro .ids-footer-1177-pro__headline--sr {
-  position: absolute;
-  width: 0.063rem;
-  height: 0.063rem;
-  padding: 0;
-  margin: -0.063rem;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-}
 .ids-footer-1177-pro .ids-footer-1177-pro__mobile-content {
   padding: 2.5rem 0;
   background-color: var(--IDS-COLOR-ACCENT-95);
@@ -58,7 +47,7 @@
 .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-1]),
 .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-2]),
 .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content ::slotted([slot=desktop-col-3]) {
-  display: flex;
+  display: block;
   margin-top: 1rem !important;
 }
 .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col {
@@ -96,15 +85,17 @@
   padding: 0;
 }
 .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--1 {
-  flex: 0 0 25%;
-  max-width: 50%;
+  flex: 0 0 60%;
+  max-width: 60%;
 }
 .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--2 {
-  flex: 0 0 50%;
-  max-width: 50%;
+  flex: 0 0 47%;
+  max-width: 47%;
+  margin-right: 1rem;
 }
 .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content .ids-footer-1177-pro__desktop-col.ids-footer-1177-pro__desktop-col--3 {
-  flex: 0 0 33%;
+  flex: 0 0 30%;
+  margin-right: 1rem;
 }
 @media (max-width: 1024px) {
   .ids-footer-1177-pro .ids-footer-1177-pro__desktop-content {

package/components/form/error-message/error-message-lit.js

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
 
-var css_248z = ".ids-error-message{align-items:center;background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);border:var(--IDS-ERROR-MESSAGE__BORDER);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-ERROR-MESSAGE__COLOR);display:none;gap:.5rem;margin-bottom:.25rem;margin-top:.75rem;padding:var(--IDS-ERROR-MESSAGE__PADDING);position:relative}.ids-error-message.ids-error-message--show{display:inline-flex}.ids-error-message:after,.ids-error-message:before{content:\"\";display:block;height:.75rem;left:2.563rem;position:absolute;transform:rotate(45deg);width:.75rem;z-index:9}.ids-error-message:after{background-color:var(--IDS-COLOR-NEUTRAL-100);top:-.375rem}.ids-error-message:before{background-color:var(--IDS-ERROR-MESSAGE__BORDER-COLOR);top:-.438rem}.ids-error-message .ids-error-message__text{padding-left:1.75rem;position:relative}.ids-error-message .ids-error-message__text:before{color:var(--IDS-ICON--INVALID-COLOR);content:\"\\e913\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}";
+var css_248z = ".ids-error-message{align-items:center;background-color:var(--IDS-ERROR-MESSAGE__BACKGROUND-COLOR);border:var(--IDS-ERROR-MESSAGE__BORDER);border-radius:var(--IDS-BORDER-RADIUS);color:var(--IDS-ERROR-MESSAGE__COLOR);display:none;gap:.5rem;margin-bottom:.25rem;margin-top:.75rem;padding:var(--IDS-ERROR-MESSAGE__PADDING);position:relative}.ids-error-message.ids-error-message--show{display:inline-flex;width:fit-content}.ids-error-message:after,.ids-error-message:before{content:\"\";display:block;height:.75rem;left:2.563rem;position:absolute;transform:rotate(45deg);width:.75rem;z-index:9}.ids-error-message:after{background-color:var(--IDS-COLOR-NEUTRAL-100);top:-.375rem}.ids-error-message:before{background-color:var(--IDS-ERROR-MESSAGE__BORDER-COLOR);top:-.438rem}.ids-error-message .ids-error-message__text{padding-left:1.75rem;position:relative}.ids-error-message .ids-error-message__text:before{color:var(--IDS-ICON--INVALID-COLOR);content:\"\\e913\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}";
 
 var errorMessageLit = css`${unsafeCSS(css_248z)}`;
 

package/components/form/error-message/error-message.css

@@ -28,6 +28,7 @@
 }
 .ids-error-message.ids-error-message--show {
   display: inline-flex;
+  width: fit-content;
 }
 .ids-error-message::after, .ids-error-message::before {
   content: "";

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:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select:disabled{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--invalid{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select.ids-input--light:disabled{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.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-COLOR)}.ids-select-multiple__select.ids-input--invalid,.ids-select-multiple__select[aria-invalid=true]{background:var(--IDS-FORM--INVALID__BACKGROUND-COLOR);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.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);border:var(--IDS-FORM--INVALID__BORDER);box-shadow:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.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:disabled{cursor:default}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100);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:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple-wrapper{display:flex;position:relative}.ids-select-multiple-wrapper:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;height:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);width:1rem}.ids-select-multiple-wrapper:has(.ids-input--invalid):after,.ids-select-multiple-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-ICON--INVALID-COLOR)}.ids-select-multiple-wrapper:has(input:disabled):after,.ids-select-multiple-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-select-multiple__dropdown__wrapper{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS);box-shadow:0 0 .375rem rgba(0,0,0,.3);left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide{display:none}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar{margin-left:-1.25rem;position:absolute;width:1rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track{background:var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;margin-bottom:0}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__COLOR);border:.125rem solid var(--IDS-COLOR-NEUTRAL-99);border-radius:.625rem;box-sizing:border-box;cursor:auto}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__HOVER-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner{background-color:transparent}: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}.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);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}";
+var css_248z = ".ids-select-multiple__select{background-color:var(--IDS-INPUT__BACKGROUND-COLOR);border:var(--IDS-INPUT__BORDER);border-radius:var(--IDS-INPUT__BORDER-RADIUS);color:var(--IDS-INPUT__COLOR);cursor:pointer;display:block;display:inline-block!important;font-family:var(--IDS-FONT-FAMILY-BASE)!important;font-size:1rem;height:var(--IDS-INPUT__HEIGHT);overflow:hidden;padding:var(--IDS-INPUT__PADDING);padding-right:var(--IDS-INPUT__ICON-PADDING-RIGHT)!important;text-align:left;text-overflow:ellipsis;width:100%!important}.ids-select-multiple__select.ids-input--light:disabled,.ids-select-multiple__select.ids-input--light[readonly],.ids-select-multiple__select:disabled,.ids-select-multiple__select[readonly]{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.ids-input--invalid{background-color:var(--IDS-FORM--INVALID__BACKGROUND-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:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.ids-select-multiple__select.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100)}.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:inset 0 0 0 .0625rem var(--IDS-FORM--INVALID__BORDER-COLOR)}.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:disabled{cursor:default}.ids-select-multiple__select:disabled.ids-input--light{background-color:var(--IDS-COLOR-NEUTRAL-100);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:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-select-multiple-wrapper{display:flex;position:relative}.ids-select-multiple-wrapper:after{color:var(--IDS-ICON__COLOR);content:\"\\e936\";display:block;font:icon;font-family:Inera-Design-Icons!important;height:1rem;pointer-events:none;position:absolute;right:var(--IDS-INPUT__ICON-RIGHT);top:50%;transform:translateY(-50%);width:1rem}.ids-select-multiple-wrapper:has(.ids-input--invalid):after,.ids-select-multiple-wrapper:has(input[aria-invalid=true]):after{color:var(--IDS-ICON--INVALID-COLOR)}.ids-select-multiple-wrapper:has(input:disabled):after,.ids-select-multiple-wrapper:has(input[aria-disabled=true]):after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-select-multiple__dropdown__wrapper{background-color:var(--IDS-COLOR-NEUTRAL-100);position:relative}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown{background-color:var(--IDS-COLOR-NEUTRAL-100);border-radius:var(--IDS-SELECT-MULTIPLE__DROPDOWN-BORDER-RADIUS);box-shadow:0 0 .375rem rgba(0,0,0,.3);display:none;left:0;position:absolute;right:0;z-index:10}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--show{display:block}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner{overflow-y:auto;padding:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar{width:.625rem}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-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__inner::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner{background-color:transparent}: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}.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);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}";
 
 var selectMultipleLit = css`${unsafeCSS(css_248z)}`;
 

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

@@ -32,22 +32,22 @@
   border: var(--IDS-INPUT__BORDER);
   width: 100% !important;
 }
-.ids-select-multiple__select:disabled {
+.ids-select-multiple__select:disabled, .ids-select-multiple__select[readonly] {
   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__select.ids-input--invalid {
-  background: var(--IDS-FORM--INVALID__BACKGROUND-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: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
 }
 .ids-select-multiple__select.ids-input--light {
   background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
-.ids-select-multiple__select.ids-input--light:disabled {
+.ids-select-multiple__select.ids-input--light:disabled, .ids-select-multiple__select.ids-input--light[readonly] {
   color: var(--IDS-FORM--DISABLED__COLOR);
   font-style: italic !important;
   background: var(--IDS-FORM--DISABLED__BACKGROUND-COLOR);
@@ -58,7 +58,7 @@
   background-color: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
 }
 .ids-select-multiple__select.ids-input--invalid, .ids-select-multiple__select[aria-invalid=true] {
-  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR);
+  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
   border: var(--IDS-FORM--INVALID__BORDER);
   box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
 }
@@ -66,7 +66,7 @@
   background-color: var(--IDS-COLOR-NEUTRAL-100);
 }
 .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);
+  background: var(--IDS-FORM--INVALID__BACKGROUND-COLOR) !important;
   border: var(--IDS-FORM--INVALID__BORDER);
   box-shadow: inset 0 0 0 0.0625rem var(--IDS-FORM--INVALID__BORDER-COLOR);
 }
@@ -130,33 +130,31 @@
   z-index: 10;
   left: 0;
   right: 0;
-}
-.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--hide {
   display: none;
 }
+.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown.ids-select-multiple__dropdown--show {
+  display: block;
+}
 .ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner {
   padding: 0.625rem;
   overflow-y: auto;
 }
 .ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar {
-  width: 1rem;
-  position: absolute;
-  margin-left: -1.25rem;
-}
-.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track {
-  background: var(--IDS-COLOR-NEUTRAL-99);
-  border-radius: 0.625rem;
-  margin-bottom: 0;
+  width: 0.625rem;
 }
 .ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb {
   cursor: auto;
-  background: var(--IDS-SCROLL__COLOR);
+  background: var(--IDS-SCROLL__THUMB-COLOR);
   border-radius: 0.625rem;
-  box-sizing: border-box;
-  border: 0.125rem solid var(--IDS-COLOR-NEUTRAL-99);
+  border: 0.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
 }
 .ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-thumb:hover {
-  background: var(--IDS-SCROLL__HOVER-COLOR);
+  background: var(--IDS-SCROLL__THUMB-HOVER-COLOR);
+}
+.ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-track {
+  background: var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);
+  border-radius: 0.625rem;
+  outline: 0.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR);
 }
 .ids-select-multiple__dropdown__wrapper .ids-select-multiple__dropdown .ids-select-multiple__dropdown__inner::-webkit-scrollbar-corner {
   background-color: transparent;