@i-cell/ids-styles 0.0.33 → 0.0.34

package/dist/form-elements/message/message.plugin.js

@@ -2,7 +2,23 @@
 module.exports = function MessagePlugin() {
   return function ({ addComponents }) {
     const cssObj = {
-      '.ids-message': { display: 'flex', justifyContent: 'flex-start', alignItems: 'center', fontStyle: 'normal' },
+      '.ids-message': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
+        display: 'flex',
+        justifyContent: 'flex-start',
+        alignItems: 'center',
+        fontStyle: 'normal',
+      },
+      '.ids-message::before,.ids-message::after,.ids-message *,.ids-message ::before,.ids-message ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-message .ids-message__prefix,.ids-message .ids-message__suffix': { display: 'flex', alignItems: 'center' },
       '.ids-message .ids-message__text': { flexGrow: 1, textAlign: 'start' },
       '.ids-message .ids-icon': { color: 'inherit', height: 'inherit', width: 'inherit' },

package/dist/icon/icon.css

@@ -1,4 +1,9 @@
 .ids-icon {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   font-family: "IDS Icons";
   display: inline-flex;
   text-transform: none;
@@ -12,6 +17,12 @@
   align-items: center;
   justify-content: center;
 }
+.ids-icon::before, .ids-icon::after, .ids-icon *, .ids-icon ::before, .ids-icon ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-icon.ids-icon-smallcollection-compact {
   height: var(--ids-comp-icon-size-smallcollection-height-compact);
   width: var(--ids-comp-icon-size-smallcollection-width-compact);

package/dist/icon/icon.min.css

@@ -1 +1 @@
-.ids-icon{font-family:"IDS Icons";display:inline-flex;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;background-repeat:no-repeat;overflow:hidden;fill:currentColor;align-items:center;justify-content:center}.ids-icon.ids-icon-smallcollection-compact{height:var(--ids-comp-icon-size-smallcollection-height-compact);width:var(--ids-comp-icon-size-smallcollection-width-compact);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-compact);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-compact)}.ids-icon.ids-icon-smallcollection-comfortable{height:var(--ids-comp-icon-size-smallcollection-height-comfortable);width:var(--ids-comp-icon-size-smallcollection-width-comfortable);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-comfortable);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-comfortable)}.ids-icon.ids-icon-smallcollection-spacious{height:var(--ids-comp-icon-size-smallcollection-height-spacious);width:var(--ids-comp-icon-size-smallcollection-width-spacious);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-spacious);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-spacious)}.ids-icon.ids-icon-smallcollection-dense{height:var(--ids-comp-icon-size-smallcollection-height-dense);width:var(--ids-comp-icon-size-smallcollection-width-dense);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-dense);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-dense)}.ids-icon.ids-icon-bigcollection-compact{height:var(--ids-comp-icon-size-bigcollection-height-compact);width:var(--ids-comp-icon-size-bigcollection-width-compact);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-compact);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-compact)}.ids-icon.ids-icon-bigcollection-comfortable{height:var(--ids-comp-icon-size-bigcollection-height-comfortable);width:var(--ids-comp-icon-size-bigcollection-width-comfortable);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-comfortable);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-comfortable)}.ids-icon.ids-icon-bigcollection-spacious{height:var(--ids-comp-icon-size-bigcollection-height-spacious);width:var(--ids-comp-icon-size-bigcollection-width-spacious);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-spacious);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-spacious)}.ids-icon.ids-icon-bigcollection-dense{height:var(--ids-comp-icon-size-bigcollection-height-dense);width:var(--ids-comp-icon-size-bigcollection-width-dense);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-dense);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-dense)}.ids-icon.ids-icon-primary{color:var(--ids-comp-icon-color-primary-default)}.ids-icon.ids-icon-secondary{color:var(--ids-comp-icon-color-secondary-default)}.ids-icon.ids-icon-light{color:var(--ids-comp-icon-color-light-default)}.ids-icon.ids-icon-dark{color:var(--ids-comp-icon-color-dark-default)}.ids-icon.ids-icon-error{color:var(--ids-comp-icon-color-error-default)}.ids-icon.ids-icon-success{color:var(--ids-comp-icon-color-success-default)}.ids-icon.ids-icon-warning{color:var(--ids-comp-icon-color-warning-default)}.ids-icon.ids-icon-brand{color:var(--ids-comp-icon-color-brand-default)}.ids-icon.ids-icon-surface{color:var(--ids-comp-icon-color-surface-default)}.ids-icon svg{width:100%;height:100%}.ids-icon.ids-icon-font[fontIcon]::before{content:attr(fontIcon)}
+.ids-icon{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;font-family:"IDS Icons";display:inline-flex;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;background-repeat:no-repeat;overflow:hidden;fill:currentColor;align-items:center;justify-content:center}.ids-icon::before,.ids-icon::after,.ids-icon *,.ids-icon ::before,.ids-icon ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-icon.ids-icon-smallcollection-compact{height:var(--ids-comp-icon-size-smallcollection-height-compact);width:var(--ids-comp-icon-size-smallcollection-width-compact);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-compact);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-compact)}.ids-icon.ids-icon-smallcollection-comfortable{height:var(--ids-comp-icon-size-smallcollection-height-comfortable);width:var(--ids-comp-icon-size-smallcollection-width-comfortable);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-comfortable);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-comfortable)}.ids-icon.ids-icon-smallcollection-spacious{height:var(--ids-comp-icon-size-smallcollection-height-spacious);width:var(--ids-comp-icon-size-smallcollection-width-spacious);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-spacious);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-spacious)}.ids-icon.ids-icon-smallcollection-dense{height:var(--ids-comp-icon-size-smallcollection-height-dense);width:var(--ids-comp-icon-size-smallcollection-width-dense);font-size:var(--ids-comp-icon-typography-smallcollection-font-size-dense);line-height:var(--ids-comp-icon-typography-smallcollection-line-height-dense)}.ids-icon.ids-icon-bigcollection-compact{height:var(--ids-comp-icon-size-bigcollection-height-compact);width:var(--ids-comp-icon-size-bigcollection-width-compact);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-compact);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-compact)}.ids-icon.ids-icon-bigcollection-comfortable{height:var(--ids-comp-icon-size-bigcollection-height-comfortable);width:var(--ids-comp-icon-size-bigcollection-width-comfortable);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-comfortable);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-comfortable)}.ids-icon.ids-icon-bigcollection-spacious{height:var(--ids-comp-icon-size-bigcollection-height-spacious);width:var(--ids-comp-icon-size-bigcollection-width-spacious);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-spacious);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-spacious)}.ids-icon.ids-icon-bigcollection-dense{height:var(--ids-comp-icon-size-bigcollection-height-dense);width:var(--ids-comp-icon-size-bigcollection-width-dense);font-size:var(--ids-comp-icon-typography-bigcollection-font-size-dense);line-height:var(--ids-comp-icon-typography-bigcollection-line-height-dense)}.ids-icon.ids-icon-primary{color:var(--ids-comp-icon-color-primary-default)}.ids-icon.ids-icon-secondary{color:var(--ids-comp-icon-color-secondary-default)}.ids-icon.ids-icon-light{color:var(--ids-comp-icon-color-light-default)}.ids-icon.ids-icon-dark{color:var(--ids-comp-icon-color-dark-default)}.ids-icon.ids-icon-error{color:var(--ids-comp-icon-color-error-default)}.ids-icon.ids-icon-success{color:var(--ids-comp-icon-color-success-default)}.ids-icon.ids-icon-warning{color:var(--ids-comp-icon-color-warning-default)}.ids-icon.ids-icon-brand{color:var(--ids-comp-icon-color-brand-default)}.ids-icon.ids-icon-surface{color:var(--ids-comp-icon-color-surface-default)}.ids-icon svg{width:100%;height:100%}.ids-icon.ids-icon-font[fontIcon]::before{content:attr(fontIcon)}

package/dist/icon/icon.plugin.js

@@ -3,6 +3,11 @@ module.exports = function IconPlugin() {
   return function ({ addComponents }) {
     const cssObj = {
       '.ids-icon': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
         fontFamily: '"IDS Icons"',
         display: 'inline-flex',
         textTransform: 'none',
@@ -16,6 +21,12 @@ module.exports = function IconPlugin() {
         alignItems: 'center',
         justifyContent: 'center',
       },
+      '.ids-icon::before,.ids-icon::after,.ids-icon *,.ids-icon ::before,.ids-icon ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
+      },
       '.ids-icon.ids-icon-smallcollection-compact': {
         height: 'var(--ids-comp-icon-size-smallcollection-height-compact)',
         width: 'var(--ids-comp-icon-size-smallcollection-width-compact)',

package/dist/icon-button/icon-button.css

@@ -1,4 +1,9 @@
 .ids-icon-button {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   padding: 0px;
   display: flex;
   flex-shrink: 0;
@@ -6,6 +11,12 @@
   justify-content: center;
   border-style: solid;
 }
+.ids-icon-button::before, .ids-icon-button::after, .ids-icon-button *, .ids-icon-button ::before, .ids-icon-button ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-icon-button:focus, .ids-icon-button:focus-visible {
   outline-offset: 2px;
   outline-style: solid;

package/dist/icon-button/icon-button.min.css

@@ -1 +1 @@
-.ids-icon-button{padding:0px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-style:solid}.ids-icon-button:focus,.ids-icon-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-icon-button:active{outline-style:none}.ids-icon-button:not(:disabled){cursor:pointer}.ids-icon-button:disabled{cursor:not-allowed}.ids-icon-button>.ids-icon{color:inherit}.ids-icon-button.ids-icon-button-compact{padding:var(--ids-comp-icon-button-size-padding-y-compact) var(--ids-comp-icon-button-size-padding-x-compact);width:var(--ids-comp-icon-button-size-width-compact);height:var(--ids-comp-icon-button-size-height-compact);border-radius:var(--ids-comp-icon-button-size-border-radius-compact);border-width:var(--ids-comp-icon-button-size-border-compact)}.ids-icon-button.ids-icon-button-compact:focus,.ids-icon-button.ids-icon-button-compact:focus-visible{outline-width:var(--ids-comp-icon-button-focused-outline-size-outline-compact)}.ids-icon-button.ids-icon-button-compact>.ids-icon{font-size:var(--ids-comp-icon-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-icon-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-icon-button-icon-typography-line-height-compact);width:var(--ids-comp-icon-button-size-icon-compact);height:var(--ids-comp-icon-button-size-icon-compact)}.ids-icon-button.ids-icon-button-comfortable{padding:var(--ids-comp-icon-button-size-padding-y-comfortable) var(--ids-comp-icon-button-size-padding-x-comfortable);width:var(--ids-comp-icon-button-size-width-comfortable);height:var(--ids-comp-icon-button-size-height-comfortable);border-radius:var(--ids-comp-icon-button-size-border-radius-comfortable);border-width:var(--ids-comp-icon-button-size-border-comfortable)}.ids-icon-button.ids-icon-button-comfortable:focus,.ids-icon-button.ids-icon-button-comfortable:focus-visible{outline-width:var(--ids-comp-icon-button-focused-outline-size-outline-comfortable)}.ids-icon-button.ids-icon-button-comfortable>.ids-icon{font-size:var(--ids-comp-icon-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-icon-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-icon-button-icon-typography-line-height-comfortable);width:var(--ids-comp-icon-button-size-icon-comfortable);height:var(--ids-comp-icon-button-size-icon-comfortable)}.ids-icon-button.ids-icon-button-spacious{padding:var(--ids-comp-icon-button-size-padding-y-spacious) var(--ids-comp-icon-button-size-padding-x-spacious);width:var(--ids-comp-icon-button-size-width-spacious);height:var(--ids-comp-icon-button-size-height-spacious);border-radius:var(--ids-comp-icon-button-size-border-radius-spacious);border-width:var(--ids-comp-icon-button-size-border-spacious)}.ids-icon-button.ids-icon-button-spacious:focus,.ids-icon-button.ids-icon-button-spacious:focus-visible{outline-width:var(--ids-comp-icon-button-focused-outline-size-outline-spacious)}.ids-icon-button.ids-icon-button-spacious>.ids-icon{font-size:var(--ids-comp-icon-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-icon-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-icon-button-icon-typography-line-height-spacious);width:var(--ids-comp-icon-button-size-icon-spacious);height:var(--ids-comp-icon-button-size-icon-spacious)}.ids-icon-button.ids-icon-button-dense{padding:var(--ids-comp-icon-button-size-padding-y-dense) var(--ids-comp-icon-button-size-padding-x-dense);width:var(--ids-comp-icon-button-size-width-dense);height:var(--ids-comp-icon-button-size-height-dense);border-radius:var(--ids-comp-icon-button-size-border-radius-dense);border-width:var(--ids-comp-icon-button-size-border-dense)}.ids-icon-button.ids-icon-button-dense:focus,.ids-icon-button.ids-icon-button-dense:focus-visible{outline-width:var(--ids-comp-icon-button-focused-outline-size-outline-dense)}.ids-icon-button.ids-icon-button-dense>.ids-icon{font-size:var(--ids-comp-icon-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-icon-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-icon-button-icon-typography-line-height-dense);width:var(--ids-comp-icon-button-size-icon-dense);height:var(--ids-comp-icon-button-size-icon-dense)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary{background:var(--ids-comp-icon-button-filled-color-bg-primary-default);color:var(--ids-comp-icon-button-filled-color-fg-primary-default);border-color:var(--ids-comp-icon-button-filled-color-border-primary-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-filled-color-bg-primary-hovered);color:var(--ids-comp-icon-button-filled-color-fg-primary-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-primary-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-primary-focused);color:var(--ids-comp-icon-button-filled-color-fg-primary-focused);border-color:var(--ids-comp-icon-button-filled-color-border-primary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-filled-color-bg-primary-pressed);color:var(--ids-comp-icon-button-filled-color-fg-primary-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-primary-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-filled-color-bg-primary-disabled);color:var(--ids-comp-icon-button-filled-color-fg-primary-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-primary-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary{background:var(--ids-comp-icon-button-filled-color-bg-secondary-default);color:var(--ids-comp-icon-button-filled-color-fg-secondary-default);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-filled-color-bg-secondary-hovered);color:var(--ids-comp-icon-button-filled-color-fg-secondary-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-secondary-focused);color:var(--ids-comp-icon-button-filled-color-fg-secondary-focused);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-filled-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-filled-color-fg-secondary-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-filled-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-filled-color-fg-secondary-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand{background:var(--ids-comp-icon-button-filled-color-bg-brand-default);color:var(--ids-comp-icon-button-filled-color-fg-brand-default);border-color:var(--ids-comp-icon-button-filled-color-border-brand-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-filled-color-bg-brand-hovered);color:var(--ids-comp-icon-button-filled-color-fg-brand-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-brand-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-brand-focused);color:var(--ids-comp-icon-button-filled-color-fg-brand-focused);border-color:var(--ids-comp-icon-button-filled-color-border-brand-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-filled-color-bg-brand-pressed);color:var(--ids-comp-icon-button-filled-color-fg-brand-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-brand-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-filled-color-bg-brand-disabled);color:var(--ids-comp-icon-button-filled-color-fg-brand-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-brand-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error{background:var(--ids-comp-icon-button-filled-color-bg-error-default);color:var(--ids-comp-icon-button-filled-color-fg-error-default);border-color:var(--ids-comp-icon-button-filled-color-border-error-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-filled-color-bg-error-hovered);color:var(--ids-comp-icon-button-filled-color-fg-error-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-error-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-error-focused);color:var(--ids-comp-icon-button-filled-color-fg-error-focused);border-color:var(--ids-comp-icon-button-filled-color-border-error-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:active{background:var(--ids-comp-icon-button-filled-color-bg-error-pressed);color:var(--ids-comp-icon-button-filled-color-fg-error-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-error-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success{background:var(--ids-comp-icon-button-filled-color-bg-success-default);color:var(--ids-comp-icon-button-filled-color-fg-success-default);border-color:var(--ids-comp-icon-button-filled-color-border-success-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-filled-color-bg-success-hovered);color:var(--ids-comp-icon-button-filled-color-fg-success-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-success-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-success-focused);color:var(--ids-comp-icon-button-filled-color-fg-success-focused);border-color:var(--ids-comp-icon-button-filled-color-border-success-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:active{background:var(--ids-comp-icon-button-filled-color-bg-success-pressed);color:var(--ids-comp-icon-button-filled-color-fg-success-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-success-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning{background:var(--ids-comp-icon-button-filled-color-bg-warning-default);color:var(--ids-comp-icon-button-filled-color-fg-warning-default);border-color:var(--ids-comp-icon-button-filled-color-border-warning-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-filled-color-bg-warning-hovered);color:var(--ids-comp-icon-button-filled-color-fg-warning-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-warning-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-warning-focused);color:var(--ids-comp-icon-button-filled-color-fg-warning-focused);border-color:var(--ids-comp-icon-button-filled-color-border-warning-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-filled-color-bg-warning-pressed);color:var(--ids-comp-icon-button-filled-color-fg-warning-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-warning-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light{background:var(--ids-comp-icon-button-filled-color-bg-light-default);color:var(--ids-comp-icon-button-filled-color-fg-light-default);border-color:var(--ids-comp-icon-button-filled-color-border-light-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-filled-color-bg-light-hovered);color:var(--ids-comp-icon-button-filled-color-fg-light-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-light-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-light-focused);color:var(--ids-comp-icon-button-filled-color-fg-light-focused);border-color:var(--ids-comp-icon-button-filled-color-border-light-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-light-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:active{background:var(--ids-comp-icon-button-filled-color-bg-light-pressed);color:var(--ids-comp-icon-button-filled-color-fg-light-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-light-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-filled-color-bg-light-disabled);color:var(--ids-comp-icon-button-filled-color-fg-light-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-light-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark{background:var(--ids-comp-icon-button-filled-color-bg-dark-default);color:var(--ids-comp-icon-button-filled-color-fg-dark-default);border-color:var(--ids-comp-icon-button-filled-color-border-dark-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-filled-color-bg-dark-hovered);color:var(--ids-comp-icon-button-filled-color-fg-dark-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-dark-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-dark-focused);color:var(--ids-comp-icon-button-filled-color-fg-dark-focused);border-color:var(--ids-comp-icon-button-filled-color-border-dark-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-filled-color-bg-dark-pressed);color:var(--ids-comp-icon-button-filled-color-fg-dark-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-dark-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-filled-color-bg-dark-disabled);color:var(--ids-comp-icon-button-filled-color-fg-dark-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-dark-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface{background:var(--ids-comp-icon-button-filled-color-bg-surface-default);color:var(--ids-comp-icon-button-filled-color-fg-surface-default);border-color:var(--ids-comp-icon-button-filled-color-border-surface-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-filled-color-bg-surface-hovered);color:var(--ids-comp-icon-button-filled-color-fg-surface-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-surface-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-surface-focused);color:var(--ids-comp-icon-button-filled-color-fg-surface-focused);border-color:var(--ids-comp-icon-button-filled-color-border-surface-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-filled-color-bg-surface-pressed);color:var(--ids-comp-icon-button-filled-color-fg-surface-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-surface-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-filled-color-bg-surface-disabled);color:var(--ids-comp-icon-button-filled-color-fg-surface-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-surface-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary{background:var(--ids-comp-icon-button-outlined-color-bg-primary-default);color:var(--ids-comp-icon-button-outlined-color-fg-primary-default);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-outlined-color-bg-primary-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-primary-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-primary-focused);color:var(--ids-comp-icon-button-outlined-color-fg-primary-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-primary-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-primary-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-default);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-default);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-focused);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand{background:var(--ids-comp-icon-button-outlined-color-bg-brand-default);color:var(--ids-comp-icon-button-outlined-color-fg-brand-default);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-outlined-color-bg-brand-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-brand-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-brand-focused);color:var(--ids-comp-icon-button-outlined-color-fg-brand-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-outlined-color-bg-brand-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-brand-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-brand-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-brand-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error{background:var(--ids-comp-icon-button-outlined-color-bg-error-default);color:var(--ids-comp-icon-button-outlined-color-fg-error-default);border-color:var(--ids-comp-icon-button-outlined-color-border-error-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-outlined-color-bg-error-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-error-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-error-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-error-focused);color:var(--ids-comp-icon-button-outlined-color-fg-error-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-error-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:active{background:var(--ids-comp-icon-button-outlined-color-bg-error-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-error-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-error-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success{background:var(--ids-comp-icon-button-outlined-color-bg-success-default);color:var(--ids-comp-icon-button-outlined-color-fg-success-default);border-color:var(--ids-comp-icon-button-outlined-color-border-success-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-outlined-color-bg-success-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-success-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-success-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-success-focused);color:var(--ids-comp-icon-button-outlined-color-fg-success-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-success-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:active{background:var(--ids-comp-icon-button-outlined-color-bg-success-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-success-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-success-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning{background:var(--ids-comp-icon-button-outlined-color-bg-warning-default);color:var(--ids-comp-icon-button-outlined-color-fg-warning-default);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-outlined-color-bg-warning-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-warning-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-warning-focused);color:var(--ids-comp-icon-button-outlined-color-fg-warning-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-outlined-color-bg-warning-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-warning-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light{background:var(--ids-comp-icon-button-outlined-color-bg-light-default);color:var(--ids-comp-icon-button-outlined-color-fg-light-default);border-color:var(--ids-comp-icon-button-outlined-color-border-light-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-outlined-color-bg-light-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-light-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-light-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-light-focused);color:var(--ids-comp-icon-button-outlined-color-fg-light-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-light-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-light-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:active{background:var(--ids-comp-icon-button-outlined-color-bg-light-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-light-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-light-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-light-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-light-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-light-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark{background:var(--ids-comp-icon-button-outlined-color-bg-dark-default);color:var(--ids-comp-icon-button-outlined-color-fg-dark-default);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-outlined-color-bg-dark-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-dark-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-dark-focused);color:var(--ids-comp-icon-button-outlined-color-fg-dark-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-outlined-color-bg-dark-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-dark-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-dark-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-dark-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface{background:var(--ids-comp-icon-button-outlined-color-bg-surface-default);color:var(--ids-comp-icon-button-outlined-color-fg-surface-default);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-outlined-color-bg-surface-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-surface-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-surface-focused);color:var(--ids-comp-icon-button-outlined-color-fg-surface-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-surface-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-surface-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-disabled)}.ids-icon-button.ids-icon-button-standard{border:none}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary{background:var(--ids-comp-icon-button-standard-color-bg-primary-default);color:var(--ids-comp-icon-button-standard-color-fg-primary-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-standard-color-bg-primary-hovered);color:var(--ids-comp-icon-button-standard-color-fg-primary-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-primary-focused);color:var(--ids-comp-icon-button-standard-color-fg-primary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-standard-color-bg-primary-pressed);color:var(--ids-comp-icon-button-standard-color-fg-primary-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-standard-color-bg-primary-disabled);color:var(--ids-comp-icon-button-standard-color-fg-primary-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary{background:var(--ids-comp-icon-button-standard-color-bg-secondary-default);color:var(--ids-comp-icon-button-standard-color-fg-secondary-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-standard-color-bg-secondary-hovered);color:var(--ids-comp-icon-button-standard-color-fg-secondary-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-secondary-focused);color:var(--ids-comp-icon-button-standard-color-fg-secondary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-standard-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-standard-color-fg-secondary-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-standard-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-standard-color-fg-secondary-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand{background:var(--ids-comp-icon-button-standard-color-bg-brand-default);color:var(--ids-comp-icon-button-standard-color-fg-brand-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-standard-color-bg-brand-hovered);color:var(--ids-comp-icon-button-standard-color-fg-brand-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-brand-focused);color:var(--ids-comp-icon-button-standard-color-fg-brand-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-standard-color-bg-brand-pressed);color:var(--ids-comp-icon-button-standard-color-fg-brand-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-standard-color-bg-brand-disabled);color:var(--ids-comp-icon-button-standard-color-fg-brand-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error{background:var(--ids-comp-icon-button-standard-color-bg-error-default);color:var(--ids-comp-icon-button-standard-color-fg-error-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-standard-color-bg-error-hovered);color:var(--ids-comp-icon-button-standard-color-fg-error-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-error-focused);color:var(--ids-comp-icon-button-standard-color-fg-error-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:active{background:var(--ids-comp-icon-button-standard-color-bg-error-pressed);color:var(--ids-comp-icon-button-standard-color-fg-error-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success{background:var(--ids-comp-icon-button-standard-color-bg-success-default);color:var(--ids-comp-icon-button-standard-color-fg-success-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-standard-color-bg-success-hovered);color:var(--ids-comp-icon-button-standard-color-fg-success-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-success-focused);color:var(--ids-comp-icon-button-standard-color-fg-success-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:active{background:var(--ids-comp-icon-button-standard-color-bg-success-pressed);color:var(--ids-comp-icon-button-standard-color-fg-success-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning{background:var(--ids-comp-icon-button-standard-color-bg-warning-default);color:var(--ids-comp-icon-button-standard-color-fg-warning-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-standard-color-bg-warning-hovered);color:var(--ids-comp-icon-button-standard-color-fg-warning-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-warning-focused);color:var(--ids-comp-icon-button-standard-color-fg-warning-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-standard-color-bg-warning-pressed);color:var(--ids-comp-icon-button-standard-color-fg-warning-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light{background:var(--ids-comp-icon-button-standard-color-bg-light-default);color:var(--ids-comp-icon-button-standard-color-fg-light-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-standard-color-bg-light-hovered);color:var(--ids-comp-icon-button-standard-color-fg-light-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-light-focused);color:var(--ids-comp-icon-button-standard-color-fg-light-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-light-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:active{background:var(--ids-comp-icon-button-standard-color-bg-light-pressed);color:var(--ids-comp-icon-button-standard-color-fg-light-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-standard-color-bg-light-disabled);color:var(--ids-comp-icon-button-standard-color-fg-light-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark{background:var(--ids-comp-icon-button-standard-color-bg-dark-default);color:var(--ids-comp-icon-button-standard-color-fg-dark-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-standard-color-bg-dark-hovered);color:var(--ids-comp-icon-button-standard-color-fg-dark-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-dark-focused);color:var(--ids-comp-icon-button-standard-color-fg-dark-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-standard-color-bg-dark-pressed);color:var(--ids-comp-icon-button-standard-color-fg-dark-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-standard-color-bg-dark-disabled);color:var(--ids-comp-icon-button-standard-color-fg-dark-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface{background:var(--ids-comp-icon-button-standard-color-bg-surface-default);color:var(--ids-comp-icon-button-standard-color-fg-surface-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-standard-color-bg-surface-hovered);color:var(--ids-comp-icon-button-standard-color-fg-surface-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-surface-focused);color:var(--ids-comp-icon-button-standard-color-fg-surface-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-standard-color-bg-surface-pressed);color:var(--ids-comp-icon-button-standard-color-fg-surface-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-standard-color-bg-surface-disabled);color:var(--ids-comp-icon-button-standard-color-fg-surface-disabled)}
+.ids-icon-button{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;padding:0px;display:flex;flex-shrink:0;align-items:center;justify-content:center;border-style:solid}.ids-icon-button::before,.ids-icon-button::after,.ids-icon-button *,.ids-icon-button ::before,.ids-icon-button ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-icon-button:focus,.ids-icon-button:focus-visible{outline-offset:2px;outline-style:solid}.ids-icon-button:active{outline-style:none}.ids-icon-button:not(:disabled){cursor:pointer}.ids-icon-button:disabled{cursor:not-allowed}.ids-icon-button>.ids-icon{color:inherit}.ids-icon-button.ids-icon-button-compact{padding:var(--ids-comp-icon-button-size-padding-y-compact) var(--ids-comp-icon-button-size-padding-x-compact);width:var(--ids-comp-icon-button-size-width-compact);height:var(--ids-comp-icon-button-size-height-compact);border-radius:var(--ids-comp-icon-button-size-border-radius-compact);border-width:var(--ids-comp-icon-button-size-border-compact)}.ids-icon-button.ids-icon-button-compact:focus,.ids-icon-button.ids-icon-button-compact:focus-visible{outline-width:var(--ids-comp-icon-button-focused-outline-size-outline-compact)}.ids-icon-button.ids-icon-button-compact>.ids-icon{font-size:var(--ids-comp-icon-button-icon-typography-font-size-compact);font-weight:var(--ids-comp-icon-button-icon-typography-font-weight-compact);line-height:var(--ids-comp-icon-button-icon-typography-line-height-compact);width:var(--ids-comp-icon-button-size-icon-compact);height:var(--ids-comp-icon-button-size-icon-compact)}.ids-icon-button.ids-icon-button-comfortable{padding:var(--ids-comp-icon-button-size-padding-y-comfortable) var(--ids-comp-icon-button-size-padding-x-comfortable);width:var(--ids-comp-icon-button-size-width-comfortable);height:var(--ids-comp-icon-button-size-height-comfortable);border-radius:var(--ids-comp-icon-button-size-border-radius-comfortable);border-width:var(--ids-comp-icon-button-size-border-comfortable)}.ids-icon-button.ids-icon-button-comfortable:focus,.ids-icon-button.ids-icon-button-comfortable:focus-visible{outline-width:var(--ids-comp-icon-button-focused-outline-size-outline-comfortable)}.ids-icon-button.ids-icon-button-comfortable>.ids-icon{font-size:var(--ids-comp-icon-button-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-icon-button-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-icon-button-icon-typography-line-height-comfortable);width:var(--ids-comp-icon-button-size-icon-comfortable);height:var(--ids-comp-icon-button-size-icon-comfortable)}.ids-icon-button.ids-icon-button-spacious{padding:var(--ids-comp-icon-button-size-padding-y-spacious) var(--ids-comp-icon-button-size-padding-x-spacious);width:var(--ids-comp-icon-button-size-width-spacious);height:var(--ids-comp-icon-button-size-height-spacious);border-radius:var(--ids-comp-icon-button-size-border-radius-spacious);border-width:var(--ids-comp-icon-button-size-border-spacious)}.ids-icon-button.ids-icon-button-spacious:focus,.ids-icon-button.ids-icon-button-spacious:focus-visible{outline-width:var(--ids-comp-icon-button-focused-outline-size-outline-spacious)}.ids-icon-button.ids-icon-button-spacious>.ids-icon{font-size:var(--ids-comp-icon-button-icon-typography-font-size-spacious);font-weight:var(--ids-comp-icon-button-icon-typography-font-weight-spacious);line-height:var(--ids-comp-icon-button-icon-typography-line-height-spacious);width:var(--ids-comp-icon-button-size-icon-spacious);height:var(--ids-comp-icon-button-size-icon-spacious)}.ids-icon-button.ids-icon-button-dense{padding:var(--ids-comp-icon-button-size-padding-y-dense) var(--ids-comp-icon-button-size-padding-x-dense);width:var(--ids-comp-icon-button-size-width-dense);height:var(--ids-comp-icon-button-size-height-dense);border-radius:var(--ids-comp-icon-button-size-border-radius-dense);border-width:var(--ids-comp-icon-button-size-border-dense)}.ids-icon-button.ids-icon-button-dense:focus,.ids-icon-button.ids-icon-button-dense:focus-visible{outline-width:var(--ids-comp-icon-button-focused-outline-size-outline-dense)}.ids-icon-button.ids-icon-button-dense>.ids-icon{font-size:var(--ids-comp-icon-button-icon-typography-font-size-dense);font-weight:var(--ids-comp-icon-button-icon-typography-font-weight-dense);line-height:var(--ids-comp-icon-button-icon-typography-line-height-dense);width:var(--ids-comp-icon-button-size-icon-dense);height:var(--ids-comp-icon-button-size-icon-dense)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary{background:var(--ids-comp-icon-button-filled-color-bg-primary-default);color:var(--ids-comp-icon-button-filled-color-fg-primary-default);border-color:var(--ids-comp-icon-button-filled-color-border-primary-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-filled-color-bg-primary-hovered);color:var(--ids-comp-icon-button-filled-color-fg-primary-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-primary-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-primary-focused);color:var(--ids-comp-icon-button-filled-color-fg-primary-focused);border-color:var(--ids-comp-icon-button-filled-color-border-primary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-filled-color-bg-primary-pressed);color:var(--ids-comp-icon-button-filled-color-fg-primary-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-primary-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-filled-color-bg-primary-disabled);color:var(--ids-comp-icon-button-filled-color-fg-primary-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-primary-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary{background:var(--ids-comp-icon-button-filled-color-bg-secondary-default);color:var(--ids-comp-icon-button-filled-color-fg-secondary-default);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-filled-color-bg-secondary-hovered);color:var(--ids-comp-icon-button-filled-color-fg-secondary-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-secondary-focused);color:var(--ids-comp-icon-button-filled-color-fg-secondary-focused);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-filled-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-filled-color-fg-secondary-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-filled-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-filled-color-fg-secondary-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-secondary-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand{background:var(--ids-comp-icon-button-filled-color-bg-brand-default);color:var(--ids-comp-icon-button-filled-color-fg-brand-default);border-color:var(--ids-comp-icon-button-filled-color-border-brand-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-filled-color-bg-brand-hovered);color:var(--ids-comp-icon-button-filled-color-fg-brand-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-brand-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-brand-focused);color:var(--ids-comp-icon-button-filled-color-fg-brand-focused);border-color:var(--ids-comp-icon-button-filled-color-border-brand-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-filled-color-bg-brand-pressed);color:var(--ids-comp-icon-button-filled-color-fg-brand-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-brand-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-filled-color-bg-brand-disabled);color:var(--ids-comp-icon-button-filled-color-fg-brand-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-brand-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error{background:var(--ids-comp-icon-button-filled-color-bg-error-default);color:var(--ids-comp-icon-button-filled-color-fg-error-default);border-color:var(--ids-comp-icon-button-filled-color-border-error-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-filled-color-bg-error-hovered);color:var(--ids-comp-icon-button-filled-color-fg-error-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-error-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-error-focused);color:var(--ids-comp-icon-button-filled-color-fg-error-focused);border-color:var(--ids-comp-icon-button-filled-color-border-error-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-error:active{background:var(--ids-comp-icon-button-filled-color-bg-error-pressed);color:var(--ids-comp-icon-button-filled-color-fg-error-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-error-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success{background:var(--ids-comp-icon-button-filled-color-bg-success-default);color:var(--ids-comp-icon-button-filled-color-fg-success-default);border-color:var(--ids-comp-icon-button-filled-color-border-success-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-filled-color-bg-success-hovered);color:var(--ids-comp-icon-button-filled-color-fg-success-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-success-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-success-focused);color:var(--ids-comp-icon-button-filled-color-fg-success-focused);border-color:var(--ids-comp-icon-button-filled-color-border-success-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-success:active{background:var(--ids-comp-icon-button-filled-color-bg-success-pressed);color:var(--ids-comp-icon-button-filled-color-fg-success-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-success-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning{background:var(--ids-comp-icon-button-filled-color-bg-warning-default);color:var(--ids-comp-icon-button-filled-color-fg-warning-default);border-color:var(--ids-comp-icon-button-filled-color-border-warning-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-filled-color-bg-warning-hovered);color:var(--ids-comp-icon-button-filled-color-fg-warning-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-warning-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-warning-focused);color:var(--ids-comp-icon-button-filled-color-fg-warning-focused);border-color:var(--ids-comp-icon-button-filled-color-border-warning-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-filled-color-bg-warning-pressed);color:var(--ids-comp-icon-button-filled-color-fg-warning-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-warning-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light{background:var(--ids-comp-icon-button-filled-color-bg-light-default);color:var(--ids-comp-icon-button-filled-color-fg-light-default);border-color:var(--ids-comp-icon-button-filled-color-border-light-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-filled-color-bg-light-hovered);color:var(--ids-comp-icon-button-filled-color-fg-light-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-light-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-light-focused);color:var(--ids-comp-icon-button-filled-color-fg-light-focused);border-color:var(--ids-comp-icon-button-filled-color-border-light-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-light-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:active{background:var(--ids-comp-icon-button-filled-color-bg-light-pressed);color:var(--ids-comp-icon-button-filled-color-fg-light-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-light-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-filled-color-bg-light-disabled);color:var(--ids-comp-icon-button-filled-color-fg-light-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-light-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark{background:var(--ids-comp-icon-button-filled-color-bg-dark-default);color:var(--ids-comp-icon-button-filled-color-fg-dark-default);border-color:var(--ids-comp-icon-button-filled-color-border-dark-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-filled-color-bg-dark-hovered);color:var(--ids-comp-icon-button-filled-color-fg-dark-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-dark-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-dark-focused);color:var(--ids-comp-icon-button-filled-color-fg-dark-focused);border-color:var(--ids-comp-icon-button-filled-color-border-dark-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-filled-color-bg-dark-pressed);color:var(--ids-comp-icon-button-filled-color-fg-dark-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-dark-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-filled-color-bg-dark-disabled);color:var(--ids-comp-icon-button-filled-color-fg-dark-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-dark-disabled)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface{background:var(--ids-comp-icon-button-filled-color-bg-surface-default);color:var(--ids-comp-icon-button-filled-color-fg-surface-default);border-color:var(--ids-comp-icon-button-filled-color-border-surface-default)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-filled-color-bg-surface-hovered);color:var(--ids-comp-icon-button-filled-color-fg-surface-hovered);border-color:var(--ids-comp-icon-button-filled-color-border-surface-hovered)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:focus,.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:focus-visible{background:var(--ids-comp-icon-button-filled-color-bg-surface-focused);color:var(--ids-comp-icon-button-filled-color-fg-surface-focused);border-color:var(--ids-comp-icon-button-filled-color-border-surface-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-filled-color-bg-surface-pressed);color:var(--ids-comp-icon-button-filled-color-fg-surface-pressed);border-color:var(--ids-comp-icon-button-filled-color-border-surface-pressed)}.ids-icon-button.ids-icon-button-filled.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-filled-color-bg-surface-disabled);color:var(--ids-comp-icon-button-filled-color-fg-surface-disabled);border-color:var(--ids-comp-icon-button-filled-color-border-surface-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary{background:var(--ids-comp-icon-button-outlined-color-bg-primary-default);color:var(--ids-comp-icon-button-outlined-color-fg-primary-default);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-outlined-color-bg-primary-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-primary-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-primary-focused);color:var(--ids-comp-icon-button-outlined-color-fg-primary-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-outlined-color-bg-primary-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-primary-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-primary-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-primary-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-primary-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-default);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-default);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-focused);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-secondary-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-secondary-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand{background:var(--ids-comp-icon-button-outlined-color-bg-brand-default);color:var(--ids-comp-icon-button-outlined-color-fg-brand-default);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-outlined-color-bg-brand-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-brand-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-brand-focused);color:var(--ids-comp-icon-button-outlined-color-fg-brand-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-outlined-color-bg-brand-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-brand-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-brand-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-brand-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-brand-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error{background:var(--ids-comp-icon-button-outlined-color-bg-error-default);color:var(--ids-comp-icon-button-outlined-color-fg-error-default);border-color:var(--ids-comp-icon-button-outlined-color-border-error-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-outlined-color-bg-error-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-error-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-error-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-error-focused);color:var(--ids-comp-icon-button-outlined-color-fg-error-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-error-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-error:active{background:var(--ids-comp-icon-button-outlined-color-bg-error-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-error-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-error-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success{background:var(--ids-comp-icon-button-outlined-color-bg-success-default);color:var(--ids-comp-icon-button-outlined-color-fg-success-default);border-color:var(--ids-comp-icon-button-outlined-color-border-success-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-outlined-color-bg-success-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-success-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-success-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-success-focused);color:var(--ids-comp-icon-button-outlined-color-fg-success-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-success-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-success:active{background:var(--ids-comp-icon-button-outlined-color-bg-success-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-success-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-success-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning{background:var(--ids-comp-icon-button-outlined-color-bg-warning-default);color:var(--ids-comp-icon-button-outlined-color-fg-warning-default);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-outlined-color-bg-warning-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-warning-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-warning-focused);color:var(--ids-comp-icon-button-outlined-color-fg-warning-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-outlined-color-bg-warning-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-warning-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-warning-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light{background:var(--ids-comp-icon-button-outlined-color-bg-light-default);color:var(--ids-comp-icon-button-outlined-color-fg-light-default);border-color:var(--ids-comp-icon-button-outlined-color-border-light-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-outlined-color-bg-light-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-light-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-light-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-light-focused);color:var(--ids-comp-icon-button-outlined-color-fg-light-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-light-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-light-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:active{background:var(--ids-comp-icon-button-outlined-color-bg-light-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-light-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-light-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-light-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-light-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-light-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark{background:var(--ids-comp-icon-button-outlined-color-bg-dark-default);color:var(--ids-comp-icon-button-outlined-color-fg-dark-default);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-outlined-color-bg-dark-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-dark-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-dark-focused);color:var(--ids-comp-icon-button-outlined-color-fg-dark-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-outlined-color-bg-dark-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-dark-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-dark-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-dark-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-dark-disabled)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface{background:var(--ids-comp-icon-button-outlined-color-bg-surface-default);color:var(--ids-comp-icon-button-outlined-color-fg-surface-default);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-default)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-outlined-color-bg-surface-hovered);color:var(--ids-comp-icon-button-outlined-color-fg-surface-hovered);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-hovered)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:focus,.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:focus-visible{background:var(--ids-comp-icon-button-outlined-color-bg-surface-focused);color:var(--ids-comp-icon-button-outlined-color-fg-surface-focused);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-outlined-color-bg-surface-pressed);color:var(--ids-comp-icon-button-outlined-color-fg-surface-pressed);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-pressed)}.ids-icon-button.ids-icon-button-outlined.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-outlined-color-bg-surface-disabled);color:var(--ids-comp-icon-button-outlined-color-fg-surface-disabled);border-color:var(--ids-comp-icon-button-outlined-color-border-surface-disabled)}.ids-icon-button.ids-icon-button-standard{border:none}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary{background:var(--ids-comp-icon-button-standard-color-bg-primary-default);color:var(--ids-comp-icon-button-standard-color-fg-primary-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:hover{background:var(--ids-comp-icon-button-standard-color-bg-primary-hovered);color:var(--ids-comp-icon-button-standard-color-fg-primary-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-primary-focused);color:var(--ids-comp-icon-button-standard-color-fg-primary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:active{background:var(--ids-comp-icon-button-standard-color-bg-primary-pressed);color:var(--ids-comp-icon-button-standard-color-fg-primary-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-primary:disabled{background:var(--ids-comp-icon-button-standard-color-bg-primary-disabled);color:var(--ids-comp-icon-button-standard-color-fg-primary-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary{background:var(--ids-comp-icon-button-standard-color-bg-secondary-default);color:var(--ids-comp-icon-button-standard-color-fg-secondary-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:hover{background:var(--ids-comp-icon-button-standard-color-bg-secondary-hovered);color:var(--ids-comp-icon-button-standard-color-fg-secondary-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-secondary-focused);color:var(--ids-comp-icon-button-standard-color-fg-secondary-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:active{background:var(--ids-comp-icon-button-standard-color-bg-secondary-pressed);color:var(--ids-comp-icon-button-standard-color-fg-secondary-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-secondary:disabled{background:var(--ids-comp-icon-button-standard-color-bg-secondary-disabled);color:var(--ids-comp-icon-button-standard-color-fg-secondary-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand{background:var(--ids-comp-icon-button-standard-color-bg-brand-default);color:var(--ids-comp-icon-button-standard-color-fg-brand-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:hover{background:var(--ids-comp-icon-button-standard-color-bg-brand-hovered);color:var(--ids-comp-icon-button-standard-color-fg-brand-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-brand-focused);color:var(--ids-comp-icon-button-standard-color-fg-brand-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:active{background:var(--ids-comp-icon-button-standard-color-bg-brand-pressed);color:var(--ids-comp-icon-button-standard-color-fg-brand-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-brand:disabled{background:var(--ids-comp-icon-button-standard-color-bg-brand-disabled);color:var(--ids-comp-icon-button-standard-color-fg-brand-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error{background:var(--ids-comp-icon-button-standard-color-bg-error-default);color:var(--ids-comp-icon-button-standard-color-fg-error-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:hover{background:var(--ids-comp-icon-button-standard-color-bg-error-hovered);color:var(--ids-comp-icon-button-standard-color-fg-error-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-error-focused);color:var(--ids-comp-icon-button-standard-color-fg-error-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-error:active{background:var(--ids-comp-icon-button-standard-color-bg-error-pressed);color:var(--ids-comp-icon-button-standard-color-fg-error-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success{background:var(--ids-comp-icon-button-standard-color-bg-success-default);color:var(--ids-comp-icon-button-standard-color-fg-success-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:hover{background:var(--ids-comp-icon-button-standard-color-bg-success-hovered);color:var(--ids-comp-icon-button-standard-color-fg-success-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-success-focused);color:var(--ids-comp-icon-button-standard-color-fg-success-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-success:active{background:var(--ids-comp-icon-button-standard-color-bg-success-pressed);color:var(--ids-comp-icon-button-standard-color-fg-success-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning{background:var(--ids-comp-icon-button-standard-color-bg-warning-default);color:var(--ids-comp-icon-button-standard-color-fg-warning-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:hover{background:var(--ids-comp-icon-button-standard-color-bg-warning-hovered);color:var(--ids-comp-icon-button-standard-color-fg-warning-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-warning-focused);color:var(--ids-comp-icon-button-standard-color-fg-warning-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-warning:active{background:var(--ids-comp-icon-button-standard-color-bg-warning-pressed);color:var(--ids-comp-icon-button-standard-color-fg-warning-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light{background:var(--ids-comp-icon-button-standard-color-bg-light-default);color:var(--ids-comp-icon-button-standard-color-fg-light-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:hover{background:var(--ids-comp-icon-button-standard-color-bg-light-hovered);color:var(--ids-comp-icon-button-standard-color-fg-light-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-light-focused);color:var(--ids-comp-icon-button-standard-color-fg-light-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-light-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:active{background:var(--ids-comp-icon-button-standard-color-bg-light-pressed);color:var(--ids-comp-icon-button-standard-color-fg-light-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-light:disabled{background:var(--ids-comp-icon-button-standard-color-bg-light-disabled);color:var(--ids-comp-icon-button-standard-color-fg-light-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark{background:var(--ids-comp-icon-button-standard-color-bg-dark-default);color:var(--ids-comp-icon-button-standard-color-fg-dark-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:hover{background:var(--ids-comp-icon-button-standard-color-bg-dark-hovered);color:var(--ids-comp-icon-button-standard-color-fg-dark-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-dark-focused);color:var(--ids-comp-icon-button-standard-color-fg-dark-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:active{background:var(--ids-comp-icon-button-standard-color-bg-dark-pressed);color:var(--ids-comp-icon-button-standard-color-fg-dark-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-dark:disabled{background:var(--ids-comp-icon-button-standard-color-bg-dark-disabled);color:var(--ids-comp-icon-button-standard-color-fg-dark-disabled)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface{background:var(--ids-comp-icon-button-standard-color-bg-surface-default);color:var(--ids-comp-icon-button-standard-color-fg-surface-default)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:hover{background:var(--ids-comp-icon-button-standard-color-bg-surface-hovered);color:var(--ids-comp-icon-button-standard-color-fg-surface-hovered)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:focus,.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:focus-visible{background:var(--ids-comp-icon-button-standard-color-bg-surface-focused);color:var(--ids-comp-icon-button-standard-color-fg-surface-focused);outline-color:var(--ids-comp-icon-button-focused-outline-color-dark-focused)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:active{background:var(--ids-comp-icon-button-standard-color-bg-surface-pressed);color:var(--ids-comp-icon-button-standard-color-fg-surface-pressed)}.ids-icon-button.ids-icon-button-standard.ids-icon-button-surface:disabled{background:var(--ids-comp-icon-button-standard-color-bg-surface-disabled);color:var(--ids-comp-icon-button-standard-color-fg-surface-disabled)}

package/dist/icon-button/icon-button.plugin.js

@@ -3,12 +3,22 @@ module.exports = function IconButtonPlugin() {
   return function ({ addComponents }) {
     const cssObj = {
       '.ids-icon-button': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: ['none', 'solid'],
+        borderColor: 'rgba(0,0,0,0)',
+        lineHeight: 1.5,
         padding: '0px',
         display: 'flex',
         flexShrink: 0,
         alignItems: 'center',
         justifyContent: 'center',
-        borderStyle: 'solid',
+      },
+      '.ids-icon-button::before,.ids-icon-button::after,.ids-icon-button *,.ids-icon-button ::before,.ids-icon-button ::after': {
+        boxSizing: 'border-box',
+        borderWidth: '0',
+        borderStyle: 'none',
+        borderColor: 'rgba(0,0,0,0)',
       },
       '.ids-icon-button:focus,.ids-icon-button:focus-visible': { outlineOffset: '2px', outlineStyle: 'solid' },
       '.ids-icon-button:active': { outlineStyle: 'none' },

package/dist/menu-item/menu-item.css

@@ -3,12 +3,23 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
 }
 
 .ids-menu-item {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   width: 100%;
   box-sizing: border-box;
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
 }
+.ids-menu-item::before, .ids-menu-item::after, .ids-menu-item *, .ids-menu-item ::before, .ids-menu-item ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-menu-item.ids-menu-item-no-label {
   justify-content: space-between;
 }
@@ -34,6 +45,8 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
   border-radius: 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 {
   font-family: var(--ids-comp-menu-item-label-typography-font-family-compact);
   font-size: var(--ids-comp-menu-item-label-typography-font-size-compact);
   font-weight: var(--ids-comp-menu-item-label-typography-font-weight-compact);
@@ -96,6 +109,8 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
   border-radius: 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 {
   font-family: var(--ids-comp-menu-item-label-typography-font-family-comfortable);
   font-size: var(--ids-comp-menu-item-label-typography-font-size-comfortable);
   font-weight: var(--ids-comp-menu-item-label-typography-font-weight-comfortable);
@@ -158,6 +173,8 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
   border-radius: 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 {
   font-family: var(--ids-comp-menu-item-label-typography-font-family-spacious);
   font-size: var(--ids-comp-menu-item-label-typography-font-size-spacious);
   font-weight: var(--ids-comp-menu-item-label-typography-font-weight-spacious);
@@ -215,6 +232,70 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
 .ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light:is(:disabled, .ids-menu-item-disabled) {
   border-color: 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);
+  border-radius: 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 {
+  font-family: var(--ids-comp-menu-item-label-typography-font-family-dense);
+  font-size: var(--ids-comp-menu-item-label-typography-font-size-dense);
+  font-weight: var(--ids-comp-menu-item-label-typography-font-weight-dense);
+  letter-spacing: var(--ids-comp-menu-item-label-typography-letter-spacing-dense);
+  line-height: 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);
+  font-size: var(--ids-comp-menu-item-icon-typography-font-size-dense);
+  font-weight: var(--ids-comp-menu-item-icon-typography-font-weight-dense);
+  line-height: 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 {
+  border-style: solid;
+  border-width: var(--ids-comp-menu-item-size-border-width-dense);
+  border-color: 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 {
+  border-color: 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) {
+  border-color: 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 {
+  border-style: solid;
+  border-width: var(--ids-comp-menu-item-size-border-width-dense);
+  border-color: 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 {
+  border-color: 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) {
+  border-color: 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 {
+  border-style: solid;
+  border-width: var(--ids-comp-menu-item-size-border-width-dense);
+  border-color: 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 {
+  border-color: 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) {
+  border-color: 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 {
+  border-style: solid;
+  border-width: var(--ids-comp-menu-item-size-border-width-dense);
+  border-color: 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 {
+  border-color: 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) {
+  border-color: 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);
@@ -332,6 +413,10 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
   height: var(--ids-comp-menu-item-active-indicator-size-height-spacious);
   border-radius: 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);
+  border-radius: 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 {
   background-color: var(--ids-comp-menu-item-active-indicator-color-bg-surface-default);
 }

package/dist/menu-item/menu-item.min.css

@@ -1 +1 @@
-a.ids-menu-item:link,a.ids-menu-item:visited{text-decoration:none}.ids-menu-item{width:100%;box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center}.ids-menu-item.ids-menu-item-no-label{justify-content:space-between}.ids-menu-item .ids-menu-item-label{overflow:hidden;text-overflow:ellipsis;font-style:normal}.ids-menu-item .ids-menu-item-label--wrapper{display:flex;flex:1 1 0;align-items:center;justify-content:flex-start}.ids-menu-item:not(:is(:disabled,.ids-menu-item-disabled)){cursor:pointer}.ids-menu-item:is(:disabled,.ids-menu-item-disabled){cursor:not-allowed}.ids-menu-item.ids-menu-item-compact{gap:var(--ids-comp-menu-item-size-gap-compact);border-radius: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);font-family:var(--ids-comp-menu-item-label-typography-font-family-compact);font-size:var(--ids-comp-menu-item-label-typography-font-size-compact);font-weight:var(--ids-comp-menu-item-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-menu-item-label-typography-letter-spacing-compact);line-height:var(--ids-comp-menu-item-label-typography-line-height-compact)}.ids-menu-item.ids-menu-item-compact .ids-icon{width:var(--ids-comp-menu-item-size-icon-compact);height:var(--ids-comp-menu-item-size-icon-compact);font-size:var(--ids-comp-menu-item-icon-typography-font-size-compact);font-weight:var(--ids-comp-menu-item-icon-typography-font-weight-compact);line-height:var(--ids-comp-menu-item-icon-typography-line-height-compact)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-compact);border-color:var(--ids-comp-menu-item-text-color-border-surface-default)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-text-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-compact);border-color:var(--ids-comp-menu-item-text-color-border-light-default)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-text-color-border-light-hovered)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-light-disabled)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-compact);border-color:var(--ids-comp-menu-item-filled-color-border-surface-default)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-filled-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-filled-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-compact);border-color:var(--ids-comp-menu-item-filled-color-border-light-default)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-filled-color-border-light-hovered)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-filled-color-border-light-disabled)}.ids-menu-item.ids-menu-item-comfortable{gap:var(--ids-comp-menu-item-size-gap-comfortable);border-radius: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);font-family:var(--ids-comp-menu-item-label-typography-font-family-comfortable);font-size:var(--ids-comp-menu-item-label-typography-font-size-comfortable);font-weight:var(--ids-comp-menu-item-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-menu-item-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-menu-item-label-typography-line-height-comfortable)}.ids-menu-item.ids-menu-item-comfortable .ids-icon{width:var(--ids-comp-menu-item-size-icon-comfortable);height:var(--ids-comp-menu-item-size-icon-comfortable);font-size:var(--ids-comp-menu-item-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-menu-item-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-menu-item-icon-typography-line-height-comfortable)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-comfortable);border-color:var(--ids-comp-menu-item-text-color-border-surface-default)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-text-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-comfortable);border-color:var(--ids-comp-menu-item-text-color-border-light-default)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-text-color-border-light-hovered)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-light-disabled)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-comfortable);border-color:var(--ids-comp-menu-item-filled-color-border-surface-default)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-filled-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-filled-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-comfortable);border-color:var(--ids-comp-menu-item-filled-color-border-light-default)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-filled-color-border-light-hovered)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-filled-color-border-light-disabled)}.ids-menu-item.ids-menu-item-spacious{gap:var(--ids-comp-menu-item-size-gap-spacious);border-radius: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);font-family:var(--ids-comp-menu-item-label-typography-font-family-spacious);font-size:var(--ids-comp-menu-item-label-typography-font-size-spacious);font-weight:var(--ids-comp-menu-item-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-menu-item-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-menu-item-label-typography-line-height-spacious)}.ids-menu-item.ids-menu-item-spacious .ids-icon{width:var(--ids-comp-menu-item-size-icon-spacious);height:var(--ids-comp-menu-item-size-icon-spacious);font-size:var(--ids-comp-menu-item-icon-typography-font-size-spacious);font-weight:var(--ids-comp-menu-item-icon-typography-font-weight-spacious);line-height:var(--ids-comp-menu-item-icon-typography-line-height-spacious)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-spacious);border-color:var(--ids-comp-menu-item-text-color-border-surface-default)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-text-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-spacious);border-color:var(--ids-comp-menu-item-text-color-border-light-default)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-text-color-border-light-hovered)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-light-disabled)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-spacious);border-color:var(--ids-comp-menu-item-filled-color-border-surface-default)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-filled-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-filled-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-spacious);border-color:var(--ids-comp-menu-item-filled-color-border-light-default)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-filled-color-border-light-hovered)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color: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)}.ids-menu-item.ids-menu-item-text.ids-menu-item-surface.ids-menu-item-active{color:var(--ids-comp-menu-item-text-color-fg-label-surface-active);background:var(--ids-comp-menu-item-text-color-bg-surface-active)}.ids-menu-item.ids-menu-item-text.ids-menu-item-surface:hover{color:var(--ids-comp-menu-item-text-color-fg-label-surface-hovered);background:var(--ids-comp-menu-item-text-color-bg-surface-hovered)}.ids-menu-item.ids-menu-item-text.ids-menu-item-surface:focus,.ids-menu-item.ids-menu-item-text.ids-menu-item-surface:focus-visible{color:var(--ids-comp-menu-item-text-color-fg-label-surface-focused);background:var(--ids-comp-menu-item-text-color-bg-surface-focused)}.ids-menu-item.ids-menu-item-text.ids-menu-item-surface:active{background:var(--ids-comp-menu-item-text-color-bg-surface-pressed)}.ids-menu-item.ids-menu-item-text.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){color:var(--ids-comp-menu-item-text-color-fg-label-surface-disabled);background:var(--ids-comp-menu-item-text-color-bg-surface-disabled)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light{color:var(--ids-comp-menu-item-text-color-fg-label-light-default);background:var(--ids-comp-menu-item-text-color-bg-light-default)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light.ids-menu-item-active{color:var(--ids-comp-menu-item-text-color-fg-label-light-active);background:var(--ids-comp-menu-item-text-color-bg-light-active)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light:hover{color:var(--ids-comp-menu-item-text-color-fg-label-light-hovered);background:var(--ids-comp-menu-item-text-color-bg-light-hovered)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light:focus,.ids-menu-item.ids-menu-item-text.ids-menu-item-light:focus-visible{color:var(--ids-comp-menu-item-text-color-fg-label-light-focused);background:var(--ids-comp-menu-item-text-color-bg-light-focused)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light:active{background:var(--ids-comp-menu-item-text-color-bg-light-pressed)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){color:var(--ids-comp-menu-item-text-color-fg-label-light-disabled);background:var(--ids-comp-menu-item-text-color-bg-light-disabled)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface{color:var(--ids-comp-menu-item-filled-color-fg-label-surface-default);background:var(--ids-comp-menu-item-filled-color-bg-surface-default)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface.ids-menu-item-active{color:var(--ids-comp-menu-item-filled-color-fg-label-surface-active);background:var(--ids-comp-menu-item-filled-color-bg-surface-active)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:hover{color:var(--ids-comp-menu-item-filled-color-fg-label-surface-hovered);background:var(--ids-comp-menu-item-filled-color-bg-surface-hovered)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:focus,.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:focus-visible{color:var(--ids-comp-menu-item-filled-color-fg-label-surface-focused);background:var(--ids-comp-menu-item-filled-color-bg-surface-focused)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:active{background:var(--ids-comp-menu-item-filled-color-bg-surface-pressed)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){color:var(--ids-comp-menu-item-filled-color-fg-label-surface-disabled);background:var(--ids-comp-menu-item-filled-color-bg-surface-disabled)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light{color:var(--ids-comp-menu-item-filled-color-fg-label-light-default);background:var(--ids-comp-menu-item-filled-color-bg-light-default)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light.ids-menu-item-active{color:var(--ids-comp-menu-item-filled-color-fg-label-light-active);background:var(--ids-comp-menu-item-filled-color-bg-light-active)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light:hover{color:var(--ids-comp-menu-item-filled-color-fg-label-light-hovered);background:var(--ids-comp-menu-item-filled-color-bg-light-hovered)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light:focus,.ids-menu-item.ids-menu-item-filled.ids-menu-item-light:focus-visible{color:var(--ids-comp-menu-item-filled-color-fg-label-light-focused);background:var(--ids-comp-menu-item-filled-color-bg-light-focused)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light:active{background:var(--ids-comp-menu-item-filled-color-bg-light-pressed)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){color:var(--ids-comp-menu-item-filled-color-fg-label-light-disabled);background:var(--ids-comp-menu-item-filled-color-bg-light-disabled)}.ids-active-indicator{display:flex;flex-direction:column;justify-content:center;position:relative}.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item)::after{content:"";position:absolute;width:100%;bottom:0}.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-compact)::after{height:var(--ids-comp-menu-item-active-indicator-size-height-compact);border-radius:var(--ids-comp-menu-item-active-indicator-size-border-radius-compact)}.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-comfortable)::after{height:var(--ids-comp-menu-item-active-indicator-size-height-comfortable);border-radius:var(--ids-comp-menu-item-active-indicator-size-border-radius-comfortable)}.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-spacious)::after{height:var(--ids-comp-menu-item-active-indicator-size-height-spacious);border-radius: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-surface)::after{background-color:var(--ids-comp-menu-item-active-indicator-color-bg-surface-default)}.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-light)::after{background-color:var(--ids-comp-menu-item-active-indicator-color-bg-light-default)}
+a.ids-menu-item:link,a.ids-menu-item:visited{text-decoration:none}.ids-menu-item{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0);line-height:1.5;width:100%;box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center}.ids-menu-item::before,.ids-menu-item::after,.ids-menu-item *,.ids-menu-item ::before,.ids-menu-item ::after{box-sizing:border-box;border-width:0;border-style:none;border-color:rgba(0,0,0,0)}.ids-menu-item.ids-menu-item-no-label{justify-content:space-between}.ids-menu-item .ids-menu-item-label{overflow:hidden;text-overflow:ellipsis;font-style:normal}.ids-menu-item .ids-menu-item-label--wrapper{display:flex;flex:1 1 0;align-items:center;justify-content:flex-start}.ids-menu-item:not(:is(:disabled,.ids-menu-item-disabled)){cursor:pointer}.ids-menu-item:is(:disabled,.ids-menu-item-disabled){cursor:not-allowed}.ids-menu-item.ids-menu-item-compact{gap:var(--ids-comp-menu-item-size-gap-compact);border-radius: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{font-family:var(--ids-comp-menu-item-label-typography-font-family-compact);font-size:var(--ids-comp-menu-item-label-typography-font-size-compact);font-weight:var(--ids-comp-menu-item-label-typography-font-weight-compact);letter-spacing:var(--ids-comp-menu-item-label-typography-letter-spacing-compact);line-height:var(--ids-comp-menu-item-label-typography-line-height-compact)}.ids-menu-item.ids-menu-item-compact .ids-icon{width:var(--ids-comp-menu-item-size-icon-compact);height:var(--ids-comp-menu-item-size-icon-compact);font-size:var(--ids-comp-menu-item-icon-typography-font-size-compact);font-weight:var(--ids-comp-menu-item-icon-typography-font-weight-compact);line-height:var(--ids-comp-menu-item-icon-typography-line-height-compact)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-compact);border-color:var(--ids-comp-menu-item-text-color-border-surface-default)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-text-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-compact);border-color:var(--ids-comp-menu-item-text-color-border-light-default)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-text-color-border-light-hovered)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-text.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-light-disabled)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-compact);border-color:var(--ids-comp-menu-item-filled-color-border-surface-default)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-filled-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-filled-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-compact);border-color:var(--ids-comp-menu-item-filled-color-border-light-default)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-filled-color-border-light-hovered)}.ids-menu-item.ids-menu-item-compact.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-filled-color-border-light-disabled)}.ids-menu-item.ids-menu-item-comfortable{gap:var(--ids-comp-menu-item-size-gap-comfortable);border-radius: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{font-family:var(--ids-comp-menu-item-label-typography-font-family-comfortable);font-size:var(--ids-comp-menu-item-label-typography-font-size-comfortable);font-weight:var(--ids-comp-menu-item-label-typography-font-weight-comfortable);letter-spacing:var(--ids-comp-menu-item-label-typography-letter-spacing-comfortable);line-height:var(--ids-comp-menu-item-label-typography-line-height-comfortable)}.ids-menu-item.ids-menu-item-comfortable .ids-icon{width:var(--ids-comp-menu-item-size-icon-comfortable);height:var(--ids-comp-menu-item-size-icon-comfortable);font-size:var(--ids-comp-menu-item-icon-typography-font-size-comfortable);font-weight:var(--ids-comp-menu-item-icon-typography-font-weight-comfortable);line-height:var(--ids-comp-menu-item-icon-typography-line-height-comfortable)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-comfortable);border-color:var(--ids-comp-menu-item-text-color-border-surface-default)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-text-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-comfortable);border-color:var(--ids-comp-menu-item-text-color-border-light-default)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-text-color-border-light-hovered)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-text.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-light-disabled)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-comfortable);border-color:var(--ids-comp-menu-item-filled-color-border-surface-default)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-filled-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-filled-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-comfortable);border-color:var(--ids-comp-menu-item-filled-color-border-light-default)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-filled-color-border-light-hovered)}.ids-menu-item.ids-menu-item-comfortable.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-filled-color-border-light-disabled)}.ids-menu-item.ids-menu-item-spacious{gap:var(--ids-comp-menu-item-size-gap-spacious);border-radius: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{font-family:var(--ids-comp-menu-item-label-typography-font-family-spacious);font-size:var(--ids-comp-menu-item-label-typography-font-size-spacious);font-weight:var(--ids-comp-menu-item-label-typography-font-weight-spacious);letter-spacing:var(--ids-comp-menu-item-label-typography-letter-spacing-spacious);line-height:var(--ids-comp-menu-item-label-typography-line-height-spacious)}.ids-menu-item.ids-menu-item-spacious .ids-icon{width:var(--ids-comp-menu-item-size-icon-spacious);height:var(--ids-comp-menu-item-size-icon-spacious);font-size:var(--ids-comp-menu-item-icon-typography-font-size-spacious);font-weight:var(--ids-comp-menu-item-icon-typography-font-weight-spacious);line-height:var(--ids-comp-menu-item-icon-typography-line-height-spacious)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-spacious);border-color:var(--ids-comp-menu-item-text-color-border-surface-default)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-text-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-spacious);border-color:var(--ids-comp-menu-item-text-color-border-light-default)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-text-color-border-light-hovered)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-text.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-text-color-border-light-disabled)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-surface{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-spacious);border-color:var(--ids-comp-menu-item-filled-color-border-surface-default)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-surface:hover{border-color:var(--ids-comp-menu-item-filled-color-border-surface-hovered)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){border-color:var(--ids-comp-menu-item-filled-color-border-surface-disabled)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-spacious);border-color:var(--ids-comp-menu-item-filled-color-border-light-default)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light:hover{border-color:var(--ids-comp-menu-item-filled-color-border-light-hovered)}.ids-menu-item.ids-menu-item-spacious.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){border-color: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);border-radius: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{font-family:var(--ids-comp-menu-item-label-typography-font-family-dense);font-size:var(--ids-comp-menu-item-label-typography-font-size-dense);font-weight:var(--ids-comp-menu-item-label-typography-font-weight-dense);letter-spacing:var(--ids-comp-menu-item-label-typography-letter-spacing-dense);line-height: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);font-size:var(--ids-comp-menu-item-icon-typography-font-size-dense);font-weight:var(--ids-comp-menu-item-icon-typography-font-weight-dense);line-height: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{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-dense);border-color: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{border-color: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){border-color: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{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-dense);border-color: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{border-color: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){border-color: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{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-dense);border-color: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{border-color: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){border-color: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{border-style:solid;border-width:var(--ids-comp-menu-item-size-border-width-dense);border-color: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{border-color: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){border-color: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)}.ids-menu-item.ids-menu-item-text.ids-menu-item-surface.ids-menu-item-active{color:var(--ids-comp-menu-item-text-color-fg-label-surface-active);background:var(--ids-comp-menu-item-text-color-bg-surface-active)}.ids-menu-item.ids-menu-item-text.ids-menu-item-surface:hover{color:var(--ids-comp-menu-item-text-color-fg-label-surface-hovered);background:var(--ids-comp-menu-item-text-color-bg-surface-hovered)}.ids-menu-item.ids-menu-item-text.ids-menu-item-surface:focus,.ids-menu-item.ids-menu-item-text.ids-menu-item-surface:focus-visible{color:var(--ids-comp-menu-item-text-color-fg-label-surface-focused);background:var(--ids-comp-menu-item-text-color-bg-surface-focused)}.ids-menu-item.ids-menu-item-text.ids-menu-item-surface:active{background:var(--ids-comp-menu-item-text-color-bg-surface-pressed)}.ids-menu-item.ids-menu-item-text.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){color:var(--ids-comp-menu-item-text-color-fg-label-surface-disabled);background:var(--ids-comp-menu-item-text-color-bg-surface-disabled)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light{color:var(--ids-comp-menu-item-text-color-fg-label-light-default);background:var(--ids-comp-menu-item-text-color-bg-light-default)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light.ids-menu-item-active{color:var(--ids-comp-menu-item-text-color-fg-label-light-active);background:var(--ids-comp-menu-item-text-color-bg-light-active)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light:hover{color:var(--ids-comp-menu-item-text-color-fg-label-light-hovered);background:var(--ids-comp-menu-item-text-color-bg-light-hovered)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light:focus,.ids-menu-item.ids-menu-item-text.ids-menu-item-light:focus-visible{color:var(--ids-comp-menu-item-text-color-fg-label-light-focused);background:var(--ids-comp-menu-item-text-color-bg-light-focused)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light:active{background:var(--ids-comp-menu-item-text-color-bg-light-pressed)}.ids-menu-item.ids-menu-item-text.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){color:var(--ids-comp-menu-item-text-color-fg-label-light-disabled);background:var(--ids-comp-menu-item-text-color-bg-light-disabled)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface{color:var(--ids-comp-menu-item-filled-color-fg-label-surface-default);background:var(--ids-comp-menu-item-filled-color-bg-surface-default)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface.ids-menu-item-active{color:var(--ids-comp-menu-item-filled-color-fg-label-surface-active);background:var(--ids-comp-menu-item-filled-color-bg-surface-active)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:hover{color:var(--ids-comp-menu-item-filled-color-fg-label-surface-hovered);background:var(--ids-comp-menu-item-filled-color-bg-surface-hovered)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:focus,.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:focus-visible{color:var(--ids-comp-menu-item-filled-color-fg-label-surface-focused);background:var(--ids-comp-menu-item-filled-color-bg-surface-focused)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:active{background:var(--ids-comp-menu-item-filled-color-bg-surface-pressed)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-surface:is(:disabled,.ids-menu-item-disabled){color:var(--ids-comp-menu-item-filled-color-fg-label-surface-disabled);background:var(--ids-comp-menu-item-filled-color-bg-surface-disabled)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light{color:var(--ids-comp-menu-item-filled-color-fg-label-light-default);background:var(--ids-comp-menu-item-filled-color-bg-light-default)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light.ids-menu-item-active{color:var(--ids-comp-menu-item-filled-color-fg-label-light-active);background:var(--ids-comp-menu-item-filled-color-bg-light-active)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light:hover{color:var(--ids-comp-menu-item-filled-color-fg-label-light-hovered);background:var(--ids-comp-menu-item-filled-color-bg-light-hovered)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light:focus,.ids-menu-item.ids-menu-item-filled.ids-menu-item-light:focus-visible{color:var(--ids-comp-menu-item-filled-color-fg-label-light-focused);background:var(--ids-comp-menu-item-filled-color-bg-light-focused)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light:active{background:var(--ids-comp-menu-item-filled-color-bg-light-pressed)}.ids-menu-item.ids-menu-item-filled.ids-menu-item-light:is(:disabled,.ids-menu-item-disabled){color:var(--ids-comp-menu-item-filled-color-fg-label-light-disabled);background:var(--ids-comp-menu-item-filled-color-bg-light-disabled)}.ids-active-indicator{display:flex;flex-direction:column;justify-content:center;position:relative}.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item)::after{content:"";position:absolute;width:100%;bottom:0}.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-compact)::after{height:var(--ids-comp-menu-item-active-indicator-size-height-compact);border-radius:var(--ids-comp-menu-item-active-indicator-size-border-radius-compact)}.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-comfortable)::after{height:var(--ids-comp-menu-item-active-indicator-size-height-comfortable);border-radius:var(--ids-comp-menu-item-active-indicator-size-border-radius-comfortable)}.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-spacious)::after{height:var(--ids-comp-menu-item-active-indicator-size-height-spacious);border-radius: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);border-radius: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{background-color:var(--ids-comp-menu-item-active-indicator-color-bg-surface-default)}.ids-active-indicator.ids-active-indicator--active:has(.ids-menu-item.ids-menu-item-light)::after{background-color:var(--ids-comp-menu-item-active-indicator-color-bg-light-default)}