@carbon/charts-react 1.13.1 → 1.13.2

package/dist/styles.css

@@ -4263,12 +4263,12 @@ svg.cds--cc--color-legend g.legend-title text {
 .cds--visually-hidden {
   position: absolute;
   overflow: hidden;
-  width: 1px;
-  height: 1px;
   padding: 0;
   border: 0;
   margin: -1px;
+  block-size: 1px;
   clip: rect(0, 0, 0, 0);
+  inline-size: 1px;
   visibility: inherit;
   white-space: nowrap;
 }
@@ -4310,11 +4310,11 @@ svg.cds--cc--color-legend g.legend-title text {
   position: absolute;
   z-index: 6000;
   display: none;
-  width: max-content;
-  max-width: 23rem;
   background-color: var(--cds-popover-background-color, var(--cds-layer));
   border-radius: var(--cds-popover-border-radius, 2px);
   color: var(--cds-popover-text-color, var(--cds-text-primary, #161616));
+  inline-size: max-content;
+  max-inline-size: 23rem;
   pointer-events: auto;
 }
 .cds--popover-content *,
@@ -4354,161 +4354,227 @@ svg.cds--cc--color-legend g.legend-title text {
 }
 
 .cds--popover--bottom > .cds--popover > .cds--popover-content {
-  bottom: 0;
-  left: 50%;
+  inset-block-end: 0;
+  inset-inline-start: 50%;
   transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
+[dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-content {
+  transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));
+}
+
 .cds--popover--bottom-left > .cds--popover > .cds--popover-content {
-  bottom: 0;
-  left: 0;
+  inset-block-end: 0;
+  inset-inline-start: 0;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
+[dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-content {
+  inset-inline-end: 0;
+  inset-inline-start: initial;
+}
+
 .cds--popover--bottom-right > .cds--popover > .cds--popover-content {
-  right: 0;
-  bottom: 0;
+  inset-block-end: 0;
+  inset-inline-end: 0;
   transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
+[dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-content {
+  inset-inline-start: 0;
+}
+
 .cds--popover--bottom > .cds--popover > .cds--popover-content::before,
 .cds--popover--bottom-left > .cds--popover > .cds--popover-content::before,
 .cds--popover--bottom-right > .cds--popover > .cds--popover-content::before {
-  top: 0;
-  right: 0;
-  left: 0;
-  height: var(--cds-popover-offset, 0rem);
+  block-size: var(--cds-popover-offset, 0rem);
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  inset-inline-start: 0;
   transform: translateY(-100%);
 }
 
 .cds--popover--bottom > .cds--popover > .cds--popover-caret,
 .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
 .cds--popover--bottom-right > .cds--popover > .cds--popover-caret {
-  bottom: 0;
-  left: 50%;
-  width: var(--cds-popover-caret-width, 0.75rem);
-  height: var(--cds-popover-caret-height, 0.375rem);
+  block-size: var(--cds-popover-caret-height, 0.375rem);
   clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+  inset-block-end: 0;
+  inset-inline-start: 50%;
   transform: translate(-50%, var(--cds-popover-offset, 0rem));
 }
 
+[dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret {
+  transform: translate(50%, var(--cds-popover-offset, 0rem));
+}
+
 .cds--popover--top > .cds--popover > .cds--popover-content {
-  top: 0;
-  left: 50%;
+  inset-block-start: 0;
+  inset-inline-start: 50%;
   transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
+[dir=rtl] .cds--popover--top > .cds--popover > .cds--popover-content {
+  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
+}
+
 .cds--popover--top-left > .cds--popover > .cds--popover-content {
-  top: 0;
-  left: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
+[dir=rtl] .cds--popover--top-left > .cds--popover > .cds--popover-content {
+  inset-inline-end: 0;
+  inset-inline-start: initial;
+}
+
 .cds--popover--top-right > .cds--popover > .cds--popover-content {
-  top: 0;
-  right: 0;
+  inset-block-start: 0;
+  inset-inline-end: 0;
   transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
+[dir=rtl] .cds--popover--top-right > .cds--popover > .cds--popover-content {
+  inset-inline-start: 0;
+}
+
 .cds--popover--top > .cds--popover > .cds--popover-content::before,
 .cds--popover--top-left > .cds--popover > .cds--popover-content::before,
 .cds--popover--top-right > .cds--popover > .cds--popover-content::before {
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: var(--cds-popover-offset, 0rem);
+  block-size: var(--cds-popover-offset, 0rem);
+  inset-block-end: 0;
+  inset-inline-end: 0;
+  inset-inline-start: 0;
   transform: translateY(100%);
 }
 
 .cds--popover--top > .cds--popover > .cds--popover-caret,
 .cds--popover--top-left > .cds--popover > .cds--popover-caret,
 .cds--popover--top-right > .cds--popover > .cds--popover-caret {
-  top: 0;
-  left: 50%;
-  width: var(--cds-popover-caret-width, 0.75rem);
-  height: var(--cds-popover-caret-height, 0.375rem);
+  block-size: var(--cds-popover-caret-height, 0.375rem);
   clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+  inset-block-start: 0;
+  inset-inline-start: 50%;
   transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
 }
 
+[dir=rtl] .cds--popover--top > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--top-left > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--top-right > .cds--popover > .cds--popover-caret {
+  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
+}
+
 .cds--popover--right > .cds--popover > .cds--popover-content {
-  top: 50%;
-  left: 100%;
+  inset-block-start: 50%;
+  inset-inline-start: 100%;
   transform: translate(var(--cds-popover-offset, 0rem), -50%);
 }
 
 .cds--popover--right-top > .cds--popover > .cds--popover-content {
-  top: 50%;
-  left: 100%;
+  inset-block-start: 50%;
+  inset-inline-start: 100%;
   transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));
 }
 
 .cds--popover--right-bottom > .cds--popover > .cds--popover-content {
-  bottom: 50%;
-  left: 100%;
+  inset-block-end: 50%;
+  inset-inline-start: 100%;
   transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
 }
 
+[dir=rtl] .cds--popover--right > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--right-bottom > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--right-top > .cds--popover > .cds--popover-content {
+  inset-inline-end: 100%;
+  inset-inline-start: initial;
+}
+
 .cds--popover--right > .cds--popover > .cds--popover-content::before,
 .cds--popover--right-top > .cds--popover > .cds--popover-content::before,
 .cds--popover--right-bottom > .cds--popover > .cds--popover-content::before {
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: var(--cds-popover-offset, 0rem);
+  inline-size: var(--cds-popover-offset, 0rem);
+  inset-block-end: 0;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   transform: translateX(-100%);
 }
 
 .cds--popover--right > .cds--popover > .cds--popover-caret,
 .cds--popover--right-top > .cds--popover > .cds--popover-caret,
 .cds--popover--right-bottom > .cds--popover > .cds--popover-caret {
-  top: 50%;
-  left: 100%;
-  width: var(--cds-popover-caret-height, 0.375rem);
-  height: var(--cds-popover-caret-width, 0.75rem);
+  block-size: var(--cds-popover-caret-width, 0.75rem);
   clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+  inset-block-start: 50%;
+  inset-inline-start: 100%;
   transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
 }
 
+[dir=rtl] .cds--popover--right > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--right-top > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--right-bottom > .cds--popover > .cds--popover-caret {
+  inset-inline-end: 100%;
+  inset-inline-start: initial;
+}
+
 .cds--popover--left > .cds--popover > .cds--popover-content {
-  top: 50%;
-  right: 100%;
+  inset-block-start: 50%;
+  inset-inline-end: 100%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);
 }
 
 .cds--popover--left-top > .cds--popover > .cds--popover-content {
-  top: -50%;
-  right: 100%;
+  inset-block-start: -50%;
+  inset-inline-end: 100%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px));
 }
 
 .cds--popover--left-bottom > .cds--popover > .cds--popover-content {
-  right: 100%;
-  bottom: -50%;
+  inset-block-end: -50%;
+  inset-inline-end: 100%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px));
 }
 
+[dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--left-bottom > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--left-top > .cds--popover > .cds--popover-content {
+  inset-inline-end: initial;
+  inset-inline-start: 100%;
+}
+
 .cds--popover--left > .cds--popover > .cds--popover-content::before,
 .cds--popover--left-top > .cds--popover > .cds--popover-content::before,
 .cds--popover--left-bottom > .cds--popover > .cds--popover-content::before {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: var(--cds-popover-offset, 0rem);
+  inline-size: var(--cds-popover-offset, 0rem);
+  inset-block-end: 0;
+  inset-block-start: 0;
+  inset-inline-end: 0;
   transform: translateX(100%);
 }
 
 .cds--popover--left > .cds--popover > .cds--popover-caret,
 .cds--popover--left-top > .cds--popover > .cds--popover-caret,
 .cds--popover--left-bottom > .cds--popover > .cds--popover-caret {
-  top: 50%;
-  right: 100%;
-  width: var(--cds-popover-caret-height, 0.375rem);
-  height: var(--cds-popover-caret-width, 0.75rem);
+  block-size: var(--cds-popover-caret-width, 0.75rem);
   clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+  inset-block-start: 50%;
+  inset-inline-end: 100%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
 }
 
+[dir=rtl] .cds--popover--left > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--left-top > .cds--popover > .cds--popover-caret,
+[dir=rtl] .cds--popover--left-bottom > .cds--popover > .cds--popover-caret {
+  inset-inline-end: initial;
+  inset-inline-start: 100%;
+}
+
 .cds--popover--tab-tip > .cds--popover > .cds--popover-content {
   border-radius: 0;
 }
@@ -4532,13 +4598,13 @@ svg.cds--cc--color-legend g.legend-title text {
   background: none;
   cursor: pointer;
   text-align: start;
-  width: 100%;
+  inline-size: 100%;
   position: relative;
   display: inline-flex;
-  width: 2rem;
-  height: 2rem;
   align-items: center;
   justify-content: center;
+  block-size: 2rem;
+  inline-size: 2rem;
 }
 .cds--popover--tab-tip__button *,
 .cds--popover--tab-tip__button *::before,
@@ -4569,11 +4635,11 @@ svg.cds--cc--color-legend g.legend-title text {
 .cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after {
   position: absolute;
   z-index: 6001;
-  bottom: 0;
-  width: 100%;
-  height: 2px;
   background: var(--cds-layer);
+  block-size: 2px;
   content: "";
+  inline-size: 100%;
+  inset-block-end: 0;
 }
 
 .cds--popover--tab-tip__button svg {
@@ -4589,9 +4655,9 @@ svg.cds--cc--color-legend g.legend-title text {
   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);
-  max-width: 18rem;
   padding: var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);
   color: var(--cds-text-inverse, #ffffff);
+  max-inline-size: 18rem;
 }
 
 .cds--icon-tooltip {
@@ -4623,8 +4689,8 @@ svg.cds--cc--color-legend g.legend-title text {
   background: none;
   cursor: pointer;
   text-align: start;
-  width: 100%;
-  border-bottom: 1px dotted var(--cds-border-strong);
+  inline-size: 100%;
+  border-block-end: 1px dotted var(--cds-border-strong);
   border-radius: 0;
   color: var(--cds-text-primary, #161616);
 }
@@ -4639,7 +4705,7 @@ svg.cds--cc--color-legend g.legend-title text {
 
 .cds--definition-term:focus {
   outline: 1px solid var(--cds-focus, #0f62fe);
-  border-bottom-color: var(--cds-border-interactive, #0f62fe);
+  border-block-end-color: var(--cds-border-interactive, #0f62fe);
 }
 @media screen and (prefers-contrast) {
   .cds--definition-term:focus {
@@ -4648,7 +4714,7 @@ svg.cds--cc--color-legend g.legend-title text {
 }
 
 .cds--definition-term:hover {
-  border-bottom-color: var(--cds-border-interactive, #0f62fe);
+  border-block-end-color: var(--cds-border-interactive, #0f62fe);
 }
 
 .cds--definition-tooltip {
@@ -4656,8 +4722,8 @@ svg.cds--cc--color-legend g.legend-title text {
   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);
-  max-width: 11rem;
   padding: 0.5rem 1rem;
+  max-inline-size: 11rem;
 }
 
 .cds--btn {
@@ -4686,19 +4752,19 @@ svg.cds--cc--color-legend g.legend-title text {
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   position: relative;
   display: inline-flex;
-  width: max-content;
-  max-width: 20rem;
-  min-height: var(--cds-layout-size-height-local);
   flex-shrink: 0;
   justify-content: space-between;
   margin: 0;
   border-radius: 0;
   cursor: pointer;
+  inline-size: max-content;
+  max-inline-size: 20rem;
+  min-block-size: var(--cds-layout-size-height-local);
   outline: none;
   padding-block: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
   padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
   padding-inline-start: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
-  text-align: left;
+  text-align: start;
   text-decoration: none;
   transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
   vertical-align: top;
@@ -4717,11 +4783,11 @@ svg.cds--cc--color-legend g.legend-title text {
 }
 .cds--btn .cds--btn__icon {
   position: absolute;
-  top: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
-  right: var(--cds-layout-density-padding-inline-local);
-  width: 1rem;
-  height: 1rem;
   flex-shrink: 0;
+  block-size: 1rem;
+  inline-size: 1rem;
+  inset-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
+  inset-inline-end: var(--cds-layout-density-padding-inline-local);
   margin-block-start: 0.0625rem;
 }
 
@@ -4843,7 +4909,7 @@ svg.cds--cc--color-legend g.legend-title text {
 }
 .cds--btn--ghost .cds--btn__icon {
   position: static;
-  margin-left: 0.5rem;
+  margin-inline-start: 0.5rem;
 }
 .cds--btn--ghost:hover, .cds--btn--ghost:active {
   color: var(--cds-link-primary-hover, #0043ce);
@@ -4862,15 +4928,15 @@ svg.cds--cc--color-legend g.legend-title text {
 }
 
 .cds--btn--icon-only {
-  width: var(--cds-layout-size-height-local);
-  height: var(--cds-layout-size-height-local);
   justify-content: center;
   padding: 0;
+  block-size: var(--cds-layout-size-height-local);
+  inline-size: var(--cds-layout-size-height-local);
   padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
 }
 .cds--btn--icon-only > :first-child {
-  min-width: 1rem;
   margin-block-start: 0.0625rem;
+  min-inline-size: 1rem;
 }
 .cds--btn--icon-only .cds--btn__icon {
   position: static;
@@ -4997,7 +5063,7 @@ svg.cds--cc--color-legend g.legend-title text {
 }
 .cds--btn--danger--ghost .cds--btn__icon {
   position: static;
-  margin-left: 0.5rem;
+  margin-inline-start: 0.5rem;
 }
 .cds--btn--danger--ghost:hover, .cds--btn--danger--ghost:active {
   color: var(--cds-text-on-color, #ffffff);
@@ -5022,12 +5088,12 @@ svg.cds--cc--color-legend g.legend-title text {
 }
 
 .cds--btn.cds--btn--expressive .cds--btn__icon {
-  width: 1.25rem;
-  height: 1.25rem;
+  block-size: 1.25rem;
+  inline-size: 1.25rem;
 }
 
 .cds--btn-set .cds--btn.cds--btn--expressive {
-  max-width: 20rem;
+  max-inline-size: 20rem;
 }
 
 .cds--btn.cds--skeleton {
@@ -5037,7 +5103,7 @@ svg.cds--cc--color-legend g.legend-title text {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  width: 9.375rem;
+  inline-size: 9.375rem;
 }
 .cds--btn.cds--skeleton:hover, .cds--btn.cds--skeleton:focus, .cds--btn.cds--skeleton:active {
   border: none;
@@ -5046,11 +5112,11 @@ svg.cds--cc--color-legend g.legend-title text {
 }
 .cds--btn.cds--skeleton::before {
   position: absolute;
-  width: 100%;
-  height: 100%;
   animation: 3000ms ease-in-out skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
+  block-size: 100%;
   content: "";
+  inline-size: 100%;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -5068,8 +5134,8 @@ svg.cds--cc--color-legend g.legend-title text {
 }
 
 .cds--btn-set .cds--btn {
-  width: 100%;
-  max-width: 12.25rem;
+  inline-size: 100%;
+  max-inline-size: 12.25rem;
 }
 .cds--btn-set .cds--btn:not(:focus) {
   box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
@@ -5118,6 +5184,10 @@ svg.cds--cc--color-legend g.legend-title text {
   }
 }
 
+[dir=rtl] .cds--btn-set .cds--btn:not(:focus) {
+  box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
+}
+
 .cds--cc--grid-brush g.grid-brush rect.selection {
   fill: none;
   fill-opacity: 0;
@@ -5269,15 +5339,15 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
 .cds--modal {
   position: fixed;
   z-index: 9000;
-  top: 0;
-  left: 0;
   display: flex;
-  width: 100vw;
-  height: 100vh;
   align-items: center;
   justify-content: center;
   background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
+  block-size: 100vh;
   content: "";
+  inline-size: 100vw;
+  inset-block-start: 0;
+  inset-inline-start: 0;
   opacity: 0;
   transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;
   visibility: hidden;
@@ -5304,7 +5374,8 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
 .cds--modal .cds--date-picker__input,
 .cds--modal .cds--multi-select,
 .cds--modal .cds--number__control-btn::before,
-.cds--modal .cds--number__control-btn::after {
+.cds--modal .cds--number__control-btn::after,
+.cds--modal .cds--list-box input[role=combobox] {
   background-color: var(--cds-field-02, #ffffff);
 }
 .cds--modal .cds--list-box__menu {
@@ -5314,13 +5385,13 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
   background-color: var(--cds-border-subtle-02, #e0e0e0);
 }
 .cds--modal .cds--list-box__menu-item__option {
-  border-top-color: var(--cds-border-subtle-02, #e0e0e0);
+  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
 }
 .cds--modal .cds--list-box__menu-item:hover .cds--list-box__menu-item__option {
-  border-top-color: var(--cds-layer-hover-02, #e8e8e8);
+  border-block-start-color: var(--cds-layer-hover-02, #e8e8e8);
 }
 .cds--modal .cds--list-box__menu-item--active:hover .cds--list-box__menu-item__option {
-  border-top-color: var(--cds-layer-selected-hover-02, #d1d1d1);
+  border-block-start-color: var(--cds-layer-selected-hover-02, #d1d1d1);
 }
 .cds--modal .cds--text-input--fluid .cds--text-input,
 .cds--modal .cds--text-area--fluid .cds--text-area__wrapper,
@@ -5354,7 +5425,7 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
 }
 .cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,
 .cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after {
-  border-left: 2px solid var(--cds-focus, #0f62fe);
+  border-inline-start: 2px solid var(--cds-focus, #0f62fe);
 }
 
 .cds--modal.is-visible .cds--modal-container {
@@ -5364,15 +5435,15 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
 
 .cds--modal-container {
   position: fixed;
-  top: 0;
   display: grid;
   overflow: hidden;
-  width: 100%;
-  height: 100%;
-  max-height: 100%;
   background-color: var(--cds-layer);
+  block-size: 100%;
   grid-template-columns: 100%;
   grid-template-rows: auto 1fr auto;
+  inline-size: 100%;
+  inset-block-start: 0;
+  max-block-size: 100%;
   outline: 3px solid transparent;
   outline-offset: -3px;
   transform: translate3d(0, -24px, 0);
@@ -5382,20 +5453,20 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
 @media (min-width: 42rem) {
   .cds--modal-container {
     position: static;
-    width: 84%;
-    height: auto;
-    max-height: 90%;
+    block-size: auto;
+    inline-size: 84%;
+    max-block-size: 90%;
   }
 }
 @media (min-width: 66rem) {
   .cds--modal-container {
-    width: 60%;
-    max-height: 84%;
+    inline-size: 60%;
+    max-block-size: 84%;
   }
 }
 @media (min-width: 82rem) {
   .cds--modal-container {
-    width: 48%;
+    inline-size: 48%;
   }
 }
 .cds--modal-container .cds--modal-container-body {
@@ -5408,15 +5479,15 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
   line-height: var(--cds-body-01-line-height, 1.42857);
   letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
   position: relative;
-  padding-top: 0.5rem;
-  padding-right: 1rem;
-  padding-left: 1rem;
-  margin-bottom: 3rem;
   color: var(--cds-text-primary, #161616);
   font-weight: 400;
   grid-column: 1/-1;
   grid-row: 2/-2;
+  margin-block-end: 3rem;
   overflow-y: auto;
+  padding-block-start: 0.5rem;
+  padding-inline-end: 1rem;
+  padding-inline-start: 1rem;
 }
 .cds--modal-content:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -5429,8 +5500,8 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
 }
 
 .cds--modal-content .cds--form--fluid {
-  margin-right: -1rem;
-  margin-left: -1rem;
+  margin-inline-end: -1rem;
+  margin-inline-start: -1rem;
 }
 
 .cds--modal-content > p,
@@ -5439,20 +5510,20 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
   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);
-  padding-right: calc(20% - 2rem);
+  padding-inline-end: calc(20% - 2rem);
 }
 
 .cds--modal-content--with-form {
-  padding-right: 1rem;
+  padding-inline-end: 1rem;
 }
 
 .cds--modal-header {
-  padding-top: 1rem;
-  padding-right: 3rem;
-  padding-left: 1rem;
-  margin-bottom: 0.5rem;
   grid-column: 1/-1;
   grid-row: 1/1;
+  margin-block-end: 0.5rem;
+  padding-block-start: 1rem;
+  padding-inline-end: 3rem;
+  padding-inline-start: 1rem;
 }
 
 .cds--modal-header__label {
@@ -5467,8 +5538,8 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
   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);
-  margin-bottom: 0.25rem;
   color: var(--cds-text-secondary, #525252);
+  margin-block-end: 0.25rem;
 }
 .cds--modal-header__label *,
 .cds--modal-header__label *::before,
@@ -5488,8 +5559,8 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
   font-weight: var(--cds-heading-03-font-weight, 400);
   line-height: var(--cds-heading-03-line-height, 1.4);
   letter-spacing: var(--cds-heading-03-letter-spacing, 0);
-  padding-right: calc(20% - 3rem);
   color: var(--cds-text-primary, #161616);
+  padding-inline-end: calc(20% - 3rem);
 }
 .cds--modal-header__heading *,
 .cds--modal-header__heading *::before,
@@ -5498,90 +5569,90 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
 }
 
 .cds--modal-container--xs .cds--modal-content__regular-content {
-  padding-right: 1rem;
+  padding-inline-end: 1rem;
 }
 .cds--modal-container--xs .cds--modal-content > p {
-  padding-right: 0;
+  padding-inline-end: 0;
 }
 @media (min-width: 42rem) {
   .cds--modal-container--xs {
-    width: 48%;
+    inline-size: 48%;
   }
 }
 @media (min-width: 66rem) {
   .cds--modal-container--xs {
-    width: 32%;
-    max-height: 48%;
+    inline-size: 32%;
+    max-block-size: 48%;
   }
 }
 @media (min-width: 82rem) {
   .cds--modal-container--xs {
-    width: 24%;
+    inline-size: 24%;
   }
 }
 
 .cds--modal-container--sm .cds--modal-content__regular-content {
-  padding-right: 1rem;
+  padding-inline-end: 1rem;
 }
 .cds--modal-container--sm .cds--modal-content > p {
-  padding-right: 0;
+  padding-inline-end: 0;
 }
 @media (min-width: 42rem) {
   .cds--modal-container--sm {
-    width: 60%;
+    inline-size: 60%;
   }
 }
 @media (min-width: 66rem) {
   .cds--modal-container--sm {
-    width: 42%;
-    max-height: 72%;
+    inline-size: 42%;
+    max-block-size: 72%;
   }
   .cds--modal-container--sm .cds--modal-content > p,
   .cds--modal-container--sm .cds--modal-content__regular-content {
-    padding-right: 20%;
+    padding-inline-end: 20%;
   }
 }
 @media (min-width: 82rem) {
   .cds--modal-container--sm {
-    width: 36%;
+    inline-size: 36%;
   }
 }
 
 @media (min-width: 42rem) {
   .cds--modal-container--lg {
-    width: 96%;
+    inline-size: 96%;
   }
 }
 @media (min-width: 66rem) {
   .cds--modal-container--lg {
-    width: 84%;
-    max-height: 96%;
+    inline-size: 84%;
+    max-block-size: 96%;
   }
 }
 @media (min-width: 82rem) {
   .cds--modal-container--lg {
-    width: 72%;
+    inline-size: 72%;
   }
 }
 
 .cds--modal-scroll-content > *:last-child {
-  padding-bottom: 2rem;
+  padding-block-end: 2rem;
 }
 
 .cds--modal-content--overflow-indicator {
   position: absolute;
-  bottom: 3rem;
-  left: 0;
-  width: 100%;
-  height: 2rem;
   background-image: linear-gradient(to bottom, transparent, var(--cds-layer));
+  block-size: 2rem;
   content: "";
   grid-column: 1/-1;
   grid-row: 2/-2;
+  inline-size: 100%;
+  inset-block-end: 3rem;
+  inset-inline-start: 0;
   pointer-events: none;
 }
 
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution >= 0.001dpcm) {
   @supports (-webkit-appearance: none) and (stroke-color: transparent) {
     .cds--modal-content--overflow-indicator {
       background-image: linear-gradient(to bottom, rgba(var(--cds-layer), 0), var(--cds-layer));
@@ -5589,13 +5660,13 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
   }
 }
 .cds--modal-content:focus ~ .cds--modal-content--overflow-indicator {
-  width: calc(100% - 4px);
   margin: 0 2px 2px;
+  inline-size: calc(100% - 4px);
 }
 
 @media screen and (-ms-high-contrast: active) {
   .cds--modal-scroll-content > *:last-child {
-    padding-bottom: 0;
+    padding-block-end: 0;
   }
   .cds--modal-content--overflow-indicator {
     display: none;
@@ -5603,21 +5674,21 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
 }
 .cds--modal-footer {
   display: flex;
-  height: 4rem;
   justify-content: flex-end;
-  margin-top: auto;
+  block-size: 4rem;
   grid-column: 1/-1;
   grid-row: -1/-1;
+  margin-block-start: auto;
 }
 
 .cds--modal-footer .cds--btn {
-  max-width: none;
-  height: 4rem;
   flex: 0 1 50%;
   align-items: baseline;
-  padding-top: 0.875rem;
-  padding-bottom: 2rem;
   margin: 0;
+  block-size: 4rem;
+  max-inline-size: none;
+  padding-block-end: 2rem;
+  padding-block-start: 0.875rem;
 }
 
 .cds--modal-footer--three-button .cds--btn {
@@ -5628,15 +5699,15 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
 .cds--modal-close {
   position: absolute;
   z-index: 2;
-  top: 0;
-  right: 0;
   overflow: hidden;
-  width: 3rem;
-  height: 3rem;
   padding: 0.75rem;
   border: 2px solid transparent;
   background-color: transparent;
+  block-size: 3rem;
   cursor: pointer;
+  inline-size: 3rem;
+  inset-block-start: 0;
+  inset-inline-end: 0;
   transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .cds--modal-close:hover {
@@ -5652,9 +5723,9 @@ div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbo
 }
 
 .cds--modal-close__icon {
-  width: 1.25rem;
-  height: 1.25rem;
+  block-size: 1.25rem;
   fill: var(--cds-icon-primary, #161616);
+  inline-size: 1.25rem;
 }
 
 .cds--body--with-modal-open {
@@ -5728,10 +5799,10 @@ textarea:-webkit-autofill:focus {
   line-height: var(--cds-label-01-line-height, 1.33333);
   letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
   display: inline-block;
-  margin-bottom: 0.5rem;
   color: var(--cds-text-secondary, #525252);
   font-weight: 400;
   line-height: 1rem;
+  margin-block-end: 0.5rem;
   vertical-align: baseline;
 }
 .cds--label html {
@@ -5759,13 +5830,13 @@ textarea:-webkit-autofill:focus {
 }
 
 .cds--label--no-margin {
-  margin-bottom: 0;
+  margin-block-end: 0;
 }
 
 .cds--label + .cds--tooltip {
   position: relative;
-  top: 0.2rem;
-  left: 0.5rem;
+  inset-block-start: 0.2rem;
+  inset-inline-start: 0.5rem;
 }
 
 .cds--label + .cds--tooltip .cds--tooltip__trigger {
@@ -5783,7 +5854,7 @@ textarea:-webkit-autofill:focus {
   background: none;
   cursor: pointer;
   text-align: start;
-  width: 100%;
+  inline-size: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -5814,8 +5885,8 @@ textarea:-webkit-autofill:focus {
 }
 
 .cds--label + .cds--toggletip {
-  top: 0.2rem;
-  left: 0.5rem;
+  inset-block-start: 0.2rem;
+  inset-inline-start: 0.5rem;
 }
 
 .cds--label.cds--skeleton {
@@ -5825,8 +5896,8 @@ textarea:-webkit-autofill:focus {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  width: 4.6875rem;
-  height: 0.875rem;
+  block-size: 0.875rem;
+  inline-size: 4.6875rem;
 }
 .cds--label.cds--skeleton:hover, .cds--label.cds--skeleton:focus, .cds--label.cds--skeleton:active {
   border: none;
@@ -5835,11 +5906,11 @@ textarea:-webkit-autofill:focus {
 }
 .cds--label.cds--skeleton::before {
   position: absolute;
-  width: 100%;
-  height: 100%;
   animation: 3000ms ease-in-out skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
+  block-size: 100%;
   content: "";
+  inline-size: 100%;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -5894,8 +5965,8 @@ input[data-invalid] ~ .cds--form-requirement,
 .cds--list-box--warning ~ .cds--form-requirement {
   display: block;
   overflow: visible;
-  max-height: 12.5rem;
   font-weight: 400;
+  max-block-size: 12.5rem;
 }
 
 input[data-invalid] ~ .cds--form-requirement,
@@ -5925,7 +5996,7 @@ input[data-invalid] ~ .cds--form-requirement,
   margin: 0;
 }
 
-input:not(output):not([data-invalid]):-moz-ui-invalid {
+input:not(output, [data-invalid]):-moz-ui-invalid {
   box-shadow: none;
 }
 
@@ -5936,8 +6007,8 @@ input:not(output):not([data-invalid]):-moz-ui-invalid {
   letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
   display: none;
   overflow: hidden;
-  max-height: 0;
   margin: 0.25rem 0 0;
+  max-block-size: 0;
 }
 .cds--form-requirement html {
   font-size: 100%;
@@ -5957,7 +6028,7 @@ input:not(output):not([data-invalid]):-moz-ui-invalid {
 }
 
 .cds--select--inline .cds--form__helper-text {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 .cds--form__helper-text {
@@ -5965,9 +6036,9 @@ input:not(output):not([data-invalid]):-moz-ui-invalid {
   line-height: var(--cds-helper-text-01-line-height, 1.33333);
   letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
   z-index: 0;
-  width: 100%;
-  margin-top: 0.25rem;
   color: var(--cds-text-secondary, #525252);
+  inline-size: 100%;
+  margin-block-start: 0.25rem;
   opacity: 1;
 }
 
@@ -5998,34 +6069,34 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--form-item.cds--checkbox-wrapper {
   position: relative;
-  margin-bottom: 0.25rem;
+  margin-block-end: 0.25rem;
 }
 
 .cds--form-item.cds--checkbox-wrapper:first-of-type {
-  margin-top: 0.1875rem;
+  margin-block-start: 0.1875rem;
 }
 
 .cds--label + .cds--form-item.cds--checkbox-wrapper {
-  margin-top: -0.125rem;
+  margin-block-start: -0.125rem;
 }
 
 .cds--form-item.cds--checkbox-wrapper:last-of-type {
-  margin-bottom: 0.1875rem;
+  margin-block-end: 0.1875rem;
 }
 
 .cds--checkbox {
   position: absolute;
   overflow: hidden;
-  width: 1px;
-  height: 1px;
   padding: 0;
   border: 0;
   margin: -1px;
+  block-size: 1px;
   clip: rect(0, 0, 0, 0);
+  inline-size: 1px;
   visibility: inherit;
   white-space: nowrap;
-  top: 1.25rem;
-  left: 0.7rem;
+  inset-block-start: 1.25rem;
+  inset-inline-start: 0.7rem;
 }
 
 .cds--checkbox-label {
@@ -6035,10 +6106,10 @@ fieldset[disabled] .cds--form__helper-text {
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   position: relative;
   display: flex;
-  min-height: 1.5rem;
-  padding-top: 0.1875rem;
-  padding-left: 1.25rem;
   cursor: pointer;
+  min-block-size: 1.5rem;
+  padding-block-start: 0.1875rem;
+  padding-inline-start: 1.25rem;
   user-select: none;
 }
 .cds--checkbox-label html {
@@ -6059,7 +6130,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--checkbox-label-text {
-  padding-left: 0.375rem;
+  padding-inline-start: 0.375rem;
 }
 
 .cds--checkbox-label::before,
@@ -6069,30 +6140,30 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--checkbox-label::before {
   position: absolute;
-  top: 0.125rem;
-  left: 0;
-  width: 1rem;
-  height: 1rem;
   border: 1px solid var(--cds-icon-primary, #161616);
   margin: 0.125rem 0.125rem 0.125rem 0.1875rem;
   background-color: transparent;
+  block-size: 1rem;
   border-radius: 2px;
   content: "";
+  inline-size: 1rem;
+  inset-block-start: 0.125rem;
+  inset-inline-start: 0;
 }
 
 .cds--checkbox-label::after {
   position: absolute;
-  top: 0.46875rem;
-  left: 0.4375rem;
-  width: 0.5625rem;
-  height: 0.3125rem;
-  border-bottom: 1.5px solid var(--cds-icon-inverse, #ffffff);
-  border-left: 1.5px solid var(--cds-icon-inverse, #ffffff);
-  margin-top: -0.1875rem /*rtl:0rem*/;
   background: none;
+  block-size: 0.3125rem;
+  border-block-end: 1.5px solid var(--cds-icon-inverse, #ffffff);
+  border-inline-start: 1.5px solid var(--cds-icon-inverse, #ffffff);
   content: "";
+  inline-size: 0.5625rem;
+  inset-block-start: 0.46875rem;
+  inset-inline-start: 0.4375rem;
+  margin-block-start: -0.1875rem;
   transform: scale(0) rotate(-45deg);
-  transform-origin: bottom right /*rtl:center*/;
+  transform-origin: bottom right;
 }
 
 .cds--checkbox:checked + .cds--checkbox-label::before,
@@ -6105,14 +6176,14 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--checkbox:checked + .cds--checkbox-label::after,
 .cds--checkbox-label[data-contained-checkbox-state=true]::after {
-  transform: scale(1) rotate(-45deg) /*rtl:scale(1.2) rotate3d(.5, 1, 0, 158deg)*/;
+  transform: scale(1) rotate(-45deg);
 }
 
 .cds--checkbox:indeterminate + .cds--checkbox-label::after {
-  top: 0.6875rem;
-  width: 0.5rem;
-  border-bottom: 2px solid var(--cds-icon-inverse, #ffffff);
-  border-left: 0 solid var(--cds-icon-inverse, #ffffff);
+  border-block-end: 2px solid var(--cds-icon-inverse, #ffffff);
+  border-inline-start: 0 solid var(--cds-icon-inverse, #ffffff);
+  inline-size: 0.5rem;
+  inset-block-start: 0.6875rem;
   transform: scale(1) rotate(0deg);
 }
 
@@ -6162,13 +6233,14 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--checkbox-group__validation-msg,
 .cds--checkbox__validation-msg {
   display: none;
-  align-items: flex-end;
-  margin-top: 0.25rem;
+  align-items: flex-start;
+  margin-block-start: 0.25rem;
 }
 
 .cds--checkbox__invalid-icon {
-  margin: 0 0.0625rem 0 0.1875rem;
+  margin: 0.0625rem 0.0625rem 0 0.1875rem;
   fill: var(--cds-support-error, #da1e28);
+  min-inline-size: 1rem;
 }
 
 .cds--checkbox__invalid-icon--warning {
@@ -6192,9 +6264,9 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--checkbox-wrapper--warning .cds--checkbox__validation-msg .cds--form-requirement {
   display: block;
   overflow: visible;
-  max-height: 100%;
-  margin-top: 0;
-  margin-left: 0.5rem;
+  margin-block-start: 0;
+  margin-inline-start: 0.5rem;
+  max-block-size: 100%;
 }
 
 .cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,
@@ -6240,9 +6312,10 @@ fieldset[disabled] .cds--form__helper-text {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  width: 6.25rem;
-  height: 1rem;
-  margin: 0.0625rem 0 0 0.375rem;
+  block-size: 1rem;
+  inline-size: 6.25rem;
+  margin-block: 0.0625rem 0;
+  margin-inline: 0.375rem 0;
 }
 .cds--checkbox-label-text.cds--skeleton:hover, .cds--checkbox-label-text.cds--skeleton:focus, .cds--checkbox-label-text.cds--skeleton:active {
   border: none;
@@ -6251,11 +6324,11 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--checkbox-label-text.cds--skeleton::before {
   position: absolute;
-  width: 100%;
-  height: 100%;
   animation: 3000ms ease-in-out skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
+  block-size: 100%;
   content: "";
+  inline-size: 100%;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -6268,6 +6341,17 @@ fieldset[disabled] .cds--form__helper-text {
   position: relative;
 }
 
+[dir=rtl] .cds--checkbox-label::after {
+  margin-block-start: 0;
+  margin-inline-start: -0.0625rem;
+  transform-origin: center;
+}
+
+[dir=rtl] .cds--checkbox:checked + .cds--checkbox-label::after,
+[dir=rtl] .cds--checkbox-label[data-contained-checkbox-state=true]::after {
+  transform: scale(1.2) rotate3d(0.5, 1, 0, 158deg);
+}
+
 .cds--radio-button-group {
   box-sizing: border-box;
   padding: 0;
@@ -6287,7 +6371,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--label + .cds--form-item .cds--radio-button-group {
-  margin-top: 0;
+  margin-block-start: 0;
 }
 
 .cds--radio-button-group--vertical {
@@ -6298,22 +6382,22 @@ fieldset[disabled] .cds--form__helper-text {
   align-items: flex-end;
 }
 .cds--radio-button-group--vertical .cds--radio-button__label {
-  margin-right: 0;
   line-height: 1.25;
+  margin-inline-end: 0;
 }
 .cds--radio-button-group--vertical .cds--radio-button__label:not(:last-of-type) {
-  margin-bottom: 0.5rem;
+  margin-block-end: 0.5rem;
 }
 
 .cds--radio-button {
   position: absolute;
   overflow: hidden;
-  width: 1px;
-  height: 1px;
   padding: 0;
   border: 0;
   margin: -1px;
+  block-size: 1px;
   clip: rect(0, 0, 0, 0);
+  inline-size: 1px;
   visibility: inherit;
   white-space: nowrap;
   visibility: inherit;
@@ -6326,8 +6410,8 @@ fieldset[disabled] .cds--form__helper-text {
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   display: flex;
   align-items: center;
-  margin-right: 1rem;
   cursor: pointer;
+  margin-inline-end: 1rem;
 }
 
 .cds--radio-button__appearance {
@@ -6338,13 +6422,14 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  width: 1.125rem;
-  height: 1.125rem;
   flex-shrink: 0;
   border: 1px solid var(--cds-icon-primary, #161616);
-  margin: 0.0625rem 0.5rem 0.125rem 0.125rem;
   background-color: transparent;
+  block-size: 1.125rem;
   border-radius: 50%;
+  inline-size: 1.125rem;
+  margin-block: 0.0625rem 0.125rem;
+  margin-inline: 0.125rem 0.5rem;
 }
 .cds--radio-button__appearance *,
 .cds--radio-button__appearance *::before,
@@ -6361,11 +6446,11 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
   position: relative;
   display: inline-block;
-  width: 100%;
-  height: 100%;
   background-color: var(--cds-icon-primary, #161616);
+  block-size: 100%;
   border-radius: 50%;
   content: "";
+  inline-size: 100%;
   transform: scale(0.5);
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
@@ -6409,12 +6494,12 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--radio-button__validation-msg {
   display: none;
   align-items: flex-end;
-  margin-top: 0.375rem;
+  margin-block-start: 0.375rem;
 }
 
 .cds--radio-button__invalid-icon {
-  margin: 0 0.0625rem 0 0.1875rem;
   fill: var(--cds-support-error, #da1e28);
+  margin-inline: 0.1875rem 0.0625rem;
 }
 
 .cds--radio-button__invalid-icon--warning {
@@ -6434,9 +6519,9 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--radio-button-group--warning + .cds--radio-button__validation-msg .cds--form-requirement {
   display: block;
   overflow: visible;
-  max-height: 100%;
-  margin-top: 0;
-  margin-left: 0.5rem;
+  margin-block-start: 0;
+  margin-inline-start: 0.5rem;
+  max-block-size: 100%;
 }
 
 .cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement {
@@ -6444,7 +6529,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--radio-button-group ~ .cds--form__helper-text {
-  margin-top: 0.375rem;
+  margin-block-start: 0.375rem;
 }
 
 .cds--radio-button:focus + .cds--radio-button__label .cds--radio-button__appearance {
@@ -6459,8 +6544,8 @@ fieldset[disabled] .cds--form__helper-text {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  width: 6.25rem;
-  height: 1.125rem;
+  block-size: 1.125rem;
+  inline-size: 6.25rem;
 }
 .cds--radio-button__label.cds--skeleton:hover, .cds--radio-button__label.cds--skeleton:focus, .cds--radio-button__label.cds--skeleton:active {
   border: none;
@@ -6469,11 +6554,11 @@ fieldset[disabled] .cds--form__helper-text {
 }
 .cds--radio-button__label.cds--skeleton::before {
   position: absolute;
-  width: 100%;
-  height: 100%;
   animation: 3000ms ease-in-out skeleton infinite;
   background: var(--cds-skeleton-element, #c6c6c6);
+  block-size: 100%;
   content: "";
+  inline-size: 100%;
   will-change: transform-origin, transform, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -6494,12 +6579,12 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--radio-button-wrapper:not(:last-of-type) {
-  margin-right: 1rem;
+  margin-inline-end: 1rem;
 }
 
 .cds--radio-button-group--vertical .cds--radio-button-wrapper:not(:last-of-type) {
-  margin-right: 0;
-  margin-bottom: 0.5rem;
+  margin-block-end: 0.5rem;
+  margin-inline-end: 0;
 }
 
 .cds--radio-button-group--label-right .cds--radio-button__label,
@@ -6514,13 +6599,13 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--radio-button-group--label-left .cds--radio-button__appearance,
 .cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance {
-  margin-right: 0;
-  margin-left: 0.5rem;
+  margin-inline-end: 0;
+  margin-inline-start: 0.5rem;
 }
 
 .cds--data-table-container {
   position: relative;
-  padding-top: 0.125rem;
+  padding-block-start: 0.125rem;
 }
 
 .cds--data-table-content {
@@ -6528,9 +6613,21 @@ fieldset[disabled] .cds--form__helper-text {
   overflow-x: auto;
 }
 
+.cds--data-table-content:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .cds--data-table-content:focus {
+    outline-style: dotted;
+  }
+}
+
 .cds--data-table-header {
-  padding: 1rem 0 1.5rem 1rem;
   background: var(--cds-layer);
+  padding-block-end: 1.5rem;
+  padding-block-start: 1rem;
+  padding-inline: 1rem;
 }
 
 .cds--data-table-header__title {
@@ -6550,19 +6647,19 @@ fieldset[disabled] .cds--form__helper-text {
 }
 @media (min-width: 42rem) {
   .cds--data-table-header__description {
-    max-width: 50ch;
+    max-inline-size: 50ch;
   }
 }
 @media (min-width: 66rem) {
   .cds--data-table-header__description {
-    max-width: 80ch;
+    max-inline-size: 80ch;
   }
 }
 
 .cds--data-table {
-  width: 100%;
   border-collapse: collapse;
   border-spacing: 0;
+  inline-size: 100%;
 }
 
 .cds--data-table thead {
@@ -6578,14 +6675,14 @@ fieldset[disabled] .cds--form__helper-text {
   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);
-  width: 100%;
   background-color: var(--cds-layer);
+  inline-size: 100%;
 }
 
 .cds--data-table tr {
-  width: 100%;
-  height: 3rem;
   border: none;
+  block-size: 3rem;
+  inline-size: 100%;
 }
 
 .cds--data-table tbody tr,
@@ -6600,9 +6697,9 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--data-table tbody tr:hover td,
 .cds--data-table tbody tr:hover th {
-  border-top: 1px solid var(--cds-layer-hover);
-  border-bottom: 1px solid var(--cds-layer-hover);
   background: var(--cds-layer-hover);
+  border-block-end: 1px solid var(--cds-layer-hover);
+  border-block-start: 1px solid var(--cds-layer-hover);
   color: var(--cds-text-primary, #161616);
 }
 
@@ -6616,33 +6713,33 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--data-table th,
 .cds--data-table td {
-  text-align: left;
+  text-align: start;
   vertical-align: middle;
 }
 
 .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand) {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+  padding-block-end: 1rem;
+  padding-block-start: 1rem;
 }
 .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-menu {
-  padding-top: 0.5rem;
+  padding-block-start: 0.5rem;
 }
 .cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-checkbox:not(.cds--table-column-radio) {
-  padding-top: 0.8125rem;
+  padding-block-start: 0.8125rem;
 }
 .cds--data-table.cds--data-table--top-aligned-body td {
   vertical-align: top;
 }
 
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header) {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+  padding-block-end: 1rem;
+  padding-block-start: 1rem;
 }
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-menu {
-  padding-top: 0.5rem;
+  padding-block-start: 0.5rem;
 }
 .cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-checkbox {
-  padding-top: 0.8125rem;
+  padding-block-start: 0.8125rem;
 }
 .cds--data-table.cds--data-table--top-aligned-header th {
   vertical-align: top;
@@ -6650,7 +6747,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--data-table th[align=right],
 .cds--data-table td[align=right] {
-  text-align: right;
+  text-align: end;
 }
 
 .cds--data-table th[align=center],
@@ -6659,33 +6756,33 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--data-table th {
-  padding-right: 1rem;
-  padding-left: 1rem;
   background-color: var(--cds-layer-accent);
   color: var(--cds-text-primary, #161616);
+  padding-inline-end: 1rem;
+  padding-inline-start: 1rem;
 }
 
 .cds--data-table th:last-of-type {
   position: static;
-  width: auto;
+  inline-size: auto;
 }
 
 .cds--data-table .cds--table-header-label {
-  text-align: left;
+  text-align: start;
 }
 
 .cds--data-table td,
 .cds--data-table tbody th {
-  padding-right: 1rem;
-  padding-left: 1rem;
-  border-top: 1px solid var(--cds-layer);
-  border-bottom: 1px solid var(--cds-border-subtle);
   background: var(--cds-layer);
+  border-block-end: 1px solid var(--cds-border-subtle);
+  border-block-start: 1px solid var(--cds-layer);
   color: var(--cds-text-secondary, #525252);
+  padding-inline-end: 1rem;
+  padding-inline-start: 1rem;
 }
 .cds--data-table td + td:first-of-type,
 .cds--data-table tbody th + td:first-of-type {
-  padding-left: 0.75rem;
+  padding-inline-start: 0.75rem;
 }
 
 @supports (-moz-appearance: none) {
@@ -6737,8 +6834,8 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--table-row--menu-option .cds--overflow-menu-options__btn .cds--overflow-menu-options__option-content svg {
   position: relative;
-  top: 0.1875rem;
-  margin-right: 0.5rem;
+  inset-block-start: 0.1875rem;
+  margin-inline-end: 0.5rem;
 }
 
 .cds--data-table .cds--overflow-menu:hover,
@@ -6757,47 +6854,47 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--data-table--xs td.cds--table-column-menu,
 .cds--data-table--sm td.cds--table-column-menu {
-  height: 1.5rem;
-  padding-top: 0;
-  padding-bottom: 0;
+  block-size: 1.5rem;
+  padding-block-end: 0;
+  padding-block-start: 0;
 }
 
 .cds--data-table--sm td.cds--table-column-menu {
-  height: 2rem;
+  block-size: 2rem;
 }
 
 .cds--data-table--md td.cds--table-column-menu {
-  height: 2.5rem;
+  block-size: 2.5rem;
 }
 
 .cds--data-table--xl .cds--table-column-menu {
-  padding-top: 0.5rem;
+  padding-block-start: 0.5rem;
 }
 
 .cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(odd) td {
-  border-bottom: 1px solid var(--cds-layer);
+  border-block-end: 1px solid var(--cds-layer);
 }
 
 .cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(even) td {
-  border-top: 1px solid var(--cds-layer-accent);
-  border-bottom: 1px solid var(--cds-layer-accent);
   background-color: var(--cds-layer-accent);
+  border-block-end: 1px solid var(--cds-layer-accent);
+  border-block-start: 1px solid var(--cds-layer-accent);
 }
 
 .cds--data-table--zebra tbody tr:not(.cds--parent-row):hover td {
-  border-top: 1px solid var(--cds-layer-hover);
-  border-bottom: 1px solid var(--cds-layer-hover);
   background-color: var(--cds-layer-hover);
+  border-block-end: 1px solid var(--cds-layer-hover);
+  border-block-start: 1px solid var(--cds-layer-hover);
 }
 
 .cds--table-column-checkbox .cds--checkbox-label {
-  padding-left: 0;
+  padding-inline-start: 0;
 }
 
 .cds--data-table th.cds--table-column-checkbox {
   position: static;
-  width: 2rem;
   background: var(--cds-layer-accent);
+  inline-size: 2rem;
   transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 
@@ -6805,100 +6902,100 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--data-table tbody td.cds--table-column-checkbox,
 .cds--data-table thead th.cds--table-expand,
 .cds--data-table tbody td.cds--table-expand {
-  min-width: 0;
+  min-inline-size: 0;
 }
 
 .cds--data-table thead th.cds--table-column-checkbox,
 .cds--data-table tbody td.cds--table-column-checkbox {
-  min-width: 2.5rem;
-  padding-right: 0.25rem;
-  padding-left: 1rem;
+  min-inline-size: 2.5rem;
+  padding-inline-end: 0.25rem;
+  padding-inline-start: 1rem;
 }
 
 .cds--data-table thead th.cds--table-expand,
 .cds--data-table tbody td.cds--table-expand {
-  width: 2rem;
-  height: 2rem;
+  block-size: 2rem;
+  inline-size: 2rem;
 }
 
 .cds--data-table--xs thead th.cds--table-expand,
 .cds--data-table--xs tbody td.cds--table-expand {
-  width: 1.5rem;
-  height: 1.5rem;
   padding: 0 0 0 0.5rem;
+  block-size: 1.5rem;
+  inline-size: 1.5rem;
 }
 
 .cds--data-table--sm thead th.cds--table-expand,
 .cds--data-table--sm tbody td.cds--table-expand {
-  width: 2rem;
-  height: 2rem;
   padding: 0;
-  padding-left: 0.5rem;
+  block-size: 2rem;
+  inline-size: 2rem;
+  padding-inline-start: 0.5rem;
 }
 
 .cds--data-table--md thead th.cds--table-expand,
 .cds--data-table--md tbody td.cds--table-expand {
-  width: 2.5rem;
-  height: 2.5rem;
   padding: 0.25rem 0 0.25rem 0.5rem;
+  block-size: 2.5rem;
+  inline-size: 2.5rem;
 }
 
 .cds--data-table--xl thead th.cds--table-expand,
 .cds--data-table--xl tbody td.cds--table-expand {
-  height: 4rem;
-  padding-top: 0.625rem;
-  padding-bottom: 1.375rem;
+  block-size: 4rem;
+  padding-block-end: 1.375rem;
+  padding-block-start: 0.625rem;
 }
 
 .cds--data-table--xl .cds--table-column-checkbox {
-  padding-top: 0.8125rem;
+  padding-block-start: 0.8125rem;
 }
 
 .cds--data-table--xl .cds--table-column-radio {
-  padding-top: 1rem;
+  padding-block-start: 1rem;
 }
 
 .cds--table-column-radio {
-  width: 48px;
+  inline-size: 48px;
 }
 
 .cds--table-column-radio .cds--radio-button__appearance {
-  margin-right: -0.125rem;
+  margin-inline-end: -0.125rem;
 }
 
 .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected td,
 tr.cds--data-table--selected td {
-  border-top: 1px solid var(--cds-layer-selected);
-  border-bottom: 1px solid var(--cds-layer-active);
   background-color: var(--cds-layer-selected);
+  border-block-end: 1px solid var(--cds-layer-active);
+  border-block-start: 1px solid var(--cds-layer-selected);
   color: var(--cds-text-primary, #161616);
 }
 
 .cds--data-table--zebra tbody tr:first-of-type:nth-child(odd).cds--data-table--selected td,
 tr.cds--data-table--selected:first-of-type td {
-  border-top: 1px solid var(--cds-border-subtle-selected);
+  border-block-start: 1px solid var(--cds-border-subtle-selected);
 }
 
 .cds--data-table--zebra tbody tr:last-of-type:nth-child(odd).cds--data-table--selected td,
 .cds--data-table--zebra tbody tr:last-of-type:nth-child(even).cds--data-table--selected td,
 tr.cds--data-table--selected:last-of-type td {
-  border-top: 1px solid var(--cds-layer-selected);
-  border-bottom: 1px solid var(--cds-layer-selected);
+  border-block-end: 1px solid var(--cds-layer-selected);
+  border-block-start: 1px solid var(--cds-layer-selected);
 }
 
 .cds--data-table--zebra tbody tr:nth-child(even).cds--data-table--selected td {
-  border-bottom: 1px solid var(--cds-layer-active);
+  border-block-end: 1px solid var(--cds-layer-active);
 }
 
 .cds--data-table--zebra tbody tr:nth-child(even).cds--data-table--selected:hover td {
-  border-bottom: 1px solid var(--cds-layer-selected-hover);
+  border-block-end: 1px solid var(--cds-layer-selected-hover);
 }
 
 .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover td,
 .cds--data-table tbody .cds--data-table--selected:hover td {
-  border-top: 1px solid var(--cds-layer-selected-hover);
-  border-bottom: 1px solid var(--cds-layer-selected-hover);
   background: var(--cds-layer-selected-hover);
+  border-block-end: 1px solid var(--cds-layer-selected-hover);
+  border-block-start: 1px solid var(--cds-layer-selected-hover);
   color: var(--cds-text-primary, #161616);
 }
 
@@ -6909,108 +7006,108 @@ tr.cds--data-table--selected:last-of-type td {
 .cds--data-table--xs thead tr,
 .cds--data-table--xs tbody tr,
 .cds--data-table--xs tbody tr th {
-  height: 1.5rem;
+  block-size: 1.5rem;
 }
 
 .cds--data-table--xs .cds--table-header-label {
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
+  padding-block-end: 0.125rem;
+  padding-block-start: 0.125rem;
 }
 
 .cds--data-table--xs td,
 .cds--data-table--xs tbody tr th {
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
+  padding-block-end: 0.125rem;
+  padding-block-start: 0.125rem;
 }
 
 .cds--data-table--xs .cds--overflow-menu {
-  width: 2rem;
-  height: calc(100% + 1px);
+  block-size: calc(100% + 1px);
+  inline-size: 2rem;
 }
 
 .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-top: 0;
-  padding-bottom: 0;
+  padding-block-end: 0;
+  padding-block-start: 0;
 }
 
 .cds--data-table.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox-label {
-  height: 1.4375rem;
-  min-height: 1.4375rem;
+  block-size: 1.4375rem;
+  min-block-size: 1.4375rem;
 }
 
 .cds--data-table--sm thead tr,
 .cds--data-table--sm tbody tr,
 .cds--data-table--sm tbody tr th {
-  height: 2rem;
+  block-size: 2rem;
 }
 
 .cds--data-table--sm .cds--table-header-label {
-  padding-top: 0.4375rem;
-  padding-bottom: 0.4375rem;
+  padding-block-end: 0.4375rem;
+  padding-block-start: 0.4375rem;
 }
 
 .cds--data-table--sm td,
 .cds--data-table--sm tbody tr th,
 .cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
-  padding-top: 0.4375rem;
-  padding-bottom: 0.375rem;
+  padding-block-end: 0.375rem;
+  padding-block-start: 0.4375rem;
 }
 
 .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
 .cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
-  padding-top: 0.1875rem;
-  padding-bottom: 0.1875rem;
+  padding-block-end: 0.1875rem;
+  padding-block-start: 0.1875rem;
 }
 
 .cds--data-table--sm .cds--overflow-menu {
-  height: calc(100% + 1px);
+  block-size: calc(100% + 1px);
 }
 
 .cds--data-table--md thead tr,
 .cds--data-table--md tbody tr,
 .cds--data-table--md tbody tr th {
-  height: 2.5rem;
+  block-size: 2.5rem;
 }
 
 .cds--data-table--md .cds--table-header-label,
 .cds--data-table--md.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
-  padding-top: 0.4375rem;
-  padding-bottom: 0.4375rem;
+  padding-block-end: 0.4375rem;
+  padding-block-start: 0.4375rem;
 }
 
 .cds--data-table--md td,
 .cds--data-table--md tbody tr th {
-  padding-top: 0.4375rem;
-  padding-bottom: 0.375rem;
+  padding-block-end: 0.375rem;
+  padding-block-start: 0.4375rem;
 }
 
 .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
 .cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
-  padding-top: 0.1875rem;
-  padding-bottom: 0.1875rem;
+  padding-block-end: 0.1875rem;
+  padding-block-start: 0.1875rem;
 }
 
 .cds--data-table--md .cds--table-column-menu {
-  padding-top: 0.1875rem;
-  padding-bottom: 0.1875rem;
+  padding-block-end: 0.1875rem;
+  padding-block-start: 0.1875rem;
 }
 
 .cds--data-table--xl thead tr,
 .cds--data-table--xl tbody tr,
 .cds--data-table--xl tbody tr th {
-  height: 4rem;
+  block-size: 4rem;
 }
 
 .cds--data-table--xl .cds--table-header-label {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+  padding-block-end: 1rem;
+  padding-block-start: 1rem;
 }
 
 .cds--data-table--xl td,
 .cds--data-table--xl tbody tr th {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+  padding-block-end: 1rem;
+  padding-block-start: 1rem;
 }
 
 .cds--data-table--xl th,
@@ -7026,11 +7123,11 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--data-table--static {
-  width: auto;
+  inline-size: auto;
 }
 
 .cds--data-table-container--static {
-  width: fit-content;
+  inline-size: fit-content;
 }
 
 .cds--data-table_inner-container {
@@ -7053,14 +7150,14 @@ tr.cds--data-table--selected:last-of-type td {
 .cds--data-table--sticky-header thead {
   position: sticky;
   z-index: 1;
-  top: 0;
   overflow: scroll;
-  width: 100%;
+  inline-size: 100%;
+  inset-block-start: 0;
   -ms-overflow-style: none;
   will-change: transform;
 }
 .cds--data-table--sticky-header thead tr th {
-  border-bottom: 1px solid var(--cds-layer-active);
+  border-block-end: 1px solid var(--cds-layer-active);
 }
 .cds--data-table--sticky-header tbody {
   flex-direction: column;
@@ -7069,52 +7166,52 @@ tr.cds--data-table--selected:last-of-type td {
   will-change: transform;
 }
 .cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row {
-  height: auto;
-  min-height: 3rem;
+  block-size: auto;
+  min-block-size: 3rem;
 }
 .cds--data-table--sticky-header tr.cds--expandable-row:not(.cds--parent-row) {
-  height: auto;
+  block-size: auto;
 }
 .cds--data-table--sticky-header .cds--table-expand {
-  max-width: 3rem;
+  max-inline-size: 3rem;
 }
 .cds--data-table--sticky-header thead .cds--table-expand {
   align-items: center;
 }
 .cds--data-table--sticky-header .cds--parent-row {
-  min-height: 3rem;
+  min-block-size: 3rem;
 }
 .cds--data-table--sticky-header:not(.cds--data-table--xs):not(.cds--data-table--xl):not(.cds--data-table--sm) td:not(.cds--table-column-menu):not(.cds--table-column-checkbox) {
-  padding-top: 0.875rem;
+  padding-block-start: 0.875rem;
 }
 .cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row:hover + tr[data-child-row] td {
-  border-top: 1px solid var(--cds-layer-hover);
+  border-block-start: 1px solid var(--cds-layer-hover);
 }
 .cds--data-table--sticky-header tr.cds--expandable-row:last-of-type {
   overflow: hidden;
 }
 .cds--data-table--sticky-header tr.cds--data-table--selected:first-of-type td {
-  border-top: none;
+  border-block-start: none;
 }
 .cds--data-table--sticky-header thead th.cds--table-column-checkbox,
 .cds--data-table--sticky-header tbody tr td.cds--table-column-checkbox {
-  width: 2.25rem;
-  min-width: 2.25rem;
   align-items: center;
+  inline-size: 2.25rem;
+  min-inline-size: 2.25rem;
 }
 .cds--data-table--sticky-header.cds--data-table--xl thead th.cds--table-column-checkbox, .cds--data-table--sticky-header.cds--data-table--xl td.cds--table-column-checkbox {
   align-items: flex-start;
 }
 .cds--data-table--sticky-header th.cds--table-column-checkbox ~ th:last-of-type:empty {
-  max-width: 4rem;
+  max-inline-size: 4rem;
 }
 .cds--data-table--sticky-header th:empty:not(.cds--table-expand) {
-  max-width: 2.25rem;
+  max-inline-size: 2.25rem;
 }
 .cds--data-table--sticky-header td.cds--table-column-menu {
-  height: auto;
   align-items: center;
-  padding-top: 0;
+  block-size: auto;
+  padding-block-start: 0;
 }
 .cds--data-table--sticky-header thead::-webkit-scrollbar,
 .cds--data-table--sticky-header tbody::-webkit-scrollbar {
@@ -7127,51 +7224,51 @@ tr.cds--data-table--selected:last-of-type td {
   }
 }
 .cds--data-table--sticky-header tbody tr:last-of-type {
-  border-bottom: 0;
+  border-block-end: 0;
 }
 .cds--data-table--sticky-header th:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(.cds--table-expand):not(.cds--table-column-icon),
 .cds--data-table--sticky-header td:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(.cds--table-expand):not(.cds--table-column-icon) {
-  width: 100%;
-  min-width: 0;
+  inline-size: 100%;
+  min-inline-size: 0;
 }
 .cds--data-table--sticky-header.cds--data-table--xs tr:not(.cds--expandable-row), .cds--data-table--sticky-header.cds--data-table--sm tr:not(.cds--expandable-row), .cds--data-table--sticky-header.cds--data-table--xl tr:not(.cds--expandable-row) {
-  height: auto;
+  block-size: auto;
 }
 .cds--data-table--sticky-header.cds--data-table--xs tr:not(.cds--expandable-row) {
-  min-height: 1.5rem;
+  min-block-size: 1.5rem;
 }
 .cds--data-table--sticky-header.cds--data-table--sm tr:not(.cds--expandable-row) {
-  min-height: 2rem;
+  min-block-size: 2rem;
 }
 .cds--data-table--sticky-header.cds--data-table--xl tr:not(.cds--expandable-row) {
-  min-height: 4rem;
+  min-block-size: 4rem;
 }
 .cds--data-table--sticky-header.cds--data-table--xs tr td.cds--table-expand {
-  padding-top: 0.25rem;
+  padding-block-start: 0.25rem;
 }
 .cds--data-table--sticky-header.cds--data-table--sm tr td.cds--table-expand {
-  padding-top: 0.5rem;
+  padding-block-start: 0.5rem;
 }
 .cds--data-table--sticky-header .cds--table-header-label {
   display: block;
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  max-width: calc(100% - 10px);
-  padding-top: 0.9375rem;
-  padding-bottom: 1rem;
+  max-inline-size: calc(100% - 10px);
   overflow-y: hidden;
+  padding-block-end: 1rem;
+  padding-block-start: 0.9375rem;
 }
 .cds--data-table--sticky-header.cds--data-table--xs th .cds--table-header-label {
-  padding-top: 0.1875rem;
-  padding-bottom: 0;
+  padding-block-end: 0;
+  padding-block-start: 0.1875rem;
 }
 .cds--data-table--sticky-header.cds--data-table--sm th .cds--table-header-label {
-  padding-top: 0.5rem;
-  padding-bottom: 0;
+  padding-block-end: 0;
+  padding-block-start: 0.5rem;
 }
 .cds--data-table--sticky-header.cds--data-table--xl th .cds--table-header-label {
-  padding-top: 1rem;
+  padding-block-start: 1rem;
 }
 .cds--data-table--sticky-header.cds--data-table--xl th.cds--table-expand {
   display: flex;
@@ -7182,11 +7279,11 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--data-table--max-width {
-  max-width: 100%;
+  max-inline-size: 100%;
 }
 
 .cds--data-table--sticky-header {
-  max-height: 18.75rem;
+  max-block-size: 18.75rem;
 }
 
 .cds--data-table .cds--form-item.cds--checkbox-wrapper:last-of-type {
@@ -7367,7 +7464,7 @@ tr.cds--data-table--selected:last-of-type td {
   background: none;
   cursor: pointer;
   text-align: start;
-  width: 100%;
+  inline-size: 100%;
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -7379,12 +7476,12 @@ tr.cds--data-table--selected:last-of-type td {
   outline-offset: -2px;
   position: relative;
   display: flex;
-  width: 2.5rem;
-  height: 2.5rem;
-  min-height: 2.5rem;
   align-items: center;
   justify-content: center;
+  block-size: 2.5rem;
   cursor: pointer;
+  inline-size: 2.5rem;
+  min-block-size: 2.5rem;
   transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 .cds--overflow-menu *,
@@ -7428,13 +7525,13 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--overflow-menu--sm {
-  width: 2rem;
-  height: 2rem;
+  block-size: 2rem;
+  inline-size: 2rem;
 }
 
 .cds--overflow-menu--lg {
-  width: 3rem;
-  height: 3rem;
+  block-size: 3rem;
+  inline-size: 3rem;
 }
 
 .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {
@@ -7463,9 +7560,9 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--overflow-menu__icon {
-  width: 1rem;
-  height: 1rem;
+  block-size: 1rem;
   fill: var(--cds-icon-primary, #161616);
+  inline-size: 1rem;
 }
 
 .cds--overflow-menu__wrapper {
@@ -7483,13 +7580,13 @@ tr.cds--data-table--selected:last-of-type td {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   position: absolute;
   z-index: 6000;
-  top: 32px;
-  left: 0;
   display: none;
-  width: 10rem;
   flex-direction: column;
   align-items: flex-start;
   background-color: var(--cds-layer);
+  inline-size: 10rem;
+  inset-block-start: 32px;
+  inset-inline-start: 0;
   list-style: none;
 }
 .cds--overflow-menu-options *,
@@ -7526,57 +7623,57 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after {
-  top: -0.1875rem;
-  left: 0;
-  width: 2.5rem;
-  height: 0.1875rem;
+  block-size: 0.1875rem;
+  inline-size: 2.5rem;
+  inset-block-start: -0.1875rem;
+  inset-inline-start: 0;
 }
 
 .cds--overflow-menu-options[data-floating-menu-direction=top]::after {
-  bottom: -0.5rem;
-  left: 0;
-  width: 2.5rem;
-  height: 0.5rem;
+  block-size: 0.5rem;
+  inline-size: 2.5rem;
+  inset-block-end: -0.5rem;
+  inset-inline-start: 0;
 }
 
 .cds--overflow-menu-options[data-floating-menu-direction=left]::after {
-  top: 0;
-  right: -0.375rem;
-  width: 0.375rem;
-  height: 2.5rem;
+  block-size: 2.5rem;
+  inline-size: 0.375rem;
+  inset-block-start: 0;
+  inset-inline-end: -0.375rem;
 }
 
 .cds--overflow-menu-options[data-floating-menu-direction=right]::after {
-  top: 0;
-  left: -0.375rem;
-  width: 0.375rem;
-  height: 2.5rem;
+  block-size: 2.5rem;
+  inline-size: 0.375rem;
+  inset-block-start: 0;
+  inset-inline-start: -0.375rem;
 }
 
 .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
-  width: 2rem;
+  inline-size: 2rem;
 }
 .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
-  height: 2rem;
+  block-size: 2rem;
 }
 
 .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
-  width: 3rem;
+  inline-size: 3rem;
 }
 .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
-  height: 3rem;
+  block-size: 3rem;
 }
 
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
-  right: 0;
-  left: auto;
+  inset-inline-end: 0;
+  inset-inline-start: auto;
 }
 
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,
 .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
-  top: auto;
-  bottom: 0;
+  inset-block-end: 0;
+  inset-block-start: auto;
 }
 
 .cds--overflow-menu-options--open {
@@ -7584,7 +7681,7 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--overflow-menu-options__content {
-  width: 100%;
+  inline-size: 100%;
 }
 
 .cds--overflow-menu-options__option {
@@ -7596,11 +7693,11 @@ tr.cds--data-table--selected:last-of-type td {
   font-size: 100%;
   vertical-align: baseline;
   display: flex;
-  width: 100%;
-  height: 2.5rem;
   align-items: center;
   padding: 0;
   background-color: transparent;
+  block-size: 2.5rem;
+  inline-size: 100%;
   transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 .cds--overflow-menu-options__option *,
@@ -7610,24 +7707,24 @@ tr.cds--data-table--selected:last-of-type td {
 }
 
 .cds--overflow-menu-options--sm .cds--overflow-menu-options__option {
-  height: 2rem;
+  block-size: 2rem;
 }
 
 .cds--overflow-menu-options--lg .cds--overflow-menu-options__option {
-  height: 3rem;
+  block-size: 3rem;
 }
 
 .cds--overflow-menu--divider {
-  border-top: 1px solid var(--cds-border-subtle);
+  border-block-start: 1px solid var(--cds-border-subtle);
 }
 
 .cds--overflow-menu--light .cds--overflow-menu--divider {
-  border-top: 1px solid var(--cds-border-subtle);
+  border-block-start: 1px solid var(--cds-border-subtle);
 }
 
 a.cds--overflow-menu-options__btn::before {
   display: inline-block;
-  height: 100%;
+  block-size: 100%;
   content: "";
   vertical-align: middle;
 }
@@ -7640,18 +7737,18 @@ a.cds--overflow-menu-options__btn::before {
   outline: 2px solid transparent;
   outline-offset: -2px;
   display: inline-flex;
-  width: 100%;
-  max-width: 11.25rem;
-  height: 100%;
   align-items: center;
   padding: 0 1rem;
   border: none;
   background-color: transparent;
+  block-size: 100%;
   color: var(--cds-text-secondary, #525252);
   cursor: pointer;
   font-family: inherit;
   font-weight: 400;
-  text-align: left;
+  inline-size: 100%;
+  max-inline-size: 11.25rem;
+  text-align: start;
   transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 .cds--overflow-menu-options__btn:hover {
@@ -7718,10 +7815,10 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .cds--overflow-menu--flip {
-  left: -140px;
+  inset-inline-start: -140px;
 }
 .cds--overflow-menu--flip::before {
-  left: 145px;
+  inset-inline-start: 145px;
 }
 
 /* stylelint-disable */