@carbon/styles 1.93.1 → 1.94.0

package/css/styles.css

@@ -3781,6 +3781,13 @@ em {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--accordion__heading *,
+.cds--accordion__heading *::before,
+.cds--accordion__heading *::after {
+  box-sizing: inherit;
+}
+.cds--accordion__heading {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -3792,11 +3799,6 @@ em {
   text-align: start;
   inline-size: 100%;
 }
-.cds--accordion__heading *,
-.cds--accordion__heading *::before,
-.cds--accordion__heading *::after {
-  box-sizing: inherit;
-}
 .cds--accordion__heading::-moz-focus-inner {
   border: 0;
 }
@@ -4152,7 +4154,7 @@ li.cds--accordion__item--disabled:last-of-type {
   filter: var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));
 }
 
-.cds--popover--border .cds--popover > .cds--popover-content {
+.cds--popover--border > .cds--popover > .cds--popover-content {
   outline: 1px solid var(--cds-popover-border-color, var(--cds-border-subtle));
   outline-offset: -1px;
 }
@@ -4170,8 +4172,23 @@ li.cds--accordion__item--disabled:last-of-type {
 
 .cds--popover-content {
   --cds-layout-size-height-sm: 2rem;
+}
+.cds--popover-content.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--popover-content) {
+  --cds-layout-size-height: var(--cds-layout-size-height-sm);
+}
+.cds--popover-content {
   --cds-layout-size-height-md: 2.5rem;
+}
+.cds--popover-content.cds--layout--size-md, .cds--layout--size-md :where(.cds--popover-content) {
+  --cds-layout-size-height: var(--cds-layout-size-height-md);
+}
+.cds--popover-content {
   --cds-layout-size-height-lg: 3rem;
+}
+.cds--popover-content.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--popover-content) {
+  --cds-layout-size-height: var(--cds-layout-size-height-lg);
+}
+.cds--popover-content {
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -4179,6 +4196,13 @@ li.cds--accordion__item--disabled:last-of-type {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--popover-content *,
+.cds--popover-content *::before,
+.cds--popover-content *::after {
+  box-sizing: inherit;
+}
+.cds--popover-content {
   position: absolute;
   z-index: 6000;
   display: none;
@@ -4190,26 +4214,12 @@ li.cds--accordion__item--disabled:last-of-type {
   max-inline-size: 23rem;
   pointer-events: auto;
 }
-.cds--popover-content.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--popover-content) {
-  --cds-layout-size-height: var(--cds-layout-size-height-sm);
-}
-.cds--popover-content.cds--layout--size-md, .cds--layout--size-md :where(.cds--popover-content) {
-  --cds-layout-size-height: var(--cds-layout-size-height-md);
-}
-.cds--popover-content.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--popover-content) {
-  --cds-layout-size-height: var(--cds-layout-size-height-lg);
-}
-.cds--popover-content *,
-.cds--popover-content *::before,
-.cds--popover-content *::after {
-  box-sizing: inherit;
-}
 
 .cds--popover--open > .cds--popover > .cds--popover-content {
   display: block;
 }
 
-.cds--popover--background-token__background .cds--popover-content {
+.cds--popover--background-token__background > .cds--popover > .cds--popover-content {
   background-color: var(--cds-background, #ffffff);
 }
 
@@ -4245,7 +4255,7 @@ li.cds--accordion__item--disabled:last-of-type {
   content: "";
 }
 
-.cds--popover--background-token__background .cds--popover-caret::after {
+.cds--popover--background-token__background > .cds--popover > .cds--popover-caret::after {
   background-color: var(--cds-background, #ffffff);
 }
 
@@ -4849,6 +4859,13 @@ li.cds--accordion__item--disabled:last-of-type {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--popover--tab-tip__button *,
+.cds--popover--tab-tip__button *::before,
+.cds--popover--tab-tip__button *::after {
+  box-sizing: inherit;
+}
+.cds--popover--tab-tip__button {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -4859,6 +4876,11 @@ li.cds--accordion__item--disabled:last-of-type {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--popover--tab-tip__button::-moz-focus-inner {
+  border: 0;
+}
+.cds--popover--tab-tip__button {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -4866,14 +4888,6 @@ li.cds--accordion__item--disabled:last-of-type {
   block-size: 2rem;
   inline-size: 2rem;
 }
-.cds--popover--tab-tip__button *,
-.cds--popover--tab-tip__button *::before,
-.cds--popover--tab-tip__button *::after {
-  box-sizing: inherit;
-}
-.cds--popover--tab-tip__button::-moz-focus-inner {
-  border: 0;
-}
 .cds--popover--tab-tip__button:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -4942,6 +4956,13 @@ li.cds--accordion__item--disabled:last-of-type {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--definition-term *,
+.cds--definition-term *::before,
+.cds--definition-term *::after {
+  box-sizing: inherit;
+}
+.cds--definition-term {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -4952,28 +4973,27 @@ li.cds--accordion__item--disabled:last-of-type {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
-  border-radius: 0;
-  border-block-end: 1px dotted var(--cds-border-strong);
-  color: var(--cds-text-primary, #161616);
-}
-.cds--definition-term *,
-.cds--definition-term *::before,
-.cds--definition-term *::after {
-  box-sizing: inherit;
 }
 .cds--definition-term::-moz-focus-inner {
   border: 0;
 }
+.cds--definition-term {
+  border-radius: 0;
+  border-block-end: 1px dotted var(--cds-border-strong);
+  color: var(--cds-text-primary, #161616);
+}
 
 .cds--definition-term:focus {
   outline: 1px solid var(--cds-focus, #0f62fe);
-  border-block-end-color: var(--cds-border-interactive, #0f62fe);
 }
 @media screen and (prefers-contrast) {
   .cds--definition-term:focus {
     outline-style: dotted;
   }
 }
+.cds--definition-term:focus {
+  border-block-end-color: var(--cds-border-interactive, #0f62fe);
+}
 
 .cds--definition-term:hover {
   border-block-end-color: var(--cds-border-interactive, #0f62fe);
@@ -5010,6 +5030,13 @@ li.cds--accordion__item--disabled:last-of-type {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--btn *,
+.cds--btn *::before,
+.cds--btn *::after {
+  box-sizing: inherit;
+}
+.cds--btn {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
@@ -5033,11 +5060,6 @@ li.cds--accordion__item--disabled:last-of-type {
   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;
 }
-.cds--btn *,
-.cds--btn *::before,
-.cds--btn *::after {
-  box-sizing: inherit;
-}
 .cds--btn:disabled, .cds--btn:hover:disabled, .cds--btn:focus:disabled, .cds--btn.cds--btn--disabled, .cds--btn.cds--btn--disabled:hover, .cds--btn.cds--btn--disabled:focus {
   border-color: var(--cds-button-disabled, #c6c6c6);
   background: var(--cds-button-disabled, #c6c6c6);
@@ -5155,7 +5177,6 @@ li.cds--accordion__item--disabled:last-of-type {
   border-color: transparent;
   background-color: transparent;
   color: var(--cds-link-primary, #0f62fe);
-  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
 }
 .cds--btn--ghost:hover {
   background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
@@ -5171,6 +5192,9 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
   fill: currentColor;
 }
+.cds--btn--ghost {
+  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
+}
 .cds--btn--ghost .cds--btn__icon {
   position: static;
   align-self: center;
@@ -5323,7 +5347,6 @@ li.cds--accordion__item--disabled:last-of-type {
   border-color: transparent;
   background-color: transparent;
   color: var(--cds-button-danger-secondary, #da1e28);
-  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
 }
 .cds--btn--danger--ghost:hover {
   background-color: var(--cds-button-danger-hover, #b81921);
@@ -5339,6 +5362,9 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
   fill: currentColor;
 }
+.cds--btn--danger--ghost {
+  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
+}
 .cds--btn--danger--ghost .cds--btn__icon {
   position: static;
   margin-inline-start: 0.5rem;
@@ -5381,7 +5407,6 @@ li.cds--accordion__item--disabled:last-of-type {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  inline-size: 9.375rem;
 }
 .cds--btn.cds--skeleton:hover, .cds--btn.cds--skeleton:focus, .cds--btn.cds--skeleton:active {
   border: none;
@@ -5412,6 +5437,9 @@ li.cds--accordion__item--disabled:last-of-type {
     forced-color-adjust: none;
   }
 }
+.cds--btn.cds--skeleton {
+  inline-size: 9.375rem;
+}
 
 .cds--btn-set {
   display: flex;
@@ -5504,6 +5532,13 @@ li.cds--accordion__item--disabled:last-of-type {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--toggletip-button *,
+.cds--toggletip-button *::before,
+.cds--toggletip-button *::after {
+  box-sizing: inherit;
+}
+.cds--toggletip-button {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -5514,17 +5549,14 @@ li.cds--accordion__item--disabled:last-of-type {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
-  display: flex;
-  align-items: center;
-}
-.cds--toggletip-button *,
-.cds--toggletip-button *::before,
-.cds--toggletip-button *::after {
-  box-sizing: inherit;
 }
 .cds--toggletip-button::-moz-focus-inner {
   border: 0;
 }
+.cds--toggletip-button {
+  display: flex;
+  align-items: center;
+}
 
 .cds--toggletip-button svg {
   fill: var(--cds-icon-secondary, #525252);
@@ -5692,7 +5724,6 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--ai-label__text,
 .cds--slug__text {
   position: relative;
-  z-index: 1;
 }
 
 .cds--ai-label .cds--ai-label__button--inline,
@@ -6489,6 +6520,17 @@ li.cds--accordion__item--disabled:last-of-type {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--overflow-menu *,
+.cds--overflow-menu *::before,
+.cds--overflow-menu *::after,
+.cds--overflow-menu__trigger *,
+.cds--overflow-menu__trigger *::before,
+.cds--overflow-menu__trigger *::after {
+  box-sizing: inherit;
+}
+.cds--overflow-menu,
+.cds--overflow-menu__trigger {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -6499,6 +6541,13 @@ li.cds--accordion__item--disabled:last-of-type {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--overflow-menu::-moz-focus-inner,
+.cds--overflow-menu__trigger::-moz-focus-inner {
+  border: 0;
+}
+.cds--overflow-menu,
+.cds--overflow-menu__trigger {
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -6506,6 +6555,17 @@ li.cds--accordion__item--disabled:last-of-type {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--overflow-menu *,
+.cds--overflow-menu *::before,
+.cds--overflow-menu *::after,
+.cds--overflow-menu__trigger *,
+.cds--overflow-menu__trigger *::before,
+.cds--overflow-menu__trigger *::after {
+  box-sizing: inherit;
+}
+.cds--overflow-menu,
+.cds--overflow-menu__trigger {
   outline: 2px solid transparent;
   outline-offset: -2px;
   position: relative;
@@ -6518,26 +6578,6 @@ li.cds--accordion__item--disabled:last-of-type {
   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 *,
-.cds--overflow-menu *::before,
-.cds--overflow-menu *::after,
-.cds--overflow-menu__trigger *,
-.cds--overflow-menu__trigger *::before,
-.cds--overflow-menu__trigger *::after {
-  box-sizing: inherit;
-}
-.cds--overflow-menu::-moz-focus-inner,
-.cds--overflow-menu__trigger::-moz-focus-inner {
-  border: 0;
-}
-.cds--overflow-menu *,
-.cds--overflow-menu *::before,
-.cds--overflow-menu *::after,
-.cds--overflow-menu__trigger *,
-.cds--overflow-menu__trigger *::before,
-.cds--overflow-menu__trigger *::after {
-  box-sizing: inherit;
-}
 .cds--overflow-menu:focus,
 .cds--overflow-menu__trigger:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -6618,6 +6658,13 @@ li.cds--accordion__item--disabled:last-of-type {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--overflow-menu-options *,
+.cds--overflow-menu-options *::before,
+.cds--overflow-menu-options *::after {
+  box-sizing: inherit;
+}
+.cds--overflow-menu-options {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   position: absolute;
   z-index: 6000;
@@ -6630,11 +6677,6 @@ li.cds--accordion__item--disabled:last-of-type {
   inset-inline-start: 0;
   list-style: none;
 }
-.cds--overflow-menu-options *,
-.cds--overflow-menu-options *::before,
-.cds--overflow-menu-options *::after {
-  box-sizing: inherit;
-}
 .cds--overflow-menu-options::after {
   position: absolute;
   display: block;
@@ -6738,6 +6780,13 @@ li.cds--accordion__item--disabled:last-of-type {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--overflow-menu-options__option *,
+.cds--overflow-menu-options__option *::before,
+.cds--overflow-menu-options__option *::after {
+  box-sizing: inherit;
+}
+.cds--overflow-menu-options__option {
   display: flex;
   align-items: center;
   padding: 0;
@@ -6746,11 +6795,6 @@ li.cds--accordion__item--disabled:last-of-type {
   inline-size: 100%;
   transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
-.cds--overflow-menu-options__option *,
-.cds--overflow-menu-options__option *::before,
-.cds--overflow-menu-options__option *::after {
-  box-sizing: inherit;
-}
 
 .cds--overflow-menu-options--xs .cds--overflow-menu-options__option {
   block-size: 1.5rem;
@@ -6898,17 +6942,19 @@ a.cds--overflow-menu-options__btn::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  display: inline;
 }
 .cds--breadcrumb *,
 .cds--breadcrumb *::before,
 .cds--breadcrumb *::after {
   box-sizing: inherit;
 }
+.cds--breadcrumb {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  display: inline;
+}
 @media (min-width: 42rem) {
   .cds--breadcrumb {
     display: flex;
@@ -7088,8 +7134,6 @@ a.cds--overflow-menu-options__btn::before {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 1rem;
-  inline-size: 6.25rem;
 }
 .cds--breadcrumb.cds--skeleton .cds--link:hover, .cds--breadcrumb.cds--skeleton .cds--link:focus, .cds--breadcrumb.cds--skeleton .cds--link:active {
   border: none;
@@ -7120,6 +7164,10 @@ a.cds--overflow-menu-options__btn::before {
     forced-color-adjust: none;
   }
 }
+.cds--breadcrumb.cds--skeleton .cds--link {
+  block-size: 1rem;
+  inline-size: 6.25rem;
+}
 
 .cds--link {
   box-sizing: border-box;
@@ -7129,6 +7177,13 @@ a.cds--overflow-menu-options__btn::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--link *,
+.cds--link *::before,
+.cds--link *::after {
+  box-sizing: inherit;
+}
+.cds--link {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
@@ -7139,36 +7194,35 @@ a.cds--overflow-menu-options__btn::before {
   text-decoration: none;
   transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--link *,
-.cds--link *::before,
-.cds--link *::after {
-  box-sizing: inherit;
-}
 .cds--link:hover {
   color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
   text-decoration: underline;
 }
 .cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
   outline: 1px solid var(--cds-focus, #0f62fe);
-  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
-  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
-  text-decoration: underline;
 }
 @media screen and (prefers-contrast) {
   .cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
     outline-style: dotted;
   }
 }
-.cds--link:focus:not(.cds--link--disabled) {
-  outline: 1px solid var(--cds-focus, #0f62fe);
+.cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
+  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
   outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
   text-decoration: underline;
 }
+.cds--link:focus:not(.cds--link--disabled) {
+  outline: 1px solid var(--cds-focus, #0f62fe);
+}
 @media screen and (prefers-contrast) {
   .cds--link:focus:not(.cds--link--disabled) {
     outline-style: dotted;
   }
 }
+.cds--link:focus:not(.cds--link--disabled) {
+  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
+  text-decoration: underline;
+}
 .cds--link:visited {
   color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
 }
@@ -7185,14 +7239,6 @@ a.cds--overflow-menu-options__btn::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
-  cursor: not-allowed;
-  font-weight: 400;
-  text-decoration: none;
 }
 .cds--link--disabled *,
 .cds--link--disabled *::before,
@@ -7202,6 +7248,17 @@ a.cds--overflow-menu-options__btn::before {
 .cds--link--disabled:hover *::after {
   box-sizing: inherit;
 }
+.cds--link--disabled,
+.cds--link--disabled:hover {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  cursor: not-allowed;
+  font-weight: 400;
+  text-decoration: none;
+}
 
 .cds--link.cds--link--visited:visited {
   color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
@@ -7345,18 +7402,6 @@ textarea:-webkit-autofill:focus {
   align-items: flex-start;
 }
 
-.cds--label {
-  font-size: var(--cds-label-01-font-size, 0.75rem);
-  font-weight: var(--cds-label-01-font-weight, 400);
-  line-height: var(--cds-label-01-line-height, 1.33333);
-  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
-  display: inline-block;
-  color: var(--cds-text-secondary, #525252);
-  font-weight: 400;
-  line-height: 1rem;
-  margin-block-end: 0.5rem;
-  vertical-align: baseline;
-}
 .cds--label html {
   font-size: 100%;
 }
@@ -7373,6 +7418,18 @@ textarea:-webkit-autofill:focus {
 .cds--label strong {
   font-weight: 600;
 }
+.cds--label {
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  display: inline-block;
+  color: var(--cds-text-secondary, #525252);
+  font-weight: 400;
+  line-height: 1rem;
+  margin-block-end: 0.5rem;
+  vertical-align: baseline;
+}
 
 .cds--label .cds--toggletip-label {
   font-size: var(--cds-label-01-font-size, 0.75rem);
@@ -7399,6 +7456,13 @@ textarea:-webkit-autofill:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--label + .cds--tooltip .cds--tooltip__trigger *,
+.cds--label + .cds--tooltip .cds--tooltip__trigger *::before,
+.cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
+  box-sizing: inherit;
+}
+.cds--label + .cds--tooltip .cds--tooltip__trigger {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -7409,6 +7473,11 @@ textarea:-webkit-autofill:focus {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
+  border: 0;
+}
+.cds--label + .cds--tooltip .cds--tooltip__trigger {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7417,14 +7486,6 @@ textarea:-webkit-autofill:focus {
   line-height: var(--cds-label-01-line-height, 1.33333);
   letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
 }
-.cds--label + .cds--tooltip .cds--tooltip__trigger *,
-.cds--label + .cds--tooltip .cds--tooltip__trigger *::before,
-.cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
-  box-sizing: inherit;
-}
-.cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--label + .cds--tooltip .cds--tooltip__trigger:focus {
   outline: 1px solid var(--cds-focus, #0f62fe);
@@ -7450,8 +7511,6 @@ textarea:-webkit-autofill:focus {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  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;
@@ -7482,6 +7541,10 @@ textarea:-webkit-autofill:focus {
     forced-color-adjust: none;
   }
 }
+.cds--label.cds--skeleton {
+  block-size: 0.875rem;
+  inline-size: 4.6875rem;
+}
 
 input[type=number],
 input[type=text].cds--number {
@@ -7581,16 +7644,6 @@ input:not(output, [data-invalid]):-moz-ui-invalid {
   box-shadow: none;
 }
 
-.cds--form-requirement {
-  font-size: var(--cds-label-01-font-size, 0.75rem);
-  font-weight: var(--cds-label-01-font-weight, 400);
-  line-height: var(--cds-label-01-line-height, 1.33333);
-  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
-  display: none;
-  overflow: hidden;
-  margin: 0.25rem 0 0;
-  max-block-size: 0;
-}
 .cds--form-requirement html {
   font-size: 100%;
 }
@@ -7607,6 +7660,16 @@ input:not(output, [data-invalid]):-moz-ui-invalid {
 .cds--form-requirement strong {
   font-weight: 600;
 }
+.cds--form-requirement {
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  display: none;
+  overflow: hidden;
+  margin: 0.25rem 0 0;
+  max-block-size: 0;
+}
 
 .cds--select--inline .cds--form__helper-text {
   margin-block-start: 0;
@@ -7680,21 +7743,6 @@ fieldset[disabled] .cds--form__helper-text {
   inset-inline-start: 0.7rem;
 }
 
-.cds--checkbox-label {
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  position: relative;
-  display: flex;
-  cursor: pointer;
-  min-block-size: 1.25rem;
-  padding-block-start: 0.0625rem;
-  padding-inline-start: 1.25rem;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
 .cds--checkbox-label html {
   font-size: 100%;
 }
@@ -7711,6 +7759,21 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--checkbox-label strong {
   font-weight: 600;
 }
+.cds--checkbox-label {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  position: relative;
+  display: flex;
+  cursor: pointer;
+  min-block-size: 1.25rem;
+  padding-block-start: 0.0625rem;
+  padding-inline-start: 1.25rem;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
 
 .cds--checkbox-label-text {
   padding-inline-start: 0.625rem;
@@ -7732,6 +7795,13 @@ fieldset[disabled] .cds--form__helper-text {
   position: absolute;
   border: 1px solid var(--cds-icon-primary, #161616);
   border-radius: 2px;
+}
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--checkbox-label::before {
+    border: 1px solid ButtonBorder;
+  }
+}
+.cds--checkbox-label::before {
   background-color: transparent;
   block-size: 1rem;
   content: "";
@@ -7741,11 +7811,6 @@ fieldset[disabled] .cds--form__helper-text {
   margin-block: 0.0625rem 0.125rem;
   margin-inline: 0.1875rem 0;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active) {
-  .cds--checkbox-label::before {
-    border: 1px solid ButtonBorder;
-  }
-}
 
 .cds--checkbox-label::after {
   position: absolute;
@@ -7925,10 +7990,6 @@ fieldset[disabled] .cds--form__helper-text {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  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;
@@ -7959,6 +8020,12 @@ fieldset[disabled] .cds--form__helper-text {
     forced-color-adjust: none;
   }
 }
+.cds--checkbox-label-text.cds--skeleton {
+  block-size: 1rem;
+  inline-size: 6.25rem;
+  margin-block: 0.0625rem 0;
+  margin-inline: 0.375rem 0;
+}
 
 .cds--checkbox--inline {
   position: relative;
@@ -8028,16 +8095,6 @@ fieldset[disabled] .cds--form__helper-text {
   margin-block-start: 0;
 }
 
-.cds--copy-btn {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: none;
-  background-color: var(--cds-layer);
-  cursor: pointer;
-}
 .cds--copy-btn html {
   font-size: 100%;
 }
@@ -8054,6 +8111,16 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--copy-btn strong {
   font-weight: 600;
 }
+.cds--copy-btn {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  background-color: var(--cds-layer);
+  cursor: pointer;
+}
 .cds--copy-btn:hover {
   background-color: var(--cds-layer-hover);
 }
@@ -8088,11 +8155,6 @@ 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);
-  display: none;
-  overflow: visible;
-  box-sizing: content-box;
-  margin: auto;
-  clip: auto;
 }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .cds--copy-btn .cds--copy-btn__feedback {
@@ -8114,16 +8176,25 @@ fieldset[disabled] .cds--form__helper-text {
     border: 1px solid transparent;
   }
 }
+.cds--copy-btn .cds--copy-btn__feedback {
+  display: none;
+  overflow: visible;
+  box-sizing: content-box;
+  margin: auto;
+  clip: auto;
+}
 .cds--copy-btn:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  outline-color: var(--cds-focus, #0f62fe);
 }
 @media screen and (prefers-contrast) {
   .cds--copy-btn:focus {
     outline-style: dotted;
   }
 }
+.cds--copy-btn:focus {
+  outline-color: var(--cds-focus, #0f62fe);
+}
 .cds--copy-btn.cds--copy-btn--animating::before, .cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback {
   display: block;
 }
@@ -8189,16 +8260,6 @@ fieldset[disabled] .cds--form__helper-text {
   letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
 }
 
-.cds--snippet--inline {
-  position: relative;
-  display: inline;
-  padding: 0;
-  border: 1px solid transparent;
-  border-radius: 4px;
-  background-color: var(--cds-layer);
-  color: var(--cds-text-primary, #161616);
-  cursor: pointer;
-}
 .cds--snippet--inline html {
   font-size: 100%;
 }
@@ -8215,6 +8276,16 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--snippet--inline strong {
   font-weight: 600;
 }
+.cds--snippet--inline {
+  position: relative;
+  display: inline;
+  padding: 0;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  background-color: var(--cds-layer);
+  color: var(--cds-text-primary, #161616);
+  cursor: pointer;
+}
 .cds--snippet--inline:hover {
   background-color: var(--cds-layer-hover);
 }
@@ -8254,11 +8325,6 @@ 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);
-  display: none;
-  overflow: visible;
-  box-sizing: content-box;
-  margin: auto;
-  clip: auto;
 }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .cds--snippet--inline .cds--copy-btn__feedback {
@@ -8280,6 +8346,13 @@ fieldset[disabled] .cds--form__helper-text {
     border: 1px solid transparent;
   }
 }
+.cds--snippet--inline .cds--copy-btn__feedback {
+  display: none;
+  overflow: visible;
+  box-sizing: content-box;
+  margin: auto;
+  clip: auto;
+}
 
 .cds--snippet--inline.cds--copy-btn--animating::before,
 .cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback {
@@ -8393,13 +8466,15 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--snippet--multi .cds--snippet-container:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  outline-offset: 0;
 }
 @media screen and (prefers-contrast) {
   .cds--snippet--multi .cds--snippet-container:focus {
     outline-style: dotted;
   }
 }
+.cds--snippet--multi .cds--snippet-container:focus {
+  outline-offset: 0;
+}
 
 .cds--snippet--multi.cds--snippet--expand .cds--snippet-container {
   padding-block-end: 1rem;
@@ -8440,17 +8515,6 @@ fieldset[disabled] .cds--form__helper-text {
   margin-block-start: 0;
 }
 
-.cds--copy-btn {
-  display: flex;
-  overflow: visible;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: none;
-  background-color: var(--cds-layer);
-  cursor: pointer;
-  outline: none;
-}
 .cds--copy-btn html {
   font-size: 100%;
 }
@@ -8467,16 +8531,29 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--copy-btn strong {
   font-weight: 600;
 }
+.cds--copy-btn {
+  display: flex;
+  overflow: visible;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  background-color: var(--cds-layer);
+  cursor: pointer;
+  outline: none;
+}
 .cds--copy-btn:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  outline-color: var(--cds-focus, #0f62fe);
 }
 @media screen and (prefers-contrast) {
   .cds--copy-btn:focus {
     outline-style: dotted;
   }
 }
+.cds--copy-btn:focus {
+  outline-color: var(--cds-focus, #0f62fe);
+}
 
 .cds--snippet .cds--popover-container {
   font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
@@ -8553,13 +8630,15 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--snippet-btn--expand:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  border-color: transparent;
 }
 @media screen and (prefers-contrast) {
   .cds--snippet-btn--expand:focus {
     outline-style: dotted;
   }
 }
+.cds--snippet-btn--expand:focus {
+  border-color: transparent;
+}
 
 .cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down {
   transform: rotate(180deg);
@@ -8662,10 +8741,6 @@ fieldset[disabled] .cds--form__helper-text {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  display: block;
-  block-size: 1rem;
-  inline-size: 100%;
-  margin-block-start: 0.5rem;
 }
 .cds--snippet.cds--skeleton span:hover, .cds--snippet.cds--skeleton span:focus, .cds--snippet.cds--skeleton span:active {
   border: none;
@@ -8696,6 +8771,12 @@ fieldset[disabled] .cds--form__helper-text {
     forced-color-adjust: none;
   }
 }
+.cds--snippet.cds--skeleton span {
+  display: block;
+  block-size: 1rem;
+  inline-size: 100%;
+  margin-block-start: 0.5rem;
+}
 .cds--snippet.cds--skeleton span:first-child {
   margin: 0;
 }
@@ -8734,6 +8815,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--text-input *,
+.cds--text-input *::before,
+.cds--text-input *::after {
+  box-sizing: inherit;
+}
+.cds--text-input {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
@@ -8750,11 +8838,6 @@ fieldset[disabled] .cds--form__helper-text {
   inline-size: 100%;
   transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--text-input *,
-.cds--text-input *::before,
-.cds--text-input *::after {
-  box-sizing: inherit;
-}
 .cds--text-input:focus, .cds--text-input:active {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -8822,7 +8905,6 @@ fieldset[disabled] .cds--form__helper-text {
   display: inline-flex;
   overflow: visible;
   align-items: center;
-  cursor: pointer;
 }
 .cds--text-input--password__visibility:focus {
   outline: 1px solid var(--cds-focus, #0f62fe);
@@ -8832,6 +8914,9 @@ fieldset[disabled] .cds--form__helper-text {
     outline-style: dotted;
   }
 }
+.cds--text-input--password__visibility {
+  cursor: pointer;
+}
 .cds--text-input--password__visibility:focus {
   outline: 1px solid transparent;
 }
@@ -9085,19 +9170,19 @@ fieldset[disabled] .cds--form__helper-text {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
-.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
-  cursor: default;
-}
 .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
-
-.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
   cursor: default;
 }
+
 .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
+  cursor: default;
+}
 
 .cds--text-input__counter-alert {
   position: absolute;
@@ -9137,13 +9222,15 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--text-input--invalid {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
-  box-shadow: none;
 }
 @media screen and (prefers-contrast) {
   .cds--text-input--invalid {
     outline-style: dotted;
   }
 }
+.cds--text-input--invalid {
+  box-shadow: none;
+}
 .cds--text-input--invalid .cds--text-input--password__visibility__toggle {
   inset-inline-end: 2.5rem;
 }
@@ -9384,40 +9471,37 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--tag {
   --cds-layout-size-height-xs: 1.125rem;
-  --cds-layout-size-height-sm: 1.125rem;
-  --cds-layout-size-height-md: 1.5rem;
-  --cds-layout-size-height-lg: 2rem;
-  --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)));
-  font-size: var(--cds-label-01-font-size, 0.75rem);
-  font-weight: var(--cds-label-01-font-weight, 400);
-  line-height: var(--cds-label-01-line-height, 1.33333);
-  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
-  background-color: var(--cds-tag-background-gray, #e0e0e0);
-  color: var(--cds-tag-color-gray, #161616);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 1rem;
-  cursor: default;
-  max-inline-size: 13rem;
-  min-block-size: var(--cds-layout-size-height-local);
-  min-inline-size: 2rem;
-  padding-inline: 0.5rem;
-  vertical-align: middle;
-  word-break: break-word;
 }
 .cds--tag.cds--layout--size-xs, .cds--layout--size-xs :where(.cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-xs);
 }
+.cds--tag {
+  --cds-layout-size-height-sm: 1.125rem;
+}
 .cds--tag.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-sm);
 }
+.cds--tag {
+  --cds-layout-size-height-md: 1.5rem;
+}
 .cds--tag.cds--layout--size-md, .cds--layout--size-md :where(.cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-md);
 }
+.cds--tag {
+  --cds-layout-size-height-lg: 2rem;
+}
 .cds--tag.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-lg);
 }
+.cds--tag {
+  --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)));
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  background-color: var(--cds-tag-background-gray, #e0e0e0);
+  color: var(--cds-tag-color-gray, #161616);
+}
 .cds--tag.cds--tag--operational {
   border: 1px solid var(--cds-tag-background-gray, #e0e0e0);
 }
@@ -9430,6 +9514,19 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tag .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-gray, #161616);
 }
+.cds--tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 1rem;
+  cursor: default;
+  max-inline-size: 13rem;
+  min-block-size: var(--cds-layout-size-height-local);
+  min-inline-size: 2rem;
+  padding-inline: 0.5rem;
+  vertical-align: middle;
+  word-break: break-word;
+}
 .cds--tag.cds--tag--lg {
   padding-inline-start: 0.75rem;
 }
@@ -9703,8 +9800,6 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-primary, #161616);
-  outline: 1px solid var(--cds-background-inverse, #393939);
-  outline-offset: -1px;
 }
 .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
   border: 1px solid var(--cds-background, #ffffff);
@@ -9718,14 +9813,16 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--definition-term .cds--tag__label {
   color: var(--cds-text-primary, #161616);
 }
+.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
+  outline: 1px solid var(--cds-background-inverse, #393939);
+  outline-offset: -1px;
+}
 
 .cds--tag--disabled:not(.cds--tag--operational),
 .cds--tag--filter.cds--tag--disabled,
 .cds--tag--interactive.cds--tag--disabled {
   background-color: var(--cds-layer);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
-  box-shadow: none;
-  outline: none;
 }
 .cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,
 .cds--tag--filter.cds--tag--disabled.cds--tag--operational,
@@ -9747,6 +9844,12 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tag--interactive.cds--tag--disabled .cds--definition-term .cds--tag__label {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
+.cds--tag--disabled:not(.cds--tag--operational),
+.cds--tag--filter.cds--tag--disabled,
+.cds--tag--interactive.cds--tag--disabled {
+  box-shadow: none;
+  outline: none;
+}
 .cds--tag--disabled:not(.cds--tag--operational):hover,
 .cds--tag--filter.cds--tag--disabled:hover,
 .cds--tag--interactive.cds--tag--disabled:hover {
@@ -9848,10 +9951,6 @@ fieldset[disabled] .cds--form__helper-text {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  background-color: var(--cds-skeleton-background, #e8e8e8);
-  color: var(--cds-text-primary, #161616);
-  overflow: hidden;
-  inline-size: 3.75rem;
 }
 .cds--tag.cds--skeleton:hover, .cds--tag.cds--skeleton:focus, .cds--tag.cds--skeleton:active {
   border: none;
@@ -9882,6 +9981,10 @@ fieldset[disabled] .cds--form__helper-text {
     forced-color-adjust: none;
   }
 }
+.cds--tag.cds--skeleton {
+  background-color: var(--cds-skeleton-background, #e8e8e8);
+  color: var(--cds-text-primary, #161616);
+}
 .cds--tag.cds--skeleton.cds--tag--operational {
   border: 1px solid var(--cds-skeleton-background, #e8e8e8);
 }
@@ -9894,6 +9997,10 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tag.cds--skeleton .cds--definition-term .cds--tag__label {
   color: var(--cds-text-primary, #161616);
 }
+.cds--tag.cds--skeleton {
+  overflow: hidden;
+  inline-size: 3.75rem;
+}
 @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
   .cds--tag.cds--skeleton {
     transform: translateZ(0);
@@ -10008,18 +10115,6 @@ fieldset[disabled] .cds--form__helper-text {
   grid-column: 2;
 }
 
-.cds--list-box {
-  position: relative;
-  border: none;
-  background-color: var(--cds-field);
-  block-size: 2.5rem;
-  border-block-end: 1px solid var(--cds-border-strong);
-  color: var(--cds-text-primary, #161616);
-  cursor: pointer;
-  inline-size: 100%;
-  max-block-size: 2.5rem;
-  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
 .cds--list-box html {
   font-size: 100%;
 }
@@ -10036,6 +10131,18 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--list-box strong {
   font-weight: 600;
 }
+.cds--list-box {
+  position: relative;
+  border: none;
+  background-color: var(--cds-field);
+  block-size: 2.5rem;
+  border-block-end: 1px solid var(--cds-border-strong);
+  color: var(--cds-text-primary, #161616);
+  cursor: pointer;
+  inline-size: 100%;
+  max-block-size: 2.5rem;
+  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
 .cds--list-box:hover {
   background-color: var(--cds-field-hover);
 }
@@ -10234,6 +10341,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--list-box__field *,
+.cds--list-box__field *::before,
+.cds--list-box__field *::after {
+  box-sizing: inherit;
+}
+.cds--list-box__field {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -10244,6 +10358,11 @@ fieldset[disabled] .cds--form__helper-text {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--list-box__field::-moz-focus-inner {
+  border: 0;
+}
+.cds--list-box__field {
   position: relative;
   display: inline-flex;
   overflow: hidden;
@@ -10257,14 +10376,6 @@ fieldset[disabled] .cds--form__helper-text {
   vertical-align: top;
   white-space: nowrap;
 }
-.cds--list-box__field *,
-.cds--list-box__field *::before,
-.cds--list-box__field *::after {
-  box-sizing: inherit;
-}
-.cds--list-box__field::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--list-box__field:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -10282,7 +10393,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--list-box__field .cds--text-input {
-  padding-inline-end: 5rem;
+  padding-inline-end: 4.375rem;
 }
 
 .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input,
@@ -10331,6 +10442,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--list-box__menu-icon *,
+.cds--list-box__menu-icon *::before,
+.cds--list-box__menu-icon *::after {
+  box-sizing: inherit;
+}
+.cds--list-box__menu-icon {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -10340,6 +10458,11 @@ fieldset[disabled] .cds--form__helper-text {
   background: none;
   cursor: pointer;
   text-align: start;
+}
+.cds--list-box__menu-icon::-moz-focus-inner {
+  border: 0;
+}
+.cds--list-box__menu-icon {
   position: absolute;
   display: flex;
   align-items: center;
@@ -10351,14 +10474,6 @@ fieldset[disabled] .cds--form__helper-text {
   outline: none;
   transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--list-box__menu-icon *,
-.cds--list-box__menu-icon *::before,
-.cds--list-box__menu-icon *::after {
-  box-sizing: inherit;
-}
-.cds--list-box__menu-icon::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--list-box__menu-icon > svg {
   fill: var(--cds-icon-primary, #161616);
@@ -10378,6 +10493,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--list-box__selection *,
+.cds--list-box__selection *::before,
+.cds--list-box__selection *::after {
+  box-sizing: inherit;
+}
+.cds--list-box__selection {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -10387,6 +10509,11 @@ fieldset[disabled] .cds--form__helper-text {
   background: none;
   cursor: pointer;
   text-align: start;
+}
+.cds--list-box__selection::-moz-focus-inner {
+  border: 0;
+}
+.cds--list-box__selection {
   position: absolute;
   display: flex;
   align-items: center;
@@ -10403,14 +10530,6 @@ fieldset[disabled] .cds--form__helper-text {
      -moz-user-select: none;
           user-select: none;
 }
-.cds--list-box__selection *,
-.cds--list-box__selection *::before,
-.cds--list-box__selection *::after {
-  box-sizing: inherit;
-}
-.cds--list-box__selection::-moz-focus-inner {
-  border: 0;
-}
 .cds--list-box__selection:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -10627,6 +10746,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--list-box__menu-item__option *,
+.cds--list-box__menu-item__option *::before,
+.cds--list-box__menu-item__option *::after {
+  box-sizing: inherit;
+}
+.cds--list-box__menu-item__option {
   outline: 2px solid transparent;
   outline-offset: -2px;
   display: block;
@@ -10646,23 +10772,20 @@ fieldset[disabled] .cds--form__helper-text {
   transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
   white-space: nowrap;
 }
-.cds--list-box__menu-item__option *,
-.cds--list-box__menu-item__option *::before,
-.cds--list-box__menu-item__option *::after {
-  box-sizing: inherit;
-}
 .cds--list-box__menu-item__option:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  padding: 0.6875rem 1rem;
-  border-color: transparent;
-  margin: 0;
 }
 @media screen and (prefers-contrast) {
   .cds--list-box__menu-item__option:focus {
     outline-style: dotted;
   }
 }
+.cds--list-box__menu-item__option:focus {
+  padding: 0.6875rem 1rem;
+  border-color: transparent;
+  margin: 0;
+}
 .cds--list-box__menu-item__option:hover {
   border-color: transparent;
   color: var(--cds-text-primary, #161616);
@@ -10731,13 +10854,15 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--list-box__menu-item--highlighted {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  color: var(--cds-text-primary, #161616);
 }
 @media screen and (prefers-contrast) {
   .cds--list-box__menu-item--highlighted {
     outline-style: dotted;
   }
 }
+.cds--list-box__menu-item--highlighted {
+  color: var(--cds-text-primary, #161616);
+}
 
 .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,
 .cds--list-box__menu-item--highlighted + .cds--list-box__menu-item .cds--list-box__menu-item__option {
@@ -10832,12 +10957,12 @@ fieldset[disabled] .cds--form__helper-text {
   transform: translateY(-50%);
 }
 
+.cds--list-box__wrapper--decorator:has(.cds--list-box__invalid-icon) .cds--list-box__inner-wrapper--decorator > *::before,
+.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--ai-label::before,
+.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--slug::before,
 .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
-.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
 .cds--list-box__wrapper--slug .cds--ai-label::after,
-.cds--list-box__wrapper--slug .cds--ai-label::before,
-.cds--list-box__wrapper--slug .cds--slug::after,
-.cds--list-box__wrapper--slug .cds--slug::before {
+.cds--list-box__wrapper--slug .cds--slug::after {
   position: absolute;
   background-color: var(--cds-border-subtle-01, #c6c6c6);
   block-size: 1rem;
@@ -10852,14 +10977,23 @@ fieldset[disabled] .cds--form__helper-text {
   inset-inline-start: -0.5625rem;
 }
 
+.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
+.cds--list-box__wrapper--slug .cds--ai-label::before,
+.cds--list-box__wrapper--slug .cds--slug::before,
+.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--slug--revert::before,
 .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
 .cds--list-box__wrapper--slug .cds--ai-label::after,
 .cds--list-box__wrapper--slug .cds--slug::after {
   display: block;
-  inset-block-start: 0;
+  inset-block-start: 0.0625rem;
   inset-inline-end: -0.5625rem;
 }
 
+.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
+.cds--list-box__wrapper--slug .cds--slug--revert::before,
 .cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::after,
 .cds--list-box__wrapper--slug .cds--ai-label--revert::after,
 .cds--list-box__wrapper--slug .cds--slug--revert::after {
@@ -10888,7 +11022,7 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),
 .cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
-  padding-inline-end: 6rem;
+  padding-inline-end: 6.5625rem;
 }
 
 .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
@@ -10906,7 +11040,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
 .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
 .cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
-  padding-inline-end: 8.8125rem;
+  padding-inline-end: 8.5625rem;
 }
 
 .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
@@ -10915,7 +11049,7 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {
-  inset-inline-end: 5.1875rem;
+  inset-inline-end: 5.0625rem;
 }
 
 .cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] > *::before,
@@ -10938,10 +11072,19 @@ fieldset[disabled] .cds--form__helper-text {
   inset-inline-end: calc(4rem + 18px);
 }
 
+.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > * {
+  inset-inline-end: calc(4rem + 18px);
+}
+
 .cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
 .cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {
+  inset-inline-end: 7.125rem;
+}
+
+.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > *,
+.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > * {
   inset-inline-end: 7.25rem;
 }
 
@@ -11071,6 +11214,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--menu *,
+.cds--menu *::before,
+.cds--menu *::after {
+  box-sizing: inherit;
+}
+.cds--menu {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   position: fixed;
   z-index: 9000;
@@ -11082,10 +11232,13 @@ fieldset[disabled] .cds--form__helper-text {
   overflow-y: auto;
   visibility: hidden;
 }
-.cds--menu *,
-.cds--menu *::before,
-.cds--menu *::after {
-  box-sizing: inherit;
+
+.cds--menu--border {
+  outline: 1px solid var(--cds-border-subtle);
+}
+
+.cds--menu--background-token__background {
+  background-color: var(--cds-background, #ffffff);
 }
 
 .cds--menu--with-icons {
@@ -11301,27 +11454,37 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--contained-list .cds--tag {
   --cds-layout-size-height-xs: 1.125rem;
-  --cds-layout-size-height-sm: 1.125rem;
-  --cds-layout-size-height-md: 1.5rem;
-  --cds-layout-size-height-lg: 1.5rem;
-  --cds-layout-size-height-xl: 1.5rem;
-  --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-xl)));
 }
 .cds--contained-list .cds--tag.cds--layout--size-xs, .cds--layout--size-xs :where(.cds--contained-list .cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-xs);
 }
+.cds--contained-list .cds--tag {
+  --cds-layout-size-height-sm: 1.125rem;
+}
 .cds--contained-list .cds--tag.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--contained-list .cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-sm);
 }
+.cds--contained-list .cds--tag {
+  --cds-layout-size-height-md: 1.5rem;
+}
 .cds--contained-list .cds--tag.cds--layout--size-md, .cds--layout--size-md :where(.cds--contained-list .cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-md);
 }
+.cds--contained-list .cds--tag {
+  --cds-layout-size-height-lg: 1.5rem;
+}
 .cds--contained-list .cds--tag.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--contained-list .cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-lg);
 }
+.cds--contained-list .cds--tag {
+  --cds-layout-size-height-xl: 1.5rem;
+}
 .cds--contained-list .cds--tag.cds--layout--size-xl, .cds--layout--size-xl :where(.cds--contained-list .cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-xl);
 }
+.cds--contained-list .cds--tag {
+  --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-xl)));
+}
 
 .cds--contained-list > ul {
   padding: 0;
@@ -11438,6 +11601,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--contained-list-item--clickable .cds--contained-list-item__content *,
+.cds--contained-list-item--clickable .cds--contained-list-item__content *::before,
+.cds--contained-list-item--clickable .cds--contained-list-item__content *::after {
+  box-sizing: inherit;
+}
+.cds--contained-list-item--clickable .cds--contained-list-item__content {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -11448,17 +11618,14 @@ fieldset[disabled] .cds--form__helper-text {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
-  text-align: start;
-  transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-.cds--contained-list-item--clickable .cds--contained-list-item__content *,
-.cds--contained-list-item--clickable .cds--contained-list-item__content *::before,
-.cds--contained-list-item--clickable .cds--contained-list-item__content *::after {
-  box-sizing: inherit;
 }
 .cds--contained-list-item--clickable .cds--contained-list-item__content::-moz-focus-inner {
   border: 0;
 }
+.cds--contained-list-item--clickable .cds--contained-list-item__content {
+  text-align: start;
+  transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
 
 .cds--contained-list-item__content,
 .cds--contained-list-item--clickable .cds--contained-list-item__content {
@@ -11507,15 +11674,17 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  position: absolute;
-  content: "";
-  inset: 0;
 }
 @media screen and (prefers-contrast) {
   .cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {
     outline-style: dotted;
   }
 }
+.cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {
+  position: absolute;
+  content: "";
+  inset: 0;
+}
 
 .cds--contained-list-item--with-action .cds--contained-list-item__content {
   padding-inline-end: 4rem;
@@ -11564,6 +11733,22 @@ fieldset[disabled] .cds--form__helper-text {
   outline-color: var(--cds-border-disabled, #c6c6c6);
 }
 
+.cds--content-switcher-btn html {
+  font-size: 100%;
+}
+.cds--content-switcher-btn body {
+  font-weight: 400;
+  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+.cds--content-switcher-btn code {
+  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
+}
+.cds--content-switcher-btn strong {
+  font-weight: 600;
+}
 .cds--content-switcher-btn {
   font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
   outline: 2px solid transparent;
@@ -11585,22 +11770,6 @@ fieldset[disabled] .cds--form__helper-text {
   text-decoration: none;
   white-space: nowrap;
 }
-.cds--content-switcher-btn html {
-  font-size: 100%;
-}
-.cds--content-switcher-btn body {
-  font-weight: 400;
-  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-}
-.cds--content-switcher-btn code {
-  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
-}
-.cds--content-switcher-btn strong {
-  font-weight: 600;
-}
 .cds--content-switcher-btn::after {
   position: absolute;
   display: block;
@@ -12072,15 +12241,17 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  position: relative;
-  display: flex;
-  align-items: center;
 }
 .cds--radio-button-group *,
 .cds--radio-button-group *::before,
 .cds--radio-button-group *::after {
   box-sizing: inherit;
 }
+.cds--radio-button-group {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
 
 .cds--label + .cds--form-item .cds--radio-button-group {
   margin-block-start: 0;
@@ -12139,6 +12310,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--radio-button__appearance *,
+.cds--radio-button__appearance *::before,
+.cds--radio-button__appearance *::after {
+  box-sizing: inherit;
+}
+.cds--radio-button__appearance {
   flex-shrink: 0;
   border: 1px solid var(--cds-icon-primary, #161616);
   border-radius: 50%;
@@ -12148,11 +12326,6 @@ fieldset[disabled] .cds--form__helper-text {
   margin-block: 0.0625rem 0.125rem;
   margin-inline: 0.125rem 0.625rem;
 }
-.cds--radio-button__appearance *,
-.cds--radio-button__appearance *::before,
-.cds--radio-button__appearance *::after {
-  box-sizing: inherit;
-}
 
 .cds--radio-button-group--vertical .cds--radio-button__appearance {
   margin-block: 0;
@@ -12272,8 +12445,6 @@ fieldset[disabled] .cds--form__helper-text {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  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;
@@ -12304,6 +12475,10 @@ fieldset[disabled] .cds--form__helper-text {
     forced-color-adjust: none;
   }
 }
+.cds--radio-button__label.cds--skeleton {
+  block-size: 1.125rem;
+  inline-size: 6.25rem;
+}
 
 .cds--radio-button__label.cds--skeleton .cds--radio-button__appearance {
   display: none;
@@ -12947,11 +13122,6 @@ tr.cds--data-table--selected:last-of-type td {
 .cds--data-table--sticky-header {
   display: block;
   overflow-y: scroll;
-  /* When using sticky header, with a selection element in the first column, we need to set the last item to a fixed width to match the table body. We only want this to happen when the last table header does not have any text */
-  /* This is for targeting styles specific to firefox */
-  /* To hide the firefox scrollbar */
-  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
-  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
 }
 .cds--data-table--sticky-header thead,
 .cds--data-table--sticky-header tbody,
@@ -13015,6 +13185,9 @@ tr.cds--data-table--selected:last-of-type td {
 .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 {
+  /* When using sticky header, with a selection element in the first column, we need to set the last item to a fixed width to match the table body. We only want this to happen when the last table header does not have any text */
+}
 .cds--data-table--sticky-header th.cds--table-column-checkbox ~ th:last-of-type:empty {
   max-inline-size: 4rem;
 }
@@ -13030,6 +13203,12 @@ tr.cds--data-table--selected:last-of-type td {
 .cds--data-table--sticky-header tbody::-webkit-scrollbar {
   display: none;
 }
+.cds--data-table--sticky-header {
+  /* This is for targeting styles specific to firefox */
+  /* To hide the firefox scrollbar */
+  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
+  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
+}
 @-moz-document url-prefix() {
   .cds--data-table--sticky-header thead,
   .cds--data-table--sticky-header tbody {
@@ -13260,6 +13439,13 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--search-input *,
+.cds--search-input *::before,
+.cds--search-input *::after {
+  box-sizing: inherit;
+}
+.cds--search-input {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
@@ -13279,11 +13465,6 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   text-overflow: ellipsis;
   transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--search-input *,
-.cds--search-input *::before,
-.cds--search-input *::after {
-  box-sizing: inherit;
-}
 .cds--search-input:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -13365,6 +13546,13 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--search-magnifier-icon *,
+.cds--search-magnifier-icon *::before,
+.cds--search-magnifier-icon *::after {
+  box-sizing: inherit;
+}
+.cds--search-magnifier-icon {
   position: absolute;
   z-index: 2;
   block-size: 1rem;
@@ -13375,11 +13563,6 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   pointer-events: none;
   transform: translateY(-50%);
 }
-.cds--search-magnifier-icon *,
-.cds--search-magnifier-icon *::before,
-.cds--search-magnifier-icon *::after {
-  box-sizing: inherit;
-}
 
 .cds--search-close {
   box-sizing: border-box;
@@ -13389,6 +13572,13 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--search-close *,
+.cds--search-close *::before,
+.cds--search-close *::after {
+  box-sizing: inherit;
+}
+.cds--search-close {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -13398,20 +13588,17 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   background: none;
   cursor: pointer;
   text-align: start;
-  outline: 2px solid transparent;
-  outline-offset: -2px;
-  position: absolute;
-  inset-block-start: 0;
-  inset-inline-end: 0;
-}
-.cds--search-close *,
-.cds--search-close *::before,
-.cds--search-close *::after {
-  box-sizing: inherit;
 }
 .cds--search-close::-moz-focus-inner {
   border: 0;
 }
+.cds--search-close {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+}
 .cds--search-close::before {
   position: absolute;
   display: block;
@@ -13484,7 +13671,6 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
 .cds--search-button:active {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
 }
 @media screen and (prefers-contrast) {
   .cds--search-close:active,
@@ -13492,6 +13678,10 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
     outline-style: dotted;
   }
 }
+.cds--search-close:active,
+.cds--search-button:active {
+  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
+}
 
 .cds--search--disabled .cds--search-close,
 .cds--search--disabled.cds--search--expandable .cds--search-magnifier {
@@ -13577,7 +13767,6 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  inline-size: 100%;
 }
 .cds--search--lg.cds--skeleton .cds--search-input:hover, .cds--search--lg.cds--skeleton .cds--search-input:focus, .cds--search--lg.cds--skeleton .cds--search-input:active,
 .cds--search--md.cds--skeleton .cds--search-input:hover,
@@ -13622,6 +13811,11 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
     forced-color-adjust: none;
   }
 }
+.cds--search--lg.cds--skeleton .cds--search-input,
+.cds--search--md.cds--skeleton .cds--search-input,
+.cds--search--sm.cds--skeleton .cds--search-input {
+  inline-size: 100%;
+}
 .cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder, .cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder, .cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder {
   color: transparent;
 }
@@ -13877,6 +14071,13 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--overflow-menu.cds--toolbar-action *,
+.cds--overflow-menu.cds--toolbar-action *::before,
+.cds--overflow-menu.cds--toolbar-action *::after {
+  box-sizing: inherit;
+}
+.cds--overflow-menu.cds--toolbar-action {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -13887,6 +14088,11 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--overflow-menu.cds--toolbar-action::-moz-focus-inner {
+  border: 0;
+}
+.cds--overflow-menu.cds--toolbar-action {
   display: flex;
   padding: 1rem;
   block-size: 3rem;
@@ -13894,14 +14100,6 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   inline-size: 3rem;
   transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
-.cds--overflow-menu.cds--toolbar-action *,
-.cds--overflow-menu.cds--toolbar-action *::before,
-.cds--overflow-menu.cds--toolbar-action *::after {
-  box-sizing: inherit;
-}
-.cds--overflow-menu.cds--toolbar-action::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--toolbar-action {
   box-sizing: border-box;
@@ -13911,6 +14109,13 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--toolbar-action *,
+.cds--toolbar-action *::before,
+.cds--toolbar-action *::after {
+  box-sizing: inherit;
+}
+.cds--toolbar-action {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -13921,20 +14126,17 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--toolbar-action::-moz-focus-inner {
+  border: 0;
+}
+.cds--toolbar-action {
   display: flex;
   block-size: 3rem;
   cursor: pointer;
   inline-size: 3rem;
   transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
-.cds--toolbar-action *,
-.cds--toolbar-action *::before,
-.cds--toolbar-action *::after {
-  box-sizing: inherit;
-}
-.cds--toolbar-action::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--toolbar-action:hover:not([disabled]) {
   background-color: var(--cds-field-hover);
@@ -14225,13 +14427,15 @@ tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-c
 .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  background-color: var(--cds-field-hover);
 }
 @media screen and (prefers-contrast) {
   .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {
     outline-style: dotted;
   }
 }
+.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {
+  background-color: var(--cds-field-hover);
+}
 .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:not(:-moz-placeholder-shown) {
   background-color: var(--cds-field-hover);
 }
@@ -14456,6 +14660,13 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--table-expand__button *,
+.cds--table-expand__button *::before,
+.cds--table-expand__button *::after {
+  box-sizing: inherit;
+}
+.cds--table-expand__button {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -14465,6 +14676,11 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
   background: none;
   cursor: pointer;
   text-align: start;
+}
+.cds--table-expand__button::-moz-focus-inner {
+  border: 0;
+}
+.cds--table-expand__button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -14473,14 +14689,6 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
   inline-size: 100%;
   vertical-align: inherit;
 }
-.cds--table-expand__button *,
-.cds--table-expand__button *::before,
-.cds--table-expand__button *::after {
-  box-sizing: inherit;
-}
-.cds--table-expand__button::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--data-table--top-aligned-body td .cds--table-expand__button,
 .cds--data-table--top-aligned-header th .cds--table-expand__button {
@@ -14649,9 +14857,6 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  display: block;
-  block-size: 1rem;
-  inline-size: 4rem;
 }
 .cds--data-table.cds--skeleton th span:hover, .cds--data-table.cds--skeleton th span:focus, .cds--data-table.cds--skeleton th span:active,
 .cds--data-table.cds--skeleton td span:hover,
@@ -14689,6 +14894,12 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
     forced-color-adjust: none;
   }
 }
+.cds--data-table.cds--skeleton th span,
+.cds--data-table.cds--skeleton td span {
+  display: block;
+  block-size: 1rem;
+  inline-size: 4rem;
+}
 
 .cds--data-table.cds--skeleton tr:hover td {
   border-color: var(--cds-border-subtle);
@@ -14719,8 +14930,6 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 1.5rem;
-  inline-size: 7.5rem;
 }
 .cds--data-table-container.cds--skeleton .cds--data-table-header__title:hover, .cds--data-table-container.cds--skeleton .cds--data-table-header__title:focus, .cds--data-table-container.cds--skeleton .cds--data-table-header__title:active {
   border: none;
@@ -14751,6 +14960,10 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
     forced-color-adjust: none;
   }
 }
+.cds--data-table-container.cds--skeleton .cds--data-table-header__title {
+  block-size: 1.5rem;
+  inline-size: 7.5rem;
+}
 
 .cds--data-table-container.cds--skeleton .cds--data-table-header__description {
   position: relative;
@@ -14759,9 +14972,6 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 1rem;
-  inline-size: 10rem;
-  margin-block-start: 0.5rem;
 }
 .cds--data-table-container.cds--skeleton .cds--data-table-header__description:hover, .cds--data-table-container.cds--skeleton .cds--data-table-header__description:focus, .cds--data-table-container.cds--skeleton .cds--data-table-header__description:active {
   border: none;
@@ -14792,6 +15002,11 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
     forced-color-adjust: none;
   }
 }
+.cds--data-table-container.cds--skeleton .cds--data-table-header__description {
+  block-size: 1rem;
+  inline-size: 10rem;
+  margin-block-start: 0.5rem;
+}
 
 .cds--data-table--sort th,
 .cds--data-table th[aria-sort] {
@@ -14813,6 +15028,13 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--table-sort *,
+.cds--table-sort *::before,
+.cds--table-sort *::after {
+  box-sizing: inherit;
+}
+.cds--table-sort {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -14822,6 +15044,11 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   background: none;
   cursor: pointer;
   text-align: start;
+}
+.cds--table-sort::-moz-focus-inner {
+  border: 0;
+}
+.cds--table-sort {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -14835,14 +15062,6 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   text-align: start;
   transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
 }
-.cds--table-sort *,
-.cds--table-sort *::before,
-.cds--table-sort *::after {
-  box-sizing: inherit;
-}
-.cds--table-sort::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--table-sort:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -15443,13 +15662,15 @@ th .cds--table-sort__flex {
 .flatpickr-day:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  outline-color: var(--cds-button-primary, #0f62fe);
 }
 @media screen and (prefers-contrast) {
   .flatpickr-day:focus {
     outline-style: dotted;
   }
 }
+.flatpickr-day:focus {
+  outline-color: var(--cds-button-primary, #0f62fe);
+}
 
 .nextMonthDay,
 .prevMonthDay {
@@ -15520,8 +15741,6 @@ th .cds--table-sort__flex {
 .flatpickr-day.endRange.inRange {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  z-index: 3;
-  background: var(--cds-layer-01, #f4f4f4);
 }
 @media screen and (prefers-contrast) {
   .flatpickr-day.startRange.inRange:not(.selected),
@@ -15529,18 +15748,25 @@ th .cds--table-sort__flex {
     outline-style: dotted;
   }
 }
+.flatpickr-day.startRange.inRange:not(.selected),
+.flatpickr-day.endRange.inRange {
+  z-index: 3;
+  background: var(--cds-layer-01, #f4f4f4);
+}
 
 .flatpickr-day.endRange:hover {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  background: var(--cds-layer-01, #f4f4f4);
-  color: var(--cds-text-primary, #161616);
 }
 @media screen and (prefers-contrast) {
   .flatpickr-day.endRange:hover {
     outline-style: dotted;
   }
 }
+.flatpickr-day.endRange:hover {
+  background: var(--cds-layer-01, #f4f4f4);
+  color: var(--cds-text-primary, #161616);
+}
 
 .flatpickr-day.endRange.inRange.selected {
   background: var(--cds-button-primary, #0f62fe);
@@ -15630,6 +15856,13 @@ th .cds--table-sort__flex {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--date-picker__input *,
+.cds--date-picker__input *::before,
+.cds--date-picker__input *::after {
+  box-sizing: inherit;
+}
+.cds--date-picker__input {
   font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
   font-size: var(--cds-code-02-font-size, 0.875rem);
   font-weight: var(--cds-code-02-font-weight, 400);
@@ -15647,11 +15880,6 @@ th .cds--table-sort__flex {
   color: var(--cds-text-primary, #161616);
   transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all;
 }
-.cds--date-picker__input *,
-.cds--date-picker__input *::before,
-.cds--date-picker__input *::after {
-  box-sizing: inherit;
-}
 .cds--date-picker__input:focus, .cds--date-picker__input.cds--focused {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -15778,7 +16006,6 @@ th .cds--table-sort__flex {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  inline-size: 100%;
 }
 .cds--date-picker.cds--skeleton input:hover, .cds--date-picker.cds--skeleton input:focus, .cds--date-picker.cds--skeleton input:active,
 .cds--date-picker__input.cds--skeleton:hover,
@@ -15816,6 +16043,10 @@ th .cds--table-sort__flex {
     forced-color-adjust: none;
   }
 }
+.cds--date-picker.cds--skeleton input,
+.cds--date-picker__input.cds--skeleton {
+  inline-size: 100%;
+}
 .cds--date-picker.cds--skeleton input::-moz-placeholder, .cds--date-picker__input.cds--skeleton::-moz-placeholder {
   color: transparent;
 }
@@ -15831,8 +16062,6 @@ th .cds--table-sort__flex {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 0.875rem;
-  inline-size: 4.6875rem;
 }
 .cds--date-picker.cds--skeleton .cds--label:hover, .cds--date-picker.cds--skeleton .cds--label:focus, .cds--date-picker.cds--skeleton .cds--label:active {
   border: none;
@@ -15863,6 +16092,10 @@ th .cds--table-sort__flex {
     forced-color-adjust: none;
   }
 }
+.cds--date-picker.cds--skeleton .cds--label {
+  block-size: 0.875rem;
+  inline-size: 4.6875rem;
+}
 
 .cds--dialog {
   position: fixed;
@@ -15874,18 +16107,6 @@ th .cds--table-sort__flex {
   inline-size: 48rem;
   inset: 0;
   max-block-size: 100%;
-  opacity: 0;
-  transform: translateY(calc(-1 * 1.5rem));
-  /** opening and closing is used in as allow-discrete is not currently supported wide enough
-   * https://caniuse.com/mdn-css_properties_display_is_transitionable
-   */
-  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), transform 240ms cubic-bezier(0.4, 0.14, 1, 1), overlay 240ms cubic-bezier(0.4, 0.14, 1, 1) allow-discrete, display 240ms cubic-bezier(0.4, 0.14, 1, 1) allow-discrete;
-  /** starting style also not supported widely
-  * https://caniuse.com/mdn-css_at-rules_starting-style
-  */
-  /*   Before-open state  */
-  /* Needs to be after the previous dialog[open] rule to take effect,
-  as the specificity is the same */
 }
 @media (min-width: 42rem) {
   .cds--dialog {
@@ -15902,6 +16123,14 @@ th .cds--table-sort__flex {
     max-inline-size: 48%;
   }
 }
+.cds--dialog {
+  opacity: 0;
+  transform: translateY(calc(-1 * 1.5rem));
+  /** opening and closing is used in as allow-discrete is not currently supported wide enough
+   * https://caniuse.com/mdn-css_properties_display_is_transitionable
+   */
+  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), transform 240ms cubic-bezier(0.4, 0.14, 1, 1), overlay 240ms cubic-bezier(0.4, 0.14, 1, 1) allow-discrete, display 240ms cubic-bezier(0.4, 0.14, 1, 1) allow-discrete;
+}
 @media (prefers-reduced-motion) {
   .cds--dialog {
     transition: none;
@@ -15917,6 +16146,14 @@ th .cds--table-sort__flex {
     transition: none;
   }
 }
+.cds--dialog {
+  /** starting style also not supported widely
+  * https://caniuse.com/mdn-css_at-rules_starting-style
+  */
+  /*   Before-open state  */
+  /* Needs to be after the previous dialog[open] rule to take effect,
+  as the specificity is the same */
+}
 @starting-style {
   .cds--dialog[open] {
     opacity: 0;
@@ -15986,6 +16223,13 @@ because the nesting selector cannot represent pseudo-elements. */
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--dialog-header__label *,
+.cds--dialog-header__label *::before,
+.cds--dialog-header__label *::after {
+  box-sizing: inherit;
+}
+.cds--dialog-header__label {
   font-size: var(--cds-label-01-font-size, 0.75rem);
   font-weight: var(--cds-label-01-font-weight, 400);
   line-height: var(--cds-label-01-line-height, 1.33333);
@@ -15993,11 +16237,6 @@ because the nesting selector cannot represent pseudo-elements. */
   color: var(--cds-text-secondary, #525252);
   margin-block-end: 0.25rem;
 }
-.cds--dialog-header__label *,
-.cds--dialog-header__label *::before,
-.cds--dialog-header__label *::after {
-  box-sizing: inherit;
-}
 
 .cds--dialog-header__heading {
   box-sizing: border-box;
@@ -16007,6 +16246,13 @@ because the nesting selector cannot represent pseudo-elements. */
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--dialog-header__heading *,
+.cds--dialog-header__heading *::before,
+.cds--dialog-header__heading *::after {
+  box-sizing: inherit;
+}
+.cds--dialog-header__heading {
   font-size: var(--cds-heading-03-font-size, 1.25rem);
   font-weight: var(--cds-heading-03-font-weight, 400);
   line-height: var(--cds-heading-03-line-height, 1.4);
@@ -16015,11 +16261,6 @@ because the nesting selector cannot represent pseudo-elements. */
   color: var(--cds-text-primary, #161616);
   padding-inline-end: calc(20% - 3rem);
 }
-.cds--dialog-header__heading *,
-.cds--dialog-header__heading *::before,
-.cds--dialog-header__heading *::after {
-  box-sizing: inherit;
-}
 
 .cds--dialog-container {
   display: grid;
@@ -16155,22 +16396,6 @@ because the nesting selector cannot represent pseudo-elements. */
   grid-column: 2;
 }
 
-.cds--dropdown {
-  outline: 2px solid transparent;
-  outline-offset: -2px;
-  position: relative;
-  display: block;
-  border: none;
-  background-color: var(--cds-field);
-  block-size: 2.5rem;
-  border-block-end: 1px solid var(--cds-border-strong);
-  color: var(--cds-text-primary, #161616);
-  cursor: pointer;
-  inline-size: 100%;
-  list-style: none;
-  outline: 2px solid transparent;
-  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
 .cds--dropdown html {
   font-size: 100%;
 }
@@ -16187,6 +16412,22 @@ because the nesting selector cannot represent pseudo-elements. */
 .cds--dropdown strong {
   font-weight: 600;
 }
+.cds--dropdown {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+  position: relative;
+  display: block;
+  border: none;
+  background-color: var(--cds-field);
+  block-size: 2.5rem;
+  border-block-end: 1px solid var(--cds-border-strong);
+  color: var(--cds-text-primary, #161616);
+  cursor: pointer;
+  inline-size: 100%;
+  list-style: none;
+  outline: 2px solid transparent;
+  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
 .cds--dropdown:hover {
   background-color: var(--cds-field-hover);
 }
@@ -16321,7 +16562,23 @@ button.cds--dropdown-text:focus {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
+
+.cds--dropdown-list html {
+  font-size: 100%;
+}
+.cds--dropdown-list body {
+  font-weight: 400;
+  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+}
+.cds--dropdown-list code {
+  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
+}
+.cds--dropdown-list strong {
+  font-weight: 600;
+}
 .cds--dropdown-list {
   outline: 2px solid transparent;
   outline-offset: -2px;
@@ -16341,22 +16598,6 @@ button.cds--dropdown-text:focus {
   max-block-size: 0;
   transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--dropdown-list html {
-  font-size: 100%;
-}
-.cds--dropdown-list body {
-  font-weight: 400;
-  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-}
-.cds--dropdown-list code {
-  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
-}
-.cds--dropdown-list strong {
-  font-weight: 600;
-}
 
 .cds--dropdown--light .cds--dropdown-list {
   background-color: var(--cds-layer);
@@ -16424,8 +16665,6 @@ button.cds--dropdown-text:focus {
 .cds--dropdown-link:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  padding: 0.6875rem 1rem;
-  margin: 0;
 }
 @media screen and (prefers-contrast) {
   .cds--dropdown--focused,
@@ -16433,6 +16672,11 @@ button.cds--dropdown-text:focus {
     outline-style: dotted;
   }
 }
+.cds--dropdown--focused,
+.cds--dropdown-link:focus {
+  padding: 0.6875rem 1rem;
+  margin: 0;
+}
 
 .cds--dropdown-list[aria-activedescendant] .cds--dropdown-link:focus {
   padding: 0.6875rem 0;
@@ -16443,14 +16687,16 @@ button.cds--dropdown-text:focus {
 .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  padding: 0.6875rem 1rem;
-  margin: 0;
 }
 @media screen and (prefers-contrast) {
   .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
     outline-style: dotted;
   }
 }
+.cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
+  padding: 0.6875rem 1rem;
+  margin: 0;
+}
 
 .cds--dropdown-list[aria-activedescendant] .cds--dropdown-item:active {
   background-color: inherit;
@@ -16661,19 +16907,19 @@ button.cds--dropdown-text:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  animation-duration: 690ms;
-  animation-fill-mode: forwards;
-  animation-iteration-count: infinite;
-  animation-name: cds--rotate;
-  animation-timing-function: linear;
-  block-size: 5.5rem;
-  inline-size: 5.5rem;
 }
 .cds--loading *,
 .cds--loading *::before,
 .cds--loading *::after {
   box-sizing: inherit;
 }
+.cds--loading {
+  animation-duration: 690ms;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+  animation-name: cds--rotate;
+  animation-timing-function: linear;
+}
 .cds--loading svg circle {
   animation-duration: 10ms;
   animation-name: cds--init-stroke;
@@ -16684,6 +16930,10 @@ button.cds--dropdown-text:focus {
     animation: none;
   }
 }
+.cds--loading {
+  block-size: 5.5rem;
+  inline-size: 5.5rem;
+}
 
 .cds--loading__svg {
   fill: transparent;
@@ -16806,14 +17056,6 @@ button.cds--dropdown-text:focus {
   margin-inline-end: 0.5rem;
 }
 
-.cds--file--label {
-  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-heading-compact-01-font-weight, 600);
-  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
-  color: var(--cds-text-primary, #161616);
-  margin-block-end: 0.5rem;
-}
 .cds--file--label html {
   font-size: 100%;
 }
@@ -16830,6 +17072,14 @@ button.cds--dropdown-text:focus {
 .cds--file--label strong {
   font-weight: 600;
 }
+.cds--file--label {
+  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-heading-compact-01-font-weight, 600);
+  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
+  color: var(--cds-text-primary, #161616);
+  margin-block-end: 0.5rem;
+}
 
 .cds--file--label--disabled {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -16890,14 +17140,6 @@ button.cds--dropdown-text:focus {
   border: 1px dashed var(--cds-button-disabled, #c6c6c6);
 }
 
-.cds--label-description {
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  color: var(--cds-text-secondary, #525252);
-  margin-block-end: 1rem;
-}
 .cds--label-description html {
   font-size: 100%;
 }
@@ -16914,6 +17156,14 @@ button.cds--dropdown-text:focus {
 .cds--label-description strong {
   font-weight: 600;
 }
+.cds--label-description {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  color: var(--cds-text-secondary, #525252);
+  margin-block-end: 1rem;
+}
 
 .cds--label-description--disabled {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -17048,27 +17298,31 @@ button.cds--dropdown-text:focus {
 .cds--file__selected-file--invalid__wrapper {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
-  background-color: var(--cds-layer);
-  margin-block-end: 0.5rem;
-  max-inline-size: 20rem;
-  outline-width: 1px;
 }
 @media screen and (prefers-contrast) {
   .cds--file__selected-file--invalid__wrapper {
     outline-style: dotted;
   }
 }
+.cds--file__selected-file--invalid__wrapper {
+  background-color: var(--cds-layer);
+  margin-block-end: 0.5rem;
+  max-inline-size: 20rem;
+  outline-width: 1px;
+}
 
 .cds--file__selected-file--invalid {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
-  padding: 0.75rem 0;
 }
 @media screen and (prefers-contrast) {
   .cds--file__selected-file--invalid {
     outline-style: dotted;
   }
 }
+.cds--file__selected-file--invalid {
+  padding: 0.75rem 0;
+}
 
 .cds--file__selected-file--invalid.cds--file__selected-file--sm {
   padding: 0.25rem 0;
@@ -17209,6 +17463,13 @@ button.cds--dropdown-text:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--file__drop-container *,
+.cds--file__drop-container *::before,
+.cds--file__drop-container *::after {
+  box-sizing: inherit;
+}
+.cds--file__drop-container {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -17219,6 +17480,11 @@ button.cds--dropdown-text:focus {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--file__drop-container::-moz-focus-inner {
+  border: 0;
+}
+.cds--file__drop-container {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
@@ -17231,14 +17497,6 @@ button.cds--dropdown-text:focus {
   border: 1px dashed var(--cds-border-strong);
   block-size: 6rem;
 }
-.cds--file__drop-container *,
-.cds--file__drop-container *::before,
-.cds--file__drop-container *::after {
-  box-sizing: inherit;
-}
-.cds--file__drop-container::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--file__drop-container--drag-over {
   background: none;
@@ -17323,14 +17581,16 @@ button.cds--dropdown-text:focus {
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  z-index: 2;
-  outline-offset: 0;
 }
 @media screen and (prefers-contrast) {
   .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {
     outline-style: dotted;
   }
 }
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {
+  z-index: 2;
+  outline-offset: 0;
+}
 
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus:has(.cds--list-box--expanded.cds--multi-select--selected) {
   outline-width: 0.0625rem;
@@ -17344,14 +17604,16 @@ button.cds--dropdown-text:focus {
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
-  z-index: 2;
-  outline-offset: 0;
 }
 @media screen and (prefers-contrast) {
   .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
     outline-style: dotted;
   }
 }
+.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
+  z-index: 2;
+  outline-offset: 0;
+}
 
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--list-box:not(.cds--list-box--invalid),
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--list-box .cds--text-input,
@@ -17435,12 +17697,6 @@ button.cds--dropdown-text:focus {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  position: absolute;
-  padding: 0;
-  block-size: 0.5rem;
-  inline-size: 50%;
-  inset-block-start: 2.25rem;
-  inset-inline-start: 1rem;
 }
 .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:hover, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:focus, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:active {
   border: none;
@@ -17471,6 +17727,14 @@ button.cds--dropdown-text:focus {
     forced-color-adjust: none;
   }
 }
+.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {
+  position: absolute;
+  padding: 0;
+  block-size: 0.5rem;
+  inline-size: 50%;
+  inset-block-start: 2.25rem;
+  inset-inline-start: 1rem;
+}
 
 .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
   position: relative;
@@ -17479,11 +17743,6 @@ button.cds--dropdown-text:focus {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  position: absolute;
-  block-size: 0.5rem;
-  inline-size: 25%;
-  inset-block-start: 1rem;
-  inset-inline-start: 1rem;
 }
 .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:hover, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:focus, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:active {
   border: none;
@@ -17514,6 +17773,13 @@ button.cds--dropdown-text:focus {
     forced-color-adjust: none;
   }
 }
+.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
+  position: absolute;
+  block-size: 0.5rem;
+  inline-size: 25%;
+  inset-block-start: 1rem;
+  inset-inline-start: 1rem;
+}
 
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *,
 .cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--ai-label,
@@ -18129,12 +18395,6 @@ button.cds--dropdown-text:focus {
   display: none;
 }
 
-.cds--number {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  inline-size: 100%;
-}
 .cds--number html {
   font-size: 100%;
 }
@@ -18151,6 +18411,12 @@ button.cds--dropdown-text:focus {
 .cds--number strong {
   font-weight: 600;
 }
+.cds--number {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  inline-size: 100%;
+}
 
 .cds--number .cds--number__input-wrapper--warning input[type=number],
 .cds--number .cds--number__input-wrapper--warning input[type=text] {
@@ -18256,18 +18522,6 @@ button.cds--dropdown-text:focus {
   align-items: center;
 }
 
-.cds--number__controls {
-  position: absolute;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  block-size: 100%;
-  inline-size: 5rem;
-  inset-block-start: 50%;
-  inset-inline-end: 0;
-  transform: translateY(-50%);
-}
 .cds--number__controls html {
   font-size: 100%;
 }
@@ -18284,6 +18538,18 @@ button.cds--dropdown-text:focus {
 .cds--number__controls strong {
   font-weight: 600;
 }
+.cds--number__controls {
+  position: absolute;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  block-size: 100%;
+  inline-size: 5rem;
+  inset-block-start: 50%;
+  inset-inline-end: 0;
+  transform: translateY(-50%);
+}
 
 .cds--number__control-btn {
   box-sizing: border-box;
@@ -18293,6 +18559,13 @@ button.cds--dropdown-text:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--number__control-btn *,
+.cds--number__control-btn *::before,
+.cds--number__control-btn *::after {
+  box-sizing: inherit;
+}
+.cds--number__control-btn {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -18303,6 +18576,11 @@ button.cds--dropdown-text:focus {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--number__control-btn::-moz-focus-inner {
+  border: 0;
+}
+.cds--number__control-btn {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -18310,28 +18588,22 @@ button.cds--dropdown-text:focus {
   block-size: 100%;
   color: var(--cds-icon-primary, #161616);
 }
-.cds--number__control-btn *,
-.cds--number__control-btn *::before,
-.cds--number__control-btn *::after {
-  box-sizing: inherit;
-}
-.cds--number__control-btn::-moz-focus-inner {
-  border: 0;
-}
 .cds--number__control-btn svg {
   fill: currentColor;
 }
 .cds--number__control-btn:focus {
   outline: 1px solid var(--cds-focus, #0f62fe);
-  color: var(--cds-icon-primary, #161616);
-  outline-offset: -2px;
-  outline-width: 2px;
 }
 @media screen and (prefers-contrast) {
   .cds--number__control-btn:focus {
     outline-style: dotted;
   }
 }
+.cds--number__control-btn:focus {
+  color: var(--cds-icon-primary, #161616);
+  outline-offset: -2px;
+  outline-width: 2px;
+}
 .cds--number__control-btn:hover {
   background-color: var(--cds-field-hover);
   box-shadow: 0 -1px 0 var(--cds-border-strong) inset;
@@ -18661,7 +18933,6 @@ button.cds--dropdown-text:focus {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  inline-size: 100%;
 }
 .cds--number.cds--skeleton:hover, .cds--number.cds--skeleton:focus, .cds--number.cds--skeleton:active {
   border: none;
@@ -18692,6 +18963,9 @@ button.cds--dropdown-text:focus {
     forced-color-adjust: none;
   }
 }
+.cds--number.cds--skeleton {
+  inline-size: 100%;
+}
 .cds--number.cds--skeleton input[type=number],
 .cds--number.cds--skeleton input[type=text] {
   display: none;
@@ -19065,17 +19339,19 @@ button.cds--dropdown-text:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  inline-size: 100%;
 }
 .cds--select *,
 .cds--select *::before,
 .cds--select *::after {
   box-sizing: inherit;
 }
+.cds--select {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  inline-size: 100%;
+}
 
 .cds--select-input__wrapper {
   position: relative;
@@ -19109,10 +19385,6 @@ button.cds--dropdown-text:focus {
   padding-inline: 1rem 3rem;
   text-overflow: ellipsis;
   transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
-  /* This is for targeting styles specific to firefox */
-  /* Removes dotted inner focus */
-  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
-  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
 }
 .cds--select-input:hover {
   background-color: var(--cds-field-hover);
@@ -19120,6 +19392,12 @@ button.cds--dropdown-text:focus {
 .cds--select-input::-ms-expand {
   display: none;
 }
+.cds--select-input {
+  /* This is for targeting styles specific to firefox */
+  /* Removes dotted inner focus */
+  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
+  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
+}
 @-moz-document url-prefix() {
   .cds--select-input:-moz-focusring, .cds--select-input::-moz-focus-inner {
     background-image: none;
@@ -19130,13 +19408,15 @@ button.cds--dropdown-text:focus {
 .cds--select-input:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  color: var(--cds-text-primary, #161616);
 }
 @media screen and (prefers-contrast) {
   .cds--select-input:focus {
     outline-style: dotted;
   }
 }
+.cds--select-input:focus {
+  color: var(--cds-text-primary, #161616);
+}
 .cds--select-input:disabled, .cds--select-input:hover:disabled {
   background-color: var(--cds-field);
   border-block-end-color: transparent;
@@ -19311,8 +19591,6 @@ optgroup.cds--select-optgroup:disabled,
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 2.5rem;
-  inline-size: 100%;
 }
 .cds--select.cds--skeleton:hover, .cds--select.cds--skeleton:focus, .cds--select.cds--skeleton:active {
   border: none;
@@ -19343,6 +19621,10 @@ optgroup.cds--select-optgroup:disabled,
     forced-color-adjust: none;
   }
 }
+.cds--select.cds--skeleton {
+  block-size: 2.5rem;
+  inline-size: 100%;
+}
 
 .cds--select.cds--skeleton .cds--select-input {
   display: none;
@@ -19605,6 +19887,13 @@ optgroup.cds--select-optgroup:disabled,
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--text-area *,
+.cds--text-area *::before,
+.cds--text-area *::after {
+  box-sizing: inherit;
+}
+.cds--text-area {
   font-size: var(--cds-body-01-font-size, 0.875rem);
   font-weight: var(--cds-body-01-font-weight, 400);
   line-height: var(--cds-body-01-line-height, 1.42857);
@@ -19623,11 +19912,6 @@ optgroup.cds--select-optgroup:disabled,
   resize: vertical;
   transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--text-area *,
-.cds--text-area *::before,
-.cds--text-area *::after {
-  box-sizing: inherit;
-}
 
 .cds--text-area:focus,
 .cds--text-area:active {
@@ -19792,8 +20076,6 @@ optgroup.cds--select-optgroup:disabled,
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 6.25rem;
-  inline-size: 100%;
 }
 .cds--text-area.cds--skeleton:hover, .cds--text-area.cds--skeleton:focus, .cds--text-area.cds--skeleton:active {
   border: none;
@@ -19824,6 +20106,10 @@ optgroup.cds--select-optgroup:disabled,
     forced-color-adjust: none;
   }
 }
+.cds--text-area.cds--skeleton {
+  block-size: 6.25rem;
+  inline-size: 100%;
+}
 .cds--text-area.cds--skeleton::-moz-placeholder {
   color: transparent;
 }
@@ -20299,13 +20585,15 @@ optgroup.cds--select-optgroup:disabled,
 .cds--time-picker--fluid--invalid {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
-  position: relative;
 }
 @media screen and (prefers-contrast) {
   .cds--time-picker--fluid--invalid {
     outline-style: dotted;
   }
 }
+.cds--time-picker--fluid--invalid {
+  position: relative;
+}
 
 .cds--time-picker--fluid--invalid .cds--text-input,
 .cds--time-picker--fluid--invalid .cds--text-input-wrapper,
@@ -20592,11 +20880,6 @@ optgroup.cds--select-optgroup:disabled,
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  font-size: var(--cds-body-01-font-size, 0.875rem);
-  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);
-  list-style: none;
 }
 .cds--list--nested *,
 .cds--list--nested *::before,
@@ -20612,6 +20895,16 @@ optgroup.cds--select-optgroup:disabled,
 .cds--list--ordered--native *::after {
   box-sizing: inherit;
 }
+.cds--list--nested,
+.cds--list--unordered,
+.cds--list--ordered,
+.cds--list--ordered--native {
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  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);
+  list-style: none;
+}
 
 .cds--list--unordered:not(.cds--list--nested) {
   margin-inline-start: 1rem;
@@ -20833,7 +21126,6 @@ optgroup.cds--select-optgroup:disabled,
   position: fixed;
   display: grid;
   background-color: var(--cds-layer);
-  block-size: 100%;
   grid-template-columns: 100%;
   grid-template-rows: auto 1fr auto;
   inline-size: 100%;
@@ -20846,7 +21138,6 @@ optgroup.cds--select-optgroup:disabled,
 @media (min-width: 42rem) {
   .cds--modal-container {
     position: relative;
-    block-size: auto;
     inline-size: 84%;
     max-block-size: 90%;
   }
@@ -20925,6 +21216,13 @@ optgroup.cds--select-optgroup:disabled,
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--modal-header__label *,
+.cds--modal-header__label *::before,
+.cds--modal-header__label *::after {
+  box-sizing: inherit;
+}
+.cds--modal-header__label {
   font-size: var(--cds-label-01-font-size, 0.75rem);
   font-weight: var(--cds-label-01-font-weight, 400);
   line-height: var(--cds-label-01-line-height, 1.33333);
@@ -20932,11 +21230,6 @@ optgroup.cds--select-optgroup:disabled,
   color: var(--cds-text-secondary, #525252);
   margin-block-end: 0.25rem;
 }
-.cds--modal-header__label *,
-.cds--modal-header__label *::before,
-.cds--modal-header__label *::after {
-  box-sizing: inherit;
-}
 
 .cds--modal-header__heading {
   box-sizing: border-box;
@@ -20946,6 +21239,13 @@ optgroup.cds--select-optgroup:disabled,
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--modal-header__heading *,
+.cds--modal-header__heading *::before,
+.cds--modal-header__heading *::after {
+  box-sizing: inherit;
+}
+.cds--modal-header__heading {
   font-size: var(--cds-heading-03-font-size, 1.25rem);
   font-weight: var(--cds-heading-03-font-weight, 400);
   line-height: var(--cds-heading-03-line-height, 1.4);
@@ -20953,11 +21253,6 @@ optgroup.cds--select-optgroup:disabled,
   color: var(--cds-text-primary, #161616);
   padding-inline-end: calc(20% - 3rem);
 }
-.cds--modal-header__heading *,
-.cds--modal-header__heading *::before,
-.cds--modal-header__heading *::after {
-  box-sizing: inherit;
-}
 
 .cds--modal-container--xs .cds--modal-content__regular-content {
   padding-inline-end: 1rem;
@@ -21182,17 +21477,6 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
-.cds--inline-notification {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  block-size: auto;
-  color: var(--cds-text-inverse, #ffffff);
-  inline-size: 100%;
-  max-inline-size: 18rem;
-  min-block-size: 3rem;
-  min-inline-size: 18rem;
-}
 .cds--inline-notification html {
   font-size: 100%;
 }
@@ -21209,6 +21493,17 @@ optgroup.cds--select-optgroup:disabled,
 .cds--inline-notification strong {
   font-weight: 600;
 }
+.cds--inline-notification {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  block-size: auto;
+  color: var(--cds-text-inverse, #ffffff);
+  inline-size: 100%;
+  max-inline-size: 18rem;
+  min-block-size: 3rem;
+  min-inline-size: 18rem;
+}
 @media (min-width: 42rem) {
   .cds--inline-notification {
     flex-wrap: nowrap;
@@ -21524,14 +21819,6 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
-.cds--toast-notification {
-  display: flex;
-  block-size: auto;
-  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
-  color: var(--cds-text-inverse, #ffffff);
-  inline-size: 18rem;
-  padding-inline-start: 0.8125rem;
-}
 .cds--toast-notification html {
   font-size: 100%;
 }
@@ -21548,6 +21835,14 @@ optgroup.cds--select-optgroup:disabled,
 .cds--toast-notification strong {
   font-weight: 600;
 }
+.cds--toast-notification {
+  display: flex;
+  block-size: auto;
+  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
+  color: var(--cds-text-inverse, #ffffff);
+  inline-size: 18rem;
+  padding-inline-start: 0.8125rem;
+}
 @media (min-width: 99rem) {
   .cds--toast-notification {
     inline-size: 22rem;
@@ -21786,17 +22081,6 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
-.cds--actionable-notification {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  block-size: auto;
-  color: var(--cds-text-inverse, #ffffff);
-  inline-size: 100%;
-  max-inline-size: 18rem;
-  min-block-size: 3rem;
-  min-inline-size: 18rem;
-}
 .cds--actionable-notification html {
   font-size: 100%;
 }
@@ -21813,6 +22097,17 @@ optgroup.cds--select-optgroup:disabled,
 .cds--actionable-notification strong {
   font-weight: 600;
 }
+.cds--actionable-notification {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  block-size: auto;
+  color: var(--cds-text-inverse, #ffffff);
+  inline-size: 100%;
+  max-inline-size: 18rem;
+  min-block-size: 3rem;
+  min-inline-size: 18rem;
+}
 @media (min-width: 42rem) {
   .cds--actionable-notification {
     flex-wrap: nowrap;
@@ -22316,13 +22611,6 @@ optgroup.cds--select-optgroup:disabled,
   padding: 1.5rem 0;
 }
 
-.cds--page-header__content__title-wrapper {
-  display: grid;
-  gap: 1rem;
-  grid-template-columns: auto minmax(var(--pageheader-title-grid-width, 0), 1fr);
-  margin-block-end: 1rem;
-  min-block-size: 2.5rem;
-}
 @media (max-width: 41.98rem) {
   .cds--page-header__content__title-wrapper {
     display: flex;
@@ -22330,6 +22618,13 @@ optgroup.cds--select-optgroup:disabled,
     grid-gap: 1rem;
   }
 }
+.cds--page-header__content__title-wrapper {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: auto minmax(var(--pageheader-title-grid-width, 0), 1fr);
+  margin-block-end: 1rem;
+  min-block-size: 2.5rem;
+}
 
 .cds--page-header__content__start {
   display: flex;
@@ -22453,11 +22748,19 @@ optgroup.cds--select-optgroup:disabled,
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--pagination *,
+.cds--pagination *::before,
+.cds--pagination *::after {
+  box-sizing: inherit;
+}
+.cds--pagination {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   display: flex;
+  overflow: initial;
   align-items: center;
   justify-content: space-between;
   background-color: var(--cds-layer);
@@ -22466,17 +22769,8 @@ optgroup.cds--select-optgroup:disabled,
   container-type: inline-size;
   inline-size: calc(100% - 1px);
   min-block-size: 2.5rem;
-  overflow-x: auto;
-}
-.cds--pagination *,
-.cds--pagination *::before,
-.cds--pagination *::after {
-  box-sizing: inherit;
 }
 @container pagination (min-width: 42rem) {
-  .cds--pagination {
-    overflow: initial;
-  }
   .cds--pagination .cds--pagination__control-buttons {
     display: flex;
   }
@@ -22634,6 +22928,17 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--pagination__button *,
+.cds--pagination__button *::before,
+.cds--pagination__button *::after,
+.cds--btn--ghost.cds--pagination__button *,
+.cds--btn--ghost.cds--pagination__button *::before,
+.cds--btn--ghost.cds--pagination__button *::after {
+  box-sizing: inherit;
+}
+.cds--pagination__button,
+.cds--btn--ghost.cds--pagination__button {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -22648,14 +22953,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   min-block-size: 2rem;
   transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--pagination__button *,
-.cds--pagination__button *::before,
-.cds--pagination__button *::after,
-.cds--btn--ghost.cds--pagination__button *,
-.cds--btn--ghost.cds--pagination__button *::before,
-.cds--btn--ghost.cds--pagination__button *::after {
-  box-sizing: inherit;
-}
 
 .cds--pagination__button > svg,
 .cds--btn--ghost.cds--pagination__button > svg {
@@ -22683,7 +22980,6 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--btn--ghost:focus.cds--pagination__button {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  border-inline-start: 0;
 }
 @media screen and (prefers-contrast) {
   .cds--pagination__button:focus,
@@ -22691,6 +22987,10 @@ span.cds--pagination__text.cds--pagination__items-count {
     outline-style: dotted;
   }
 }
+.cds--pagination__button:focus,
+.cds--btn--ghost:focus.cds--pagination__button {
+  border-inline-start: 0;
+}
 
 .cds--pagination__button:hover,
 .cds--btn--ghost:hover.cds--pagination__button {
@@ -22737,6 +23037,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--unstable-pagination *,
+.cds--unstable-pagination *::before,
+.cds--unstable-pagination *::after {
+  box-sizing: inherit;
+}
+.cds--unstable-pagination {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
@@ -22752,21 +23059,16 @@ span.cds--pagination__text.cds--pagination__items-count {
   inline-size: 100%;
   min-block-size: 2.5rem;
 }
-.cds--unstable-pagination *,
-.cds--unstable-pagination *::before,
-.cds--unstable-pagination *::after {
-  box-sizing: inherit;
-}
 
-.cds--unstable-pagination__text {
-  margin: 0 1rem;
-  color: var(--cds-text-secondary, #525252);
-}
 @container pagination (min-width: 42rem) {
   .cds--unstable-pagination__text {
     display: inline-block;
   }
 }
+.cds--unstable-pagination__text {
+  margin: 0 1rem;
+  color: var(--cds-text-secondary, #525252);
+}
 
 .cds--unstable-pagination__left,
 .cds--unstable-pagination__right {
@@ -22800,6 +23102,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--unstable-pagination__button *,
+.cds--unstable-pagination__button *::before,
+.cds--unstable-pagination__button *::after {
+  box-sizing: inherit;
+}
+.cds--unstable-pagination__button {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -22815,11 +23124,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   min-block-size: 2rem;
   transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--unstable-pagination__button *,
-.cds--unstable-pagination__button *::before,
-.cds--unstable-pagination__button *::after {
-  box-sizing: inherit;
-}
 
 .cds--unstable-pagination__button .cds--btn__icon {
   block-size: initial;
@@ -22908,15 +23212,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   border-inline-end: 1px solid var(--cds-border-subtle);
 }
 
-.cds--pagination-nav {
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  --cds-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-lg)), 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));
-  line-height: 0;
-}
 .cds--pagination-nav html {
   font-size: 100%;
 }
@@ -22933,6 +23228,15 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--pagination-nav strong {
   font-weight: 600;
 }
+.cds--pagination-nav {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  --cds-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-lg)), 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));
+  line-height: 0;
+}
 
 .cds--pagination-nav__list {
   display: flex;
@@ -22962,6 +23266,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--pagination-nav__page *,
+.cds--pagination-nav__page *::before,
+.cds--pagination-nav__page *::after {
+  box-sizing: inherit;
+}
+.cds--pagination-nav__page {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -22971,6 +23282,11 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: none;
   cursor: pointer;
   text-align: start;
+}
+.cds--pagination-nav__page::-moz-focus-inner {
+  border: 0;
+}
+.cds--pagination-nav__page {
   position: relative;
   display: block;
   padding: calc((var(--cds-layout-size-height-local) - 0.875rem) / 2) 0.25rem;
@@ -22979,21 +23295,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-weight: 400;
   line-height: 1;
   min-inline-size: var(--cds-layout-size-height-local);
-  outline: 0;
-  text-align: center;
-  text-decoration: none;
-  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.cds--pagination-nav__page *,
-.cds--pagination-nav__page *::before,
-.cds--pagination-nav__page *::after {
-  box-sizing: inherit;
-}
-.cds--pagination-nav__page::-moz-focus-inner {
-  border: 0;
+  outline: 0;
+  text-align: center;
+  text-decoration: none;
+  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
 }
 .cds--pagination-nav__page:hover {
   background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
@@ -23324,14 +23632,16 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: flex;
-  list-style: none;
 }
 .cds--progress *,
 .cds--progress *::before,
 .cds--progress *::after {
   box-sizing: inherit;
 }
+.cds--progress {
+  display: flex;
+  list-style: none;
+}
 
 .cds--progress-step {
   position: relative;
@@ -23500,6 +23810,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--progress-step-button *,
+.cds--progress-step-button *::before,
+.cds--progress-step-button *::after {
+  box-sizing: inherit;
+}
+.cds--progress-step-button {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -23510,17 +23827,14 @@ span.cds--pagination__text.cds--pagination__items-count {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
-  display: flex;
-  text-align: start;
-}
-.cds--progress-step-button *,
-.cds--progress-step-button *::before,
-.cds--progress-step-button *::after {
-  box-sizing: inherit;
 }
 .cds--progress-step-button::-moz-focus-inner {
   border: 0;
 }
+.cds--progress-step-button {
+  display: flex;
+  text-align: start;
+}
 
 .cds--progress-step-button--unclickable {
   cursor: default;
@@ -23571,9 +23885,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 0.875rem;
-  inline-size: 2.5rem;
-  margin-block-start: 0.625rem;
 }
 .cds--progress.cds--skeleton .cds--progress-label:hover, .cds--progress.cds--skeleton .cds--progress-label:focus, .cds--progress.cds--skeleton .cds--progress-label:active {
   border: none;
@@ -23604,6 +23915,11 @@ span.cds--pagination__text.cds--pagination__items-count {
     forced-color-adjust: none;
   }
 }
+.cds--progress.cds--skeleton .cds--progress-label {
+  block-size: 0.875rem;
+  inline-size: 2.5rem;
+  margin-block-start: 0.625rem;
+}
 
 .cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {
   margin-block-start: 0.0625rem;
@@ -23749,9 +24065,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  display: inline-block;
-  block-size: 1rem;
-  inline-size: 1rem;
 }
 .cds--icon--skeleton:hover, .cds--icon--skeleton:focus, .cds--icon--skeleton:active {
   border: none;
@@ -23782,6 +24095,11 @@ span.cds--pagination__text.cds--pagination__items-count {
     forced-color-adjust: none;
   }
 }
+.cds--icon--skeleton {
+  display: inline-block;
+  block-size: 1rem;
+  inline-size: 1rem;
+}
 
 .cds--skeleton__placeholder {
   position: relative;
@@ -23790,8 +24108,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 6.25rem;
-  inline-size: 6.25rem;
 }
 .cds--skeleton__placeholder:hover, .cds--skeleton__placeholder:focus, .cds--skeleton__placeholder:active {
   border: none;
@@ -23822,6 +24138,10 @@ span.cds--pagination__text.cds--pagination__items-count {
     forced-color-adjust: none;
   }
 }
+.cds--skeleton__placeholder {
+  block-size: 6.25rem;
+  inline-size: 6.25rem;
+}
 
 .cds--skeleton__text {
   position: relative;
@@ -23830,9 +24150,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 1rem;
-  inline-size: 100%;
-  margin-block-end: 0.5rem;
 }
 .cds--skeleton__text:hover, .cds--skeleton__text:focus, .cds--skeleton__text:active {
   border: none;
@@ -23863,6 +24180,11 @@ span.cds--pagination__text.cds--pagination__items-count {
     forced-color-adjust: none;
   }
 }
+.cds--skeleton__text {
+  block-size: 1rem;
+  inline-size: 100%;
+  margin-block-end: 0.5rem;
+}
 
 .cds--skeleton__heading {
   block-size: 1.5rem;
@@ -24288,8 +24610,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 0.75rem;
-  inline-size: 1.25rem;
 }
 .cds--slider-container.cds--skeleton .cds--slider__range-label:hover, .cds--slider-container.cds--skeleton .cds--slider__range-label:focus, .cds--slider-container.cds--skeleton .cds--slider__range-label:active {
   border: none;
@@ -24320,6 +24640,10 @@ span.cds--pagination__text.cds--pagination__items-count {
     forced-color-adjust: none;
   }
 }
+.cds--slider-container.cds--skeleton .cds--slider__range-label {
+  block-size: 0.75rem;
+  inline-size: 1.25rem;
+}
 
 .cds--slider-container.cds--skeleton .cds--slider__track {
   cursor: default;
@@ -24455,6 +24779,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--structured-list *,
+.cds--structured-list *::before,
+.cds--structured-list *::after {
+  box-sizing: inherit;
+}
+.cds--structured-list {
   display: table;
   background-color: var(--cds-layer) transparent;
   border-collapse: collapse;
@@ -24462,11 +24793,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   inline-size: 100%;
   overflow-x: auto;
 }
-.cds--structured-list *,
-.cds--structured-list *::before,
-.cds--structured-list *::after {
-  box-sizing: inherit;
-}
 .cds--structured-list.cds--structured-list--condensed .cds--structured-list-td, .cds--structured-list.cds--structured-list--condensed .cds--structured-list-th {
   padding: 0.5rem;
 }
@@ -24537,6 +24863,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--structured-list-th *,
+.cds--structured-list-th *::before,
+.cds--structured-list-th *::after {
+  box-sizing: inherit;
+}
+.cds--structured-list-th {
   padding: 1rem 0.5rem 0.5rem 0.5rem;
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);
@@ -24550,11 +24883,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   text-transform: none;
   vertical-align: top;
 }
-.cds--structured-list-th *,
-.cds--structured-list-th *::before,
-.cds--structured-list-th *::after {
-  box-sizing: inherit;
-}
 
 .cds--structured-list-tbody {
   display: table-row-group;
@@ -24569,6 +24897,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--structured-list-td *,
+.cds--structured-list-td *::before,
+.cds--structured-list-td *::after {
+  box-sizing: inherit;
+}
+.cds--structured-list-td {
   font-size: var(--cds-body-01-font-size, 0.875rem);
   font-weight: var(--cds-body-01-font-weight, 400);
   line-height: var(--cds-body-01-line-height, 1.42857);
@@ -24580,11 +24915,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   max-inline-size: 36rem;
   transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--structured-list-td *,
-.cds--structured-list-td *::before,
-.cds--structured-list-td *::after {
-  box-sizing: inherit;
-}
 
 .cds--structured-list-content--nowrap {
   white-space: nowrap;
@@ -24631,9 +24961,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  display: block;
-  block-size: 1rem;
-  inline-size: 75%;
 }
 .cds--structured-list.cds--skeleton span:hover, .cds--structured-list.cds--skeleton span:focus, .cds--structured-list.cds--skeleton span:active {
   border: none;
@@ -24664,6 +24991,11 @@ span.cds--pagination__text.cds--pagination__items-count {
     forced-color-adjust: none;
   }
 }
+.cds--structured-list.cds--skeleton span {
+  display: block;
+  block-size: 1rem;
+  inline-size: 75%;
+}
 
 .cds--structured-list.cds--structured-list--selection.cds--skeleton .cds--structured-list-th:first-child {
   inline-size: 5%;
@@ -24715,21 +25047,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-lg)), var(--cds-layout-size-height, var(--cds-layout-size-height-xl)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
 }
 
-.cds--tabs {
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  --cds-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)));
-  position: relative;
-  display: flex;
-  block-size: auto;
-  color: var(--cds-text-primary, #161616);
-  inline-size: 100%;
-  max-block-size: var(--cds-layout-size-height-xl);
-  min-block-size: var(--cds-layout-size-height-local);
-  overflow-x: hidden;
-}
 .cds--tabs html {
   font-size: 100%;
 }
@@ -24746,6 +25063,21 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tabs strong {
   font-weight: 600;
 }
+.cds--tabs {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  --cds-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)));
+  position: relative;
+  display: flex;
+  block-size: auto;
+  color: var(--cds-text-primary, #161616);
+  inline-size: 100%;
+  max-block-size: var(--cds-layout-size-height-xl);
+  min-block-size: var(--cds-layout-size-height-local);
+  overflow-x: hidden;
+}
 .cds--tabs.cds--tabs--contained {
   --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-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
 }
@@ -24800,13 +25132,15 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: flex;
 }
 .cds--tabs .cds--tabs__nav *,
 .cds--tabs .cds--tabs__nav *::before,
 .cds--tabs .cds--tabs__nav *::after {
   box-sizing: inherit;
 }
+.cds--tabs .cds--tabs__nav {
+  display: flex;
+}
 .cds--tabs .cds--tab--overflow-nav-button {
   box-sizing: border-box;
   padding: 0;
@@ -24815,6 +25149,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--tabs .cds--tab--overflow-nav-button *,
+.cds--tabs .cds--tab--overflow-nav-button *::before,
+.cds--tabs .cds--tab--overflow-nav-button *::after {
+  box-sizing: inherit;
+}
+.cds--tabs .cds--tab--overflow-nav-button {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -24825,6 +25166,11 @@ span.cds--pagination__text.cds--pagination__items-count {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {
+  border: 0;
+}
+.cds--tabs .cds--tab--overflow-nav-button {
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -24832,14 +25178,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   background-color: var(--cds-background, #ffffff);
   inline-size: 2.5rem;
 }
-.cds--tabs .cds--tab--overflow-nav-button *,
-.cds--tabs .cds--tab--overflow-nav-button *::before,
-.cds--tabs .cds--tab--overflow-nav-button *::after {
-  box-sizing: inherit;
-}
-.cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {
-  border: 0;
-}
 .cds--tabs .cds--tab--overflow-nav-button:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -24942,14 +25280,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   position: relative;
   inset-block-start: 0.0625rem;
 }
-.cds--tabs .cds--tabs__nav-item {
-  position: relative;
-  display: flex;
-  flex: 1 0 auto;
-  padding: 0;
-  cursor: pointer;
-  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
 .cds--tabs .cds--tabs__nav-item html {
   font-size: 100%;
 }
@@ -24966,6 +25296,14 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tabs .cds--tabs__nav-item strong {
   font-weight: 600;
 }
+.cds--tabs .cds--tabs__nav-item {
+  position: relative;
+  display: flex;
+  flex: 1 0 auto;
+  padding: 0;
+  cursor: pointer;
+  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
 .cds--tabs .cds--tabs__nav-item + .cds--tabs__nav-item {
   margin-inline-start: 0.0625rem;
 }
@@ -25028,6 +25366,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon *,
+.cds--tabs .cds--tabs__nav-item--close-icon *::before,
+.cds--tabs .cds--tabs__nav-item--close-icon *::after {
+  box-sizing: inherit;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -25038,20 +25383,17 @@ span.cds--pagination__text.cds--pagination__items-count {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {
+  border: 0;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon {
   block-size: 1.5rem;
   inline-size: 1.5rem;
   padding-block: 0.25rem;
   padding-inline: 0.25rem;
   pointer-events: auto;
 }
-.cds--tabs .cds--tabs__nav-item--close-icon *,
-.cds--tabs .cds--tabs__nav-item--close-icon *::before,
-.cds--tabs .cds--tabs__nav-item--close-icon *::after {
-  box-sizing: inherit;
-}
-.cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {
-  border: 0;
-}
 .cds--tabs .cds--tabs__nav-item--close-icon svg {
   block-size: 1rem;
   fill: var(--cds-text-secondary, #525252);
@@ -25119,6 +25461,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--tabs .cds--tabs__nav-link *,
+.cds--tabs .cds--tabs__nav-link *::before,
+.cds--tabs .cds--tabs__nav-link *::after {
+  box-sizing: inherit;
+}
+.cds--tabs .cds--tabs__nav-link {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -25128,6 +25477,11 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: none;
   cursor: pointer;
   text-align: start;
+}
+.cds--tabs .cds--tabs__nav-link::-moz-focus-inner {
+  border: 0;
+}
+.cds--tabs .cds--tabs__nav-link {
   outline: 2px solid transparent;
   outline-offset: -2px;
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
@@ -25144,14 +25498,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
   white-space: nowrap;
 }
-.cds--tabs .cds--tabs__nav-link *,
-.cds--tabs .cds--tabs__nav-link *::before,
-.cds--tabs .cds--tabs__nav-link *::after {
-  box-sizing: inherit;
-}
-.cds--tabs .cds--tabs__nav-link::-moz-focus-inner {
-  border: 0;
-}
 .cds--tabs .cds--tabs__nav-link:focus, .cds--tabs .cds--tabs__nav-link:active {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -25304,10 +25650,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: var(--cds-layer);
 }
 
-.cds--tabs--vertical ~ .cds--tab-content {
-  grid-column: 3/-1;
-  overflow-y: auto;
-}
 .cds--tabs--vertical ~ .cds--tab-content .cds--text-input--fluid .cds--text-input,
 .cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area__wrapper,
 .cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area,
@@ -25343,6 +25685,10 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:focus::after {
   border-inline-start: 2px solid var(--cds-focus, #0f62fe);
 }
+.cds--tabs--vertical ~ .cds--tab-content {
+  grid-column: 3/-1;
+  overflow-y: auto;
+}
 @media (min-width: 66rem) {
   .cds--tabs--vertical ~ .cds--tab-content {
     grid-column: 5/-1;
@@ -25373,9 +25719,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  display: block;
-  block-size: 0.875rem;
-  inline-size: 100%;
 }
 .cds--tabs.cds--skeleton .cds--tabs__nav-link span:hover, .cds--tabs.cds--skeleton .cds--tabs__nav-link span:focus, .cds--tabs.cds--skeleton .cds--tabs__nav-link span:active {
   border: none;
@@ -25406,6 +25749,11 @@ span.cds--pagination__text.cds--pagination__items-count {
     forced-color-adjust: none;
   }
 }
+.cds--tabs.cds--skeleton .cds--tabs__nav-link span {
+  display: block;
+  block-size: 0.875rem;
+  inline-size: 100%;
+}
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--tabs__nav-item .cds--tabs__nav-item--selected .cds--tabs__nav-item--selected {
@@ -25466,16 +25814,27 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tile--light {
   background-color: var(--cds-layer-02, #ffffff);
 }
-
+
+.cds--tile--clickable,
+.cds--tile--selectable {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+.cds--tile--clickable *,
+.cds--tile--clickable *::before,
+.cds--tile--clickable *::after,
+.cds--tile--selectable *,
+.cds--tile--selectable *::before,
+.cds--tile--selectable *::after {
+  box-sizing: inherit;
+}
 .cds--tile--clickable,
 .cds--tile--selectable {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
@@ -25484,14 +25843,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   cursor: pointer;
   transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--tile--clickable *,
-.cds--tile--clickable *::before,
-.cds--tile--clickable *::after,
-.cds--tile--selectable *,
-.cds--tile--selectable *::before,
-.cds--tile--selectable *::after {
-  box-sizing: inherit;
-}
 .cds--tile--clickable:hover,
 .cds--tile--selectable:hover {
   background: var(--cds-layer-hover);
@@ -25504,13 +25855,15 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--tile--clickable:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  text-decoration: none;
 }
 @media screen and (prefers-contrast) {
   .cds--tile--clickable:focus {
     outline-style: dotted;
   }
 }
+.cds--tile--clickable:focus {
+  text-decoration: none;
+}
 .cds--tile--clickable:hover .cds--tile__checkmark, .cds--tile--clickable:focus .cds--tile__checkmark {
   opacity: 1;
 }
@@ -25619,6 +25972,13 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--tile__chevron--interactive *,
+.cds--tile__chevron--interactive *::before,
+.cds--tile__chevron--interactive *::after {
+  box-sizing: inherit;
+}
+.cds--tile__chevron--interactive {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -25629,6 +25989,11 @@ span.cds--pagination__text.cds--pagination__items-count {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--tile__chevron--interactive::-moz-focus-inner {
+  border: 0;
+}
+.cds--tile__chevron--interactive {
   position: absolute;
   display: flex;
   align-items: center;
@@ -25638,14 +26003,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-block-end: 0;
   inset-inline-end: 0;
 }
-.cds--tile__chevron--interactive *,
-.cds--tile__chevron--interactive *::before,
-.cds--tile__chevron--interactive *::after {
-  box-sizing: inherit;
-}
-.cds--tile__chevron--interactive::-moz-focus-inner {
-  border: 0;
-}
 .cds--tile__chevron--interactive:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -26254,9 +26611,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   overflow: hidden;
   border-radius: 50%;
   background: var(--cds-skeleton-background, #e8e8e8);
-  border-radius: 50%;
-  block-size: 1.125rem;
-  inline-size: 1.125rem;
 }
 .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
   position: absolute;
@@ -26281,6 +26635,11 @@ span.cds--pagination__text.cds--pagination__items-count {
     forced-color-adjust: none;
   }
 }
+.cds--toggle--skeleton .cds--toggle__skeleton-circle {
+  border-radius: 50%;
+  block-size: 1.125rem;
+  inline-size: 1.125rem;
+}
 
 .cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
   position: relative;
@@ -26289,9 +26648,6 @@ span.cds--pagination__text.cds--pagination__items-count {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 0.5rem;
-  inline-size: 1.5rem;
-  margin-inline-start: 0.5rem;
 }
 .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:hover, .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:focus, .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:active {
   border: none;
@@ -26322,6 +26678,11 @@ span.cds--pagination__text.cds--pagination__items-count {
     forced-color-adjust: none;
   }
 }
+.cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
+  block-size: 0.5rem;
+  inline-size: 1.5rem;
+  margin-inline-start: 0.5rem;
+}
 
 [dir=rtl] .cds--toggle__switch--checked::before {
   transform: translateX(-1.5rem);
@@ -26339,13 +26700,15 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  overflow: hidden;
 }
 .cds--tree *,
 .cds--tree *::before,
 .cds--tree *::after {
   box-sizing: inherit;
 }
+.cds--tree {
+  overflow: hidden;
+}
 
 .cds--tree-node {
   background-color: var(--cds-layer-01, #f4f4f4);
@@ -26371,13 +26734,15 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  list-style-type: none;
 }
 .cds--tree-node__children *,
 .cds--tree-node__children *::before,
 .cds--tree-node__children *::after {
   box-sizing: inherit;
 }
+.cds--tree-node__children {
+  list-style-type: none;
+}
 
 .cds--tree-node--with-icon .cds--tree-node {
   margin-inline-start: 0.5rem;
@@ -26639,6 +27004,13 @@ div:has(.cds--header) ~ .cds--content {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--header *,
+.cds--header *::before,
+.cds--header *::after {
+  box-sizing: inherit;
+}
+.cds--header {
   position: fixed;
   z-index: 8000;
   display: flex;
@@ -26649,11 +27021,6 @@ div:has(.cds--header) ~ .cds--content {
   inset-block-start: 0;
   inset-inline: 0;
 }
-.cds--header *,
-.cds--header *::before,
-.cds--header *::after {
-  box-sizing: inherit;
-}
 
 .cds--header__action {
   box-sizing: border-box;
@@ -26663,6 +27030,13 @@ div:has(.cds--header) ~ .cds--content {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--header__action *,
+.cds--header__action *::before,
+.cds--header__action *::after {
+  box-sizing: inherit;
+}
+.cds--header__action {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -26673,20 +27047,17 @@ div:has(.cds--header) ~ .cds--content {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--header__action::-moz-focus-inner {
+  border: 0;
+}
+.cds--header__action {
   display: inline-flex;
   border: 0.0625rem solid transparent;
   block-size: 3rem;
   inline-size: 3rem;
   transition: background-color 110ms, border-color 110ms;
 }
-.cds--header__action *,
-.cds--header__action *::before,
-.cds--header__action *::after {
-  box-sizing: inherit;
-}
-.cds--header__action::-moz-focus-inner {
-  border: 0;
-}
 @media (max-width: 41.98rem) {
   .cds--header__action {
     min-inline-size: 3rem;
@@ -26843,17 +27214,19 @@ a.cds--header__name:hover {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: flex;
-  padding: 0;
-  margin: 0;
-  block-size: 100%;
-  list-style: none;
 }
 .cds--header__menu-bar *,
 .cds--header__menu-bar *::before,
 .cds--header__menu-bar *::after {
   box-sizing: inherit;
 }
+.cds--header__menu-bar {
+  display: flex;
+  padding: 0;
+  margin: 0;
+  block-size: 100%;
+  list-style: none;
+}
 
 a.cds--header__menu-item {
   position: relative;
@@ -27150,15 +27523,17 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  overflow: hidden;
-  flex: 1 1;
-  padding: 1rem 0 0;
 }
 .cds--side-nav__items *,
 .cds--side-nav__items *::before,
 .cds--side-nav__items *::after {
   box-sizing: inherit;
 }
+.cds--side-nav__items {
+  overflow: hidden;
+  flex: 1 1;
+  padding: 1rem 0 0;
+}
 .cds--side-nav:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
   overflow-y: auto;
 }
@@ -27215,6 +27590,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--side-nav__submenu *,
+.cds--side-nav__submenu *::before,
+.cds--side-nav__submenu *::after {
+  box-sizing: inherit;
+}
+.cds--side-nav__submenu {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -27225,6 +27607,11 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--side-nav__submenu::-moz-focus-inner {
+  border: 0;
+}
+.cds--side-nav__submenu {
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);
   line-height: var(--cds-heading-compact-01-line-height, 1.28572);
@@ -27241,14 +27628,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
      -moz-user-select: none;
           user-select: none;
 }
-.cds--side-nav__submenu *,
-.cds--side-nav__submenu *::before,
-.cds--side-nav__submenu *::after {
-  box-sizing: inherit;
-}
-.cds--side-nav__submenu::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--side-nav__submenu:hover {
   background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
@@ -27328,15 +27707,17 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: block;
-  max-block-size: 0;
-  visibility: hidden;
 }
 .cds--side-nav__menu *,
 .cds--side-nav__menu *::before,
 .cds--side-nav__menu *::after {
   box-sizing: inherit;
 }
+.cds--side-nav__menu {
+  display: block;
+  max-block-size: 0;
+  visibility: hidden;
+}
 
 .cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
   max-block-size: 93.75rem;
@@ -27487,13 +27868,15 @@ a.cds--side-nav__link--current::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: none;
 }
 .cds--side-nav__header-navigation *,
 .cds--side-nav__header-navigation *::before,
 .cds--side-nav__header-navigation *::after {
   box-sizing: inherit;
 }
+.cds--side-nav__header-navigation {
+  display: none;
+}
 @media (max-width: 65.98rem) {
   .cds--side-nav__header-navigation {
     position: relative;
@@ -27568,17 +27951,19 @@ a.cds--side-nav__link--current::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: var(--cds-text-secondary, #525252);
 }
 .cds--switcher *,
 .cds--switcher *::before,
 .cds--switcher *::after {
   box-sizing: inherit;
 }
+.cds--switcher {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: var(--cds-text-secondary, #525252);
+}
 
 .cds--switcher__item {
   block-size: 2rem;
@@ -27655,6 +28040,13 @@ div:has(.cds--header) ~ .cds--content {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--header *,
+.cds--header *::before,
+.cds--header *::after {
+  box-sizing: inherit;
+}
+.cds--header {
   position: fixed;
   z-index: 8000;
   display: flex;
@@ -27665,11 +28057,6 @@ div:has(.cds--header) ~ .cds--content {
   inset-block-start: 0;
   inset-inline: 0;
 }
-.cds--header *,
-.cds--header *::before,
-.cds--header *::after {
-  box-sizing: inherit;
-}
 
 .cds--header__action {
   box-sizing: border-box;
@@ -27679,6 +28066,13 @@ div:has(.cds--header) ~ .cds--content {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--header__action *,
+.cds--header__action *::before,
+.cds--header__action *::after {
+  box-sizing: inherit;
+}
+.cds--header__action {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -27689,20 +28083,17 @@ div:has(.cds--header) ~ .cds--content {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--header__action::-moz-focus-inner {
+  border: 0;
+}
+.cds--header__action {
   display: inline-flex;
   border: 0.0625rem solid transparent;
   block-size: 3rem;
   inline-size: 3rem;
   transition: background-color 110ms, border-color 110ms;
 }
-.cds--header__action *,
-.cds--header__action *::before,
-.cds--header__action *::after {
-  box-sizing: inherit;
-}
-.cds--header__action::-moz-focus-inner {
-  border: 0;
-}
 @media (max-width: 41.98rem) {
   .cds--header__action {
     min-inline-size: 3rem;
@@ -27859,17 +28250,19 @@ a.cds--header__name:hover {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: flex;
-  padding: 0;
-  margin: 0;
-  block-size: 100%;
-  list-style: none;
 }
 .cds--header__menu-bar *,
 .cds--header__menu-bar *::before,
 .cds--header__menu-bar *::after {
   box-sizing: inherit;
 }
+.cds--header__menu-bar {
+  display: flex;
+  padding: 0;
+  margin: 0;
+  block-size: 100%;
+  list-style: none;
+}
 
 a.cds--header__menu-item {
   position: relative;
@@ -28166,15 +28559,17 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  overflow: hidden;
-  flex: 1 1;
-  padding: 1rem 0 0;
 }
 .cds--side-nav__items *,
 .cds--side-nav__items *::before,
 .cds--side-nav__items *::after {
   box-sizing: inherit;
 }
+.cds--side-nav__items {
+  overflow: hidden;
+  flex: 1 1;
+  padding: 1rem 0 0;
+}
 .cds--side-nav:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
   overflow-y: auto;
 }
@@ -28231,6 +28626,13 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--side-nav__submenu *,
+.cds--side-nav__submenu *::before,
+.cds--side-nav__submenu *::after {
+  box-sizing: inherit;
+}
+.cds--side-nav__submenu {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -28241,6 +28643,11 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--side-nav__submenu::-moz-focus-inner {
+  border: 0;
+}
+.cds--side-nav__submenu {
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);
   line-height: var(--cds-heading-compact-01-line-height, 1.28572);
@@ -28257,14 +28664,6 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
      -moz-user-select: none;
           user-select: none;
 }
-.cds--side-nav__submenu *,
-.cds--side-nav__submenu *::before,
-.cds--side-nav__submenu *::after {
-  box-sizing: inherit;
-}
-.cds--side-nav__submenu::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--side-nav__submenu:hover {
   background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
@@ -28344,15 +28743,17 @@ a.cds--header__menu-item.cds--header__menu-item--current:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: block;
-  max-block-size: 0;
-  visibility: hidden;
 }
 .cds--side-nav__menu *,
 .cds--side-nav__menu *::before,
 .cds--side-nav__menu *::after {
   box-sizing: inherit;
 }
+.cds--side-nav__menu {
+  display: block;
+  max-block-size: 0;
+  visibility: hidden;
+}
 
 .cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
   max-block-size: 93.75rem;
@@ -28503,13 +28904,15 @@ a.cds--side-nav__link--current::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: none;
 }
 .cds--side-nav__header-navigation *,
 .cds--side-nav__header-navigation *::before,
 .cds--side-nav__header-navigation *::after {
   box-sizing: inherit;
 }
+.cds--side-nav__header-navigation {
+  display: none;
+}
 @media (max-width: 65.98rem) {
   .cds--side-nav__header-navigation {
     position: relative;
@@ -28584,17 +28987,19 @@ a.cds--side-nav__link--current::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: var(--cds-text-secondary, #525252);
 }
 .cds--switcher *,
 .cds--switcher *::before,
 .cds--switcher *::after {
   box-sizing: inherit;
 }
+.cds--switcher {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: var(--cds-text-secondary, #525252);
+}
 
 .cds--switcher__item {
   block-size: 2rem;