@carbon/styles 1.76.0 → 1.77.0

package/css/styles.css

@@ -1,198 +1,4 @@
 @charset "UTF-8";
-:root {
-  --cds-caption-01-font-size: 0.75rem;
-  --cds-caption-01-font-weight: 400;
-  --cds-caption-01-line-height: 1.33333;
-  --cds-caption-01-letter-spacing: 0.32px;
-  --cds-caption-02-font-size: 0.875rem;
-  --cds-caption-02-font-weight: 400;
-  --cds-caption-02-line-height: 1.28572;
-  --cds-caption-02-letter-spacing: 0.32px;
-  --cds-label-01-font-size: 0.75rem;
-  --cds-label-01-font-weight: 400;
-  --cds-label-01-line-height: 1.33333;
-  --cds-label-01-letter-spacing: 0.32px;
-  --cds-label-02-font-size: 0.875rem;
-  --cds-label-02-font-weight: 400;
-  --cds-label-02-line-height: 1.28572;
-  --cds-label-02-letter-spacing: 0.16px;
-  --cds-helper-text-01-font-size: 0.75rem;
-  --cds-helper-text-01-line-height: 1.33333;
-  --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: 0.875rem;
-  --cds-helper-text-02-font-weight: 400;
-  --cds-helper-text-02-line-height: 1.28572;
-  --cds-helper-text-02-letter-spacing: 0.16px;
-  --cds-body-short-01-font-size: 0.875rem;
-  --cds-body-short-01-font-weight: 400;
-  --cds-body-short-01-line-height: 1.28572;
-  --cds-body-short-01-letter-spacing: 0.16px;
-  --cds-body-short-02-font-size: 1rem;
-  --cds-body-short-02-font-weight: 400;
-  --cds-body-short-02-line-height: 1.375;
-  --cds-body-short-02-letter-spacing: 0;
-  --cds-body-long-01-font-size: 0.875rem;
-  --cds-body-long-01-font-weight: 400;
-  --cds-body-long-01-line-height: 1.42857;
-  --cds-body-long-01-letter-spacing: 0.16px;
-  --cds-body-long-02-font-size: 1rem;
-  --cds-body-long-02-font-weight: 400;
-  --cds-body-long-02-line-height: 1.5;
-  --cds-body-long-02-letter-spacing: 0;
-  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
-  --cds-code-01-font-size: 0.75rem;
-  --cds-code-01-font-weight: 400;
-  --cds-code-01-line-height: 1.33333;
-  --cds-code-01-letter-spacing: 0.32px;
-  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
-  --cds-code-02-font-size: 0.875rem;
-  --cds-code-02-font-weight: 400;
-  --cds-code-02-line-height: 1.42857;
-  --cds-code-02-letter-spacing: 0.32px;
-  --cds-heading-01-font-size: 0.875rem;
-  --cds-heading-01-font-weight: 600;
-  --cds-heading-01-line-height: 1.42857;
-  --cds-heading-01-letter-spacing: 0.16px;
-  --cds-heading-02-font-size: 1rem;
-  --cds-heading-02-font-weight: 600;
-  --cds-heading-02-line-height: 1.5;
-  --cds-heading-02-letter-spacing: 0;
-  --cds-productive-heading-01-font-size: 0.875rem;
-  --cds-productive-heading-01-font-weight: 600;
-  --cds-productive-heading-01-line-height: 1.28572;
-  --cds-productive-heading-01-letter-spacing: 0.16px;
-  --cds-productive-heading-02-font-size: 1rem;
-  --cds-productive-heading-02-font-weight: 600;
-  --cds-productive-heading-02-line-height: 1.375;
-  --cds-productive-heading-02-letter-spacing: 0;
-  --cds-productive-heading-03-font-size: 1.25rem;
-  --cds-productive-heading-03-font-weight: 400;
-  --cds-productive-heading-03-line-height: 1.4;
-  --cds-productive-heading-03-letter-spacing: 0;
-  --cds-productive-heading-04-font-size: 1.75rem;
-  --cds-productive-heading-04-font-weight: 400;
-  --cds-productive-heading-04-line-height: 1.28572;
-  --cds-productive-heading-04-letter-spacing: 0;
-  --cds-productive-heading-05-font-size: 2rem;
-  --cds-productive-heading-05-font-weight: 400;
-  --cds-productive-heading-05-line-height: 1.25;
-  --cds-productive-heading-05-letter-spacing: 0;
-  --cds-productive-heading-06-font-size: 2.625rem;
-  --cds-productive-heading-06-font-weight: 300;
-  --cds-productive-heading-06-line-height: 1.199;
-  --cds-productive-heading-06-letter-spacing: 0;
-  --cds-productive-heading-07-font-size: 3.375rem;
-  --cds-productive-heading-07-font-weight: 300;
-  --cds-productive-heading-07-line-height: 1.19;
-  --cds-productive-heading-07-letter-spacing: 0;
-  --cds-expressive-paragraph-01-font-size: 1.5rem;
-  --cds-expressive-paragraph-01-font-weight: 300;
-  --cds-expressive-paragraph-01-line-height: 1.334;
-  --cds-expressive-paragraph-01-letter-spacing: 0;
-  --cds-expressive-heading-01-font-size: 0.875rem;
-  --cds-expressive-heading-01-font-weight: 600;
-  --cds-expressive-heading-01-line-height: 1.42857;
-  --cds-expressive-heading-01-letter-spacing: 0.16px;
-  --cds-expressive-heading-02-font-size: 1rem;
-  --cds-expressive-heading-02-font-weight: 600;
-  --cds-expressive-heading-02-line-height: 1.5;
-  --cds-expressive-heading-02-letter-spacing: 0;
-  --cds-expressive-heading-03-font-size: 1.25rem;
-  --cds-expressive-heading-03-font-weight: 400;
-  --cds-expressive-heading-03-line-height: 1.4;
-  --cds-expressive-heading-03-letter-spacing: 0;
-  --cds-expressive-heading-04-font-size: 1.75rem;
-  --cds-expressive-heading-04-font-weight: 400;
-  --cds-expressive-heading-04-line-height: 1.28572;
-  --cds-expressive-heading-04-letter-spacing: 0;
-  --cds-expressive-heading-05-font-size: 2rem;
-  --cds-expressive-heading-05-font-weight: 400;
-  --cds-expressive-heading-05-line-height: 1.25;
-  --cds-expressive-heading-05-letter-spacing: 0;
-  --cds-expressive-heading-06-font-size: 2rem;
-  --cds-expressive-heading-06-font-weight: 600;
-  --cds-expressive-heading-06-line-height: 1.25;
-  --cds-expressive-heading-06-letter-spacing: 0;
-  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
-  --cds-quotation-01-font-size: 1.25rem;
-  --cds-quotation-01-font-weight: 400;
-  --cds-quotation-01-line-height: 1.3;
-  --cds-quotation-01-letter-spacing: 0;
-  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
-  --cds-quotation-02-font-size: 2rem;
-  --cds-quotation-02-font-weight: 300;
-  --cds-quotation-02-line-height: 1.25;
-  --cds-quotation-02-letter-spacing: 0;
-  --cds-display-01-font-size: 2.625rem;
-  --cds-display-01-font-weight: 300;
-  --cds-display-01-line-height: 1.19;
-  --cds-display-01-letter-spacing: 0;
-  --cds-display-02-font-size: 2.625rem;
-  --cds-display-02-font-weight: 600;
-  --cds-display-02-line-height: 1.19;
-  --cds-display-02-letter-spacing: 0;
-  --cds-display-03-font-size: 2.625rem;
-  --cds-display-03-font-weight: 300;
-  --cds-display-03-line-height: 1.19;
-  --cds-display-03-letter-spacing: 0;
-  --cds-display-04-font-size: 2.625rem;
-  --cds-display-04-font-weight: 300;
-  --cds-display-04-line-height: 1.19;
-  --cds-display-04-letter-spacing: 0;
-  --cds-legal-01-font-size: 0.75rem;
-  --cds-legal-01-font-weight: 400;
-  --cds-legal-01-line-height: 1.33333;
-  --cds-legal-01-letter-spacing: 0.32px;
-  --cds-legal-02-font-size: 0.875rem;
-  --cds-legal-02-font-weight: 400;
-  --cds-legal-02-line-height: 1.28572;
-  --cds-legal-02-letter-spacing: 0.16px;
-  --cds-body-compact-01-font-size: 0.875rem;
-  --cds-body-compact-01-font-weight: 400;
-  --cds-body-compact-01-line-height: 1.28572;
-  --cds-body-compact-01-letter-spacing: 0.16px;
-  --cds-body-compact-02-font-size: 1rem;
-  --cds-body-compact-02-font-weight: 400;
-  --cds-body-compact-02-line-height: 1.375;
-  --cds-body-compact-02-letter-spacing: 0;
-  --cds-heading-compact-01-font-size: 0.875rem;
-  --cds-heading-compact-01-font-weight: 600;
-  --cds-heading-compact-01-line-height: 1.28572;
-  --cds-heading-compact-01-letter-spacing: 0.16px;
-  --cds-heading-compact-02-font-size: 1rem;
-  --cds-heading-compact-02-font-weight: 600;
-  --cds-heading-compact-02-line-height: 1.375;
-  --cds-heading-compact-02-letter-spacing: 0;
-  --cds-body-01-font-size: 0.875rem;
-  --cds-body-01-font-weight: 400;
-  --cds-body-01-line-height: 1.42857;
-  --cds-body-01-letter-spacing: 0.16px;
-  --cds-body-02-font-size: 1rem;
-  --cds-body-02-font-weight: 400;
-  --cds-body-02-line-height: 1.5;
-  --cds-body-02-letter-spacing: 0;
-  --cds-heading-03-font-size: 1.25rem;
-  --cds-heading-03-font-weight: 400;
-  --cds-heading-03-line-height: 1.4;
-  --cds-heading-03-letter-spacing: 0;
-  --cds-heading-04-font-size: 1.75rem;
-  --cds-heading-04-font-weight: 400;
-  --cds-heading-04-line-height: 1.28572;
-  --cds-heading-04-letter-spacing: 0;
-  --cds-heading-05-font-size: 2rem;
-  --cds-heading-05-font-weight: 400;
-  --cds-heading-05-line-height: 1.25;
-  --cds-heading-05-letter-spacing: 0;
-  --cds-heading-06-font-size: 2.625rem;
-  --cds-heading-06-font-weight: 300;
-  --cds-heading-06-line-height: 1.199;
-  --cds-heading-06-letter-spacing: 0;
-  --cds-heading-07-font-size: 3.375rem;
-  --cds-heading-07-font-weight: 300;
-  --cds-heading-07-line-height: 1.19;
-  --cds-heading-07-letter-spacing: 0;
-}
-
 html,
 body,
 div,
@@ -3181,7 +2987,9 @@ em {
   --cds-tag-hover-warm-gray: #d8d0cf;
   --cds-status-red: #da1e28;
   --cds-status-orange: #ff832b;
+  --cds-status-orange-outline: #ba4e00;
   --cds-status-yellow: #f1c21b;
+  --cds-status-yellow-outline: #8e6a00;
   --cds-status-green: #24a148;
   --cds-status-blue: #0043ce;
   --cds-status-purple: #8a3ffc;
@@ -3411,7 +3219,9 @@ em {
   --cds-tag-hover-warm-gray: #d8d0cf;
   --cds-status-red: #da1e28;
   --cds-status-orange: #ff832b;
+  --cds-status-orange-outline: #ba4e00;
   --cds-status-yellow: #f1c21b;
+  --cds-status-yellow-outline: #8e6a00;
   --cds-status-green: #24a148;
   --cds-status-blue: #0043ce;
   --cds-status-purple: #8a3ffc;
@@ -3640,7 +3450,9 @@ em {
   --cds-tag-hover-warm-gray: #696363;
   --cds-status-red: #fa4d56;
   --cds-status-orange: #ff832b;
+  --cds-status-orange-outline: #ff832b;
   --cds-status-yellow: #f1c21b;
+  --cds-status-yellow-outline: #f1c21b;
   --cds-status-green: #42be65;
   --cds-status-blue: #4589ff;
   --cds-status-purple: #a56eff;
@@ -3869,7 +3681,9 @@ em {
   --cds-tag-hover-warm-gray: #696363;
   --cds-status-red: #fa4d56;
   --cds-status-orange: #ff832b;
+  --cds-status-orange-outline: #ff832b;
   --cds-status-yellow: #f1c21b;
+  --cds-status-yellow-outline: #f1c21b;
   --cds-status-green: #42be65;
   --cds-status-blue: #4589ff;
   --cds-status-purple: #a56eff;
@@ -4414,6 +4228,27 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
+.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
+.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
+  inset-block-end: 0;
+  inset-inline-end: 0;
+  inset-inline-start: auto;
+}
+
+.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
+  inset-block-end: 0;
+  inset-inline-end: auto;
+  inset-inline-start: 0;
+  transform: translate(50%, calc(var(--cds-popover-offset, 0rem)));
+}
+
+.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
+  inset-block-end: 0;
+  inset-inline-end: auto;
+  inset-inline-start: 0;
+  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
+}
+
 [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
 [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-inline-start: 0;
@@ -4765,7 +4600,6 @@ li.cds--accordion__item--disabled:last-of-type {
   line-height: var(--cds-body-01-line-height, 1.42857);
   letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
   padding: var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);
-  color: var(--cds-text-inverse, #ffffff);
   max-inline-size: 18rem;
 }
 
@@ -4835,6 +4669,8 @@ li.cds--accordion__item--disabled:last-of-type {
   letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
   padding: 0.5rem 1rem;
   max-inline-size: 11rem;
+  text-wrap: auto;
+  word-break: break-word;
 }
 
 .cds--btn {
@@ -5296,6 +5132,11 @@ li.cds--accordion__item--disabled:last-of-type {
   box-shadow: none;
 }
 
+.cds--btn--sm .cds--badge-indicator {
+  margin-block-start: 0.25rem;
+  margin-inline-end: 0.25rem;
+}
+
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--btn:focus {
     color: Highlight;
@@ -6284,6 +6125,30 @@ li.cds--accordion__item--disabled:last-of-type {
   padding-block-start: 100%;
 }
 
+.cds--badge-indicator {
+  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
+  line-height: var(--cds-helper-text-01-line-height, 1.33333);
+  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
+  position: absolute;
+  display: flex;
+  padding: 0 0.25rem 0.125rem;
+  border-radius: 100px;
+  background: var(--cds-support-error, #da1e28);
+  color: var(--cds-text-on-color, #ffffff);
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  margin-block-start: 0.5rem;
+  margin-inline-end: 0.5rem;
+  max-block-size: 1rem;
+  min-block-size: 0.5rem;
+  min-inline-size: 0.5rem;
+}
+
+.cds--badge-indicator--count {
+  margin-block-start: 0.25rem;
+  margin-inline-end: 0.25rem;
+}
+
 .cds--overflow-menu,
 .cds--overflow-menu__trigger {
   box-sizing: border-box;
@@ -6709,6 +6574,17 @@ a.cds--overflow-menu-options__btn::before {
   }
 }
 
+.cds--breadcrumb--sm {
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+}
+
+.cds--breadcrumb .cds--link {
+  font: inherit;
+}
+
 .cds--breadcrumb-item {
   position: relative;
   display: flex;
@@ -6716,6 +6592,10 @@ a.cds--overflow-menu-options__btn::before {
   margin-inline-end: 0.5rem;
 }
 
+.cds--breadcrumb--sm .cds--breadcrumb-item {
+  margin-inline-end: 0.25rem;
+}
+
 .cds--breadcrumb-item .cds--link:visited {
   color: var(--cds-link-primary, #0f62fe);
 }
@@ -6729,6 +6609,10 @@ a.cds--overflow-menu-options__btn::before {
   margin-inline-start: 0.5rem;
 }
 
+.cds--breadcrumb--sm .cds--breadcrumb-item::after {
+  margin-inline-start: 0.25rem;
+}
+
 .cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after {
   content: "";
 }
@@ -6779,6 +6663,10 @@ a.cds--overflow-menu-options__btn::before {
   }
 }
 
+.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu {
+  inline-size: 1rem;
+}
+
 .cds--breadcrumb-item .cds--overflow-menu:hover::after {
   opacity: 1;
 }
@@ -6788,7 +6676,7 @@ a.cds--overflow-menu-options__btn::before {
   box-shadow: none;
 }
 
-.cds--breadcrumb-item .cds--overflow-menu__icon {
+.cds--breadcrumb-item .cds--overflow-menu .cds--overflow-menu__icon {
   position: relative;
   fill: var(--cds-link-primary, #0f62fe);
   transform: translateY(4px);
@@ -10897,14 +10785,6 @@ fieldset[disabled] .cds--form__helper-text {
   block-size: 3rem;
 }
 
-.cds--menu-item__icon {
-  display: none;
-}
-
-.cds--menu--with-icons .cds--menu-item__icon {
-  display: flex;
-}
-
 .cds--menu-item__label {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -10934,12 +10814,35 @@ fieldset[disabled] .cds--form__helper-text {
   box-sizing: inherit;
 }
 
+.cds--menu-item__icon,
+.cds--menu-item__selection-icon {
+  display: none;
+}
+
 .cds--menu--with-icons > .cds--menu-item,
 .cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item,
-.cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item {
+.cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item,
+.cds--menu--with-selectable-items > .cds--menu-item,
+.cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item,
+.cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item {
   grid-template-columns: 1rem 1fr max-content;
 }
 
+.cds--menu--with-icons > .cds--menu-item > .cds--menu-item__icon,
+.cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item > .cds--menu-item__icon,
+.cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item > .cds--menu-item__icon,
+.cds--menu--with-selectable-items > .cds--menu-item > .cds--menu-item__selection-icon,
+.cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item > .cds--menu-item__selection-icon,
+.cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item > .cds--menu-item__selection-icon {
+  display: flex;
+}
+
+.cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item,
+.cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item,
+.cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item {
+  grid-template-columns: 1rem 1rem 1fr max-content;
+}
+
 .cds--menu-item--disabled {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   cursor: not-allowed;
@@ -19722,18 +19625,6 @@ optgroup.cds--select-optgroup:disabled,
   transform: rotate(180deg);
 }
 
-.cds--menu-button__top {
-  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
-}
-
-.cds--menu-button__top-start {
-  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
-}
-
-.cds--menu-button__top-end {
-  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
-}
-
 .cds--modal {
   position: fixed;
   z-index: 9000;
@@ -22434,6 +22325,79 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-inline-start: 0;
 }
 
+.cds--shape-indicator {
+  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
+  line-height: var(--cds-helper-text-01-line-height, 1.33333);
+  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
+  display: flex;
+  color: var(--cds-text-secondary, #525252);
+}
+
+.cds--shape-indicator svg {
+  align-self: center;
+  margin-inline-end: 0.5rem;
+}
+
+.cds--shape-indicator--14 {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+}
+
+.cds--shape-indicator--failed {
+  fill: var(--cds-status-red, #da1e28);
+}
+
+.cds--shape-indicator--critical {
+  fill: var(--cds-status-red, #da1e28);
+}
+
+.cds--shape-indicator--high {
+  fill: var(--cds-status-red, #da1e28);
+}
+
+.cds--shape-indicator--medium {
+  fill: var(--cds-status-orange, #ff832b);
+}
+.cds--shape-indicator--medium path:first-of-type {
+  fill: var(--cds-status-orange-outline, #ba4e00);
+}
+
+.cds--shape-indicator--low {
+  fill: var(--cds-status-yellow, #f1c21b);
+}
+.cds--shape-indicator--low path:nth-of-type(2) {
+  fill: var(--cds-status-yellow-outline, #8e6a00);
+}
+
+.cds--shape-indicator--cautious {
+  fill: var(--cds-status-yellow, #f1c21b);
+}
+.cds--shape-indicator--cautious path:first-of-type {
+  fill: var(--cds-status-yellow-outline, #8e6a00);
+}
+
+.cds--shape-indicator--undefined {
+  fill: var(--cds-status-purple, #8a3ffc);
+}
+
+.cds--shape-indicator--stable {
+  fill: var(--cds-status-green, #24a148);
+}
+
+.cds--shape-indicator--informative {
+  fill: var(--cds-status-blue, #0043ce);
+}
+
+.cds--shape-indicator--incomplete path:nth-of-type(2) {
+  fill: var(--cds-status-blue, #0043ce);
+}
+
+.cds--shape-indicator--draft {
+  fill: var(--cds-status-gray, #6f6f6f);
+}
+
 @keyframes ai-skeleton-animation {
   0% {
     transform: translateX(-100%);
@@ -23594,6 +23558,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-block-start: 0.0625rem;
 }
 .cds--tabs .cds--tabs__nav-item {
+  position: relative;
   display: flex;
   flex: 1 0 auto;
   padding: 0;
@@ -23845,6 +23810,10 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label {
   line-height: 0;
 }
+.cds--tabs .cds--tabs__nav-item--icon-only:not(.cds--tabs__nav-item--icon-only__20) .cds--badge-indicator {
+  margin-block-start: 0.25rem;
+  margin-inline-end: 0.25rem;
+}
 .cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover {
   border-block-end: 2px solid var(--cds-border-strong);
   color: var(--cds-text-primary, #161616);
@@ -25128,11 +25097,9 @@ li.cds--tree-node-link-parent > .cds--tree-node__children {
 .cds--tree-parent-node__toggle {
   display: flex;
   align-items: center;
-  align-self: flex-start;
   border: 0;
   block-size: 1.5rem;
   inline-size: 1.5rem;
-  margin-block-start: 0.25rem;
   margin-inline: -0.25rem 0.25rem;
   padding-inline-start: 0.25rem;
 }
@@ -25154,9 +25121,7 @@ li.cds--tree-node-link-parent > .cds--tree-node__children {
 }
 
 .cds--tree-node__icon {
-  align-self: flex-start;
   fill: var(--cds-icon-secondary, #525252);
-  margin-block-start: 0.0625rem;
   margin-inline: 0.5rem 0.5rem;
   min-block-size: 1rem;
   min-inline-size: 1rem;