npm - @inera/ids-design - Versions diffs - 7.2.3 → 8.0.1 - Mend

@inera/ids-design 7.2.3 → 8.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (200) hide show

package/components/pagination/data-pagination/data-pagination.css CHANGED Viewed

@@ -5,7 +5,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBARS
+* SCROLLBAR
 ********/
 /*******
 * FORM
@@ -34,10 +34,11 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e936";
-  color: var(--IDS-ICON__COLOR);
+  color: var(--IDS-ICON--ACTIVE-COLOR);
   right: 0.5625rem;
   top: 50%;
   transform: translateY(-50%);
+  z-index: 20;
 }
 .ids-data-pagination .ids-data-pagination__select label,
 .ids-data-pagination .ids-data-pagination__select ::slotted(label) {
@@ -45,7 +46,7 @@
   margin-right: 0.5rem !important;
   white-space: nowrap !important;
   font-family: var(--IDS-FONT-FAMILY-BASE) !important;
-  color: var(--IDS-INPUT__COLOR);
+  color: var(--IDS-DATA-PAGINATION-SELECT__COLOR);
 }
 .ids-data-pagination .ids-data-pagination__select select,
 .ids-data-pagination .ids-data-pagination__select ::slotted(select) {
@@ -54,10 +55,10 @@
   -moz-appearance: none !important;
   display: flex !important;
   box-sizing: border-box;
-  color: var(--IDS-INPUT__COLOR);
+  color: var(--IDS-DATA-PAGINATION-SELECT__COLOR);
   cursor: pointer !important;
-  padding: 0.25rem 2.125rem 0.25rem 0.5rem !important;
-  border: var(--IDS-INPUT__BORDER) !important;
+  padding: var(--IDS-DATA-PAGINATION-SELECT__PADDING) !important;
+  border: var(--IDS-DATA-PAGINATION-SELECT__BORDER-THICKNESS) solid var(--IDS-DATA-PAGINATION-SELECT__BORDER-COLOR) !important;
   border-radius: 0.313rem !important;
   width: 100% !important;
   font-family: var(--IDS-FONT-FAMILY-BASE) !important;
@@ -69,35 +70,72 @@
 }
 .ids-data-pagination.ids-data-pagination--light select,
 .ids-data-pagination.ids-data-pagination--light ::slotted(select) {
-  background-color: var(--IDS-COLOR-NEUTRAL-100);
+  background-color: var(--IDS-INPUT--LIGHT__BACKGROUND-COLOR);
 }
 .ids-data-pagination .ids-data-pagination__summary {
-  color: var(--IDS-INPUT__COLOR);
+  color: var(--IDS-DATA-PAGINATION-SELECT__COLOR);
   display: flex;
   font-family: var(--IDS-FONT-FAMILY-BASE) !important;
 }
 .ids-data-pagination .ids-data-pagination__buttons {
   white-space: nowrap;
   display: flex;
+  margin-left: 0.75rem;
 }
-.ids-data-pagination .ids-data-pagination__prev-button {
+.ids-data-pagination .ids-data-pagination__first-page-button {
   display: flex;
-  margin-left: 1.25rem;
+  margin-left: 0.5rem;
 }
-.ids-data-pagination .ids-data-pagination__prev-button button,
-.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button) {
+.ids-data-pagination .ids-data-pagination__first-page-button button:focus,
+.ids-data-pagination .ids-data-pagination__first-page-button button:focus-within,
+.ids-data-pagination .ids-data-pagination__first-page-button button:focus-visible,
+.ids-data-pagination .ids-data-pagination__first-page-button button:active,
+.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:focus),
+.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:focus-within),
+.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:focus-visible),
+.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:active) {
+  color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
+  outline: var(--IDS-FOCUS__OUTLINE) !important;
+  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR) !important;
+}
+.ids-data-pagination .ids-data-pagination__first-page-button button:hover,
+.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover) {
+  color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR);
+  background-color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);
+}
+.ids-data-pagination .ids-data-pagination__first-page-button button:hover:after,
+.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:hover):after {
+  color: var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR);
+}
+.ids-data-pagination .ids-data-pagination__first-page-button button:disabled,
+.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled) {
+  cursor: default;
+}
+.ids-data-pagination .ids-data-pagination__first-page-button button:disabled:after,
+.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled):after {
+  color: var(--IDS-ICON--DISABLED-COLOR);
+  background-color: transparent;
+}
+.ids-data-pagination .ids-data-pagination__first-page-button button:disabled:hover,
+.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button:disabled:hover) {
+  border: 0.063rem solid transparent !important;
+  color: var(--IDS-ICON--DISABLED-COLOR);
+  background-color: transparent;
+}
+.ids-data-pagination .ids-data-pagination__first-page-button button,
+.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button) {
   position: relative;
   cursor: pointer;
   background-size: 1rem 1rem;
-  height: 1.938rem !important;
-  width: 1.938rem !important;
-  background-color: transparent !important;
+  height: 2rem !important;
+  width: 2rem !important;
+  background-color: transparent;
   border: 0.063rem solid transparent !important;
-  border-radius: 0.313rem !important;
-  color: var(--IDS-ICON__COLOR);
+  border-radius: 100% !important;
+  color: var(--IDS-ICON--ACTIVE-COLOR);
 }
-.ids-data-pagination .ids-data-pagination__prev-button button:after,
-.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button):after {
+.ids-data-pagination .ids-data-pagination__first-page-button button:after,
+.ids-data-pagination .ids-data-pagination__first-page-button ::slotted(button):after {
   font: icon;
   font-family: "Inera-Design-Icons" !important;
   display: block;
@@ -105,18 +143,19 @@
   pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e937";
+  content: "\e6ff";
   font-size: 1rem;
-  color: var(--IDS-ICON__COLOR);
+  line-height: 1rem;
+  color: var(--IDS-ICON--ACTIVE-COLOR);
   width: 1rem;
   height: 1rem;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
-.ids-data-pagination .ids-data-pagination__prev-button button:hover:after,
-.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover):after {
-  color: var(--IDS-ICON--ACTIVE-COLOR);
+.ids-data-pagination .ids-data-pagination__prev-button {
+  display: flex;
+  margin-left: 0.5rem;
 }
 .ids-data-pagination .ids-data-pagination__prev-button button:focus,
 .ids-data-pagination .ids-data-pagination__prev-button button:focus-within,
@@ -126,10 +165,19 @@
 .ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:focus-within),
 .ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:focus-visible),
 .ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:active) {
-  color: var(--IDS-ICON--ACTIVE-COLOR);
+  color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
   outline: var(--IDS-FOCUS__OUTLINE) !important;
   outline-color: var(--IDS-FOCUS__OUTLINE-COLOR) !important;
 }
+.ids-data-pagination .ids-data-pagination__prev-button button:hover,
+.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover) {
+  color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR);
+  background-color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);
+}
+.ids-data-pagination .ids-data-pagination__prev-button button:hover:after,
+.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:hover):after {
+  color: var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR);
+}
 .ids-data-pagination .ids-data-pagination__prev-button button:disabled,
 .ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled) {
   cursor: default;
@@ -137,29 +185,28 @@
 .ids-data-pagination .ids-data-pagination__prev-button button:disabled:after,
 .ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled):after {
   color: var(--IDS-ICON--DISABLED-COLOR);
+  background-color: transparent;
 }
 .ids-data-pagination .ids-data-pagination__prev-button button:disabled:hover,
 .ids-data-pagination .ids-data-pagination__prev-button ::slotted(button:disabled:hover) {
   border: 0.063rem solid transparent !important;
+  color: var(--IDS-ICON--DISABLED-COLOR);
+  background-color: transparent;
 }
-.ids-data-pagination .ids-data-pagination__next-button {
-  display: flex;
-  margin-left: 0.5rem;
-}
-.ids-data-pagination .ids-data-pagination__next-button button,
-.ids-data-pagination .ids-data-pagination__next-button ::slotted(button) {
+.ids-data-pagination .ids-data-pagination__prev-button button,
+.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button) {
   position: relative;
   cursor: pointer;
   background-size: 1rem 1rem;
-  height: 1.938rem !important;
-  width: 1.938rem !important;
-  background-color: transparent !important;
+  height: 2rem !important;
+  width: 2rem !important;
+  background-color: transparent;
   border: 0.063rem solid transparent !important;
-  border-radius: 0.313rem !important;
-  color: var(--IDS-ICON__COLOR);
+  border-radius: 100% !important;
+  color: var(--IDS-ICON--ACTIVE-COLOR);
 }
-.ids-data-pagination .ids-data-pagination__next-button button:after,
-.ids-data-pagination .ids-data-pagination__next-button ::slotted(button):after {
+.ids-data-pagination .ids-data-pagination__prev-button button:after,
+.ids-data-pagination .ids-data-pagination__prev-button ::slotted(button):after {
   font: icon;
   font-family: "Inera-Design-Icons" !important;
   display: block;
@@ -167,18 +214,19 @@
   pointer-events: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  content: "\e938";
+  content: "\e937";
   font-size: 1rem;
-  color: var(--IDS-ICON__COLOR);
+  line-height: 1rem;
+  color: var(--IDS-ICON--ACTIVE-COLOR);
   width: 1rem;
   height: 1rem;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
-.ids-data-pagination .ids-data-pagination__next-button button:hover:after,
-.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover):after {
-  color: var(--IDS-ICON--ACTIVE-COLOR);
+.ids-data-pagination .ids-data-pagination__next-button {
+  display: flex;
+  margin-left: 0.5rem;
 }
 .ids-data-pagination .ids-data-pagination__next-button button:focus,
 .ids-data-pagination .ids-data-pagination__next-button button:focus-within,
@@ -188,10 +236,19 @@
 .ids-data-pagination .ids-data-pagination__next-button ::slotted(button:focus-within),
 .ids-data-pagination .ids-data-pagination__next-button ::slotted(button:focus-visible),
 .ids-data-pagination .ids-data-pagination__next-button ::slotted(button:active) {
-  color: var(--IDS-ICON--ACTIVE-COLOR);
+  color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
   outline: var(--IDS-FOCUS__OUTLINE) !important;
   outline-color: var(--IDS-FOCUS__OUTLINE-COLOR) !important;
 }
+.ids-data-pagination .ids-data-pagination__next-button button:hover,
+.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover) {
+  color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR);
+  background-color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);
+}
+.ids-data-pagination .ids-data-pagination__next-button button:hover:after,
+.ids-data-pagination .ids-data-pagination__next-button ::slotted(button:hover):after {
+  color: var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR);
+}
 .ids-data-pagination .ids-data-pagination__next-button button:disabled,
 .ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled) {
   cursor: default;
@@ -199,8 +256,113 @@
 .ids-data-pagination .ids-data-pagination__next-button button:disabled:after,
 .ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled):after {
   color: var(--IDS-ICON--DISABLED-COLOR);
+  background-color: transparent;
 }
 .ids-data-pagination .ids-data-pagination__next-button button:disabled:hover,
 .ids-data-pagination .ids-data-pagination__next-button ::slotted(button:disabled:hover) {
   border: 0.063rem solid transparent !important;
+  color: var(--IDS-ICON--DISABLED-COLOR);
+  background-color: transparent;
+}
+.ids-data-pagination .ids-data-pagination__next-button button,
+.ids-data-pagination .ids-data-pagination__next-button ::slotted(button) {
+  position: relative;
+  cursor: pointer;
+  background-size: 1rem 1rem;
+  height: 2rem !important;
+  width: 2rem !important;
+  background-color: transparent;
+  border: 0.063rem solid transparent !important;
+  border-radius: 100% !important;
+  color: var(--IDS-ICON--ACTIVE-COLOR);
+}
+.ids-data-pagination .ids-data-pagination__next-button button:after,
+.ids-data-pagination .ids-data-pagination__next-button ::slotted(button):after {
+  font: icon;
+  font-family: "Inera-Design-Icons" !important;
+  display: block;
+  position: absolute;
+  pointer-events: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "\e938";
+  font-size: 1rem;
+  line-height: 1rem;
+  color: var(--IDS-ICON--ACTIVE-COLOR);
+  width: 1rem;
+  height: 1rem;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.ids-data-pagination .ids-data-pagination__last-page-button {
+  display: flex;
+  margin-left: 0.5rem;
+}
+.ids-data-pagination .ids-data-pagination__last-page-button button:focus,
+.ids-data-pagination .ids-data-pagination__last-page-button button:focus-within,
+.ids-data-pagination .ids-data-pagination__last-page-button button:focus-visible,
+.ids-data-pagination .ids-data-pagination__last-page-button button:active,
+.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:focus),
+.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:focus-within),
+.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:focus-visible),
+.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:active) {
+  color: var(--IDS-ICON--ACTIVE-HOVER-COLOR);
+  outline: var(--IDS-FOCUS__OUTLINE) !important;
+  outline-color: var(--IDS-FOCUS__OUTLINE-COLOR) !important;
+}
+.ids-data-pagination .ids-data-pagination__last-page-button button:hover,
+.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover) {
+  color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-COLOR);
+  background-color: var(--IDS-DATA-PAGINATION-BUTTON--HOVER-BACKGROUND-COLOR);
+}
+.ids-data-pagination .ids-data-pagination__last-page-button button:hover:after,
+.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:hover):after {
+  color: var(--IDS-DATA-PAGINATION-BUTTON-HOVER-COLOR);
+}
+.ids-data-pagination .ids-data-pagination__last-page-button button:disabled,
+.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled) {
+  cursor: default;
+}
+.ids-data-pagination .ids-data-pagination__last-page-button button:disabled:after,
+.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled):after {
+  color: var(--IDS-ICON--DISABLED-COLOR);
+  background-color: transparent;
+}
+.ids-data-pagination .ids-data-pagination__last-page-button button:disabled:hover,
+.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button:disabled:hover) {
+  border: 0.063rem solid transparent !important;
+  color: var(--IDS-ICON--DISABLED-COLOR);
+  background-color: transparent;
+}
+.ids-data-pagination .ids-data-pagination__last-page-button button,
+.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button) {
+  position: relative;
+  cursor: pointer;
+  background-size: 1rem 1rem;
+  height: 2rem !important;
+  width: 2rem !important;
+  background-color: transparent;
+  border: 0.063rem solid transparent !important;
+  border-radius: 100% !important;
+  color: var(--IDS-ICON--ACTIVE-COLOR);
+}
+.ids-data-pagination .ids-data-pagination__last-page-button button:after,
+.ids-data-pagination .ids-data-pagination__last-page-button ::slotted(button):after {
+  font: icon;
+  font-family: "Inera-Design-Icons" !important;
+  display: block;
+  position: absolute;
+  pointer-events: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: "\e6fe";
+  font-size: 1rem;
+  line-height: 1rem;
+  color: var(--IDS-ICON--ACTIVE-COLOR);
+  width: 1rem;
+  height: 1rem;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }

package/components/pagination/list-pagination/list-pagination-lit.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { css, unsafeCSS } from 'lit';
-var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-COLOR-NEUTRAL-20);font-family:var(--IDS-FONT-FAMILY-BASE)!important;line-height:1.5rem;margin-bottom:.5rem;text-align:center}.ids-list-pagination .ids-list-pagination__content{align-items:center;display:flex;justify-content:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item{align-items:center;border:.063rem solid transparent;border-radius:1.75rem;box-sizing:border-box;display:flex;justify-content:center;margin:0 .125rem;min-height:1.75rem;min-width:1.75rem;text-align:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden]{display:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[data-hidden-before]:before,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before{color:var(--IDS-COLOR-NEUTRAL-20);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:700;line-height:1.5rem;margin-left:-.188rem;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current{background-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);border:.063rem solid var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button{background-color:transparent;border:0;border-radius:1.75rem;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;display:block;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;min-height:1.75rem;min-width:1.75rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;text-underline-offset:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current{color:var(--IDS-COLOR-NEUTRAL-100);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-within,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:hover{color:var(--IDS-COLOR-NEUTRAL-100)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}";
+var css_248z = ".ids-list-pagination{text-align:center}.ids-list-pagination .ids-list-pagination__summary{color:var(--IDS-FONT-COLOR);font-family:var(--IDS-FONT-FAMILY-BASE)!important;line-height:1.5rem;margin-bottom:.5rem;text-align:center}.ids-list-pagination .ids-list-pagination__content{align-items:center;display:flex;justify-content:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item{align-items:center;border:.063rem solid transparent;border-radius:1.75rem;box-sizing:border-box;display:flex;justify-content:center;margin:0 .125rem;min-height:1.75rem;min-width:1.75rem;text-align:center}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden]{display:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[data-hidden-before]:before,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item[hidden-before]:before{color:var(--IDS-FONT-COLOR);content:\"..\";display:block;font-family:var(--IDS-FONT-FAMILY-BASE);font-size:1.5rem;font-style:normal;font-weight:700;line-height:1.5rem;margin-left:-.188rem;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item.ids-list-pagination__list-item--current{background-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);border:.063rem solid var(--IDS-LINK--COLOR-PRESET-1__COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button{background-color:transparent;border:0;border-radius:1.75rem;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;display:block;font-family:var(--IDS-LIST-PAGINATION__LINK-FONT-FAMILY);font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;min-height:1.75rem;min-width:1.75rem;padding:0 .5rem;text-align:center;text-decoration-color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);text-decoration:underline;text-underline-offset:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.125rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button:hover{color:var(--IDS-LINK--COLOR-PRESET-1__HOVER-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current{color:var(--IDS-LIST-PAGINATION__CURRENT-COLOR);cursor:default;font-weight:400;text-decoration:none}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-within,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:hover{color:var(--IDS-LIST-PAGINATION__CURRENT-FOCUS-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button{display:flex;margin-right:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);content:\"\\e937\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button{display:flex;margin-left:.25rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button{background-color:transparent!important;background-size:1rem 1rem;border:.063rem solid transparent!important;border-radius:1.75rem!important;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);cursor:pointer;height:1.938rem!important;position:relative;width:1.938rem!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-LINK--COLOR-PRESET-1__COLOR);content:\"\\e938\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1rem;height:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1rem}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:hover):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:hover:after{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:active),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-visible),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:focus-within),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:active,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-visible,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:focus-within{color:var(--IDS-ICON--ACTIVE-COLOR);outline:var(--IDS-FOCUS__OUTLINE)!important;outline-color:var(--IDS-FOCUS__OUTLINE-COLOR)!important}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled),.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled{cursor:default}.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button ::slotted(button:disabled):after,.ids-list-pagination .ids-list-pagination__content .ids-list-pagination__next-button button:disabled:after{color:var(--IDS-ICON--DISABLED-COLOR)}";
 var listPaginationLit = css`
   ${unsafeCSS(css_248z)}

package/components/pagination/list-pagination/list-pagination.css CHANGED Viewed

@@ -5,7 +5,7 @@
 * BUTTONS
 ********/
 /*******
-* SCROLLBARS
+* SCROLLBAR
 ********/
 /*******
 * FORM
@@ -17,7 +17,7 @@
   text-align: center;
 }
 .ids-list-pagination .ids-list-pagination__summary {
-  color: var(--IDS-COLOR-NEUTRAL-20);
+  color: var(--IDS-FONT-COLOR);
   text-align: center;
   font-family: var(--IDS-FONT-FAMILY-BASE) !important;
   line-height: 1.5rem;
@@ -55,7 +55,7 @@
   display: block;
   margin-right: 0.25rem;
   margin-left: -0.188rem;
-  color: var(--IDS-COLOR-NEUTRAL-20);
+  color: var(--IDS-FONT-COLOR);
   font-family: var(--IDS-FONT-FAMILY-BASE);
   font-size: 1.5rem;
   font-style: normal;
@@ -101,12 +101,12 @@
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current {
   cursor: default;
-  color: var(--IDS-COLOR-NEUTRAL-100);
+  color: var(--IDS-LIST-PAGINATION__CURRENT-COLOR);
   font-weight: 400;
   text-decoration: none;
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus, .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-within, .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:focus-visible, .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__list-item .ids-list-pagination__button--current:hover {
-  color: var(--IDS-COLOR-NEUTRAL-100);
+  color: var(--IDS-LIST-PAGINATION__CURRENT-FOCUS-COLOR);
 }
 .ids-list-pagination .ids-list-pagination__content .ids-list-pagination__prev-button {
   display: flex;

package/components/popover/popover-content-lit.js CHANGED Viewed

@@ -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}}:host([show]){display:block}:host{color:var(--IDS-FONT-COLOR);display:none;position:absolute;width:max-content}.ids-popover-content{background-color:var(--IDS-COLOR-NEUTRAL-100);border:.063rem solid var(--IDS-POPOVER-CONTENT__BORDER);border-radius:var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);box-sizing:initial;max-height:16.25rem;padding:.75rem 0 1.25rem .75rem;position:relative;width:16.25rem;z-index:2}.ids-popover-content ::slotted(*){color:var(--IDS-FONT-COLOR)}.ids-popover-content ::slotted(h3),.ids-popover-content h3{color:var(--IDS-FONT-COLOR)!important;color:var(--IDS-HEADING-XS__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY)!important;font-size:var(--IDS-HEADING-XS__FONT-SIZE)!important;font-style:normal!important;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT)!important;letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING)!important;line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)!important;margin-bottom:.5rem!important}.ids-popover-content .ids-popover-content__caret{position:absolute}.ids-popover-content .ids-popover-content__caret.hide{display:none}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top{bottom:-.4375rem;left:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-left{bottom:-.4375rem;left:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--top-right{bottom:-.4375rem;right:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left{right:-.4375rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-top{bottom:1.375rem;right:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--left-bottom{right:-.4375rem;top:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right{left:-.4375rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-top{bottom:1.375rem;left:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--right-bottom{left:-.4375rem;top:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom{left:50%;top:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-left{left:1.375rem;top:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content--bottom-right{right:1.375rem;top:-.4375rem}.ids-popover-content .ids-popover-content__caret-body{background:var(--IDS-COLOR-NEUTRAL-100);display:block;position:absolute;z-index:4}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--top-right{bottom:0;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--left-top{clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--right-top{clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:0;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border{background-color:var(--IDS-POPOVER-CONTENT__BORDER);position:absolute;z-index:1}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--top-right{background-color:var(--IDS-POPOVER-CONTENT__BORDER);bottom:-.125rem;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--left-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--right-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER);clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:-.125rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-shadow{filter:blur(.188rem);height:0;position:absolute;width:0;z-index:1}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--top-right{border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid rgba(0,0,0,.15);bottom:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--left-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;right:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--right-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;left:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content--bottom-right{border-bottom:.625rem solid rgba(0,0,0,.15);border-left:.625rem solid transparent;border-right:.625rem solid transparent;top:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__top-bar{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:.5rem 1rem 0 .5rem}.ids-popover-content .ids-popover-content__headline{text-align:left}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar{width:.625rem}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-corner{background-color:transparent}.ids-popover-content .ids-popover-content__content-wrapper{margin-right:1rem;max-height:100%;overflow-x:hidden;overflow-y:auto;text-align:left}.ids-popover-content .ids-popover-content__content-wrapper:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0}.ids-popover-content .ids-popover-content__content-wrapper-inner{padding:0 0 .5rem .5rem}.ids-popover-content .ids-popover-content__close-btn-wrapper{display:block;height:1.25rem;max-width:100%;z-index:1}.ids-popover-content .ids-popover-content__close-btn:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)!important}.ids-popover-content .ids-popover-content__close-btn{background:none;border:none;cursor:pointer;display:flex;height:1.25rem;padding:0;position:relative;width:1.25rem}.ids-popover-content .ids-popover-content__close-btn:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON__COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-popover-content .ids-popover-content__close-btn:active:before,.ids-popover-content .ids-popover-content__close-btn:focus:before,.ids-popover-content .ids-popover-content__close-btn:hover:before{color:var(--IDS-ICON--ACTIVE-COLOR)}.ids-popover-content .ids-popover-content__close-btn:focus,.ids-popover-content .ids-popover-content__close-icon:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}";
+var css_248z = ":root{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Inter\";--IDS-FONT-COLOR:var(--ids-color-surface-text-on-default);--IDS-HEADING-XXL__COLOR:var(--ids-color-heading-text-xxl);--IDS-HEADING-XXL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XXL__FONT-SIZE:2rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.5rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:3rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.25rem;--IDS-HEADING-XXL__FONT-WEIGHT:700;--IDS-HEADING-XXL__LETTER-SPACING:-0.052rem;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:-0.078rem;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-XL__COLOR:var(--ids-color-heading-text-xl);--IDS-HEADING-XL__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2.125rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2.25rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.625rem;--IDS-HEADING-XL__FONT-WEIGHT:700;--IDS-HEADING-XL__LETTER-SPACING:-0.031rem;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:-0.063rem;--IDS-HEADING-XL__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-L__COLOR:var(--ids-color-heading-text-l);--IDS-HEADING-L__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-WEIGHT:700;--IDS-HEADING-L__LETTER-SPACING:-0.025rem;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:-0.044rem;--IDS-HEADING-L__MARGIN-BOTTOM:1.875rem;--IDS-HEADING-M__COLOR:var(--ids-color-heading-text-m);--IDS-HEADING-M__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:1.875rem;--IDS-HEADING-M__FONT-WEIGHT:700;--IDS-HEADING-M__LETTER-SPACING:-0.019rem;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:-0.031rem;--IDS-HEADING-S__COLOR:var(--ids-color-heading-text-s);--IDS-HEADING-S__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.5rem;--IDS-HEADING-S__FONT-WEIGHT:700;--IDS-HEADING-S__LETTER-SPACING:-0.013rem;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:-0.025rem;--IDS-HEADING-XS__COLOR:var(--ids-color-heading-text-xs);--IDS-HEADING-XS__FONT-FAMILY:var(--IDS-FONT-FAMILY-HEADING);--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:700;--IDS-HEADING-XS__LETTER-SPACING:0;--IDS-ANCHOR__COLOR:var(--ids-color-interactive-text-default);--IDS-ANCHOR__HOVER-COLOR:var(--ids-color-interactive-text-hover);--IDS-PREAMBLE__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-PREAMBLE__FONT-SIZE:1.125rem;--IDS-PREAMBLE__LINE-HEIGHT:1.75rem;--IDS-PREAMBLE__FONT-SIZE-DESKTOP:1.375rem;--IDS-PREAMBLE__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-BODY__FONT-FAMILY:var(--IDS-FONT-FAMILY-BASE);--IDS-BODY__FONT-SIZE:1rem;--IDS-BODY__LINE-HEIGHT:1.5rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--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)}:root.ids--1177-admin,:root.ids--1177-pro{--IDS-PAGE-LIST__COLOR:var(--ids-color-interactive-text-default)}:root.ids--inera,:root.ids--inera-admin{--IDS-FONT-FAMILY-BASE:\"Open Sans\";--IDS-FONT-FAMILY-HEADING:\"Poppins\";--IDS-HEADING-XXL__FONT-SIZE:1.875rem;--IDS-HEADING-XXL__LINE-HEIGHT:2.375rem;--IDS-HEADING-XXL__FONT-SIZE-DESKTOP:2.5rem;--IDS-HEADING-XXL__LINE-HEIGHT-DESKTOP:3.125rem;--IDS-HEADING-XXL__FONT-WEIGHT:600;--IDS-HEADING-XXL__LETTER-SPACING:inherit;--IDS-HEADING-XXL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XXL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-XL__FONT-SIZE:1.625rem;--IDS-HEADING-XL__LINE-HEIGHT:2rem;--IDS-HEADING-XL__FONT-SIZE-DESKTOP:2rem;--IDS-HEADING-XL__LINE-HEIGHT-DESKTOP:2.5rem;--IDS-HEADING-XL__FONT-WEIGHT:600;--IDS-HEADING-XL__LETTER-SPACING:inherit;--IDS-HEADING-XL__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XL__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-L__FONT-SIZE:1.5rem;--IDS-HEADING-L__LINE-HEIGHT:1.875rem;--IDS-HEADING-L__FONT-SIZE-DESKTOP:1.75rem;--IDS-HEADING-L__LINE-HEIGHT-DESKTOP:2.25rem;--IDS-HEADING-L__FONT-WEIGHT:600;--IDS-HEADING-L__LETTER-SPACING:inherit;--IDS-HEADING-L__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-L__MARGIN-BOTTOM:1.25rem;--IDS-HEADING-M__FONT-SIZE:1.375rem;--IDS-HEADING-M__LINE-HEIGHT:1.75rem;--IDS-HEADING-M__FONT-SIZE-DESKTOP:1.5rem;--IDS-HEADING-M__LINE-HEIGHT-DESKTOP:2rem;--IDS-HEADING-M__FONT-WEIGHT:600;--IDS-HEADING-M__LETTER-SPACING:inherit;--IDS-HEADING-M__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-S__FONT-SIZE:1.25rem;--IDS-HEADING-S__LINE-HEIGHT:1.5rem;--IDS-HEADING-S__FONT-SIZE-DESKTOP:1.25rem;--IDS-HEADING-S__LINE-HEIGHT-DESKTOP:1.625rem;--IDS-HEADING-S__FONT-WEIGHT:600;--IDS-HEADING-S__LETTER-SPACING:inherit;--IDS-HEADING-S__LETTER-SPACING-DESKTOP:inherit;--IDS-HEADING-XS__FONT-SIZE:1rem;--IDS-HEADING-XS__LINE-HEIGHT:1.25rem;--IDS-HEADING-XS__FONT-WEIGHT:600;--IDS-HEADING-XS__LETTER-SPACING:inherit;--IDS-BODY__LINE-HEIGHT:1.625rem;--IDS-BODY--DISABLED__COLOR:var(--ids-color-interactive-text-disabled);--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}:root.ids--dark{--IDS-PAGE-LIST__COLOR:var(--ids-color-navigation-text-default)}:root.ids--dark.ids--1177-admin,:root.ids--dark.ids--1177-pro,:root.ids--dark.ids--inera,:root.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}}:host([show]){display:block}:host{color:var(--IDS-FONT-COLOR);display:none;position:absolute;width:max-content}.ids-popover-content{background-color:var(--IDS-POPOVER-CONTENT__BACKGROUND-COLOR);border:var(--IDS-POPOVER-CONTENT__BORDER-THICKNESS) solid var(--IDS-POPOVER-CONTENT__BORDER-COLOR);border-radius:var(--IDS-POPOVER-CONTENT__BORDER-RADIUS);box-shadow:0 0 .625rem rgba(0,0,0,.3);box-sizing:border-box;max-height:16.25rem;padding:1.25rem 1rem 1.25rem 1.25rem;position:relative;width:16.25rem;z-index:2000}.ids-popover-content ::slotted(*){color:var(--IDS-FONT-COLOR)}.ids-popover-content ::slotted(h3),.ids-popover-content h3{color:var(--IDS-FONT-COLOR)!important;color:var(--IDS-HEADING-XS__COLOR);font-family:var(--IDS-HEADING-XS__FONT-FAMILY)!important;font-size:var(--IDS-HEADING-XS__FONT-SIZE)!important;font-style:normal!important;font-weight:var(--IDS-HEADING-XS__FONT-WEIGHT)!important;letter-spacing:var(--IDS-HEADING-XS__LETTER-SPACING)!important;line-height:var(--IDS-HEADING-XS__LINE-HEIGHT)!important;margin-bottom:.5rem!important}.ids-popover-content .ids-popover-content__caret{position:absolute}.ids-popover-content .ids-popover-content__caret.hide{display:none}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top{bottom:-.4375rem;left:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top-left{bottom:-.4375rem;left:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--top-right{bottom:-.4375rem;right:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left{right:-.4375rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left-top{bottom:1.375rem;right:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--left-bottom{right:-.4375rem;top:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right{left:-.4375rem;top:50%}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right-top{bottom:1.375rem;left:-.4375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--right-bottom{left:-.4375rem;top:1.375rem}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom{left:50%;top:var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP)}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom-left{left:1.375rem;top:var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP)}.ids-popover-content .ids-popover-content__caret.ids-popover-content__caret--bottom-right{right:1.375rem;top:var(--IDS-POPOVER-CONTENT__CARET-CONTENT-TOP)}.ids-popover-content .ids-popover-content__caret-body{background:var(--IDS-POPOVER-CONTENT__CARET-BODY-COLOR);display:block;position:absolute;z-index:4}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--top-right{bottom:0;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--left-top{clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right-bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--right-top{clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:0;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom-left,.ids-popover-content .ids-popover-content__caret-body.ids-popover-content__caret--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:var(--IDS-POPOVER-CONTENT__CARET-BODY-TOP);transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border{background-color:var(--IDS-POPOVER-CONTENT__CARET-BORDER-COLOR);position:absolute;z-index:1}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--top-right{background-color:var(--IDS-POPOVER-CONTENT__BORDER-COLOR);bottom:-.125rem;clip-path:polygon(0 0,50% 100%,100% 0);height:.6rem;transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--left-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER-COLOR);clip-path:polygon(0 0,100% 50%,0 100%);height:1.2rem;right:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right-bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--right-top{background-color:var(--IDS-POPOVER-CONTENT__BORDER-COLOR);clip-path:polygon(0 50%,100% 0,100% 100%);height:1.2rem;left:-.125rem;transform:translateY(-50%);width:.6rem}.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom-left,.ids-popover-content .ids-popover-content__caret-border.ids-popover-content__caret--bottom-right{clip-path:polygon(0 100%,50% 0,100% 100%);height:.6rem;top:var(--IDS-POPOVER-CONTENT__CARET-BORDER-TOP);transform:translateX(-50%);width:1.2rem}.ids-popover-content .ids-popover-content__caret-shadow{filter:blur(.188rem);height:0;position:absolute;width:0;z-index:1}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--top,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--top-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--top-right{border-left:.625rem solid transparent;border-right:.625rem solid transparent;border-top:.625rem solid rgba(0,0,0,.15);bottom:-.438rem;transform:translateX(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--left-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--left-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;right:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--right,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--right-bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--right-top{border-bottom:.5625rem solid transparent;border-right:.5625rem solid rgba(53,53,53,.15);border-top:.5625rem solid transparent;left:-.438rem;transform:translateY(-50%)}.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--bottom,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--bottom-left,.ids-popover-content .ids-popover-content__caret-shadow.ids-popover-content__caret--bottom-right{border-bottom:var(--IDS-POPOVER-CONTENT__CARET-SHADOW-BOTTOM);border-left:.625rem solid transparent;border-right:.625rem solid transparent;top:var(--IDS-POPOVER-CONTENT__CARET-SHADOW-TOP);transform:translateX(-50%)}.ids-popover-content .ids-popover-content__close-btn-wrapper{background-color:var(--IDS-POPOVER-CONTENT__BACKGROUND-COLOR);display:block;height:1.25rem;max-width:100%;padding-bottom:.25rem;padding-left:.25rem;position:absolute;right:.75rem;top:.75rem;z-index:1}.ids-popover-content .ids-popover-content__close-btn:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:.375rem!important}.ids-popover-content .ids-popover-content__close-btn{background:none;border:none;border-radius:100%;cursor:pointer;display:flex;height:1.25rem;padding:0;position:relative;width:1.25rem}.ids-popover-content .ids-popover-content__close-btn:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--IDS-ICON--ACTIVE-COLOR);content:\"\\e916\";display:block;font:icon;font-family:Inera-Design-Icons!important;font-size:1.25rem;left:0;pointer-events:none;position:absolute;top:0}.ids-popover-content .ids-popover-content__close-btn:active:before,.ids-popover-content .ids-popover-content__close-btn:focus:before,.ids-popover-content .ids-popover-content__close-btn:hover:before{color:var(--IDS-ICON--ACTIVE-HOVER-COLOR)}.ids-popover-content .ids-popover-content__close-btn:focus,.ids-popover-content .ids-popover-content__close-icon:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:var(--IDS-FOCUS__OUTLINE-OFFSET)}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar{width:.625rem}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb{background:var(--IDS-SCROLL__THUMB-COLOR);border:.125rem solid var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;cursor:auto}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--IDS-SCROLL__THUMB-HOVER-COLOR)}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-track{background:var(--IDS-SCROLL__TRACK-BACKGROUND-COLOR);border-radius:.625rem;margin-top:1.25rem;outline:.0625rem solid var(--IDS-SCROLL__TRACK-OUTLINE-COLOR)}.ids-popover-content .ids-popover-content__content-wrapper::-webkit-scrollbar-corner{background-color:transparent}.ids-popover-content .ids-popover-content__content-wrapper{max-height:100%;overflow-x:hidden;overflow-y:auto;text-align:left}.ids-popover-content .ids-popover-content__content-wrapper.ids-popover-content__content-wrapper--has-scrollbar{padding-right:.5rem}.ids-popover-content .ids-popover-content__content-wrapper:focus{outline:var(--IDS-FOCUS__OUTLINE);outline-offset:0}.ids-popover-content .ids-popover-content__content-wrapper-inner{color:var(--IDS-POPOVER-FONT__COLOR)}.ids-popover-content .ids-popover-content__headline{color:var(--IDS-POPOVER-FONT__HEADING-COLOR);margin-right:.25rem;text-align:left}";
 var popoverContentLit = css`${unsafeCSS(css_248z)}`;