@i-cell/ids-styles 0.0.32 → 0.0.34

package/dist/components.css

@@ -1,10 +1,21 @@
 .ids-accordion {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: flex;
   width: 100%;
   flex-direction: column;
   align-items: flex-start;
   border-style: solid;
 }
+.ids-accordion::before, .ids-accordion::after, .ids-accordion *, .ids-accordion ::before, .ids-accordion ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-accordion > .ids-accordion-controls {
   display: flex;
   align-items: flex-start;
@@ -308,6 +319,11 @@
 }
 
 .ids-avatar {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -315,6 +331,12 @@
   border-style: solid;
   overflow: hidden;
 }
+.ids-avatar::before, .ids-avatar::after, .ids-avatar *, .ids-avatar ::before, .ids-avatar ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-avatar.ids-avatar-type-initials {
   flex-direction: column;
   text-align: center;
@@ -508,11 +530,22 @@
 }
 
 .ids-button-group {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
   align-items: flex-start;
   align-content: flex-start;
   flex-wrap: wrap;
 }
+.ids-button-group::before, .ids-button-group::after, .ids-button-group *, .ids-button-group ::before, .ids-button-group ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-button-group.ids-button-group-compact {
   padding: var(--ids-comp-button-group-size-padding-y-compact) var(--ids-comp-button-group-size-padding-x-compact);
   gap: var(--ids-comp-button-group-size-column-gap-compact) var(--ids-comp-button-group-size-row-gap-compact);
@@ -531,6 +564,11 @@
 }
 
 .ids-button {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   flex-shrink: 0;
   width: fit-content;
   align-items: center;
@@ -538,6 +576,12 @@
   justify-content: center;
   border-style: solid;
 }
+.ids-button::before, .ids-button::after, .ids-button *, .ids-button ::before, .ids-button ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-button:focus, .ids-button:focus-visible {
   outline-offset: 2px;
   outline-style: solid;
@@ -1814,10 +1858,21 @@
 }
 
 .ids-card {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: flex;
   border-style: solid;
   box-sizing: border-box;
 }
+.ids-card::before, .ids-card::after, .ids-card *, .ids-card ::before, .ids-card ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-card.ids-card-clickable {
   pointer-events: auto;
   cursor: pointer;
@@ -2734,10 +2789,21 @@
 }
 
 .ids-checkbox {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
   align-self: stretch;
   align-items: flex-start;
 }
+.ids-checkbox::before, .ids-checkbox::after, .ids-checkbox *, .ids-checkbox ::before, .ids-checkbox ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-checkbox .ids-checkbox__input-wrapper {
   position: relative;
   display: flex;
@@ -4474,11 +4540,22 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 
 .ids-dialog {
   box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
+  padding: 0;
   border-style: solid;
   border-color: var(--ids-comp-dialog-container-color-border-surface-default);
   background-color: var(--ids-comp-dialog-container-color-bg-default);
   box-shadow: var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default);
 }
+.ids-dialog::before, .ids-dialog::after, .ids-dialog *, .ids-dialog ::before, .ids-dialog ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-dialog::backdrop {
   background-color: transparent;
 }
@@ -4486,7 +4563,6 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
   background-color: var(--ids-comp-dialog-backdrop-background);
 }
 .ids-dialog .ids-dialog-container {
-  box-sizing: border-box;
   display: grid;
   grid-template-rows: auto 1fr auto;
   position: relative;
@@ -4583,6 +4659,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 .ids-dialog.ids-dialog-compact .ids-dialog-container .ids-dialog-actions {
   padding: var(--ids-comp-dialog-footer-padding-y-compact) var(--ids-comp-dialog-footer-padding-x-compact);
+  gap: var(--ids-comp-dialog-footer-gap-compact);
 }
 .ids-dialog.ids-dialog-comfortable {
   border-radius: var(--ids-comp-dialog-container-size-border-radius-comfortable);
@@ -4625,6 +4702,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 .ids-dialog.ids-dialog-comfortable .ids-dialog-container .ids-dialog-actions {
   padding: var(--ids-comp-dialog-footer-padding-y-comfortable) var(--ids-comp-dialog-footer-padding-x-comfortable);
+  gap: var(--ids-comp-dialog-footer-gap-comfortable);
 }
 .ids-dialog.ids-dialog-spacious {
   border-radius: var(--ids-comp-dialog-container-size-border-radius-spacious);
@@ -4667,6 +4745,7 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 .ids-dialog.ids-dialog-spacious .ids-dialog-container .ids-dialog-actions {
   padding: var(--ids-comp-dialog-footer-padding-y-spacious) var(--ids-comp-dialog-footer-padding-x-spacious);
+  gap: var(--ids-comp-dialog-footer-gap-spacious);
 }
 .ids-dialog.ids-dialog-dense {
   border-radius: var(--ids-comp-dialog-container-size-border-radius-dense);
@@ -4709,13 +4788,25 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 .ids-dialog.ids-dialog-dense .ids-dialog-container .ids-dialog-actions {
   padding: var(--ids-comp-dialog-footer-padding-y-dense) var(--ids-comp-dialog-footer-padding-x-dense);
+  gap: var(--ids-comp-dialog-footer-gap-dense);
 }
 
 .ids-divider {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: flex;
   align-items: center;
   justify-content: center;
 }
+.ids-divider::before, .ids-divider::after, .ids-divider *, .ids-divider ::before, .ids-divider ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-divider.ids-divider-compact {
   border-radius: var(--ids-comp-divider-size-border-radius-compact);
 }
@@ -4781,6 +4872,11 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-fieldset {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: flex;
   width: 100%;
   flex-direction: column;
@@ -4790,6 +4886,12 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
   border-style: unset;
   border-color: unset;
 }
+.ids-fieldset::before, .ids-fieldset::after, .ids-fieldset *, .ids-fieldset ::before, .ids-fieldset ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-fieldset > .ids-fieldset-legend {
   display: flex;
   width: 100%;
@@ -4920,10 +5022,21 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-form-field {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
   flex-direction: column;
   align-items: flex-start;
 }
+.ids-form-field::before, .ids-form-field::after, .ids-form-field *, .ids-form-field ::before, .ids-form-field ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-form-field > .ids-form-field__label {
   flex: 1 0;
   overflow: hidden;
@@ -6060,11 +6173,22 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-message {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   font-style: normal;
 }
+.ids-message::before, .ids-message::after, .ids-message *, .ids-message ::before, .ids-message ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-message .ids-message__prefix,
 .ids-message .ids-message__suffix {
   display: flex;
@@ -6244,6 +6368,11 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .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;
@@ -6257,6 +6386,12 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
   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);
@@ -6341,6 +6476,11 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .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;
@@ -6348,6 +6488,12 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
   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;
@@ -7051,22 +7197,46 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
   color: var(--ids-comp-icon-button-standard-color-fg-surface-disabled);
 }
 
+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: transparent;
+  line-height: 1.5;
   width: 100%;
+  box-sizing: border-box;
   display: inline-flex;
   flex-shrink: 0;
   align-items: center;
-  justify-content: 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;
 }
 .ids-menu-item .ids-menu-item-label {
   overflow: hidden;
   text-overflow: ellipsis;
   font-style: normal;
 }
-.ids-menu-item:not(:disabled) {
+.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:disabled {
+.ids-menu-item:is(:disabled, .ids-menu-item-disabled) {
   cursor: not-allowed;
 }
 .ids-menu-item.ids-menu-item-compact {
@@ -7074,6 +7244,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
   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);
@@ -7095,9 +7267,20 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .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:disabled {
+.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);
@@ -7106,14 +7289,27 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .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:disabled {
+.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);
@@ -7135,9 +7331,20 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .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:disabled {
+.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);
@@ -7146,14 +7353,27 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .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:disabled {
+.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);
@@ -7175,9 +7395,20 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .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:disabled {
+.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);
@@ -7186,9 +7417,84 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .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:disabled {
+.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);
@@ -7208,10 +7514,33 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .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:disabled {
+.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);
@@ -7231,11 +7560,82 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .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:disabled {
+.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);
+}
+
+.ids-notification {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
+}
+.ids-notification::before, .ids-notification::after, .ids-notification *, .ids-notification ::before, .ids-notification ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-notification > .ids-notification__content-wrapper {
   display: flex;
   justify-content: space-between;
@@ -7997,11 +8397,22 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-overlay-panel {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   box-sizing: border-box;
 }
+.ids-overlay-panel::before, .ids-overlay-panel::after, .ids-overlay-panel *, .ids-overlay-panel ::before, .ids-overlay-panel ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-overlay-panel.ids-overlay-panel-compact {
   gap: var(--ids-comp-overlay-panel-size-gap-compact);
   padding: var(--ids-comp-overlay-panel-size-padding-y-compact) var(--ids-comp-overlay-panel-size-padding-x-compact);
@@ -8123,8 +8534,19 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-paginator {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
 }
+.ids-paginator::before, .ids-paginator::after, .ids-paginator *, .ids-paginator ::before, .ids-paginator ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-paginator .ids-paginator__navigation-container {
   display: flex;
   flex-direction: row;
@@ -8593,10 +9015,21 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-radio-group {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
   align-items: flex-start;
   justify-content: start;
 }
+.ids-radio-group::before, .ids-radio-group::after, .ids-radio-group *, .ids-radio-group ::before, .ids-radio-group ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-radio-group.ids-radio-group-horizontal {
   flex-direction: row;
 }
@@ -9299,11 +9732,22 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-segmented-control {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
 }
+.ids-segmented-control::before, .ids-segmented-control::after, .ids-segmented-control *, .ids-segmented-control ::before, .ids-segmented-control ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-segmented-control .ids-segmented-control-item > button {
   display: flex;
   align-items: center;
@@ -9645,11 +10089,22 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-segmented-control-toggle {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
 }
+.ids-segmented-control-toggle::before, .ids-segmented-control-toggle::after, .ids-segmented-control-toggle *, .ids-segmented-control-toggle ::before, .ids-segmented-control-toggle ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-segmented-control-toggle .ids-segmented-control-toggle-item > button {
   display: flex;
   align-items: center;
@@ -10098,8 +10553,19 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-select {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   width: 100%;
 }
+.ids-select::before, .ids-select::after, .ids-select *, .ids-select ::before, .ids-select ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-select:focus, .ids-select:focus-visible {
   outline: none;
 }
@@ -10234,8 +10700,19 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-snackbar-group {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: flex;
 }
+.ids-snackbar-group::before, .ids-snackbar-group::after, .ids-snackbar-group *, .ids-snackbar-group ::before, .ids-snackbar-group ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-snackbar-group.ids-snackbar-group-position-top-left, .ids-snackbar-group.ids-snackbar-group-position-top-center, .ids-snackbar-group.ids-snackbar-group-position-top-right {
   flex-direction: column-reverse;
 }
@@ -10558,9 +11035,20 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-switch-group {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: flex;
   flex-direction: column;
 }
+.ids-switch-group::before, .ids-switch-group::after, .ids-switch-group *, .ids-switch-group ::before, .ids-switch-group ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-switch-group.ids-switch-group-compact {
   gap: var(--ids-comp-switch-group-container-size-gap-compact);
   padding: var(--ids-comp-switch-group-container-size-padding-y-compact) var(--ids-comp-switch-group-container-size-padding-x-compact);
@@ -11249,8 +11737,19 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-tab-group {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: flex;
 }
+.ids-tab-group::before, .ids-tab-group::after, .ids-tab-group *, .ids-tab-group ::before, .ids-tab-group ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-tab-group .ids-tab-group__container {
   display: flex;
   flex-direction: column;
@@ -11267,7 +11766,6 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 .ids-tab-group .ids-tab__indicator .ids-tab__line {
   position: relative;
-  box-sizing: border-box;
   opacity: 0;
 }
 .ids-tab-group.ids-tab-group-horizontal {
@@ -11368,56 +11866,56 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
   align-self: flex-start;
   height: 100%;
 }
-.ids-tab-group .ids-tab-group__container .ids-tab-group__header {
+.ids-tab-group > .ids-tab-group__container > .ids-tab-group__header {
   display: flex;
   justify-content: center;
   align-items: flex-start;
-  list-style-type: none;
+  list-style: none;
   margin: 0;
 }
-.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab {
+.ids-tab-group > .ids-tab-group__container > .ids-tab-group__header > .ids-tab {
   display: flex;
   align-items: center;
   cursor: pointer;
   position: relative;
   border-style: solid;
 }
-.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
+.ids-tab-group > .ids-tab-group__container > .ids-tab-group__header > .ids-tab:focus, .ids-tab-group > .ids-tab-group__container > .ids-tab-group__header > .ids-tab:focus-visible {
   outline-style: solid;
 }
-.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab__label {
+.ids-tab-group > .ids-tab-group__container > .ids-tab-group__header > .ids-tab.ids-tab__label {
   display: inline-block;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled {
+.ids-tab-group > .ids-tab-group__container > .ids-tab-group__header > .ids-tab.ids-tab-disabled {
   pointer-events: none;
   user-select: none;
 }
-.ids-tab-group .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-tab__indicator .ids-tab__line {
+.ids-tab-group > .ids-tab-group__container > .ids-tab-group__header > .ids-tab.ids-tab--active > .ids-tab__indicator .ids-tab__line {
   opacity: 1;
 }
 .ids-tab-group.ids-tab-group-compact {
   padding: var(--ids-comp-tab-container-size-padding-y-compact) var(--ids-comp-tab-container-size-padding-x-compact);
   gap: var(--ids-comp-tab-container-size-gap-compact);
 }
-.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom {
+.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container {
   border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
 }
-.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator {
+.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container .ids-tab__indicator {
   bottom: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-compact) + var(--ids-comp-tab-item-size-border-width-compact)));
 }
-.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line {
+.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container .ids-tab__indicator .ids-tab__line {
   border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
 }
-.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top {
+.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container {
   border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
 }
-.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator {
+.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container .ids-tab__indicator {
   top: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-compact) + var(--ids-comp-tab-item-size-border-width-compact)));
 }
-.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line {
+.ids-tab-group.ids-tab-group-compact.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container .ids-tab__indicator .ids-tab__line {
   border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-compact);
 }
 .ids-tab-group.ids-tab-group-compact.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator {
@@ -11466,22 +11964,22 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
   padding: var(--ids-comp-tab-container-size-padding-y-comfortable) var(--ids-comp-tab-container-size-padding-x-comfortable);
   gap: var(--ids-comp-tab-container-size-gap-comfortable);
 }
-.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom {
+.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container {
   border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
 }
-.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator {
+.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container .ids-tab__indicator {
   bottom: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-comfortable) + var(--ids-comp-tab-item-size-border-width-comfortable)));
 }
-.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line {
+.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container .ids-tab__indicator .ids-tab__line {
   border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
 }
-.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top {
+.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container {
   border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
 }
-.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator {
+.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container .ids-tab__indicator {
   top: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-comfortable) + var(--ids-comp-tab-item-size-border-width-comfortable)));
 }
-.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line {
+.ids-tab-group.ids-tab-group-comfortable.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container .ids-tab__indicator .ids-tab__line {
   border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-comfortable);
 }
 .ids-tab-group.ids-tab-group-comfortable.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator {
@@ -11530,22 +12028,22 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
   padding: var(--ids-comp-tab-container-size-padding-y-spacious) var(--ids-comp-tab-container-size-padding-x-spacious);
   gap: var(--ids-comp-tab-container-size-gap-spacious);
 }
-.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom {
+.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container {
   border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
 }
-.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator {
+.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container .ids-tab__indicator {
   bottom: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-spacious) + var(--ids-comp-tab-item-size-border-width-spacious)));
 }
-.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line {
+.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container .ids-tab__indicator .ids-tab__line {
   border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
 }
-.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top {
+.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container {
   border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
 }
-.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator {
+.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container .ids-tab__indicator {
   top: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-spacious) + var(--ids-comp-tab-item-size-border-width-spacious)));
 }
-.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line {
+.ids-tab-group.ids-tab-group-spacious.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container .ids-tab__indicator .ids-tab__line {
   border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-spacious);
 }
 .ids-tab-group.ids-tab-group-spacious.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator {
@@ -11594,22 +12092,22 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
   padding: var(--ids-comp-tab-container-size-padding-y-dense) var(--ids-comp-tab-container-size-padding-x-dense);
   gap: var(--ids-comp-tab-container-size-gap-dense);
 }
-.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom {
+.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container {
   border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
 }
-.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator {
+.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container .ids-tab__indicator {
   bottom: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-dense) + var(--ids-comp-tab-item-size-border-width-dense)));
 }
-.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom .ids-tab__indicator .ids-tab__line {
+.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-bottom > .ids-tab-group__container .ids-tab__indicator .ids-tab__line {
   border-bottom-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
 }
-.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top {
+.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container {
   border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
 }
-.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator {
+.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container .ids-tab__indicator {
   top: calc(0px - (var(--ids-comp-tab-item-active-indicator-size-width-dense) + var(--ids-comp-tab-item-size-border-width-dense)));
 }
-.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top .ids-tab__indicator .ids-tab__line {
+.ids-tab-group.ids-tab-group-dense.ids-tab-group-horizontal.ids-tab-group-indicator-top > .ids-tab-group__container .ids-tab__indicator .ids-tab__line {
   border-top-width: var(--ids-comp-tab-item-active-indicator-size-width-dense);
 }
 .ids-tab-group.ids-tab-group-dense.ids-tab-group-vertical.ids-tab-group-indicator-left .ids-tab__indicator {
@@ -11668,8 +12166,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-default);
 }
-.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-default);
+.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-default);
 }
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-surface-hovered);
@@ -11679,8 +12177,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-hovered);
 }
-.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-hovered);
+.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-hovered);
 }
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-surface-focused);
@@ -11691,8 +12189,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-icon, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-focused);
 }
-.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-focused);
+.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-tab__indicator > .ids-tab__line, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-focused);
 }
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:active {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-surface-pressed);
@@ -11702,8 +12200,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-pressed);
 }
-.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-pressed);
+.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-pressed);
 }
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-surface-disabled);
@@ -11713,8 +12211,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-disabled);
 }
-.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-disabled);
+.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-disabled);
 }
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-surface-default);
@@ -11724,8 +12222,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-surface-default);
 }
-.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-default);
+.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-default);
 }
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-surface-hovered);
@@ -11735,8 +12233,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-surface-hovered);
 }
-.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-hovered);
+.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-hovered);
 }
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-surface-focused);
@@ -11746,8 +12244,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-icon, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-surface-focused);
 }
-.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-focused);
+.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-tab__indicator > .ids-tab__line, .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-focused);
 }
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-surface-pressed);
@@ -11757,8 +12255,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-surface-pressed);
 }
-.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-pressed);
+.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-pressed);
 }
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-surface-disabled);
@@ -11768,8 +12266,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-surface-disabled);
 }
-.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-disabled);
+.ids-tab-group.ids-tab-group-surface > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-surface-disabled);
 }
 .ids-tab-group.ids-tab-group-light {
   background-color: var(--ids-comp-tab-container-color-bg-default);
@@ -11785,8 +12283,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-default);
 }
-.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-default);
+.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-default);
 }
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-light-hovered);
@@ -11796,8 +12294,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-hovered);
 }
-.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-hovered);
+.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-hovered);
 }
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-light-focused);
@@ -11808,8 +12306,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-icon, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-focused);
 }
-.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-focused);
+.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-tab__indicator > .ids-tab__line, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-focused);
 }
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:active {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-light-pressed);
@@ -11819,8 +12317,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-pressed);
 }
-.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-pressed);
+.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-pressed);
 }
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-light-disabled);
@@ -11830,8 +12328,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-disabled);
 }
-.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-disabled);
+.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-disabled);
 }
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-light-default);
@@ -11841,8 +12339,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-light-default);
 }
-.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-default);
+.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-default);
 }
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-light-hovered);
@@ -11852,8 +12350,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-light-hovered);
 }
-.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-hovered);
+.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-hovered);
 }
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-light-focused);
@@ -11863,8 +12361,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-icon, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-light-focused);
 }
-.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-focused);
+.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-tab__indicator > .ids-tab__line, .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-focused);
 }
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-light-pressed);
@@ -11874,8 +12372,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-light-pressed);
 }
-.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-pressed);
+.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-pressed);
 }
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-light-disabled);
@@ -11885,8 +12383,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-light-disabled);
 }
-.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-disabled);
+.ids-tab-group.ids-tab-group-light > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-light-disabled);
 }
 .ids-tab-group.ids-tab-group-primary {
   background-color: var(--ids-comp-tab-container-color-bg-default);
@@ -11902,8 +12400,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-default);
 }
-.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-default);
+.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-default);
 }
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-primary-hovered);
@@ -11913,8 +12411,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-hovered);
 }
-.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-hovered);
+.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:hover > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-hovered);
 }
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-primary-focused);
@@ -11925,8 +12423,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-icon, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-focused);
 }
-.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-focused);
+.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus > .ids-tab__indicator > .ids-tab__line, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:focus-visible > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-focused);
 }
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:active {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-primary-pressed);
@@ -11936,8 +12434,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-pressed);
 }
-.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-pressed);
+.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab:active > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-pressed);
 }
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-primary-disabled);
@@ -11947,8 +12445,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-disabled);
 }
-.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled);
+.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab-disabled > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled);
 }
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-primary-default);
@@ -11958,8 +12456,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-primary-default);
 }
-.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-default);
+.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-default);
 }
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-primary-hovered);
@@ -11969,8 +12467,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-primary-hovered);
 }
-.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-hovered);
+.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:hover > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-hovered);
 }
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-primary-focused);
@@ -11980,8 +12478,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-icon, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-primary-focused);
 }
-.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-tab__indicator, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-focused);
+.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus > .ids-tab__indicator > .ids-tab__line, .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:focus-visible > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-focused);
 }
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active {
   background-color: var(--ids-comp-tab-item-standard-selected-bg-primary-pressed);
@@ -11991,8 +12489,8 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-icon {
   color: var(--ids-comp-tab-item-standard-selected-fg-icon-primary-pressed);
 }
-.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-pressed);
+.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active:active > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-pressed);
 }
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled {
   background-color: var(--ids-comp-tab-item-standard-unselected-bg-primary-disabled);
@@ -12002,16 +12500,26 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 .ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-icon {
   color: var(--ids-comp-tab-item-standard-unselected-fg-icon-primary-disabled);
 }
-.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-tab__indicator {
-  color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled);
+.ids-tab-group.ids-tab-group-primary > .ids-tab-group__container .ids-tab-group__header .ids-tab.ids-tab--active.ids-tab-disabled > .ids-tab__indicator > .ids-tab__line {
+  border-color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled);
 }
 
 .ids-table {
-  position: relative;
   box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
+  position: relative;
   display: block;
   max-width: 100%;
 }
+.ids-table::before, .ids-table::after, .ids-table *, .ids-table ::before, .ids-table ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-table > .ids-table__horizontal-scroll {
   position: relative;
   overflow: auto;
@@ -13170,12 +13678,23 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
 }
 
 .ids-tag {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-style: solid;
   box-sizing: border-box;
 }
+.ids-tag::before, .ids-tag::after, .ids-tag *, .ids-tag ::before, .ids-tag ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-tag:focus, .ids-tag:focus-visible {
   outline-offset: 2px;
   outline-style: solid;
@@ -13784,8 +14303,19 @@ a.ids-tag.ids-tag-outlined.ids-tag-surface:active {
 }
 
 .ids-tooltip {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+  line-height: 1.5;
   display: block;
 }
+.ids-tooltip::before, .ids-tooltip::after, .ids-tooltip *, .ids-tooltip ::before, .ids-tooltip ::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: none;
+  border-color: transparent;
+}
 .ids-tooltip > .ids-tooltip__content {
   position: relative;
   display: inline-flex;