@carbon/styles 1.67.0 → 1.68.0

package/css/styles.css

@@ -131,7 +131,6 @@ blockquote::before,
 blockquote::after,
 q::before,
 q::after {
-  content: "";
   content: none;
 }
 
@@ -1113,6 +1112,14 @@ em {
   --cds-grid-column-hang: 0.96875rem;
 }
 
+.cds--css-grid--start {
+  margin-inline-start: 0;
+}
+
+.cds--css-grid--end {
+  margin-inline-end: 0;
+}
+
 .cds--subgrid {
   display: grid;
   grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
@@ -2938,25 +2945,25 @@ em {
   --cds-notification-action-tertiary-inverse-text: #161616;
   --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
   --cds-tag-background-red: #ffd7d9;
-  --cds-tag-color-red: #750e13;
+  --cds-tag-color-red: #a2191f;
   --cds-tag-hover-red: #ffc2c5;
   --cds-tag-background-magenta: #ffd6e8;
-  --cds-tag-color-magenta: #740937;
+  --cds-tag-color-magenta: #9f1853;
   --cds-tag-hover-magenta: #ffbdda;
   --cds-tag-background-purple: #e8daff;
-  --cds-tag-color-purple: #491d8b;
+  --cds-tag-color-purple: #6929c4;
   --cds-tag-hover-purple: #dcc7ff;
   --cds-tag-background-blue: #d0e2ff;
-  --cds-tag-color-blue: #002d9c;
+  --cds-tag-color-blue: #0043ce;
   --cds-tag-hover-blue: #b8d3ff;
   --cds-tag-background-cyan: #bae6ff;
-  --cds-tag-color-cyan: #003a6d;
+  --cds-tag-color-cyan: #00539a;
   --cds-tag-hover-cyan: #99daff;
   --cds-tag-background-teal: #9ef0f0;
-  --cds-tag-color-teal: #004144;
+  --cds-tag-color-teal: #005d5d;
   --cds-tag-hover-teal: #57e5e5;
   --cds-tag-background-green: #a7f0ba;
-  --cds-tag-color-green: #044317;
+  --cds-tag-color-green: #0e6027;
   --cds-tag-hover-green: #74e792;
   --cds-tag-background-gray: #e0e0e0;
   --cds-tag-color-gray: #161616;
@@ -3161,25 +3168,25 @@ em {
   --cds-notification-action-tertiary-inverse-text: #161616;
   --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
   --cds-tag-background-red: #ffd7d9;
-  --cds-tag-color-red: #750e13;
+  --cds-tag-color-red: #a2191f;
   --cds-tag-hover-red: #ffc2c5;
   --cds-tag-background-magenta: #ffd6e8;
-  --cds-tag-color-magenta: #740937;
+  --cds-tag-color-magenta: #9f1853;
   --cds-tag-hover-magenta: #ffbdda;
   --cds-tag-background-purple: #e8daff;
-  --cds-tag-color-purple: #491d8b;
+  --cds-tag-color-purple: #6929c4;
   --cds-tag-hover-purple: #dcc7ff;
   --cds-tag-background-blue: #d0e2ff;
-  --cds-tag-color-blue: #002d9c;
+  --cds-tag-color-blue: #0043ce;
   --cds-tag-hover-blue: #b8d3ff;
   --cds-tag-background-cyan: #bae6ff;
-  --cds-tag-color-cyan: #003a6d;
+  --cds-tag-color-cyan: #00539a;
   --cds-tag-hover-cyan: #99daff;
   --cds-tag-background-teal: #9ef0f0;
-  --cds-tag-color-teal: #004144;
+  --cds-tag-color-teal: #005d5d;
   --cds-tag-hover-teal: #57e5e5;
   --cds-tag-background-green: #a7f0ba;
-  --cds-tag-color-green: #044317;
+  --cds-tag-color-green: #0e6027;
   --cds-tag-hover-green: #74e792;
   --cds-tag-background-gray: #e0e0e0;
   --cds-tag-color-gray: #161616;
@@ -3656,7 +3663,6 @@ em {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
 }
 .cds--accordion *,
 .cds--accordion *::before,
@@ -3704,7 +3710,6 @@ em {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
-  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
 }
 .cds--accordion__heading *,
 .cds--accordion__heading *::before,
@@ -3764,7 +3769,6 @@ li.cds--accordion__item--disabled:last-of-type {
   outline: 2px solid transparent;
   outline-offset: -2px;
   transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
-  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
 }
 .cds--accordion__arrow {
   flex: 0 0 1rem;
@@ -3779,7 +3783,6 @@ li.cds--accordion__item--disabled:last-of-type {
   font-weight: var(--cds-body-01-font-weight, 400);
   line-height: var(--cds-body-01-line-height, 1.42857);
   letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
-  /* stylelint-disable-next-line scss/selector-no-redundant-nesting-selector, no-duplicate-selectors */
 }
 .cds--accordion__title {
   z-index: 1;
@@ -3789,11 +3792,12 @@ li.cds--accordion__item--disabled:last-of-type {
 }
 
 .cds--accordion__wrapper {
+  display: none;
   overflow: hidden;
   padding: 0;
   max-block-size: 0;
   opacity: 0;
-  transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9);
+  transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9) allow-discrete;
   writing-mode: horizontal-tb;
 }
 
@@ -3842,6 +3846,7 @@ li.cds--accordion__item--disabled:last-of-type {
   overflow: visible;
 }
 .cds--accordion__item--active > .cds--accordion__wrapper {
+  display: block;
   overflow: visible;
   max-block-size: -moz-fit-content;
   max-block-size: fit-content;
@@ -3854,6 +3859,18 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: rotate(-90deg) /*rtl:ignore*/;
 }
 
+/** starting style also not supported widely
+  * https://caniuse.com/mdn-css_at-rules_starting-style
+  */
+/* Needs to be after the previous accordion__item--active rule
+   to take effect, as the specificity is the same */
+@starting-style {
+  .cds--accordion__item--active > .cds--accordion__wrapper {
+    padding: 0;
+    max-block-size: 0;
+    opacity: 0;
+  }
+}
 .cds--accordion--flush .cds--accordion__item {
   position: relative;
   border-color: transparent;
@@ -4056,8 +4073,8 @@ li.cds--accordion__item--disabled:last-of-type {
   --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
 }
 
-.cds--popover--drop-shadow .cds--popover {
-  --cds-popover-drop-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
+.cds--popover--drop-shadow .cds--popover > .cds--popover-content {
+  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
 }
 
 .cds--popover--caret {
@@ -4186,7 +4203,7 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
   block-size: var(--cds-popover-offset, 0rem);
   inset-block-start: 0;
-  inset-inline: 0 0;
+  inset-inline: 0;
   transform: translateY(-100%);
 }
 
@@ -4263,7 +4280,7 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--popover--top-end > .cds--popover > .cds--popover-content::before {
   block-size: var(--cds-popover-offset, 0rem);
   inset-block-end: 0;
-  inset-inline: 0 0;
+  inset-inline: 0;
   transform: translateY(100%);
 }
 
@@ -4333,7 +4350,7 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
 .cds--popover--right-end > .cds--popover > .cds--popover-content::before {
   inline-size: var(--cds-popover-offset, 0rem);
-  inset-block: 0 0;
+  inset-block: 0;
   inset-inline-start: 0;
   transform: translateX(-100%);
 }
@@ -4405,7 +4422,7 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
 .cds--popover--left-end > .cds--popover > .cds--popover-content::before {
   inline-size: var(--cds-popover-offset, 0rem);
-  inset-block: 0 0;
+  inset-block: 0;
   inset-inline-end: 0;
   transform: translateX(100%);
 }
@@ -4995,6 +5012,7 @@ li.cds--accordion__item--disabled:last-of-type {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -6329,6 +6347,7 @@ a.cds--overflow-menu-options__btn::before {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -6339,7 +6358,7 @@ a.cds--overflow-menu-options__btn::before {
 
 .cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
   min-block-size: 1.125rem;
-  padding-inline: 0 0;
+  padding-inline: 0;
 }
 
 .cds--link {
@@ -6686,6 +6705,7 @@ textarea:-webkit-autofill:focus {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -7118,6 +7138,7 @@ fieldset[disabled] .cds--form__helper-text {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -7873,6 +7894,7 @@ fieldset[disabled] .cds--form__helper-text {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -7894,7 +7916,6 @@ fieldset[disabled] .cds--form__helper-text {
   padding-block-end: 0;
 }
 
-/* stylelint-disable */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--snippet__icon {
     fill: ButtonText;
@@ -7915,7 +7936,6 @@ fieldset[disabled] .cds--form__helper-text {
   }
 }
 
-/* stylelint-enable */
 .cds--text-input {
   --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
   --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
@@ -8183,8 +8203,8 @@ fieldset[disabled] .cds--form__helper-text {
   inset-inline-start: 50%;
 }
 .cds--text-input--password__visibility::before {
-  border-width: 0 0.25rem 0.3125rem 0.25rem;
-  border-color: transparent transparent var(--cds-background-inverse, #393939) transparent;
+  border-width: 0 0.25rem 0.3125rem;
+  border-color: transparent transparent var(--cds-background-inverse, #393939);
   inset-block-end: -0.5rem;
   transform: translate(-50%, 100%);
 }
@@ -8365,6 +8385,7 @@ fieldset[disabled] .cds--form__helper-text {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -8685,7 +8706,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--tag--red {
   background-color: var(--cds-tag-background-red, #ffd7d9);
-  color: var(--cds-tag-color-red, #750e13);
+  color: var(--cds-tag-color-red, #a2191f);
 }
 .cds--tag--red.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-red, #ff8389);
@@ -8699,7 +8720,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--tag--magenta {
   background-color: var(--cds-tag-background-magenta, #ffd6e8);
-  color: var(--cds-tag-color-magenta, #740937);
+  color: var(--cds-tag-color-magenta, #9f1853);
 }
 .cds--tag--magenta.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-magenta, #ff7eb6);
@@ -8713,7 +8734,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--tag--purple {
   background-color: var(--cds-tag-background-purple, #e8daff);
-  color: var(--cds-tag-color-purple, #491d8b);
+  color: var(--cds-tag-color-purple, #6929c4);
 }
 .cds--tag--purple.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-purple, #be95ff);
@@ -8727,7 +8748,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--tag--blue {
   background-color: var(--cds-tag-background-blue, #d0e2ff);
-  color: var(--cds-tag-color-blue, #002d9c);
+  color: var(--cds-tag-color-blue, #0043ce);
 }
 .cds--tag--blue.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-blue, #78a9ff);
@@ -8741,7 +8762,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--tag--cyan {
   background-color: var(--cds-tag-background-cyan, #bae6ff);
-  color: var(--cds-tag-color-cyan, #003a6d);
+  color: var(--cds-tag-color-cyan, #00539a);
 }
 .cds--tag--cyan.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-cyan, #33b1ff);
@@ -8755,7 +8776,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--tag--teal {
   background-color: var(--cds-tag-background-teal, #9ef0f0);
-  color: var(--cds-tag-color-teal, #004144);
+  color: var(--cds-tag-color-teal, #005d5d);
 }
 .cds--tag--teal.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-teal, #08bdba);
@@ -8769,7 +8790,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--tag--green {
   background-color: var(--cds-tag-background-green, #a7f0ba);
-  color: var(--cds-tag-color-green, #044317);
+  color: var(--cds-tag-color-green, #0e6027);
 }
 .cds--tag--green.cds--tag--operational {
   border: 1px solid var(--cds-tag-border-green, #42be65);
@@ -8994,6 +9015,7 @@ fieldset[disabled] .cds--form__helper-text {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -9031,7 +9053,10 @@ fieldset[disabled] .cds--form__helper-text {
   border-color: currentColor;
 }
 
-/* stylelint-disable */
+.cds--tag--filter .cds--slug {
+  min-inline-size: 2.00875rem;
+}
+
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--tag {
     outline: 1px solid transparent;
@@ -9064,7 +9089,6 @@ fieldset[disabled] .cds--form__helper-text {
   max-inline-size: 9.875rem;
 }
 
-/* stylelint-enable */
 .cds--interactive--tag-children {
   display: inline-flex;
   max-inline-size: 12.5rem;
@@ -9608,7 +9632,7 @@ fieldset[disabled] .cds--form__helper-text {
   display: none;
   background-color: var(--cds-layer);
   inline-size: 100%;
-  inset-inline: 0 0;
+  inset-inline: 0;
   overflow-y: auto;
   transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
@@ -10518,7 +10542,7 @@ fieldset[disabled] .cds--form__helper-text {
   block-size: 1px;
   content: "";
   inset-block-end: 0;
-  inset-inline: 0 0;
+  inset-inline: 0;
 }
 
 .cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
@@ -10565,7 +10589,7 @@ fieldset[disabled] .cds--form__helper-text {
   display: flex;
   justify-content: flex-end;
   inset-block-start: 0;
-  inset-inline: 0 0;
+  inset-inline: 0;
   pointer-events: none;
 }
 
@@ -11097,6 +11121,7 @@ fieldset[disabled] .cds--form__helper-text {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -11325,7 +11350,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--data-table td,
 .cds--data-table tbody th {
-  border-block-end: 1px solid var(--cds-border-subtle);
+  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   border-block-start: 1px solid var(--cds-layer);
   color: var(--cds-text-secondary, #525252);
   padding-inline: 1rem 1rem;
@@ -11335,6 +11360,16 @@ fieldset[disabled] .cds--form__helper-text {
   padding-inline-start: 0.75rem;
 }
 
+.cds--layer-two .cds--data-table td,
+.cds--layer-two .cds--data-table tbody th {
+  border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
+}
+
+.cds--layer-three .cds--data-table td,
+.cds--layer-three .cds--data-table tbody th {
+  border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
+}
+
 @supports (-moz-appearance: none) {
   .cds--data-table td {
     background-clip: padding-box;
@@ -11405,7 +11440,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--data-table--xs td.cds--table-column-menu,
 .cds--data-table--sm td.cds--table-column-menu {
   block-size: 1.5rem;
-  padding-block: 0 0;
+  padding-block: 0;
 }
 
 .cds--data-table--sm td.cds--table-column-menu {
@@ -11595,7 +11630,7 @@ tr.cds--data-table--selected:last-of-type td {
 
 .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
 .cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
-  padding-block: 0 0;
+  padding-block: 0;
 }
 
 .cds--data-table.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox-label {
@@ -11776,7 +11811,7 @@ tr.cds--data-table--selected:last-of-type td {
 .cds--data-table--sticky-header tbody::-webkit-scrollbar {
   display: none;
 }
-@-moz-document url-prefix() {
+@document url-prefix() {
   .cds--data-table--sticky-header thead,
   .cds--data-table--sticky-header tbody {
     scrollbar-width: none;
@@ -12317,6 +12352,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -12776,7 +12812,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   background-color: var(--cds-background-brand, #0f62fe);
   clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
   inset-block-end: 0;
-  inset-inline: 0 0;
+  inset-inline: 0;
   opacity: 0;
   pointer-events: none;
   transform: translate3d(0, 48px, 0);
@@ -12991,7 +13027,7 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
 .cds--table-toolbar--sm .cds--btn--primary {
   block-size: 2rem;
   min-block-size: auto;
-  padding-block: 0.375rem 0.375rem;
+  padding-block: 0.375rem;
 }
 
 .cds--table-toolbar--sm .cds--btn--primary.cds--batch-summary__cancel::before {
@@ -13025,7 +13061,7 @@ tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] {
 tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {
   border: 0;
   background-color: var(--cds-layer-hover);
-  padding-block: 0 0;
+  padding-block: 0;
   transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
@@ -13121,7 +13157,15 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
 }
 
 .cds--data-table td.cds--table-expand {
-  border-block-end: 1px solid var(--cds-border-subtle);
+  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+}
+
+.cds--layer-two .cds--data-table td.cds--table-expand {
+  border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
+}
+
+.cds--layer-three .cds--data-table td.cds--table-expand {
+  border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
 }
 
 .cds--data-table th.cds--table-expand + .cds--table-column-checkbox,
@@ -13394,6 +13438,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -13447,6 +13492,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -13478,6 +13524,7 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -13580,7 +13627,7 @@ th .cds--table-sort__flex {
 
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {
-  padding-block: 0 0;
+  padding-block: 0;
 }
 
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
@@ -14480,6 +14527,7 @@ th .cds--table-sort__flex {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -14518,6 +14566,7 @@ th .cds--table-sort__flex {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -14989,6 +15038,7 @@ button.cds--dropdown-text:focus {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -15371,7 +15421,7 @@ button.cds--dropdown-text:focus {
   inline-size: -webkit-fill-available;
   padding-inline-start: 1rem;
 }
-@-moz-document url-prefix() {
+@document url-prefix() {
   .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
     inline-size: -moz-available;
   }
@@ -15379,7 +15429,7 @@ button.cds--dropdown-text:focus {
 .cds--file__selected-file .cds--file-filename-tooltip {
   inline-size: -webkit-fill-available;
 }
-@-moz-document url-prefix() {
+@document url-prefix() {
   .cds--file__selected-file .cds--file-filename-tooltip {
     inline-size: -moz-available;
   }
@@ -15401,7 +15451,7 @@ button.cds--dropdown-text:focus {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-@-moz-document url-prefix() {
+@document url-prefix() {
   .cds--file__selected-file .cds--file-filename-button {
     inline-size: -moz-available;
   }
@@ -15621,7 +15671,6 @@ button.cds--dropdown-text:focus {
   outline-offset: -2px;
 }
 
-/* stylelint-disable */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--file__selected-file {
     outline: 1px solid transparent;
@@ -15634,7 +15683,6 @@ button.cds--dropdown-text:focus {
   }
 }
 
-/* stylelint-enable */
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper {
   position: relative;
   background: var(--cds-field);
@@ -16900,6 +16948,7 @@ button.cds--dropdown-text:focus {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -16911,7 +16960,6 @@ button.cds--dropdown-text:focus {
   display: none;
 }
 
-/* stylelint-disable */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--number__control-btn:hover,
   .cds--number__control-btn:focus {
@@ -16932,7 +16980,6 @@ button.cds--dropdown-text:focus {
   }
 }
 
-/* stylelint-enable */
 .cds--number-input--fluid {
   position: relative;
   background: var(--cds-field);
@@ -17284,7 +17331,7 @@ button.cds--dropdown-text:focus {
 .cds--select-input::-ms-expand {
   display: none;
 }
-@-moz-document url-prefix() {
+@document url-prefix() {
   .cds--select-input:-moz-focusring, .cds--select-input::-moz-focus-inner {
     background-image: none;
     color: transparent;
@@ -17479,6 +17526,7 @@ optgroup.cds--select-optgroup:disabled,
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -17890,6 +17938,7 @@ optgroup.cds--select-optgroup:disabled,
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -19039,7 +19088,6 @@ optgroup.cds--select-optgroup:disabled,
   display: none;
 }
 
-/* stylelint-disable no-duplicate-selectors */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--modal-close__icon {
     fill: ButtonText;
@@ -19053,7 +19101,6 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
-/* stylelint-enable no-duplicate-selectors */
 .cds--inline-notification {
   position: relative;
   display: flex;
@@ -19382,7 +19429,6 @@ optgroup.cds--select-optgroup:disabled,
   fill: var(--cds-icon-primary, #161616);
 }
 
-/* stylelint-disable */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--inline-notification {
     outline: 1px solid transparent;
@@ -19409,7 +19455,6 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
-/* stylelint-enable */
 .cds--toast-notification {
   display: flex;
   block-size: auto;
@@ -19659,7 +19704,6 @@ optgroup.cds--select-optgroup:disabled,
   color: var(--cds-text-primary, #161616);
 }
 
-/* stylelint-disable */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--toast-notification {
     outline: 1px solid transparent;
@@ -19685,7 +19729,6 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
-/* stylelint-enable */
 .cds--actionable-notification {
   position: relative;
   display: flex;
@@ -20137,7 +20180,6 @@ optgroup.cds--select-optgroup:disabled,
   fill: var(--cds-icon-primary, #161616);
 }
 
-/* stylelint-disable */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--actionable-notification {
     outline: 1px solid transparent;
@@ -20160,7 +20202,6 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
-/* stylelint-enable */
 .cds--data-table-container + .cds--pagination {
   border-block-start: 0;
 }
@@ -20776,7 +20817,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   max-block-size: var(--cds-layout-size-height-local);
   text-indent: calc(50% - 4.5px);
 }
-@-moz-document url-prefix() {
+@document url-prefix() {
   .cds--pagination-nav__page--select {
     text-indent: 0;
   }
@@ -21278,6 +21319,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -21373,6 +21415,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -21403,6 +21446,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -21434,6 +21478,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -21773,17 +21818,34 @@ span.cds--pagination__text.cds--pagination__items-count {
 }
 .cds--slider--disabled .cds--slider__thumb:hover {
   cursor: not-allowed;
-  transform: translate(-50%, -50%);
+  transform: none;
 }
 .cds--slider--disabled .cds--slider__thumb:focus {
   background-color: var(--cds-border-disabled, #c6c6c6);
   box-shadow: none;
   outline: none;
-  transform: translate(-50%, -50%);
+  transform: none;
 }
 .cds--slider--disabled .cds--slider__thumb:active {
   background: var(--cds-border-disabled, #c6c6c6);
-  transform: translate(-50%, -50%);
+  box-shadow: none;
+  transform: none;
+}
+
+.cds--slider--disabled .cds--slider__thumb--lower,
+.cds--slider--disabled .cds--slider__thumb--upper {
+  background-color: transparent;
+}
+.cds--slider--disabled .cds--slider__thumb--lower:active, .cds--slider--disabled .cds--slider__thumb--lower:hover, .cds--slider--disabled .cds--slider__thumb--lower:focus,
+.cds--slider--disabled .cds--slider__thumb--upper:active,
+.cds--slider--disabled .cds--slider__thumb--upper:hover,
+.cds--slider--disabled .cds--slider__thumb--upper:focus {
+  background-color: transparent;
+  transform: none;
+}
+.cds--slider--disabled .cds--slider__thumb--lower .cds--slider__thumb-icon,
+.cds--slider--disabled .cds--slider__thumb--upper .cds--slider__thumb-icon {
+  fill: var(--cds-border-disabled, #c6c6c6);
 }
 
 .cds--slider--disabled .cds--slider__track,
@@ -21852,6 +21914,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -21883,7 +21946,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   position: absolute;
 }
 
-/* stylelint-disable */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--slider__thumb {
     outline: 1px solid transparent;
@@ -21903,7 +21965,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   }
 }
 
-/* stylelint-enable */
 .cds--stack-horizontal {
   display: inline-grid;
   -moz-column-gap: var(--cds-stack-gap, 0);
@@ -22188,6 +22249,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -22386,6 +22448,12 @@ span.cds--pagination__text.cds--pagination__items-count {
     outline-style: dotted;
   }
 }
+.cds--tabs .cds--tab--overflow-nav-button:hover {
+  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+}
+.cds--tabs .cds--tab--overflow-nav-button:active {
+  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
+}
 .cds--tabs .cds--tab--overflow-nav-button--hidden {
   display: none;
 }
@@ -22394,13 +22462,22 @@ span.cds--pagination__text.cds--pagination__items-count {
   background-color: var(--cds-layer-accent);
   inline-size: 3rem;
 }
+.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:hover {
+  background-color: var(--cds-layer-accent-hover);
+}
+.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:active {
+  background-color: var(--cds-layer-accent-active);
+}
 .cds--tabs .cds--tab--overflow-nav-button svg {
   z-index: 2;
   fill: var(--cds-icon-primary, #161616);
 }
+.cds--tabs .cds--tab--overflow-nav-button svg:active, .cds--tabs .cds--tab--overflow-nav-button svg:hover {
+  fill: var(--cds-icon-primary, #161616);
+}
 .cds--tabs .cds--tab--overflow-nav-button--next {
-  position: absolute;
-  inset-block: 0 0;
+  position: relative;
+  inset-block: 0;
   inset-inline-end: 0;
 }
 .cds--tabs .cds--tab--overflow-nav-button--next::before {
@@ -22418,9 +22495,9 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
 }
 .cds--tabs .cds--tab--overflow-nav-button--previous {
-  position: absolute;
+  position: relative;
   z-index: 1;
-  inset-block: 0 0;
+  inset-block: 0;
   inset-inline-start: 0;
 }
 .cds--tabs .cds--tab--overflow-nav-button--previous::before {
@@ -22704,6 +22781,9 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
   overflow-x: visible;
 }
+.cds--tabs .cds--tabs__nav-item--icon-only {
+  margin-inline-end: 0.0625rem;
+}
 .cds--tabs .cds--tabs__nav-item--icon-only, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {
   display: flex;
   align-items: center;
@@ -22909,6 +22989,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -23769,6 +23850,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   block-size: 100%;
   content: "";
   inline-size: 100%;
+  inset-inline-start: 0;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -23813,6 +23895,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   cursor: pointer;
 }
 
+.cds--tree-node--hidden {
+  display: none;
+}
+
 .cds--tree-node__children {
   box-sizing: border-box;
   padding: 0;
@@ -24030,7 +24116,7 @@ div:has(.cds--header) ~ .cds--content {
   block-size: 3rem;
   border-block-end: 1px solid var(--cds-border-subtle);
   inset-block-start: 0;
-  inset-inline: 0 0;
+  inset-inline: 0;
 }
 .cds--header *,
 .cds--header *::before,
@@ -24455,7 +24541,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-secondary, #525252);
   inline-size: 3rem;
-  inset-block: 0 0;
+  inset-block: 0;
   inset-inline-start: 0;
   max-inline-size: 16rem;
   transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -24690,7 +24776,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
   inline-size: 3px;
-  inset-block: 0 0;
+  inset-block: 0;
   inset-inline-start: 0;
 }
 
@@ -24814,7 +24900,7 @@ a.cds--side-nav__link--current::before {
   background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
   inline-size: 3px;
-  inset-block: 0 0;
+  inset-block: 0;
   inset-inline-start: 0;
 }
 
@@ -25055,7 +25141,7 @@ div:has(.cds--header) ~ .cds--content {
   block-size: 3rem;
   border-block-end: 1px solid var(--cds-border-subtle);
   inset-block-start: 0;
-  inset-inline: 0 0;
+  inset-inline: 0;
 }
 .cds--header *,
 .cds--header *::before,
@@ -25480,7 +25566,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-secondary, #525252);
   inline-size: 3rem;
-  inset-block: 0 0;
+  inset-block: 0;
   inset-inline-start: 0;
   max-inline-size: 16rem;
   transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
@@ -25715,7 +25801,7 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
   inline-size: 3px;
-  inset-block: 0 0;
+  inset-block: 0;
   inset-inline-start: 0;
 }
 
@@ -25839,7 +25925,7 @@ a.cds--side-nav__link--current::before {
   background-color: var(--cds-border-interactive, #0f62fe);
   content: "";
   inline-size: 3px;
-  inset-block: 0 0;
+  inset-block: 0;
   inset-inline-start: 0;
 }