@i-cell/ids-styles 0.0.33 → 0.0.35

package/dist/menu-item/menu-item.plugin.js

@@ -3,7 +3,23 @@ module.exports = function MenuItemPlugin() {
   return function ({ addComponents }) {
     const cssObj = {
       'a.ids-menu-item:link,a.ids-menu-item:visited': { textDecoration: 'none' },
-      '.ids-menu-item': { width: '100%', boxSizing: 'border-box', display: 'inline-flex', flexShrink: 0, alignItems: 'center' },
+      '.ids-menu-item': {
+        boxSizing: ['border-box', 'border-box'],
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        width: '100%',
+        display: 'inline-flex',
+        flexShrink: 0,
+        alignItems: 'center',
+      },
+      '.ids-menu-item::before,.ids-menu-item::after,.ids-menu-item *,.ids-menu-item ::before,.ids-menu-item ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-menu-item.ids-menu-item-no-label': { justifyContent: 'space-between' },
       '.ids-menu-item .ids-menu-item-label': { overflow: 'hidden', textOverflow: 'ellipsis', fontStyle: 'normal' },
       '.ids-menu-item .ids-menu-item-label--wrapper': {
@@ -19,6 +35,8 @@ module.exports = function MenuItemPlugin() {
         borderRadius: 'var(--ids-comp-menu-item-size-border-radius-compact)',
         padding: 'var(--ids-comp-menu-item-size-padding-y-compact) var(--ids-comp-menu-item-size-padding-x-compact)',
         height: 'var(--ids-comp-menu-item-size-height-compact)',
+      },
+      '.ids-menu-item.ids-menu-item-compact>.ids-menu-item-label--wrapper>.ids-menu-item-label': {
         fontFamily: 'var(--ids-comp-menu-item-label-typography-font-family-compact)',
         fontSize: 'var(--ids-comp-menu-item-label-typography-font-size-compact)',
         fontWeight: 'var(--ids-comp-menu-item-label-typography-font-weight-compact)',
@@ -81,6 +99,8 @@ module.exports = function MenuItemPlugin() {
         borderRadius: 'var(--ids-comp-menu-item-size-border-radius-comfortable)',
         padding: 'var(--ids-comp-menu-item-size-padding-y-comfortable) var(--ids-comp-menu-item-size-padding-x-comfortable)',
         height: 'var(--ids-comp-menu-item-size-height-comfortable)',
+      },
+      '.ids-menu-item.ids-menu-item-comfortable>.ids-menu-item-label--wrapper>.ids-menu-item-label': {
         fontFamily: 'var(--ids-comp-menu-item-label-typography-font-family-comfortable)',
         fontSize: 'var(--ids-comp-menu-item-label-typography-font-size-comfortable)',
         fontWeight: 'var(--ids-comp-menu-item-label-typography-font-weight-comfortable)',
@@ -143,6 +163,8 @@ module.exports = function MenuItemPlugin() {
         borderRadius: 'var(--ids-comp-menu-item-size-border-radius-spacious)',
         padding: 'var(--ids-comp-menu-item-size-padding-y-spacious) var(--ids-comp-menu-item-size-padding-x-spacious)',
         height: 'var(--ids-comp-menu-item-size-height-spacious)',
+      },
+      '.ids-menu-item.ids-menu-item-spacious>.ids-menu-item-label--wrapper>.ids-menu-item-label': {
         fontFamily: 'var(--ids-comp-menu-item-label-typography-font-family-spacious)',
         fontSize: 'var(--ids-comp-menu-item-label-typography-font-size-spacious)',
         fontWeight: 'var(--ids-comp-menu-item-label-typography-font-weight-spacious)',
@@ -200,6 +222,70 @@ module.exports = function MenuItemPlugin() {
       '.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled)': {
         borderColor: 'var(--ids-comp-menu-item-filled-color-border-light-disabled)',
       },
+      '.ids-menu-item.ids-menu-item-dense': {
+        gap: 'var(--ids-comp-menu-item-size-gap-dense)',
+        borderRadius: 'var(--ids-comp-menu-item-size-border-radius-dense)',
+        padding: 'var(--ids-comp-menu-item-size-padding-y-dense) var(--ids-comp-menu-item-size-padding-x-dense)',
+        height: 'var(--ids-comp-menu-item-size-height-dense)',
+      },
+      '.ids-menu-item.ids-menu-item-dense>.ids-menu-item-label--wrapper>.ids-menu-item-label': {
+        fontFamily: 'var(--ids-comp-menu-item-label-typography-font-family-dense)',
+        fontSize: 'var(--ids-comp-menu-item-label-typography-font-size-dense)',
+        fontWeight: 'var(--ids-comp-menu-item-label-typography-font-weight-dense)',
+        letterSpacing: 'var(--ids-comp-menu-item-label-typography-letter-spacing-dense)',
+        lineHeight: 'var(--ids-comp-menu-item-label-typography-line-height-dense)',
+      },
+      '.ids-menu-item.ids-menu-item-dense .ids-icon': {
+        width: 'var(--ids-comp-menu-item-size-icon-dense)',
+        height: 'var(--ids-comp-menu-item-size-icon-dense)',
+        fontSize: 'var(--ids-comp-menu-item-icon-typography-font-size-dense)',
+        fontWeight: 'var(--ids-comp-menu-item-icon-typography-font-weight-dense)',
+        lineHeight: 'var(--ids-comp-menu-item-icon-typography-line-height-dense)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-surface': {
+        borderStyle: 'solid',
+        borderWidth: 'var(--ids-comp-menu-item-size-border-width-dense)',
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-surface-default)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-surface:hover': {
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-surface-hovered)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled)': {
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-surface-disabled)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-light': {
+        borderStyle: 'solid',
+        borderWidth: 'var(--ids-comp-menu-item-size-border-width-dense)',
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-light-default)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-light:hover': {
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-light-hovered)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-text.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled)': {
+        borderColor: 'var(--ids-comp-menu-item-text-color-border-light-disabled)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-surface': {
+        borderStyle: 'solid',
+        borderWidth: 'var(--ids-comp-menu-item-size-border-width-dense)',
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-surface-default)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-surface:hover': {
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-surface-hovered)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled)': {
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-surface-disabled)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-light': {
+        borderStyle: 'solid',
+        borderWidth: 'var(--ids-comp-menu-item-size-border-width-dense)',
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-light-default)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-light:hover': {
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-light-hovered)',
+      },
+      '.ids-menu-item.ids-menu-item-dense.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled)': {
+        borderColor: 'var(--ids-comp-menu-item-filled-color-border-light-disabled)',
+      },
       '.ids-menu-item.ids-menu-item-text.ids-menu-item-surface': {
         color: 'var(--ids-comp-menu-item-text-color-fg-label-surface-default)',
         background: 'var(--ids-comp-menu-item-text-color-bg-surface-default)',
@@ -314,6 +400,10 @@ module.exports = function MenuItemPlugin() {
         height: 'var(--ids-comp-menu-item-active-indicator-size-height-spacious)',
         borderRadius: 'var(--ids-comp-menu-item-active-indicator-size-border-radius-spacious)',
       },
+      '.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-dense)::after': {
+        height: 'var(--ids-comp-menu-item-active-indicator-size-height-dense)',
+        borderRadius: 'var(--ids-comp-menu-item-active-indicator-size-border-radius-dense)',
+      },
       '.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-surface)::after': {
         backgroundColor: 'var(--ids-comp-menu-item-active-indicator-color-bg-surface-default)',
       },

package/dist/notification/notification.css

@@ -1,3 +1,16 @@
+.ids-notification {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
+}
+.ids-notification::before, .ids-notification::after, .ids-notification *, .ids-notification ::before, .ids-notification ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-notification > .ids-notification__content-wrapper {
   display: flex;
   justify-content: space-between;

package/dist/notification/notification.min.css

@@ -1 +1 @@
-.ids-notification>.ids-notification__content-wrapper{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;border-style:solid}.ids-notification>.ids-notification__content-wrapper>.ids-notification__leading-element{display:flex;align-items:center;flex-shrink:0}.ids-notification>.ids-notification__content-wrapper>.ids-notification__container{display:flex;justify-content:space-between;align-content:center;flex:1 0 0}.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container{display:flex;flex-direction:column}.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{font-style:normal}.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{flex:1 0 0;font-style:normal}.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action{display:flex;align-items:center;flex-shrink:0}.ids-notification>.ids-notification__content-wrapper>.ids-notification__close-button-container.ids-notification__label-button{display:flex;align-self:center}.ids-notification.ids-notification-actions-bottom-mode>.ids-notification__content-wrapper>.ids-notification__container{flex-direction:column;align-items:flex-start}.ids-notification:not(.ids-notification-actions-bottom-mode)>.ids-notification__content-wrapper>.ids-notification__container{align-items:center}.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-error-default);background:var(--ids-comp-notification-filled-color-bg-error-default)}.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-error-default)}.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-error-default)}.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-error-default)}.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-success-default);background:var(--ids-comp-notification-filled-color-bg-success-default)}.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-success-default)}.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-success-default)}.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-success-default)}.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-warning-default);background:var(--ids-comp-notification-filled-color-bg-warning-default)}.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-warning-default)}.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-warning-default)}.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-warning-default)}.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-light-default);background:var(--ids-comp-notification-filled-color-bg-light-default)}.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-light-default)}.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-light-default)}.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-light-default)}.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-dark-default);background:var(--ids-comp-notification-filled-color-bg-dark-default)}.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-dark-default)}.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-dark-default)}.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-dark-default)}.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-surface-default);background:var(--ids-comp-notification-filled-color-bg-surface-default)}.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-surface-default)}.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-surface-default)}.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-surface-default)}.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-info-default);background:var(--ids-comp-notification-filled-color-bg-info-default)}.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-info-default)}.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-info-default)}.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-info-default)}.ids-notification.ids-notification-filled.ids-notification-compact>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-filled-container-size-gap-compact);padding:var(--ids-comp-notification-filled-container-size-padding-y-compact) var(--ids-comp-notification-filled-container-size-padding-x-compact);border-radius:var(--ids-comp-notification-filled-container-size-border-radius-compact);border-top-width:var(--ids-comp-notification-filled-container-size-border-top-width-compact);border-right-width:var(--ids-comp-notification-filled-container-size-border-right-width-compact);border-bottom-width:var(--ids-comp-notification-filled-container-size-border-bottom-width-compact);border-left-width:var(--ids-comp-notification-filled-container-size-border-left-width-compact)}.ids-notification.ids-notification-filled.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-filled-container-size-min-width-compact)}.ids-notification.ids-notification-filled.ids-notification-comfortable>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-filled-container-size-gap-comfortable);padding:var(--ids-comp-notification-filled-container-size-padding-y-comfortable) var(--ids-comp-notification-filled-container-size-padding-x-comfortable);border-radius:var(--ids-comp-notification-filled-container-size-border-radius-comfortable);border-top-width:var(--ids-comp-notification-filled-container-size-border-top-width-comfortable);border-right-width:var(--ids-comp-notification-filled-container-size-border-right-width-comfortable);border-bottom-width:var(--ids-comp-notification-filled-container-size-border-bottom-width-comfortable);border-left-width:var(--ids-comp-notification-filled-container-size-border-left-width-comfortable)}.ids-notification.ids-notification-filled.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-filled-container-size-min-width-comfortable)}.ids-notification.ids-notification-filled.ids-notification-spacious>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-filled-container-size-gap-spacious);padding:var(--ids-comp-notification-filled-container-size-padding-y-spacious) var(--ids-comp-notification-filled-container-size-padding-x-spacious);border-radius:var(--ids-comp-notification-filled-container-size-border-radius-spacious);border-top-width:var(--ids-comp-notification-filled-container-size-border-top-width-spacious);border-right-width:var(--ids-comp-notification-filled-container-size-border-right-width-spacious);border-bottom-width:var(--ids-comp-notification-filled-container-size-border-bottom-width-spacious);border-left-width:var(--ids-comp-notification-filled-container-size-border-left-width-spacious)}.ids-notification.ids-notification-filled.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-filled-container-size-min-width-spacious)}.ids-notification.ids-notification-filled.ids-notification-dense>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-filled-container-size-gap-dense);padding:var(--ids-comp-notification-filled-container-size-padding-y-dense) var(--ids-comp-notification-filled-container-size-padding-x-dense);border-radius:var(--ids-comp-notification-filled-container-size-border-radius-dense);border-top-width:var(--ids-comp-notification-filled-container-size-border-top-width-dense);border-right-width:var(--ids-comp-notification-filled-container-size-border-right-width-dense);border-bottom-width:var(--ids-comp-notification-filled-container-size-border-bottom-width-dense);border-left-width:var(--ids-comp-notification-filled-container-size-border-left-width-dense)}.ids-notification.ids-notification-filled.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-filled-container-size-min-width-dense)}.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-error-default);background:var(--ids-comp-notification-outlined-color-bg-error-default)}.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-error-default)}.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-error-default)}.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-error-default)}.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-success-default);background:var(--ids-comp-notification-outlined-color-bg-success-default)}.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-success-default)}.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-success-default)}.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-success-default)}.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-warning-default);background:var(--ids-comp-notification-outlined-color-bg-warning-default)}.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-warning-default)}.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-warning-default)}.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-warning-default)}.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-light-default);background:var(--ids-comp-notification-outlined-color-bg-light-default)}.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-light-default)}.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-light-default)}.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-light-default)}.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-dark-default);background:var(--ids-comp-notification-outlined-color-bg-dark-default)}.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-dark-default)}.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-dark-default)}.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-dark-default)}.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-surface-default);background:var(--ids-comp-notification-outlined-color-bg-surface-default)}.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-surface-default)}.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-surface-default)}.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-surface-default)}.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-info-default);background:var(--ids-comp-notification-outlined-color-bg-info-default)}.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-info-default)}.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-info-default)}.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-info-default)}.ids-notification.ids-notification-outlined.ids-notification-compact>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-outlined-container-size-gap-compact);padding:var(--ids-comp-notification-outlined-container-size-padding-y-compact) var(--ids-comp-notification-outlined-container-size-padding-x-compact);border-radius:var(--ids-comp-notification-outlined-container-size-border-radius-compact);border-top-width:var(--ids-comp-notification-outlined-container-size-border-top-width-compact);border-right-width:var(--ids-comp-notification-outlined-container-size-border-right-width-compact);border-bottom-width:var(--ids-comp-notification-outlined-container-size-border-bottom-width-compact);border-left-width:var(--ids-comp-notification-outlined-container-size-border-left-width-compact)}.ids-notification.ids-notification-outlined.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-outlined-container-size-min-width-compact)}.ids-notification.ids-notification-outlined.ids-notification-comfortable>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-outlined-container-size-gap-comfortable);padding:var(--ids-comp-notification-outlined-container-size-padding-y-comfortable) var(--ids-comp-notification-outlined-container-size-padding-x-comfortable);border-radius:var(--ids-comp-notification-outlined-container-size-border-radius-comfortable);border-top-width:var(--ids-comp-notification-outlined-container-size-border-top-width-comfortable);border-right-width:var(--ids-comp-notification-outlined-container-size-border-right-width-comfortable);border-bottom-width:var(--ids-comp-notification-outlined-container-size-border-bottom-width-comfortable);border-left-width:var(--ids-comp-notification-outlined-container-size-border-left-width-comfortable)}.ids-notification.ids-notification-outlined.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-outlined-container-size-min-width-comfortable)}.ids-notification.ids-notification-outlined.ids-notification-spacious>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-outlined-container-size-gap-spacious);padding:var(--ids-comp-notification-outlined-container-size-padding-y-spacious) var(--ids-comp-notification-outlined-container-size-padding-x-spacious);border-radius:var(--ids-comp-notification-outlined-container-size-border-radius-spacious);border-top-width:var(--ids-comp-notification-outlined-container-size-border-top-width-spacious);border-right-width:var(--ids-comp-notification-outlined-container-size-border-right-width-spacious);border-bottom-width:var(--ids-comp-notification-outlined-container-size-border-bottom-width-spacious);border-left-width:var(--ids-comp-notification-outlined-container-size-border-left-width-spacious)}.ids-notification.ids-notification-outlined.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-outlined-container-size-min-width-spacious)}.ids-notification.ids-notification-outlined.ids-notification-dense>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-outlined-container-size-gap-dense);padding:var(--ids-comp-notification-outlined-container-size-padding-y-dense) var(--ids-comp-notification-outlined-container-size-padding-x-dense);border-radius:var(--ids-comp-notification-outlined-container-size-border-radius-dense);border-top-width:var(--ids-comp-notification-outlined-container-size-border-top-width-dense);border-right-width:var(--ids-comp-notification-outlined-container-size-border-right-width-dense);border-bottom-width:var(--ids-comp-notification-outlined-container-size-border-bottom-width-dense);border-left-width:var(--ids-comp-notification-outlined-container-size-border-left-width-dense)}.ids-notification.ids-notification-outlined.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-outlined-container-size-min-width-dense)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__leading-element{padding-left:var(--ids-comp-notification-icon-size-padding-left-compact);padding-right:var(--ids-comp-notification-icon-size-padding-right-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{width:var(--ids-comp-notification-icon-size-icon-compact);height:var(--ids-comp-notification-icon-size-icon-compact);font-size:var(--ids-comp-notification-icon-typography-font-size-compact);font-weight:var(--ids-comp-notification-icon-typography-font-weight-compact);line-height:var(--ids-comp-notification-icon-typography-line-height-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container{padding-right:var(--ids-comp-notification-message-size-padding-right-compact);gap:var(--ids-comp-notification-message-size-gap-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container{row-gap:var(--ids-comp-notification-message-size-gap-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{font-size:var(--ids-comp-notification-title-typography-font-size-compact);font-weight:var(--ids-comp-notification-title-typography-font-weight-compact);line-height:var(--ids-comp-notification-title-typography-line-height-compact);letter-spacing:var(--ids-comp-notification-title-typography-letter-spacing-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{font-size:var(--ids-comp-notification-message-typography-font-size-compact);font-weight:var(--ids-comp-notification-message-typography-font-weight-compact);line-height:var(--ids-comp-notification-message-typography-line-height-compact);letter-spacing:var(--ids-comp-notification-message-typography-letter-spacing-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action{gap:var(--ids-comp-notification-actions-size-gap-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon{width:var(--ids-comp-notification-icon-button-size-icon-button-compact);height:var(--ids-comp-notification-icon-button-size-icon-button-compact)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__leading-element{padding-left:var(--ids-comp-notification-icon-size-padding-left-comfortable);padding-right:var(--ids-comp-notification-icon-size-padding-right-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{width:var(--ids-comp-notification-icon-size-icon-comfortable);height:var(--ids-comp-notification-icon-size-icon-comfortable);font-size:var(--ids-comp-notification-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-notification-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-notification-icon-typography-line-height-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container{padding-right:var(--ids-comp-notification-message-size-padding-right-comfortable);gap:var(--ids-comp-notification-message-size-gap-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container{row-gap:var(--ids-comp-notification-message-size-gap-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{font-size:var(--ids-comp-notification-title-typography-font-size-comfortable);font-weight:var(--ids-comp-notification-title-typography-font-weight-comfortable);line-height:var(--ids-comp-notification-title-typography-line-height-comfortable);letter-spacing:var(--ids-comp-notification-title-typography-letter-spacing-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{font-size:var(--ids-comp-notification-message-typography-font-size-comfortable);font-weight:var(--ids-comp-notification-message-typography-font-weight-comfortable);line-height:var(--ids-comp-notification-message-typography-line-height-comfortable);letter-spacing:var(--ids-comp-notification-message-typography-letter-spacing-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action{gap:var(--ids-comp-notification-actions-size-gap-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon{width:var(--ids-comp-notification-icon-button-size-icon-button-comfortable);height:var(--ids-comp-notification-icon-button-size-icon-button-comfortable)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__leading-element{padding-left:var(--ids-comp-notification-icon-size-padding-left-spacious);padding-right:var(--ids-comp-notification-icon-size-padding-right-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{width:var(--ids-comp-notification-icon-size-icon-spacious);height:var(--ids-comp-notification-icon-size-icon-spacious);font-size:var(--ids-comp-notification-icon-typography-font-size-spacious);font-weight:var(--ids-comp-notification-icon-typography-font-weight-spacious);line-height:var(--ids-comp-notification-icon-typography-line-height-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container{padding-right:var(--ids-comp-notification-message-size-padding-right-spacious);gap:var(--ids-comp-notification-message-size-gap-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container{row-gap:var(--ids-comp-notification-message-size-gap-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{font-size:var(--ids-comp-notification-title-typography-font-size-spacious);font-weight:var(--ids-comp-notification-title-typography-font-weight-spacious);line-height:var(--ids-comp-notification-title-typography-line-height-spacious);letter-spacing:var(--ids-comp-notification-title-typography-letter-spacing-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{font-size:var(--ids-comp-notification-message-typography-font-size-spacious);font-weight:var(--ids-comp-notification-message-typography-font-weight-spacious);line-height:var(--ids-comp-notification-message-typography-line-height-spacious);letter-spacing:var(--ids-comp-notification-message-typography-letter-spacing-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action{gap:var(--ids-comp-notification-actions-size-gap-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon{width:var(--ids-comp-notification-icon-button-size-icon-button-spacious);height:var(--ids-comp-notification-icon-button-size-icon-button-spacious)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__leading-element{padding-left:var(--ids-comp-notification-icon-size-padding-left-dense);padding-right:var(--ids-comp-notification-icon-size-padding-right-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{width:var(--ids-comp-notification-icon-size-icon-dense);height:var(--ids-comp-notification-icon-size-icon-dense);font-size:var(--ids-comp-notification-icon-typography-font-size-dense);font-weight:var(--ids-comp-notification-icon-typography-font-weight-dense);line-height:var(--ids-comp-notification-icon-typography-line-height-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container{padding-right:var(--ids-comp-notification-message-size-padding-right-dense);gap:var(--ids-comp-notification-message-size-gap-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container{row-gap:var(--ids-comp-notification-message-size-gap-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{font-size:var(--ids-comp-notification-title-typography-font-size-dense);font-weight:var(--ids-comp-notification-title-typography-font-weight-dense);line-height:var(--ids-comp-notification-title-typography-line-height-dense);letter-spacing:var(--ids-comp-notification-title-typography-letter-spacing-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{font-size:var(--ids-comp-notification-message-typography-font-size-dense);font-weight:var(--ids-comp-notification-message-typography-font-weight-dense);line-height:var(--ids-comp-notification-message-typography-line-height-dense);letter-spacing:var(--ids-comp-notification-message-typography-letter-spacing-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action{gap:var(--ids-comp-notification-actions-size-gap-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon{width:var(--ids-comp-notification-icon-button-size-icon-button-dense);height:var(--ids-comp-notification-icon-button-size-icon-button-dense)}
+.ids-notification{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5}.ids-notification::before,.ids-notification::after,.ids-notification *,.ids-notification ::before,.ids-notification ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-notification>.ids-notification__content-wrapper{display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;border-style:solid}.ids-notification>.ids-notification__content-wrapper>.ids-notification__leading-element{display:flex;align-items:center;flex-shrink:0}.ids-notification>.ids-notification__content-wrapper>.ids-notification__container{display:flex;justify-content:space-between;align-content:center;flex:1 0 0}.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container{display:flex;flex-direction:column}.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{font-style:normal}.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{flex:1 0 0;font-style:normal}.ids-notification>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action{display:flex;align-items:center;flex-shrink:0}.ids-notification>.ids-notification__content-wrapper>.ids-notification__close-button-container.ids-notification__label-button{display:flex;align-self:center}.ids-notification.ids-notification-actions-bottom-mode>.ids-notification__content-wrapper>.ids-notification__container{flex-direction:column;align-items:flex-start}.ids-notification:not(.ids-notification-actions-bottom-mode)>.ids-notification__content-wrapper>.ids-notification__container{align-items:center}.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-error-default);background:var(--ids-comp-notification-filled-color-bg-error-default)}.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-error-default)}.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-error-default)}.ids-notification.ids-notification-filled.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-error-default)}.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-success-default);background:var(--ids-comp-notification-filled-color-bg-success-default)}.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-success-default)}.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-success-default)}.ids-notification.ids-notification-filled.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-success-default)}.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-warning-default);background:var(--ids-comp-notification-filled-color-bg-warning-default)}.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-warning-default)}.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-warning-default)}.ids-notification.ids-notification-filled.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-warning-default)}.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-light-default);background:var(--ids-comp-notification-filled-color-bg-light-default)}.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-light-default)}.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-light-default)}.ids-notification.ids-notification-filled.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-light-default)}.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-dark-default);background:var(--ids-comp-notification-filled-color-bg-dark-default)}.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-dark-default)}.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-dark-default)}.ids-notification.ids-notification-filled.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-dark-default)}.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-surface-default);background:var(--ids-comp-notification-filled-color-bg-surface-default)}.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-surface-default)}.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-surface-default)}.ids-notification.ids-notification-filled.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-surface-default)}.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-filled-color-border-info-default);background:var(--ids-comp-notification-filled-color-bg-info-default)}.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-filled-color-fg-icon-info-default)}.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-filled-color-fg-title-info-default)}.ids-notification.ids-notification-filled.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-filled-color-fg-message-info-default)}.ids-notification.ids-notification-filled.ids-notification-compact>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-filled-container-size-gap-compact);padding:var(--ids-comp-notification-filled-container-size-padding-y-compact) var(--ids-comp-notification-filled-container-size-padding-x-compact);border-radius:var(--ids-comp-notification-filled-container-size-border-radius-compact);border-top-width:var(--ids-comp-notification-filled-container-size-border-top-width-compact);border-right-width:var(--ids-comp-notification-filled-container-size-border-right-width-compact);border-bottom-width:var(--ids-comp-notification-filled-container-size-border-bottom-width-compact);border-left-width:var(--ids-comp-notification-filled-container-size-border-left-width-compact)}.ids-notification.ids-notification-filled.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-filled-container-size-min-width-compact)}.ids-notification.ids-notification-filled.ids-notification-comfortable>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-filled-container-size-gap-comfortable);padding:var(--ids-comp-notification-filled-container-size-padding-y-comfortable) var(--ids-comp-notification-filled-container-size-padding-x-comfortable);border-radius:var(--ids-comp-notification-filled-container-size-border-radius-comfortable);border-top-width:var(--ids-comp-notification-filled-container-size-border-top-width-comfortable);border-right-width:var(--ids-comp-notification-filled-container-size-border-right-width-comfortable);border-bottom-width:var(--ids-comp-notification-filled-container-size-border-bottom-width-comfortable);border-left-width:var(--ids-comp-notification-filled-container-size-border-left-width-comfortable)}.ids-notification.ids-notification-filled.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-filled-container-size-min-width-comfortable)}.ids-notification.ids-notification-filled.ids-notification-spacious>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-filled-container-size-gap-spacious);padding:var(--ids-comp-notification-filled-container-size-padding-y-spacious) var(--ids-comp-notification-filled-container-size-padding-x-spacious);border-radius:var(--ids-comp-notification-filled-container-size-border-radius-spacious);border-top-width:var(--ids-comp-notification-filled-container-size-border-top-width-spacious);border-right-width:var(--ids-comp-notification-filled-container-size-border-right-width-spacious);border-bottom-width:var(--ids-comp-notification-filled-container-size-border-bottom-width-spacious);border-left-width:var(--ids-comp-notification-filled-container-size-border-left-width-spacious)}.ids-notification.ids-notification-filled.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-filled-container-size-min-width-spacious)}.ids-notification.ids-notification-filled.ids-notification-dense>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-filled-container-size-gap-dense);padding:var(--ids-comp-notification-filled-container-size-padding-y-dense) var(--ids-comp-notification-filled-container-size-padding-x-dense);border-radius:var(--ids-comp-notification-filled-container-size-border-radius-dense);border-top-width:var(--ids-comp-notification-filled-container-size-border-top-width-dense);border-right-width:var(--ids-comp-notification-filled-container-size-border-right-width-dense);border-bottom-width:var(--ids-comp-notification-filled-container-size-border-bottom-width-dense);border-left-width:var(--ids-comp-notification-filled-container-size-border-left-width-dense)}.ids-notification.ids-notification-filled.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-filled-container-size-min-width-dense)}.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-error-default);background:var(--ids-comp-notification-outlined-color-bg-error-default)}.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-error-default)}.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-error-default)}.ids-notification.ids-notification-outlined.ids-notification-error>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-error-default)}.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-success-default);background:var(--ids-comp-notification-outlined-color-bg-success-default)}.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-success-default)}.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-success-default)}.ids-notification.ids-notification-outlined.ids-notification-success>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-success-default)}.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-warning-default);background:var(--ids-comp-notification-outlined-color-bg-warning-default)}.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-warning-default)}.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-warning-default)}.ids-notification.ids-notification-outlined.ids-notification-warning>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-warning-default)}.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-light-default);background:var(--ids-comp-notification-outlined-color-bg-light-default)}.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-light-default)}.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-light-default)}.ids-notification.ids-notification-outlined.ids-notification-light>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-light-default)}.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-dark-default);background:var(--ids-comp-notification-outlined-color-bg-dark-default)}.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-dark-default)}.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-dark-default)}.ids-notification.ids-notification-outlined.ids-notification-dark>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-dark-default)}.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-surface-default);background:var(--ids-comp-notification-outlined-color-bg-surface-default)}.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-surface-default)}.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-surface-default)}.ids-notification.ids-notification-outlined.ids-notification-surface>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-surface-default)}.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper{border-color:var(--ids-comp-notification-outlined-color-border-info-default);background:var(--ids-comp-notification-outlined-color-bg-info-default)}.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{color:var(--ids-comp-notification-outlined-color-fg-icon-info-default)}.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{color:var(--ids-comp-notification-outlined-color-fg-title-info-default)}.ids-notification.ids-notification-outlined.ids-notification-info>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{color:var(--ids-comp-notification-outlined-color-fg-message-info-default)}.ids-notification.ids-notification-outlined.ids-notification-compact>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-outlined-container-size-gap-compact);padding:var(--ids-comp-notification-outlined-container-size-padding-y-compact) var(--ids-comp-notification-outlined-container-size-padding-x-compact);border-radius:var(--ids-comp-notification-outlined-container-size-border-radius-compact);border-top-width:var(--ids-comp-notification-outlined-container-size-border-top-width-compact);border-right-width:var(--ids-comp-notification-outlined-container-size-border-right-width-compact);border-bottom-width:var(--ids-comp-notification-outlined-container-size-border-bottom-width-compact);border-left-width:var(--ids-comp-notification-outlined-container-size-border-left-width-compact)}.ids-notification.ids-notification-outlined.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-outlined-container-size-min-width-compact)}.ids-notification.ids-notification-outlined.ids-notification-comfortable>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-outlined-container-size-gap-comfortable);padding:var(--ids-comp-notification-outlined-container-size-padding-y-comfortable) var(--ids-comp-notification-outlined-container-size-padding-x-comfortable);border-radius:var(--ids-comp-notification-outlined-container-size-border-radius-comfortable);border-top-width:var(--ids-comp-notification-outlined-container-size-border-top-width-comfortable);border-right-width:var(--ids-comp-notification-outlined-container-size-border-right-width-comfortable);border-bottom-width:var(--ids-comp-notification-outlined-container-size-border-bottom-width-comfortable);border-left-width:var(--ids-comp-notification-outlined-container-size-border-left-width-comfortable)}.ids-notification.ids-notification-outlined.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-outlined-container-size-min-width-comfortable)}.ids-notification.ids-notification-outlined.ids-notification-spacious>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-outlined-container-size-gap-spacious);padding:var(--ids-comp-notification-outlined-container-size-padding-y-spacious) var(--ids-comp-notification-outlined-container-size-padding-x-spacious);border-radius:var(--ids-comp-notification-outlined-container-size-border-radius-spacious);border-top-width:var(--ids-comp-notification-outlined-container-size-border-top-width-spacious);border-right-width:var(--ids-comp-notification-outlined-container-size-border-right-width-spacious);border-bottom-width:var(--ids-comp-notification-outlined-container-size-border-bottom-width-spacious);border-left-width:var(--ids-comp-notification-outlined-container-size-border-left-width-spacious)}.ids-notification.ids-notification-outlined.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-outlined-container-size-min-width-spacious)}.ids-notification.ids-notification-outlined.ids-notification-dense>.ids-notification__content-wrapper{gap:var(--ids-comp-notification-outlined-container-size-gap-dense);padding:var(--ids-comp-notification-outlined-container-size-padding-y-dense) var(--ids-comp-notification-outlined-container-size-padding-x-dense);border-radius:var(--ids-comp-notification-outlined-container-size-border-radius-dense);border-top-width:var(--ids-comp-notification-outlined-container-size-border-top-width-dense);border-right-width:var(--ids-comp-notification-outlined-container-size-border-right-width-dense);border-bottom-width:var(--ids-comp-notification-outlined-container-size-border-bottom-width-dense);border-left-width:var(--ids-comp-notification-outlined-container-size-border-left-width-dense)}.ids-notification.ids-notification-outlined.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container{min-width:var(--ids-comp-notification-outlined-container-size-min-width-dense)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__leading-element{padding-left:var(--ids-comp-notification-icon-size-padding-left-compact);padding-right:var(--ids-comp-notification-icon-size-padding-right-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{width:var(--ids-comp-notification-icon-size-icon-compact);height:var(--ids-comp-notification-icon-size-icon-compact);font-size:var(--ids-comp-notification-icon-typography-font-size-compact);font-weight:var(--ids-comp-notification-icon-typography-font-weight-compact);line-height:var(--ids-comp-notification-icon-typography-line-height-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container{padding-right:var(--ids-comp-notification-message-size-padding-right-compact);gap:var(--ids-comp-notification-message-size-gap-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container{row-gap:var(--ids-comp-notification-message-size-gap-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{font-size:var(--ids-comp-notification-title-typography-font-size-compact);font-weight:var(--ids-comp-notification-title-typography-font-weight-compact);line-height:var(--ids-comp-notification-title-typography-line-height-compact);letter-spacing:var(--ids-comp-notification-title-typography-letter-spacing-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{font-size:var(--ids-comp-notification-message-typography-font-size-compact);font-weight:var(--ids-comp-notification-message-typography-font-weight-compact);line-height:var(--ids-comp-notification-message-typography-line-height-compact);letter-spacing:var(--ids-comp-notification-message-typography-letter-spacing-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action{gap:var(--ids-comp-notification-actions-size-gap-compact)}.ids-notification.ids-notification-compact>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon{width:var(--ids-comp-notification-icon-button-size-icon-button-compact);height:var(--ids-comp-notification-icon-button-size-icon-button-compact)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__leading-element{padding-left:var(--ids-comp-notification-icon-size-padding-left-comfortable);padding-right:var(--ids-comp-notification-icon-size-padding-right-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{width:var(--ids-comp-notification-icon-size-icon-comfortable);height:var(--ids-comp-notification-icon-size-icon-comfortable);font-size:var(--ids-comp-notification-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-notification-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-notification-icon-typography-line-height-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container{padding-right:var(--ids-comp-notification-message-size-padding-right-comfortable);gap:var(--ids-comp-notification-message-size-gap-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container{row-gap:var(--ids-comp-notification-message-size-gap-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{font-size:var(--ids-comp-notification-title-typography-font-size-comfortable);font-weight:var(--ids-comp-notification-title-typography-font-weight-comfortable);line-height:var(--ids-comp-notification-title-typography-line-height-comfortable);letter-spacing:var(--ids-comp-notification-title-typography-letter-spacing-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{font-size:var(--ids-comp-notification-message-typography-font-size-comfortable);font-weight:var(--ids-comp-notification-message-typography-font-weight-comfortable);line-height:var(--ids-comp-notification-message-typography-line-height-comfortable);letter-spacing:var(--ids-comp-notification-message-typography-letter-spacing-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action{gap:var(--ids-comp-notification-actions-size-gap-comfortable)}.ids-notification.ids-notification-comfortable>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon{width:var(--ids-comp-notification-icon-button-size-icon-button-comfortable);height:var(--ids-comp-notification-icon-button-size-icon-button-comfortable)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__leading-element{padding-left:var(--ids-comp-notification-icon-size-padding-left-spacious);padding-right:var(--ids-comp-notification-icon-size-padding-right-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{width:var(--ids-comp-notification-icon-size-icon-spacious);height:var(--ids-comp-notification-icon-size-icon-spacious);font-size:var(--ids-comp-notification-icon-typography-font-size-spacious);font-weight:var(--ids-comp-notification-icon-typography-font-weight-spacious);line-height:var(--ids-comp-notification-icon-typography-line-height-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container{padding-right:var(--ids-comp-notification-message-size-padding-right-spacious);gap:var(--ids-comp-notification-message-size-gap-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container{row-gap:var(--ids-comp-notification-message-size-gap-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{font-size:var(--ids-comp-notification-title-typography-font-size-spacious);font-weight:var(--ids-comp-notification-title-typography-font-weight-spacious);line-height:var(--ids-comp-notification-title-typography-line-height-spacious);letter-spacing:var(--ids-comp-notification-title-typography-letter-spacing-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{font-size:var(--ids-comp-notification-message-typography-font-size-spacious);font-weight:var(--ids-comp-notification-message-typography-font-weight-spacious);line-height:var(--ids-comp-notification-message-typography-line-height-spacious);letter-spacing:var(--ids-comp-notification-message-typography-letter-spacing-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action{gap:var(--ids-comp-notification-actions-size-gap-spacious)}.ids-notification.ids-notification-spacious>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon{width:var(--ids-comp-notification-icon-button-size-icon-button-spacious);height:var(--ids-comp-notification-icon-button-size-icon-button-spacious)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__leading-element{padding-left:var(--ids-comp-notification-icon-size-padding-left-dense);padding-right:var(--ids-comp-notification-icon-size-padding-right-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__leading-element>.ids-icon{width:var(--ids-comp-notification-icon-size-icon-dense);height:var(--ids-comp-notification-icon-size-icon-dense);font-size:var(--ids-comp-notification-icon-typography-font-size-dense);font-weight:var(--ids-comp-notification-icon-typography-font-weight-dense);line-height:var(--ids-comp-notification-icon-typography-line-height-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container{padding-right:var(--ids-comp-notification-message-size-padding-right-dense);gap:var(--ids-comp-notification-message-size-gap-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container{row-gap:var(--ids-comp-notification-message-size-gap-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__title{font-size:var(--ids-comp-notification-title-typography-font-size-dense);font-weight:var(--ids-comp-notification-title-typography-font-weight-dense);line-height:var(--ids-comp-notification-title-typography-line-height-dense);letter-spacing:var(--ids-comp-notification-title-typography-letter-spacing-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__title-msg-container>.ids-notification__message{font-size:var(--ids-comp-notification-message-typography-font-size-dense);font-weight:var(--ids-comp-notification-message-typography-font-weight-dense);line-height:var(--ids-comp-notification-message-typography-line-height-dense);letter-spacing:var(--ids-comp-notification-message-typography-letter-spacing-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__container>.ids-notification__action{gap:var(--ids-comp-notification-actions-size-gap-dense)}.ids-notification.ids-notification-dense>.ids-notification__content-wrapper>.ids-notification__close-button-container>.ids-icon-button>.ids-icon{width:var(--ids-comp-notification-icon-button-size-icon-button-dense);height:var(--ids-comp-notification-icon-button-size-icon-button-dense)}

package/dist/notification/notification.plugin.js

@@ -2,6 +2,19 @@
 module.exports = function NotificationPlugin() {
   return function ({ addComponents }) {
     const cssObj = {
+      '.ids-notification': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+      },
+      '.ids-notification::before,.ids-notification::after,.ids-notification *,.ids-notification ::before,.ids-notification ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-notification>.ids-notification__content-wrapper': {
         display: 'flex',
         justifyContent: 'space-between',

package/dist/overlay-panel/overlay-panel.css

@@ -1,9 +1,20 @@
 .ids-overlay-panel {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   box-sizing: border-box;
 }
+.ids-overlay-panel::before, .ids-overlay-panel::after, .ids-overlay-panel *, .ids-overlay-panel ::before, .ids-overlay-panel ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-overlay-panel.ids-overlay-panel-compact {
   gap: var(--ids-comp-overlay-panel-size-gap-compact);
   padding: var(--ids-comp-overlay-panel-size-padding-y-compact) var(--ids-comp-overlay-panel-size-padding-x-compact);

package/dist/overlay-panel/overlay-panel.min.css

@@ -1 +1 @@
-.ids-overlay-panel{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.ids-overlay-panel.ids-overlay-panel-compact{gap:var(--ids-comp-overlay-panel-size-gap-compact);padding:var(--ids-comp-overlay-panel-size-padding-y-compact) var(--ids-comp-overlay-panel-size-padding-x-compact);border-radius:var(--ids-comp-overlay-panel-size-border-radius-compact)}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable{gap:var(--ids-comp-overlay-panel-size-gap-comfortable);padding:var(--ids-comp-overlay-panel-size-padding-y-comfortable) var(--ids-comp-overlay-panel-size-padding-x-comfortable);border-radius:var(--ids-comp-overlay-panel-size-border-radius-comfortable)}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious{gap:var(--ids-comp-overlay-panel-size-gap-spacious);padding:var(--ids-comp-overlay-panel-size-padding-y-spacious) var(--ids-comp-overlay-panel-size-padding-x-spacious);border-radius:var(--ids-comp-overlay-panel-size-border-radius-spacious)}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense{gap:var(--ids-comp-overlay-panel-size-gap-dense);padding:var(--ids-comp-overlay-panel-size-padding-y-dense) var(--ids-comp-overlay-panel-size-padding-x-dense);border-radius:var(--ids-comp-overlay-panel-size-border-radius-dense)}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-filled{box-shadow:none}.ids-overlay-panel.ids-overlay-panel-outlined{box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxs) var(--ids-smc-reference-container-effects-shadow-blur-xxs) var(--ids-smc-reference-container-effects-shadow-spread-none) var(--ids-smc-reference-container-effects-shadow-color-dark-lighter)}.ids-overlay-panel.ids-overlay-panel-elevated{box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-filled-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-filled-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-filled-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-filled-color-border-surface-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-outlined-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-outlined-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-outlined-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-outlined-color-border-surface-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-elevated-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-elevated-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-elevated-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-elevated-color-border-surface-default)}.ids-overlay-panel button:hover{border-color:rgba(0,0,0,0)}.ids-overlay-panel button:focus,.ids-overlay-panel button:focus-visible{outline-style:none !important}
+.ids-overlay-panel{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.ids-overlay-panel::before,.ids-overlay-panel::after,.ids-overlay-panel *,.ids-overlay-panel ::before,.ids-overlay-panel ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-overlay-panel.ids-overlay-panel-compact{gap:var(--ids-comp-overlay-panel-size-gap-compact);padding:var(--ids-comp-overlay-panel-size-padding-y-compact) var(--ids-comp-overlay-panel-size-padding-x-compact);border-radius:var(--ids-comp-overlay-panel-size-border-radius-compact)}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-compact.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-compact);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable{gap:var(--ids-comp-overlay-panel-size-gap-comfortable);padding:var(--ids-comp-overlay-panel-size-padding-y-comfortable) var(--ids-comp-overlay-panel-size-padding-x-comfortable);border-radius:var(--ids-comp-overlay-panel-size-border-radius-comfortable)}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-comfortable.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-comfortable);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious{gap:var(--ids-comp-overlay-panel-size-gap-spacious);padding:var(--ids-comp-overlay-panel-size-padding-y-spacious) var(--ids-comp-overlay-panel-size-padding-x-spacious);border-radius:var(--ids-comp-overlay-panel-size-border-radius-spacious)}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-spacious.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-spacious);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense{gap:var(--ids-comp-overlay-panel-size-gap-dense);padding:var(--ids-comp-overlay-panel-size-padding-y-dense) var(--ids-comp-overlay-panel-size-padding-x-dense);border-radius:var(--ids-comp-overlay-panel-size-border-radius-dense)}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-filled.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-outlined.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-dense.ids-overlay-panel-elevated.ids-overlay-panel-outlined{border-width:var(--ids-comp-overlay-panel-size-border-dense);border-style:solid}.ids-overlay-panel.ids-overlay-panel-filled{box-shadow:none}.ids-overlay-panel.ids-overlay-panel-outlined{box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxs) var(--ids-smc-reference-container-effects-shadow-blur-xxs) var(--ids-smc-reference-container-effects-shadow-spread-none) var(--ids-smc-reference-container-effects-shadow-color-dark-lighter)}.ids-overlay-panel.ids-overlay-panel-elevated{box-shadow:var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-filled-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-filled-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-filled-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-filled.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-filled-color-border-surface-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-outlined-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-outlined-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-outlined-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-outlined.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-outlined-color-border-surface-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-light{background:var(--ids-comp-overlay-panel-elevated-color-bg-light-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-light.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-elevated-color-border-light-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-surface{background:var(--ids-comp-overlay-panel-elevated-color-bg-surface-default)}.ids-overlay-panel.ids-overlay-panel-elevated.ids-overlay-panel-surface.ids-overlay-panel-outlined{border-color:var(--ids-comp-overlay-panel-elevated-color-border-surface-default)}.ids-overlay-panel button:hover{border-color:rgba(0,0,0,0)}.ids-overlay-panel button:focus,.ids-overlay-panel button:focus-visible{outline-style:none !important}

package/dist/overlay-panel/overlay-panel.plugin.js

@@ -2,7 +2,22 @@
 module.exports = function OverlayPanelPlugin() {
   return function ({ addComponents }) {
     const cssObj = {
-      '.ids-overlay-panel': { display: 'flex', flexDirection: 'column', alignItems: 'flex-start', boxSizing: 'border-box' },
+      '.ids-overlay-panel': {
+        boxSizing: ['border-box', 'border-box'],
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+      },
+      '.ids-overlay-panel::before,.ids-overlay-panel::after,.ids-overlay-panel *,.ids-overlay-panel ::before,.ids-overlay-panel ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-overlay-panel.ids-overlay-panel-compact': {
         gap: 'var(--ids-comp-overlay-panel-size-gap-compact)',
         padding: 'var(--ids-comp-overlay-panel-size-padding-y-compact) var(--ids-comp-overlay-panel-size-padding-x-compact)',

package/dist/paginator/paginator.css

@@ -1,6 +1,17 @@
 .ids-paginator {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
 }
+.ids-paginator::before, .ids-paginator::after, .ids-paginator *, .ids-paginator ::before, .ids-paginator ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-paginator .ids-paginator__navigation-container {
   display: flex;
   flex-direction: row;

package/dist/paginator/paginator.min.css

@@ -1 +1 @@
-.ids-paginator{display:inline-flex}.ids-paginator .ids-paginator__navigation-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{display:flex;align-items:center;list-style:none;padding:0;margin:0}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container .ids-paginator__page-button-truncation{display:flex;align-items:center;justify-content:center}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button{display:flex;justify-content:center;align-items:center;font-style:normal;border-style:none}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:not(:disabled){cursor:pointer}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:disabled{cursor:not-allowed}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.first,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous{order:1}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.last{order:3}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation:disabled{cursor:default}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{color:inherit}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{order:2}.ids-paginator .ids-paginator__navigation-container .ids-paginator__help-text{order:4}.ids-paginator .ids-paginator__help-text{margin-left:auto;display:flex;justify-content:center;align-items:center;white-space:nowrap}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact);padding:var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-compact);height:var(--ids-comp-paginator-page-links-size-icon-compact);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-compact);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-compact);height:var(--ids-comp-paginator-help-text-size-height-compact);padding:var(--ids-comp-paginator-help-text-size-padding-y-compact)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable);padding:var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-comfortable);height:var(--ids-comp-paginator-page-links-size-icon-comfortable);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-comfortable);height:var(--ids-comp-paginator-help-text-size-height-comfortable);padding:var(--ids-comp-paginator-help-text-size-padding-y-comfortable)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious);padding:var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-spacious);height:var(--ids-comp-paginator-page-links-size-icon-spacious);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-spacious);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-spacious);height:var(--ids-comp-paginator-help-text-size-height-spacious);padding:var(--ids-comp-paginator-help-text-size-padding-y-spacious)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense);padding:var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-dense);height:var(--ids-comp-paginator-page-links-size-icon-dense);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-dense);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-dense);height:var(--ids-comp-paginator-help-text-size-height-dense);padding:var(--ids-comp-paginator-help-text-size-padding-y-dense)}.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-primary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-secondary-default)}.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-light-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-light-default)}.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-surface-default)}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__page-button-container{display:none}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__help-text{order:2;margin-left:0}
+.ids-paginator{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;display:inline-flex}.ids-paginator::before,.ids-paginator::after,.ids-paginator *,.ids-paginator ::before,.ids-paginator ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-paginator .ids-paginator__navigation-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{display:flex;align-items:center;list-style:none;padding:0;margin:0}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container .ids-paginator__page-button-truncation{display:flex;align-items:center;justify-content:center}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button{display:flex;justify-content:center;align-items:center;font-style:normal;border-style:none}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:not(:disabled){cursor:pointer}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:disabled{cursor:not-allowed}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.first,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous{order:1}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.last{order:3}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation:disabled{cursor:default}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{color:inherit}.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container{order:2}.ids-paginator .ids-paginator__navigation-container .ids-paginator__help-text{order:4}.ids-paginator .ids-paginator__help-text{margin-left:auto;display:flex;justify-content:center;align-items:center;white-space:nowrap}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact);padding:var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-compact);min-width:var(--ids-comp-paginator-page-links-size-min-width-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-compact);height:var(--ids-comp-paginator-page-links-size-icon-compact);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-compact);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-compact);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-compact)}.ids-paginator.ids-paginator-compact .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-compact);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-compact);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-compact);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-compact);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-compact);height:var(--ids-comp-paginator-help-text-size-height-compact);padding:var(--ids-comp-paginator-help-text-size-padding-y-compact)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable);padding:var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-comfortable);min-width:var(--ids-comp-paginator-page-links-size-min-width-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-comfortable);height:var(--ids-comp-paginator-page-links-size-icon-comfortable);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-comfortable)}.ids-paginator.ids-paginator-comfortable .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-comfortable);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-comfortable);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-comfortable);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-comfortable);height:var(--ids-comp-paginator-help-text-size-height-comfortable);padding:var(--ids-comp-paginator-help-text-size-padding-y-comfortable)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious);padding:var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-spacious);min-width:var(--ids-comp-paginator-page-links-size-min-width-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-spacious);height:var(--ids-comp-paginator-page-links-size-icon-spacious);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-spacious);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-spacious)}.ids-paginator.ids-paginator-spacious .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-spacious);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-spacious);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-spacious);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-spacious);height:var(--ids-comp-paginator-help-text-size-height-spacious);padding:var(--ids-comp-paginator-help-text-size-padding-y-spacious)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container{gap:var(--ids-comp-paginator-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense);padding:var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense);font-family:var(--ids-comp-paginator-page-links-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-page-links-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-page-links-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-page-links-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-page-links-page-link-size-border-radius-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button:focus-visible{outline-width:var(--ids-comp-paginator-page-links-focused-outline-size-outline-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow{gap:var(--ids-comp-paginator-page-links-size-gap-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous>.ids-paginator__page-button-arrow__label{padding-right:var(--ids-comp-paginator-page-links-label-size-padding-right-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next>.ids-paginator__page-button-arrow__label{padding-left:var(--ids-comp-paginator-page-links-label-size-padding-left-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation{height:var(--ids-comp-paginator-page-links-size-height-dense);min-width:var(--ids-comp-paginator-page-links-size-min-width-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-arrow>.ids-icon,.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation>.ids-icon{width:var(--ids-comp-paginator-page-links-size-icon-dense);height:var(--ids-comp-paginator-page-links-size-icon-dense);font-size:var(--ids-comp-paginator-page-links-icon-typography-font-size-dense);font-weight:var(--ids-comp-paginator-page-links-icon-typography-font-weight-dense);line-height:var(--ids-comp-paginator-page-links-icon-typography-line-height-dense)}.ids-paginator.ids-paginator-dense .ids-paginator__help-text{font-family:var(--ids-comp-paginator-help-text-label-typography-font-family-dense);font-size:var(--ids-comp-paginator-help-text-label-typography-font-size-dense);font-weight:var(--ids-comp-paginator-help-text-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-paginator-help-text-label-typography-letter-spacing-dense);line-height:var(--ids-comp-paginator-help-text-label-typography-line-height-dense);border-radius:var(--ids-comp-paginator-help-text-size-border-radius-dense);height:var(--ids-comp-paginator-help-text-size-height-dense);padding:var(--ids-comp-paginator-help-text-size-padding-y-dense)}.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default)}.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled)}.ids-paginator.ids-paginator-primary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-primary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default)}.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled)}.ids-paginator.ids-paginator-secondary .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-secondary-default)}.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-light-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default)}.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled)}.ids-paginator.ids-paginator-light .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-light-default)}.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus,.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus-visible{outline-color:var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-default);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled){background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-active);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus-visible{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled{background:var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled);color:var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow.active:not(:disabled){color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus,.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:focus-visible{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:hover{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:active{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:disabled{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default)}.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-truncation{color:var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled)}.ids-paginator.ids-paginator-surface .ids-paginator__help-text{color:var(--ids-comp-paginator-help-text-color-fg-surface-default)}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__page-button-container{display:none}.ids-paginator.ids-paginator-compact-layout .ids-paginator__navigation-container .ids-paginator__help-text{order:2;margin-left:0}

package/dist/paginator/paginator.plugin.js

@@ -2,7 +2,20 @@
 module.exports = function PaginatorPlugin() {
   return function ({ addComponents }) {
     const cssObj = {
-      '.ids-paginator': { display: 'inline-flex' },
+      '.ids-paginator': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'inline-flex',
+      },
+      '.ids-paginator::before,.ids-paginator::after,.ids-paginator *,.ids-paginator ::before,.ids-paginator ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-paginator .ids-paginator__navigation-container': {
         display: 'flex',
         flexDirection: 'row',