@carbon/ibm-products 2.0.0-rc.3 → 2.0.0-rc.32

package/css/index.css

@@ -211,6 +211,7 @@
 }
 
 .cds--snippet--disabled .cds--snippet-btn--expand:hover,
+.cds--snippet--disabled .cds--copy-btn,
 .cds--snippet--disabled .cds--copy-btn:hover {
   background-color: var(--cds-layer);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -430,6 +431,16 @@
   overflow-y: auto;
   transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+.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--expand .cds--snippet-container {
   padding-bottom: 1rem;
@@ -455,13 +466,13 @@
   overflow-x: auto;
 }
 
-.cds--snippet--multi .cds--snippet-container pre::after {
+.cds--snippet--multi.cds--snippet--has-right-overflow .cds--snippet-container pre::after {
   position: absolute;
   top: 0;
   right: 0;
   width: 1rem;
   height: 100%;
-  background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));
+  background-image: linear-gradient(to right, transparent, var(--cds-layer));
   content: "";
 }
 
@@ -790,7 +801,7 @@
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--snippet--single,
-.cds--snippet--multi {
+  .cds--snippet--multi {
     outline: 1px solid transparent;
   }
 }
@@ -816,7 +827,7 @@
   flex-shrink: 0;
   align-items: center;
   justify-content: space-between;
-  padding: calc(0.875rem - 3px) 63px calc(0.875rem - 3px) 15px;
+  padding: calc(0.875rem - 3px) calc(4rem - 1px) calc(0.875rem - 3px) calc(1rem - 1px);
   margin: 0;
   border-radius: 0;
   cursor: pointer;
@@ -946,7 +957,7 @@
   border-color: transparent;
   background-color: transparent;
   color: var(--cds-link-primary, #0f62fe);
-  padding: calc(0.875rem - 3px) 16px;
+  padding: calc(0.875rem - 3px) 1rem;
 }
 .cds--btn--ghost:hover {
   background-color: var(--cds-layer-hover);
@@ -979,10 +990,10 @@
   outline: none;
 }
 .cds--btn--ghost.cds--btn--sm {
-  padding: calc(0.375rem - 3px) 16px;
+  padding: calc(0.375rem - 3px) 1rem;
 }
 .cds--btn--ghost.cds--btn--field, .cds--btn--ghost.cds--btn--md {
-  padding: calc(0.675rem - 3px) 16px;
+  padding: calc(0.675rem - 3px) 1rem;
 }
 .cds--btn--ghost:not([disabled]) svg {
   fill: var(--cds-icon-primary, #161616);
@@ -1041,7 +1052,7 @@
   color: var(--cds-text-on-color, #ffffff);
 }
 .cds--btn--danger:hover {
-  background-color: var(--cds-button-danger-hover, #b81922);
+  background-color: var(--cds-button-danger-hover, #b81921);
 }
 .cds--btn--danger:focus {
   border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
@@ -1065,7 +1076,7 @@
   color: var(--cds-button-danger-secondary, #da1e28);
 }
 .cds--btn--danger--tertiary:hover {
-  background-color: var(--cds-button-danger-hover, #b81922);
+  background-color: var(--cds-button-danger-hover, #b81921);
 }
 .cds--btn--danger--tertiary:focus {
   border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
@@ -1079,7 +1090,7 @@
   fill: currentColor;
 }
 .cds--btn--danger--tertiary:hover {
-  border-color: var(--cds-button-danger-hover, #b81922);
+  border-color: var(--cds-button-danger-hover, #b81921);
   color: var(--cds-text-on-color, #ffffff);
 }
 .cds--btn--danger--tertiary:focus {
@@ -1102,10 +1113,10 @@
   border-color: transparent;
   background-color: transparent;
   color: var(--cds-button-danger-secondary, #da1e28);
-  padding: calc(0.875rem - 3px) 16px;
+  padding: calc(0.875rem - 3px) 1rem;
 }
 .cds--btn--danger--ghost:hover {
-  background-color: var(--cds-button-danger-hover, #b81922);
+  background-color: var(--cds-button-danger-hover, #b81921);
 }
 .cds--btn--danger--ghost:focus {
   border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
@@ -1132,15 +1143,15 @@
   outline: none;
 }
 .cds--btn--danger--ghost.cds--btn--sm {
-  padding: calc(0.375rem - 3px) 16px;
+  padding: calc(0.375rem - 3px) 1rem;
 }
 .cds--btn--danger--ghost.cds--btn--field, .cds--btn--danger--ghost.cds--btn--md {
-  padding: calc(0.675rem - 3px) 16px;
+  padding: calc(0.675rem - 3px) 1rem;
 }
 
 .cds--btn--sm {
   min-height: 2rem;
-  padding: calc(0.375rem - 3px) 60px calc(0.375rem - 3px) 12px;
+  padding: calc(0.375rem - 3px) calc(4rem - 4px) calc(0.375rem - 3px) calc(1rem - 4px);
 }
 
 .cds--btn--2xl:not(.cds--btn--icon-only) {
@@ -1162,7 +1173,7 @@
 .cds--btn--field,
 .cds--btn--md {
   min-height: 2.5rem;
-  padding: calc(0.675rem - 3px) 60px calc(0.675rem - 3px) 12px;
+  padding: calc(0.675rem - 3px) calc(4rem - 4px) calc(0.675rem - 3px) calc(1rem - 4px);
 }
 
 .cds--btn--expressive {
@@ -1269,7 +1280,7 @@
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),
-.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
+  .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
     fill: ButtonText;
   }
 }
@@ -1310,9 +1321,36 @@
 .cds--modal .cds--dropdown-list,
 .cds--modal .cds--number input[type=number],
 .cds--modal .cds--date-picker__input,
-.cds--modal .cds--multi-select {
+.cds--modal .cds--multi-select,
+.cds--modal .cds--number__control-btn::before,
+.cds--modal .cds--number__control-btn::after {
   background-color: var(--cds-field-02, #ffffff);
 }
+.cds--modal .cds--number__rule-divider {
+  background-color: var(--cds-border-subtle-02, #e0e0e0);
+}
+.cds--modal .cds--text-input--fluid .cds--text-input,
+.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,
+.cds--modal .cds--text-area--fluid .cds--text-area,
+.cds--modal .cds--search--fluid .cds--search-input,
+.cds--modal .cds--select--fluid .cds--select-input,
+.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement,
+.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,
+.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,
+.cds--modal .cds--number-input--fluid input[type=number],
+.cds--modal .cds--number-input--fluid .cds--number__control-btn::before,
+.cds--modal .cds--number-input--fluid .cds--number__control-btn::after,
+.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {
+  background-color: var(--cds-field-01, #f4f4f4);
+}
+.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,
+.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after {
+  background-color: var(--cds-field-hover);
+}
+.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,
+.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after {
+  border-left: 2px solid var(--cds-focus, #0f62fe);
+}
 
 .cds--modal.is-visible .cds--modal-container {
   transform: translate3d(0, 0, 0);
@@ -1385,7 +1423,12 @@
   }
 }
 
-.cds--modal-content p,
+.cds--modal-content .cds--form--fluid {
+  margin-right: -1rem;
+  margin-left: -1rem;
+}
+
+.cds--modal-content > p,
 .cds--modal-content__regular-content {
   font-size: var(--cds-body-01-font-size, 0.875rem);
   font-weight: var(--cds-body-01-font-weight, 400);
@@ -1421,13 +1464,14 @@
   font-weight: var(--cds-heading-03-font-weight, 400);
   line-height: var(--cds-heading-03-line-height, 1.4);
   letter-spacing: var(--cds-heading-03-letter-spacing, 0);
+  padding-right: calc(20% - 3rem);
   color: var(--cds-text-primary, #161616);
 }
 
 .cds--modal-container--xs .cds--modal-content__regular-content {
   padding-right: 1rem;
 }
-.cds--modal-container--xs .cds--modal-content p {
+.cds--modal-container--xs .cds--modal-content > p {
   padding-right: 0;
 }
 @media (min-width: 42rem) {
@@ -1450,7 +1494,7 @@
 .cds--modal-container--sm .cds--modal-content__regular-content {
   padding-right: 1rem;
 }
-.cds--modal-container--sm .cds--modal-content p {
+.cds--modal-container--sm .cds--modal-content > p {
   padding-right: 0;
 }
 @media (min-width: 42rem) {
@@ -1463,8 +1507,8 @@
     width: 42%;
     max-height: 72%;
   }
-  .cds--modal-container--sm .cds--modal-content p,
-.cds--modal-container--sm .cds--modal-content__regular-content {
+  .cds--modal-container--sm .cds--modal-content > p,
+  .cds--modal-container--sm .cds--modal-content__regular-content {
     padding-right: 20%;
   }
 }
@@ -1541,7 +1585,8 @@
   max-width: none;
   height: 4rem;
   flex: 0 1 50%;
-  padding-top: 1rem;
+  align-items: baseline;
+  padding-top: 0.875rem;
   padding-bottom: 2rem;
   margin: 0;
 }
@@ -1587,11 +1632,16 @@
   overflow: hidden;
 }
 
-.cds--body--with-modal-open .cds--tooltip,
-.cds--body--with-modal-open .cds--overflow-menu-options {
+.cds--body--with-modal-open .cds--modal .cds--tooltip,
+.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options {
   z-index: 9000;
 }
 
+.cds--modal-container--full-width .cds--modal-content {
+  padding: 0;
+  margin: 0;
+}
+
 /* stylelint-disable */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--modal-close__icon {
@@ -1607,6 +1657,16 @@
 }
 
 /* stylelint-enable */
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+textarea:-webkit-autofill,
+textarea:-webkit-autofill:hover,
+textarea:-webkit-autofill:focus {
+  box-shadow: 0 0 0 1000px var(--cds-field) inset;
+  -webkit-text-fill-color: var(--cds-text-primary, #161616);
+}
+
 .cds--fieldset html {
   font-size: 100%;
 }
@@ -1664,6 +1724,13 @@
   font-weight: 600;
 }
 
+.cds--label .cds--toggletip-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);
+}
+
 .cds--label--no-margin {
   margin-bottom: 0;
 }
@@ -1755,7 +1822,7 @@
 }
 
 input[type=number] {
-  font-family: carbon--font-family("mono");
+  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
 }
 
 input[data-invalid]:not(:focus),
@@ -1763,19 +1830,19 @@ input[data-invalid]:not(:focus),
 .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
 .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
 .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
-.cds--list-box[data-invalid]:not(:focus),
+.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
 .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
 }
 @media screen and (prefers-contrast) {
   input[data-invalid]:not(:focus),
-.cds--number[data-invalid] input[type=number]:not(:focus),
-.cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
-.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
-.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
-.cds--list-box[data-invalid]:not(:focus),
-.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
+  .cds--number[data-invalid] input[type=number]:not(:focus),
+  .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
+  .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
+  .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
+  .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused),
+  .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
     outline-style: dotted;
   }
 }
@@ -1791,6 +1858,7 @@ input[data-invalid] ~ .cds--form-requirement,
 .cds--text-input__field-wrapper--warning ~ .cds--form-requirement,
 .cds--text-input__field-wrapper--warning > .cds--text-input ~ .cds--form-requirement,
 .cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,
+.cds--text-area__wrapper--warn ~ .cds--form-requirement,
 .cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,
 .cds--select--warning .cds--select-input__wrapper ~ .cds--form-requirement,
 .cds--time-picker[data-invalid] ~ .cds--form-requirement,
@@ -1966,16 +2034,12 @@ fieldset[disabled] .cds--form__helper-text {
   width: 100%;
 }
 
-.cds--text-input__invalid-icon,
-.cds--text-input__readonly-icon {
+.cds--text-input__invalid-icon {
   position: absolute;
   top: 50%;
   right: 1rem;
-  transform: translateY(-50%);
-}
-
-.cds--text-input__invalid-icon {
   fill: var(--cds-support-error, #da1e28);
+  transform: translateY(-50%);
 }
 
 .cds--text-input__invalid-icon--warning {
@@ -2025,8 +2089,8 @@ fieldset[disabled] .cds--form__helper-text {
 }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after,
-.cds--text-input--password__visibility .cds--assistive-text,
-.cds--text-input--password__visibility + .cds--assistive-text {
+  .cds--text-input--password__visibility .cds--assistive-text,
+  .cds--text-input--password__visibility + .cds--assistive-text {
     display: inline-block;
   }
 }
@@ -2078,29 +2142,29 @@ fieldset[disabled] .cds--form__helper-text {
 }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .cds--text-input--password__visibility::after,
-.cds--text-input--password__visibility .cds--assistive-text,
-.cds--text-input--password__visibility + .cds--assistive-text {
+  .cds--text-input--password__visibility .cds--assistive-text,
+  .cds--text-input--password__visibility + .cds--assistive-text {
     width: auto;
   }
 }
 @supports (-ms-accelerator: true) {
   .cds--text-input--password__visibility::after,
-.cds--text-input--password__visibility .cds--assistive-text,
-.cds--text-input--password__visibility + .cds--assistive-text {
+  .cds--text-input--password__visibility .cds--assistive-text,
+  .cds--text-input--password__visibility + .cds--assistive-text {
     width: auto;
   }
 }
 @supports (-ms-ime-align: auto) {
   .cds--text-input--password__visibility::after,
-.cds--text-input--password__visibility .cds--assistive-text,
-.cds--text-input--password__visibility + .cds--assistive-text {
+  .cds--text-input--password__visibility .cds--assistive-text,
+  .cds--text-input--password__visibility + .cds--assistive-text {
     width: auto;
   }
 }
 @media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
   .cds--text-input--password__visibility::after,
-.cds--text-input--password__visibility .cds--assistive-text,
-.cds--text-input--password__visibility + .cds--assistive-text {
+  .cds--text-input--password__visibility .cds--assistive-text,
+  .cds--text-input--password__visibility + .cds--assistive-text {
     border: 1px solid transparent;
   }
 }
@@ -2224,8 +2288,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--text-input--invalid,
-.cds--text-input--warning,
-.cds--text-input-wrapper--readonly .cds--text-input {
+.cds--text-input--warning {
   padding-right: 2.5rem;
 }
 
@@ -2241,14 +2304,28 @@ fieldset[disabled] .cds--form__helper-text {
   right: 2.5rem;
 }
 
-.cds--text-input:disabled + .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
+.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
   cursor: not-allowed;
+}
+
+.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
-.cds--text-input:disabled + .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover {
+.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
+.cds--text-input__counter-alert {
+  position: absolute;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+  margin: -1px;
+  clip: rect(0, 0, 0, 0);
+}
+
 .cds--text-input:disabled {
   outline: 2px solid transparent;
   outline-offset: -2px;
@@ -2385,7 +2462,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 @media screen and (prefers-contrast) {
   .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
-.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
+  .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
     outline-style: dotted;
   }
 }
@@ -2439,18 +2516,39 @@ fieldset[disabled] .cds--form__helper-text {
   flex-direction: column;
 }
 
+.cds--text-input-wrapper--inline .cds--form-requirement {
+  display: block;
+  overflow: visible;
+  max-height: 12.5rem;
+  font-weight: 400;
+}
+
+.cds--text-input-wrapper--inline--invalid .cds--form-requirement {
+  color: var(--cds-text-error, #da1e28);
+}
+
 .cds--form--fluid .cds--text-input-wrapper--readonly,
 .cds--text-input-wrapper--readonly .cds--text-input {
+  border-bottom-color: var(--cds-border-subtle);
   background: transparent;
 }
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,
-.cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
+  .cds--btn.cds--btn--icon-only.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:hover svg {
     fill: ButtonText;
   }
 }
 
+.cds--text-input__label-wrapper {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}
+.cds--text-input__label-wrapper .cds--text-input__label-counter {
+  align-self: end;
+}
+
 @keyframes stroke {
   100% {
     stroke-dashoffset: 0;
@@ -2480,7 +2578,7 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .cds--inline-loading__checkmark-container {
-  fill: var(--cds-support-success, #198038);
+  fill: var(--cds-support-success, #24a148);
 }
 .cds--inline-loading__checkmark-container.cds--inline-loading__svg {
   position: absolute;
@@ -2729,6 +2827,9 @@ fieldset[disabled] .cds--form__helper-text {
     }
   }
 }
+.cds--tabs .cds--tabs__nav-item-label-wrapper {
+  display: flex;
+}
 .cds--tabs .cds--tabs__nav-item {
   display: flex;
   flex: 1 0 auto;
@@ -2765,6 +2866,14 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
   transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
+.cds--tabs .cds--tabs__nav-item--icon {
+  display: flex;
+  align-items: center;
+  padding-left: 0.5rem;
+}
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
+  padding-left: 1rem;
+}
 .cds--tabs .cds--tabs__nav-link {
   box-sizing: border-box;
   padding: 0;
@@ -2787,7 +2896,6 @@ fieldset[disabled] .cds--form__helper-text {
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
   overflow: hidden;
-  max-width: 10rem;
   padding: 0.75rem 1rem 0.5rem;
   border-bottom: 2px solid var(--cds-border-subtle);
   color: var(--cds-text-secondary, #525252);
@@ -2818,9 +2926,24 @@ fieldset[disabled] .cds--form__helper-text {
   height: 3rem;
   padding: 0.5rem 1rem;
   border-bottom: 0;
+}
+.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
   line-height: calc(3rem - (0.5rem * 2));
 }
-.cds--tabs .cds--tabs__nav-item--icon, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-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);
+  min-height: 1rem;
+}
+.cds--tabs.cds--tabs--contained.cds--tabs--tall .cds--tabs__nav-link {
+  height: 4rem;
+}
+.cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
+  overflow-x: visible;
+}
+.cds--tabs .cds--tabs__nav-item--icon-only, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {
   display: flex;
   width: var(--cds-icon-tab-size, 2.5rem);
   height: var(--cds-icon-tab-size, 2.5rem);
@@ -2828,11 +2951,19 @@ fieldset[disabled] .cds--form__helper-text {
   justify-content: center;
   padding: 0;
 }
+.cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label {
+  line-height: 0;
+}
 .cds--tabs.cds--tabs__icon--lg {
   --cds-icon-tab-size: 3rem;
 }
-.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:hover {
-  background-color: var(--cds-layer-selected-hover);
+.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover {
+  border-bottom: 2px solid var(--cds-border-strong);
+  color: var(--cds-text-primary, #161616);
+}
+.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled):hover {
+  background-color: var(--cds-layer-accent-hover);
+  color: var(--cds-text-primary, #161616);
 }
 .cds--tabs .cds--tabs__nav-item--selected {
   border-bottom: 2px solid var(--cds-border-interactive, #0f62fe);
@@ -2854,9 +2985,11 @@ fieldset[disabled] .cds--form__helper-text {
   letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
   color: var(--cds-text-primary, #161616);
 }
+.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected:hover {
+  line-height: calc(3rem - (0.5rem * 2));
+}
 .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
   background-color: var(--cds-layer);
-  line-height: calc(3rem - (0.5rem * 2));
 }
 .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus,
 .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:active, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:focus,
@@ -2866,10 +2999,6 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
   background-color: var(--cds-background, #ffffff);
 }
-.cds--tabs .cds--tabs__nav-item:hover .cds--tabs__nav-link {
-  border-bottom: 2px solid var(--cds-border-strong);
-  color: var(--cds-text-primary, #161616);
-}
 .cds--tabs .cds--tabs__nav-item--disabled {
   border-bottom: 2px solid var(--cds-border-disabled, #c6c6c6);
   background-color: transparent;
@@ -2989,61 +3118,66 @@ fieldset[disabled] .cds--form__helper-text {
 }
 
 .c4p--about-modal .c4p--about-modal__logo {
-  margin: 1rem;
+  margin: 1rem 1rem 2rem 1rem;
 }
 
 .c4p--about-modal .c4p--about-modal__header {
-  padding: 0 20% 0.5rem 1rem;
+  padding: 0 20% 0 1rem;
   margin-bottom: 0;
   grid-row: auto;
 }
 
 .c4p--about-modal .c4p--about-modal__title {
-  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
-  font-weight: var(--cds-productive-heading-04-font-weight, 400);
-  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
-  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
   color: var(--cds-text-primary, #161616);
 }
 
 .c4p--about-modal .c4p--about-modal__body {
-  font-size: var(--cds-body-short-02-font-size, 1rem);
-  font-weight: var(--cds-body-short-02-font-weight, 400);
-  line-height: var(--cds-body-short-02-line-height, 1.375);
-  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);
+  font-size: var(--cds-body-compact-02-font-size, 1rem);
+  font-weight: var(--cds-body-compact-02-font-weight, 400);
+  line-height: var(--cds-body-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
   min-height: 4rem;
   padding: 0 20% 0 1rem;
+  margin-bottom: 1.5rem;
   grid-row: auto;
   overflow-x: hidden;
   overflow-y: auto;
 }
 
-.c4p--about-modal.c4p--about-modal--with-tabs .c4p--about-modal__body {
-  min-height: calc(4rem + 2.5rem);
-  margin-bottom: calc(3rem + 2.5rem);
-}
-
-.c4p--about-modal.c4p--about-modal--with-tabs .cds--modal-content--overflow-indicator {
-  bottom: calc(3rem + 2.5rem);
-}
-
 .c4p--about-modal .cds--modal-content--overflow-indicator {
+  bottom: 1.5rem;
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--cds-layer-01, #f4f4f4));
 }
 
 .c4p--about-modal .c4p--about-modal__links-container {
-  margin-top: 1rem;
+  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);
+  margin-top: 1.5rem;
+}
+
+.c4p--about-modal .c4p--about-modal__version {
+  color: var(--cds-text-secondary, #525252);
 }
 
 .c4p--about-modal .c4p--about-modal__links-container a + a {
   padding-left: 0.5rem;
-  border-left: 1px solid var(--cds-text-primary, #161616);
+  border-left: 1px solid var(--cds-border-strong-01, #8d8d8d);
   margin-left: 0.5rem;
 }
 
-.c4p--about-modal .c4p--about-modal__legal-text,
+.c4p--about-modal .c4p--about-modal__content,
 .c4p--about-modal .c4p--about-modal__copyright-text {
-  margin-top: 2rem;
+  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);
+  margin-top: 1.5rem;
   margin-bottom: 0;
   color: var(--cds-text-secondary, #525252);
 }
@@ -3052,51 +3186,16 @@ fieldset[disabled] .cds--form__helper-text {
   margin-top: 1rem;
 }
 
-.c4p--about-modal .c4p--about-modal__footer {
-  position: relative;
-  height: 4.5rem;
-  flex-direction: column;
-  justify-content: center;
-  background-color: var(--cds-background-inverse, #393939);
-  color: var(--cds-text-inverse, #ffffff);
-}
-
-.c4p--about-modal .c4p--about-modal__tab-container {
-  position: absolute;
-  bottom: 0;
-}
-
-.c4p--about-modal .c4p--about-modal__version-label,
-.c4p--about-modal .c4p--about-modal__version-number {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  padding-left: 1rem;
-  margin-top: 0;
-  margin-bottom: 0;
-  color: var(--cds-text-inverse, #ffffff);
-}
-
-.c4p--about-modal .c4p--about-modal__version-label {
-  font-weight: 600;
-}
-
-.c4p--about-modal .cds--tabs .cds--tabs__nav-link,
-.c4p--about-modal .cds--tab-content {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-}
-
-.c4p--about-modal .cds--tab-content {
-  height: 4.5rem;
+p.c4p--about-modal__content:first-child,
+p.c4p--about-modal__copyright-text:first-child {
+  margin-top: 2rem;
 }
 
-.c4p--about-modal .cds--tab-content:not([hidden]) {
-  display: flex;
-  align-items: center;
+.c4p--about-modal .c4p--about-modal__footer {
+  display: block;
+  height: auto;
+  padding: 1rem;
+  background-color: var(--cds-layer-02, #ffffff);
 }
 
 .c4p--action-set {
@@ -3110,14 +3209,17 @@ fieldset[disabled] .cds--form__helper-text {
   font-weight: var(--cds-body-short-01-font-weight, 400);
   line-height: var(--cds-body-short-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  height: 4rem;
   align-items: center;
+  margin: 0;
+}
+.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
+  height: 4rem;
   padding-top: 1rem;
   padding-bottom: 2rem;
-  margin: 0;
 }
 
-.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive {
+.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
+.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
   max-width: none;
 }
 
@@ -3149,7 +3251,7 @@ fieldset[disabled] .cds--form__helper-text {
 .c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
 .c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
 .c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
-  max-width: rem(232px);
+  max-width: 14.5rem;
   flex: 0 1 25%;
 }
 
@@ -3231,13 +3333,13 @@ fieldset[disabled] .cds--form__helper-text {
 }
 @media screen and (prefers-contrast) {
   .cds--overflow-menu:focus,
-.cds--overflow-menu__trigger:focus {
+  .cds--overflow-menu__trigger:focus {
     outline-style: dotted;
   }
 }
 .cds--overflow-menu:hover,
 .cds--overflow-menu__trigger:hover {
-  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+  background-color: var(--cds-layer-hover);
 }
 
 .cds--overflow-menu--sm {
@@ -3281,6 +3383,10 @@ fieldset[disabled] .cds--form__helper-text {
   fill: var(--cds-icon-primary, #161616);
 }
 
+.cds--overflow-menu__wrapper {
+  line-height: 0;
+}
+
 .cds--overflow-menu-options {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   position: absolute;
@@ -3522,7 +3628,7 @@ a.cds--overflow-menu-options__btn::before {
 
 .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
-  pointer-events: none;
+  cursor: not-allowed;
 }
 .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover, .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active, .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus {
   outline: 2px solid transparent;
@@ -3544,7 +3650,7 @@ a.cds--overflow-menu-options__btn::before {
 /* stylelint-disable */
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--overflow-menu:focus,
-.cds--overflow-menu-options__btn:focus {
+  .cds--overflow-menu-options__btn:focus {
     color: Highlight;
     outline: 1px solid Highlight;
   }
@@ -5072,7 +5178,7 @@ a.cds--overflow-menu-options__btn::before {
 }
 @media (prefers-reduced-motion: no-preference) {
   .c4p--cascade__element,
-.c4p--cascade__col {
+  .c4p--cascade__col {
     /* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- Carbon animation duration defined above in $animationProps */
     animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
     animation-fill-mode: forwards;
@@ -5135,7 +5241,7 @@ a.cds--overflow-menu-options__btn::before {
 .security--combo-button .security--combo-button__overflow-menu {
   width: 3rem;
   height: auto;
-  border-left: 0.125rem solid var(--cds-border-subtle-01, #e0e0e0);
+  border-left: 0.125rem solid var(--cds-border-subtle-01, #c6c6c6);
   background-color: var(--cds-background-brand, #0f62fe);
 }
 
@@ -5315,6 +5421,10 @@ a.cds--overflow-menu-options__btn::before {
   fill: var(--cds-interactive, #0f62fe);
 }
 
+.cds--progress--space-equal .cds--progress-text {
+  overflow: hidden;
+}
+
 .cds--progress-label {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -5340,19 +5450,20 @@ a.cds--overflow-menu-options__btn::before {
   cursor: pointer;
 }
 
-.cds--progress-label:focus {
-  box-shadow: 0 0.1875rem 0 0 var(--cds-link-primary, #0f62fe);
-  color: var(--cds-link-primary, #0f62fe);
-  outline: none;
-}
-
 .cds--progress--space-equal .cds--progress-label {
   max-width: 100%;
   margin-right: 0.75rem;
 }
 
+.cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus {
+  outline: none;
+}
+.cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus-visible .cds--progress-label {
+  color: var(--cds-focus, #0f62fe);
+  outline: 0.0625rem solid var(--cds-focus, #0f62fe);
+}
 .cds--progress-step-button:not(.cds--progress-step-button--unclickable) .cds--progress-label:active {
-  box-shadow: 0 0.1875rem 0 0 var(--cds-text-primary, #161616);
+  box-shadow: 0 0.0625rem 0 0 var(--cds-text-primary, #161616);
   color: var(--cds-text-primary, #161616);
 }
 
@@ -5484,11 +5595,6 @@ a.cds--overflow-menu-options__btn::before {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   cursor: not-allowed;
 }
-.cds--progress-step--disabled .cds--progress-label:focus,
-.cds--progress-step--disabled .cds--progress-label:active {
-  box-shadow: none;
-  outline: none;
-}
 .cds--progress-step--disabled .cds--progress-line {
   cursor: not-allowed;
 }
@@ -5531,6 +5637,10 @@ a.cds--overflow-menu-options__btn::before {
   }
 }
 
+.cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {
+  margin-top: 0.0625rem;
+}
+
 .cds--progress--vertical {
   display: flex;
   flex-direction: column;
@@ -5584,6 +5694,7 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .cds--toggle {
+  display: inline-block;
   user-select: none;
 }
 
@@ -5614,7 +5725,7 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .cds--toggle__appearance {
-  display: grid;
+  display: inline-grid;
   align-items: center;
   column-gap: 0.5rem;
   cursor: pointer;
@@ -5647,12 +5758,13 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
-.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch {
+.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
+.cds--toggle:active .cds--toggle__switch {
   box-shadow: 0 0 0 1px var(--cds-focus-inset, #ffffff), 0 0 0 3px var(--cds-focus, #0f62fe);
 }
 
 .cds--toggle__switch--checked {
-  background-color: var(--cds-support-success, #198038);
+  background-color: var(--cds-support-success, #24a148);
 }
 .cds--toggle__switch--checked::before {
   transform: translateX(1.5rem);
@@ -5685,7 +5797,7 @@ a.cds--overflow-menu-options__btn::before {
   right: 0.3125rem;
   width: 0.375rem;
   height: 0.3125rem;
-  fill: var(--cds-support-success, #198038);
+  fill: var(--cds-support-success, #24a148);
   visibility: hidden;
 }
 
@@ -5713,16 +5825,42 @@ a.cds--overflow-menu-options__btn::before {
   fill: var(--cds-button-disabled, #c6c6c6);
 }
 
+.cds--toggle--readonly .cds--toggle__appearance {
+  cursor: default;
+}
+
+.cds--toggle--readonly .cds--toggle__switch {
+  border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+  background-color: transparent;
+}
+.cds--toggle--readonly .cds--toggle__switch::before {
+  top: 0.125rem;
+  left: 0.125rem;
+  background-color: var(--cds-text-primary, #161616);
+}
+
+.cds--toggle--readonly .cds--toggle__check {
+  top: 0.3125rem;
+  right: 0.25rem;
+  fill: var(--cds-background, #ffffff);
+}
+
+.cds--toggle--readonly .cds--toggle__text {
+  cursor: text;
+  user-select: text;
+}
+
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--toggle__switch,
-.cds--toggle__switch::before {
+  .cds--toggle__switch::before {
     outline: 1px solid transparent;
   }
 }
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
-.cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch {
+  .cds--toggle__button:not(:disabled):active + .cds--toggle__label .cds--toggle__switch,
+  .cds--toggle:active .cds--toggle__switch {
     color: Highlight;
     outline: 1px solid Highlight;
   }
@@ -5787,9 +5925,9 @@ a.cds--overflow-menu-options__btn::before {
 
 @media (prefers-reduced-motion) {
   .c4p--create-influencer__side-nav-opening,
-.c4p--create-influencer__progress-indicator-opening,
-.c4p--create-influencer__side-nav-closing,
-.c4p--create-influencer__progress-indicator-closing {
+  .c4p--create-influencer__progress-indicator-opening,
+  .c4p--create-influencer__side-nav-closing,
+  .c4p--create-influencer__progress-indicator-closing {
     animation: none;
     opacity: 1;
   }
@@ -5817,8 +5955,6 @@ a.cds--overflow-menu-options__btn::before {
   font-weight: var(--cds-productive-heading-01-font-weight, 600);
   line-height: var(--cds-productive-heading-01-line-height, 1.28572);
   letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
-  max-width: 50%;
-  padding-left: 2.5rem;
   margin-bottom: 0.5rem;
 }
 
@@ -5827,8 +5963,6 @@ a.cds--overflow-menu-options__btn::before {
   font-weight: var(--cds-body-long-01-font-weight, 400);
   line-height: var(--cds-body-long-01-line-height, 1.42857);
   letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
-  max-width: 50%;
-  padding-left: 2.5rem;
   margin-bottom: 1.5rem;
 }
 
@@ -5883,7 +6017,8 @@ a.cds--overflow-menu-options__btn::before {
   position: relative;
   padding-bottom: 2rem;
 }
-.c4p--create-full-page .c4p--create-full-page__step .cds--css-grid {
+
+.c4p--create-full-page__step .cds--css-grid {
   margin-left: 0;
 }
 
@@ -5891,7 +6026,7 @@ a.cds--overflow-menu-options__btn::before {
   top: 0;
   height: min-content;
   padding-top: 0;
-  border-right: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   background-color: transparent;
   grid-row: 1;
   overflow-x: auto;
@@ -5920,8 +6055,6 @@ a.cds--overflow-menu-options__btn::before {
   font-weight: var(--cds-productive-heading-04-font-weight, 400);
   line-height: var(--cds-productive-heading-04-line-height, 1.28572);
   letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
-  max-width: 50%;
-  padding-left: 2.5rem;
   margin-bottom: 1rem;
 }
 
@@ -6017,26 +6150,6 @@ a.cds--overflow-menu-options__btn::before {
   margin-bottom: 0;
 }
 
-@keyframes side-panel-exit-left {
-  0% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(calc(-1 * 30rem));
-  }
-}
-@keyframes side-panel-exit-right {
-  0% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  100% {
-    opacity: 0;
-    transform: translateX(30rem);
-  }
-}
 .c4p--side-panel__container {
   --c4p--side-panel--subtitle-opacity: 1;
   --c4p--side-panel--title-container-height: 0;
@@ -6056,7 +6169,6 @@ a.cds--overflow-menu-options__btn::before {
   box-sizing: border-box;
   background-color: var(--cds-layer-01, #f4f4f4);
   color: var(--cds-text-primary, #161616);
-  transition: transform 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 .c4p--side-panel__container.c4p--side-panel__container--xs {
   width: 16rem;
@@ -6070,37 +6182,13 @@ a.cds--overflow-menu-options__btn::before {
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--xs {
-  width: 16rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(16rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--xs {
-  width: 16rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-16rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--sm {
   width: 20rem;
   max-width: 100%;
@@ -6113,37 +6201,13 @@ a.cds--overflow-menu-options__btn::before {
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--sm {
-  width: 20rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(20rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--sm {
-  width: 20rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-20rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--md {
   width: 30rem;
   max-width: 100%;
@@ -6156,37 +6220,13 @@ a.cds--overflow-menu-options__btn::before {
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--md {
-  width: 30rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(30rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--md {
-  width: 30rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-30rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--lg {
   width: 40rem;
   max-width: 100%;
@@ -6199,37 +6239,13 @@ a.cds--overflow-menu-options__btn::before {
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--lg {
-  width: 40rem;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(40rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--lg {
-  width: 40rem;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-40rem);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container--2xl {
   width: 75%;
   max-width: 100%;
@@ -6242,37 +6258,13 @@ a.cds--overflow-menu-options__btn::before {
   max-width: 100%;
 }
 .c4p--side-panel__container.c4p--side-panel__container-right-placement.c4p--side-panel__container--2xl {
-  width: 75%;
-  max-width: 100%;
   right: 0;
   border-left: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-right {
-  0% {
-    opacity: 0;
-    transform: translateX(75%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-left-placement.c4p--side-panel__container--2xl {
-  width: 75%;
-  max-width: 100%;
   left: 0;
   border-right: 1px solid var(--cds-border-subtle-02, #e0e0e0);
 }
-@keyframes side-panel-entrance-left {
-  0% {
-    opacity: 0;
-    transform: translateX(-75%);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
 .c4p--side-panel__container.c4p--side-panel__container-with-action-toolbar.c4p--side-panel__with-condensed-header .c4p--side-panel__title-container {
   /* stylelint-disable-next-line max-nesting-depth */
 }
@@ -6405,10 +6397,7 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation {
   position: fixed;
   z-index: 2;
-  top: calc(
-      var(--c4p--side-panel--title-text-height) +
-        var(--c4p--side-panel--label-text-height) + 3rem
-    );
+  top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
   background-color: var(--cds-layer-01, #f4f4f4);
 }
 .c4p--side-panel__container .c4p--side-panel__subtitle-text.c4p--side-panel__subtitle-text-no-animation.c4p--side-panel__subtitle-text-is-animating {
@@ -6423,7 +6412,6 @@ a.cds--overflow-menu-options__btn::before {
 }
 .c4p--side-panel__container .c4p--side-panel__title-container.c4p--side-panel__title-container--no-title-animation {
   position: fixed;
-  top: 3rem;
   height: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--label-text-height));
 }
 .c4p--side-panel__container .c4p--side-panel__inner-content {
@@ -6444,10 +6432,7 @@ a.cds--overflow-menu-options__btn::before {
 }
 .c4p--side-panel__container .c4p--side-panel__action-toolbar.c4p--side-panel__action-toolbar-no-animation {
   position: fixed;
-  top: calc(
-      var(--c4p--side-panel--title-text-height) +
-        var(--c4p--side-panel--subtitle-container-height) + 3rem
-    );
+  top: calc(var(--c4p--side-panel--title-text-height) + var(--c4p--side-panel--subtitle-container-height));
   width: 100%;
   border-bottom: 1px solid var(--cds-layer-active-01, #c6c6c6);
 }
@@ -6474,17 +6459,7 @@ a.cds--overflow-menu-options__btn::before {
   background-color: var(--cds-layer-01, #f4f4f4);
   transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button {
-  min-width: 2rem;
-}
-.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button {
-  padding: 0;
-  color: var(--cds-text-primary, #161616);
-}
-.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-icon-only-button svg {
-  margin-left: 0.5rem;
-}
-.c4p--side-panel__container .c4p--side-panel__action-toolbar .c4p--side-panel__action-toolbar-button.c4p--side-panel__action-toolbar-leading-button {
+.c4p--side-panel__container .c4p--side-panel__action-toolbar-leading-button {
   margin-right: 0.5rem;
 }
 .c4p--side-panel__container .cds--btn.c4p--side-panel__navigation-back-button {
@@ -6507,7 +6482,6 @@ a.cds--overflow-menu-options__btn::before {
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: var(--cds-layer-01, #f4f4f4);
 }
 .c4p--side-panel__container .cds--btn.c4p--side-panel__close-button .cds--btn__icon {
   margin: 0;
@@ -6596,14 +6570,10 @@ a.cds--overflow-menu-options__btn::before {
   position: fixed;
   /* stylelint-disable-next-line function-no-unknown */
   z-index: 6000;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
   width: 100%;
   height: 100%;
   background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
-  transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
+  inset: 0;
 }
 
 .c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
@@ -6815,12 +6785,12 @@ a.cds--overflow-menu-options__btn::before {
 }
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header {
   padding: 1.5rem 2rem;
-  border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   margin: 0;
 }
 .c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
   padding: 1rem;
-  border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   margin: 0;
 }
 .c4p--tearsheet .c4p--tearsheet__header-content {
@@ -6857,6 +6827,7 @@ a.cds--overflow-menu-options__btn::before {
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
+  word-break: break-word;
 }
 @media (min-width: 42rem) {
   .c4p--tearsheet .c4p--tearsheet__header-description {
@@ -6875,6 +6846,9 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
   padding-right: 4rem;
 }
+.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
+  max-width: 80%;
+}
 .c4p--tearsheet .c4p--tearsheet__header-navigation {
   margin: 0.75rem 0 0;
 }
@@ -6890,7 +6864,7 @@ a.cds--overflow-menu-options__btn::before {
 }
 .c4p--tearsheet .c4p--tearsheet__influencer {
   flex: 0 0 257px;
-  border-right: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   overflow-y: auto;
 }
 .c4p--tearsheet .c4p--tearsheet__influencer.c4p--tearsheet__influencer p {
@@ -6908,20 +6882,18 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--tearsheet .c4p--tearsheet__main {
   display: flex;
   flex-direction: row;
+  background-color: var(--cds-layer);
   grid-column: 1/-1;
   grid-row: 1/-1;
 }
 .c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
   border-right: none;
-  border-left: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
 }
 .c4p--tearsheet .c4p--tearsheet__content {
   overflow: auto;
   flex-grow: 1;
 }
-.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content {
-  background: var(--cds-background, #ffffff);
-}
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination,
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--pagination__control-buttons,
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input,
@@ -6932,7 +6904,7 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown-list,
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--number input[type=number],
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--date-picker__input {
-  background-color: var(--cds-field-01, #f4f4f4);
+  background-color: var(--cds-field);
 }
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--inline .cds--select-input {
   background-color: transparent;
@@ -6955,7 +6927,7 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--tearsheet .c4p--tearsheet__buttons {
   display: inline-flex;
   min-width: 100%;
-  border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
 }
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
   background: var(--cds-background, #ffffff);
@@ -6972,6 +6944,9 @@ a.cds--overflow-menu-options__btn::before {
   }
 }
 .c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+  margin-left: 0;
   animation: step-content-entrance 400ms;
   animation-fill-mode: forwards;
   animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
@@ -6983,7 +6958,6 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .c4p--tearsheet-create__step .cds--css-grid {
-  padding-left: 0;
   margin-left: 0;
 }
 
@@ -7006,7 +6980,8 @@ a.cds--overflow-menu-options__btn::before {
 }
 .c4p--tearsheet-create .c4p--tearsheet-create__content {
   height: 100%;
-  padding: 1.5rem;
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
   overflow-x: hidden;
 }
 
@@ -7197,6 +7172,7 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .cds--link.cds--link--inline {
+  display: inline;
   text-decoration: underline;
 }
 .cds--link.cds--link--inline:focus, .cds--link.cds--link--inline:visited {
@@ -7229,28 +7205,29 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .c4p--empty-state {
+  display: flex;
   color: var(--cds-text-primary, #161616);
 }
 .c4p--empty-state .c4p--empty-state__header {
-  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
-  font-weight: var(--cds-productive-heading-03-font-weight, 400);
-  line-height: var(--cds-productive-heading-03-line-height, 1.4);
-  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
-  padding-bottom: 0.375rem;
+  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);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
+  padding-bottom: 0.5rem;
   margin: 0;
 }
 .c4p--empty-state .c4p--empty-state__subtitle {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  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);
   padding-bottom: 1rem;
 }
 .c4p--empty-state .c4p--empty-state__header--small {
-  font-size: var(--cds-body-short-02-font-size, 1rem);
-  font-weight: var(--cds-body-short-02-font-weight, 400);
-  line-height: var(--cds-body-short-02-line-height, 1.375);
-  letter-spacing: var(--cds-body-short-02-letter-spacing, 0);
+  font-size: var(--cds-body-compact-02-font-size, 1rem);
+  font-weight: var(--cds-body-compact-02-font-weight, 400);
+  line-height: var(--cds-body-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
   padding-bottom: 0.5rem;
 }
 .c4p--empty-state .c4p--empty-state__subtitle--small {
@@ -7273,6 +7250,22 @@ a.cds--overflow-menu-options__btn::before {
   max-width: 4rem;
 }
 
+.c4p--empty-state-position--top {
+  flex-direction: column;
+}
+
+.c4p--empty-state-position--right {
+  flex-direction: row-reverse;
+}
+
+.c4p--empty-state-position--bottom {
+  flex-direction: column-reverse;
+}
+
+.c4p--empty-state-position--left {
+  flex-direction: row;
+}
+
 .c4p--empty-state .c4p--empty-state__action-button {
   display: block;
   margin-bottom: 1rem;
@@ -7385,6 +7378,7 @@ a.cds--overflow-menu-options__btn::before {
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
     fill: ButtonText;
+    background-color: ButtonText;
   }
 }
 
@@ -7402,6 +7396,64 @@ a.cds--overflow-menu-options__btn::before {
   background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
 
+.cds--radio-button-group--readonly .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {
+  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--radio-button-group--readonly .cds--radio-button__label {
+  cursor: default;
+}
+
+.cds--radio-button-group--readonly .cds--radio-button__label-text {
+  cursor: text;
+  user-select: text;
+}
+
+.cds--radio-button-group--invalid .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {
+  border-color: var(--cds-support-error, #da1e28);
+}
+
+.cds--radio-button__validation-msg {
+  display: none;
+  align-items: flex-end;
+  margin-top: 0.375rem;
+}
+
+.cds--radio-button__invalid-icon {
+  margin: 0 0.0625rem 0 0.1875rem;
+  fill: var(--cds-support-error, #da1e28);
+}
+
+.cds--radio-button__invalid-icon--warning {
+  fill: var(--cds-support-warning, #f1c21b);
+}
+
+.cds--radio-button__invalid-icon--warning path:first-of-type {
+  fill: #000000;
+}
+
+.cds--radio-button-group--invalid + .cds--radio-button__validation-msg,
+.cds--radio-button-group--warning + .cds--radio-button__validation-msg {
+  display: flex;
+}
+
+.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement,
+.cds--radio-button-group--warning + .cds--radio-button__validation-msg .cds--form-requirement {
+  display: block;
+  overflow: visible;
+  max-height: 100%;
+  margin-top: 0;
+  margin-left: 0.5rem;
+}
+
+.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement {
+  color: var(--cds-text-error, #da1e28);
+}
+
+.cds--radio-button-group ~ .cds--form__helper-text {
+  margin-top: 0.375rem;
+}
+
 .cds--radio-button:focus + .cds--radio-button__label .cds--radio-button__appearance {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: 1.5px;
@@ -7648,22 +7700,18 @@ a.cds--overflow-menu-options__btn::before {
   fill: var(--cds-button-danger-primary, #da1e28);
 }
 
-.cds--modal-content.c4p--export-modal__body-container {
-  padding-bottom: 1.5rem;
-}
-
 .c4p--card {
-  background: var(--cds-layer-01, #f4f4f4);
+  background-color: var(--cds-layer-01, #f4f4f4);
   color: var(--cds-text-primary, #161616);
 }
 
 .c4p--card__clickable {
   cursor: pointer;
-  transition: background 110ms;
+  transition: background-color 110ms;
 }
 
 .c4p--card__clickable:hover {
-  background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+  background-color: var(--cds-layer-hover-01, #e8e8e8);
 }
 
 .c4p--card__media-left {
@@ -7723,10 +7771,10 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .c4p--card__body {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  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);
   padding: 1rem;
   padding-top: 0;
 }
@@ -7739,15 +7787,22 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--card__actions {
   display: flex;
   flex-direction: row;
-  margin: 1rem;
-  margin-top: 0;
 }
 
 .c4p--card__icon {
+  padding: 0.5rem;
   color: inherit;
   cursor: pointer;
 }
 
+.c4p--card__icon:hover {
+  background-color: var(--cds-layer-hover-01, #e8e8e8);
+}
+
+c4p--card__icon:active {
+  color: var(--cds-link-primary-hover, #0043ce);
+}
+
 .c4p--card__link {
   color: inherit;
   text-decoration: inherit;
@@ -7759,10 +7814,10 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .c4p--card__title {
-  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
-  font-weight: var(--cds-productive-heading-03-font-weight, 400);
-  line-height: var(--cds-productive-heading-03-line-height, 1.4);
-  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
+  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);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
 }
 
 .c4p--http-errors .c4p--http-errors__content {
@@ -7784,26 +7839,26 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .c4p--http-errors .c4p--http-errors__error-code-label {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
+  font-size: var(--cds-heading-compact-02-font-size, 1rem);
+  font-weight: var(--cds-heading-compact-02-font-weight, 600);
+  line-height: var(--cds-heading-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
   margin-bottom: 0.25rem;
 }
 
 .c4p--http-errors .c4p--http-errors__title {
-  font-size: var(--cds-productive-heading-05-font-size, 2rem);
-  font-weight: var(--cds-productive-heading-05-font-weight, 400);
-  line-height: var(--cds-productive-heading-05-line-height, 1.25);
-  letter-spacing: var(--cds-productive-heading-05-letter-spacing, 0);
+  font-size: var(--cds-heading-05-font-size, 2rem);
+  font-weight: var(--cds-heading-05-font-weight, 400);
+  line-height: var(--cds-heading-05-line-height, 1.25);
+  letter-spacing: var(--cds-heading-05-letter-spacing, 0);
   margin-bottom: 0.75rem;
 }
 
 .c4p--http-errors .c4p--http-errors__description {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+  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);
   margin-bottom: 1.5rem;
 }
 
@@ -7953,8 +8008,12 @@ a.cds--overflow-menu-options__btn::before {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
 
-.cds--file-btn ~ .cds--file-container {
-  margin-top: 1.5rem;
+.cds--file-container--drop {
+  width: 100%;
+}
+
+.cds--file-btn ~ .cds--file-container {
+  margin-top: 1.5rem;
 }
 
 .cds--btn ~ .cds--file-container {
@@ -8104,7 +8163,6 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .cds--file__state-container .cds--file-complete {
-  cursor: pointer;
   fill: var(--cds-interactive, #0f62fe);
 }
 .cds--file__state-container .cds--file-complete:focus {
@@ -8157,6 +8215,21 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 .cds--file__drop-container {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: inline-block;
+  padding: 0;
+  border: 0;
+  appearance: none;
+  background: none;
+  cursor: pointer;
+  text-align: start;
+  width: 100%;
   display: flex;
   overflow: hidden;
   height: 6rem;
@@ -8169,6 +8242,14 @@ a.cds--overflow-menu-options__btn::before {
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
 }
+.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;
@@ -8258,76 +8339,6 @@ a.cds--overflow-menu-options__btn::before {
   background: var(--cds-layer-02, #ffffff);
 }
 
-.c4p--modified-tabs .c4p--modified-tabs__tab-label {
-  display: flex;
-  width: 100%;
-  align-items: flex-end;
-  justify-content: space-between;
-}
-
-.c4p--modified-tabs__tab-new,
-.c4p--modified-tabs__tab {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  height: 100%;
-}
-
-.c4p--modified-tabs__tab-new-img,
-.c4p--modified-tabs__tab-close {
-  position: absolute;
-  top: -0.75rem;
-  right: -1rem;
-  overflow: hidden;
-  width: 2.5rem;
-  height: 2.5rem;
-  padding: 0.75rem;
-  border: 0.125rem solid transparent;
-  background-color: transparent;
-  border-radius: 0;
-  cursor: pointer;
-  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-@media (prefers-reduced-motion: reduce) {
-  .c4p--modified-tabs__tab-new-img,
-.c4p--modified-tabs__tab-close {
-    transition: none;
-  }
-}
-
-.c4p--modified-tabs__tab-new-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  margin-top: 0.125rem;
-}
-
-.c4p--modified-tabs__tab-close:focus {
-  border-color: var(--cds-button-primary, #0f62fe);
-  outline: none;
-}
-
-.c4p--modified-tabs__tab-close:hover {
-  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
-}
-
-.c4p--modified-tabs__tab-new-img {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-}
-
-.c4p--modified-tabs .cds--tabs__nav-item.cds--tabs__nav-link {
-  width: 10rem;
-}
-
-.c4p--modified-tabs .cds--tab--overflow-nav-button--previous,
-.c4p--modified-tabs .cds--tab--overflow-nav-button--next {
-  z-index: 2;
-}
-
 .c4p--add-select__header {
   padding: 1rem;
   padding-bottom: 0;
@@ -8339,9 +8350,6 @@ a.cds--overflow-menu-options__btn::before {
 }
 
 /* stylelint-disable max-nesting-depth */
-.c4p--add-select__selections.cds--structured-list {
-  margin-bottom: 0;
-}
 .c4p--add-select__selections-wrapper {
   display: block;
 }
@@ -8370,34 +8378,27 @@ a.cds--overflow-menu-options__btn::before {
   flex-direction: column;
   justify-content: center;
 }
-.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover {
-  visibility: visible;
-}
-.c4p--add-select__selections-hidden-hover {
-  visibility: hidden;
+.c4p--add-select__selections-dropdown .cds--dropdown {
+  background: transparent;
 }
-.c4p--add-select__selections-row-selectedcds--structured-list-row {
-  border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
+.c4p--add-select__selections-row--selected {
   background-color: var(--cds-layer-selected-01, #e0e0e0);
 }
-.c4p--add-select__selections-checkbox {
+.c4p--add-select__selections-row--active {
+  background-color: var(--cds-layer-active-01, #c6c6c6);
+}
+.c4p--add-select__selections-form-control {
   display: flex;
   align-items: center;
 }
-.c4p--add-select__selections-checkbox-label-wrapper {
+.c4p--add-select__selections-form-control-label-wrapper {
   display: flex;
   margin-left: 1rem;
 }
-.c4p--add-select__selections-checkbox-label-text {
+.c4p--add-select__selections-form-control-label-text {
   display: flex;
   flex-direction: column;
 }
-.c4p--add-select__selections-checkbox-wrapper.cds--form-item {
-  flex: 0;
-}
-.c4p--add-select__selections-checkbox-wrapper .cds--checkbox-label-text {
-  display: none;
-}
 .c4p--add-select__selections-cell-avatar {
   margin-right: 0.5rem;
 }
@@ -8407,12 +8408,15 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--add-select__selections-row {
   border-left: 0.125rem solid transparent;
 }
-.c4p--add-select__selections-row-meta-selected {
+.c4p--add-select__selections-row-meta--selected {
   border-left: 0.125rem solid var(--cds-interactive, #0f62fe);
   background-color: var(--cds-layer-hover-01, #e8e8e8);
 }
 
-.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-radio {
+.c4p--add-select .c4p--add-select__selections-row:hover {
+  background: var(--cds-layer-hover-01, #e8e8e8);
+}
+.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-cell-title {
   color: var(--cds-interactive, #0f62fe);
 }
 .c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-view-children svg {
@@ -8422,11 +8426,6 @@ a.cds--overflow-menu-options__btn::before {
   fill: currentColor;
 }
 
-.c4p--add-select cds--structured-list--selection .c4p--add-select__selections-row-selectedcds--structured-list-row:hover:not(cds--structured-list-row--header-row):not(cds--structured-list-row--selected) {
-  border-bottom: 1px solid var(--cds-layer-accent-hover-01, #d1d1d1);
-  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
-}
-
 .c4p--add-select__sub-header {
   display: flex;
   align-items: flex-end;
@@ -8436,14 +8435,6 @@ a.cds--overflow-menu-options__btn::before {
   padding: 0 1rem;
 }
 
-.c4p--add-select cds--structured-list-row {
-  border-bottom: 0;
-}
-
-.c4p--add-select cds--structured-list--selection cds--structured-list-row:hover:not(cds--structured-list-row--header-row):not(cds--structured-list-row--selected) {
-  border-bottom: 0;
-}
-
 .c4p--add-select__sidebar-header {
   display: flex;
   padding: 2rem 1rem 0.5rem 1rem;
@@ -8508,44 +8499,41 @@ a.cds--overflow-menu-options__btn::before {
   flex-grow: 1;
   overflow-x: auto;
 }
-.c4p--add-select__columns .c4p--add-select__selections-checkbox-label-wrapper {
+.c4p--add-select__columns .c4p--add-select__selections-form-control-label-wrapper {
   margin-left: 0.5rem;
 }
-.c4p--add-select__columns .c4p--add-select__selections-rowcds--structured-list-row {
+.c4p--add-select__columns .c4p--add-select__selections-row {
   border-left: 0;
 }
 .c4p--add-select__columns .c4p--add-select__selections .c4p--add-select__selections-cell {
   padding: 0;
 }
 .c4p--add-select__columns .c4p--add-select__selections-cell-wrapper {
-  height: auto;
+  height: 2rem;
   padding: 0 0.5rem;
 }
-.c4p--add-select__columns .c4p--add-select__tag-container {
+.c4p--add-select__columns .c4p--add-select__tags {
   padding: 0 0.5rem;
   margin-bottom: 0;
 }
 .c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
   padding: 0;
 }
-.c4p--add-select__columns .c4p--add-select__selectionscds--structured-list {
-  border-top: 0;
-}
 
 .c4p--add-select__selections-wrapper-multi .c4p--add-select__selections-cell {
   padding: 0 1rem;
 }
 
 .c4p--add-select__selections-row:first-child .c4p--add-select__selections-cell-wrapper {
-  border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
 }
 
 .c4p--add-select__column {
   overflow: auto;
   flex: 0 0 20rem;
   padding: 1rem;
-  border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
-  border-right: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
 }
 .c4p--add-select__column-search-bar {
   display: flex;
@@ -8560,19 +8548,23 @@ a.cds--overflow-menu-options__btn::before {
   border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
 }
 
-.c4p--add-select__tag-container {
+.c4p--add-select-sort_overflow {
+  z-index: 9999;
+}
+
+.c4p--add-select__tags {
   display: flex;
   align-items: center;
   margin-top: 1rem;
   margin-bottom: 0.5rem;
 }
-.c4p--add-select__tag-container-label {
+.c4p--add-select__tags-label {
   margin-right: 0.5rem;
 }
 
 .c4p--add-select__global-filter {
   position: absolute;
-  z-index: 6000;
+  z-index: 999999;
   right: 0;
   width: 100%;
   max-width: 40rem;
@@ -8648,12 +8640,21 @@ button.c4p--add-select__global-filter-toggle--open {
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
 }
 
-.c4p--add-select__tag-container .cds--tag {
+.c4p--add-select__selections .cds--list-box__menu {
+  left: auto;
+}
+
+.c4p--add-select__tags .cds--tag {
   margin: 0;
 }
 
 .c4p--add-select.c4p--tearsheet .c4p--tearsheet__influencer {
   flex-basis: 22.5rem;
+  background: var(--cds-layer-01, #f4f4f4);
+}
+
+.c4p--add-select.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown {
+  background-color: transparent;
 }
 
 .c4p--add-select.c4p--tearsheet .c4p--tearsheet__header-description {
@@ -8680,12 +8681,6 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-right: 0;
 }
 
-.c4p--add-select .cds--structured-list-td {
-  height: 4rem;
-  padding: 1rem;
-  vertical-align: middle;
-}
-
 .c4p--add-select .cds--radio-button__appearance {
   margin: 0 1rem 0 0;
 }
@@ -8705,10 +8700,6 @@ button.c4p--add-select__global-filter-toggle--open {
   opacity: 0;
 }
 
-.c4p--add-select .cds--checkbox-label-text {
-  padding-left: 0.5rem;
-}
-
 .c4p--add-select__multi .c4p--empty-state {
   max-width: 16rem;
   margin-top: 3rem;
@@ -8722,22 +8713,22 @@ button.c4p--add-select__global-filter-toggle--open {
   transform: rotate(90deg);
 }
 
-.c4p--add-select cds--accordion--start cds--accordion__arrow {
+.c4p--add-select .cds--accordion--start .cds--accordion__arrow {
   margin: 0 0 0 1rem;
 }
 
-.c4p--add-select cds--accordion--start cds--accordion__title {
+.c4p--add-select .cds--accordion--start .cds--accordion__title {
   margin: 0 1rem 0 0.5rem;
 }
 
-.c4p--add-select cds--accordion__item--active cds--accordion__content {
+.c4p--add-select .cds--accordion__item--active .cds--accordion__content {
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 0.5rem;
 }
 
-.cds--tooltip,
-.cds--overflow-menu-options {
+.c4p--add-select + div .cds--tooltip,
+.c4p--add-select + div .cds--overflow-menu-options {
   z-index: 9000;
 }
 
@@ -8783,6 +8774,9 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-border-subtle-selected-01: #525252;
   --cds-border-subtle-selected-02: #6f6f6f;
   --cds-border-subtle-selected-03: #8d8d8d;
+  --cds-border-tile-01: #525252;
+  --cds-border-tile-02: #6f6f6f;
+  --cds-border-tile-03: #8d8d8d;
   --cds-field-01: #262626;
   --cds-field-02: #393939;
   --cds-field-03: #525252;
@@ -8794,6 +8788,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-focus-inverse: #0f62fe;
   --cds-highlight: #002d9c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
+  --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
   --cds-icon-on-color: #ffffff;
   --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
@@ -8879,6 +8874,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-label-01-font-weight: 400;
   --cds-label-01-line-height: 1.33333;
   --cds-label-01-letter-spacing: 0.32px;
+  --cds-label-02-font-size: 0.875rem;
+  --cds-label-02-font-weight: 400;
+  --cds-label-02-line-height: 1.28572;
+  --cds-label-02-letter-spacing: 0.16px;
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
@@ -8940,11 +8939,11 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-productive-heading-05-font-weight: 400;
   --cds-productive-heading-05-line-height: 1.25;
   --cds-productive-heading-05-letter-spacing: 0;
-  --cds-productive-heading-06-font-size: 2rem;
+  --cds-productive-heading-06-font-size: 2.625rem;
   --cds-productive-heading-06-font-weight: 300;
   --cds-productive-heading-06-line-height: 1.199;
   --cds-productive-heading-06-letter-spacing: 0;
-  --cds-productive-heading-07-font-size: 2.625rem;
+  --cds-productive-heading-07-font-size: 3.375rem;
   --cds-productive-heading-07-font-weight: 300;
   --cds-productive-heading-07-line-height: 1.19;
   --cds-productive-heading-07-letter-spacing: 0;
@@ -8999,7 +8998,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-display-03-line-height: 1.19;
   --cds-display-03-letter-spacing: 0;
   --cds-display-04-font-size: 2.625rem;
-  --cds-display-04-font-weight: 600;
+  --cds-display-04-font-weight: 300;
   --cds-display-04-line-height: 1.19;
   --cds-display-04-letter-spacing: 0;
   --cds-legal-01-font-size: 0.75rem;
@@ -9046,11 +9045,11 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-heading-05-font-weight: 400;
   --cds-heading-05-line-height: 1.25;
   --cds-heading-05-letter-spacing: 0;
-  --cds-heading-06-font-size: 2rem;
+  --cds-heading-06-font-size: 2.625rem;
   --cds-heading-06-font-weight: 300;
   --cds-heading-06-line-height: 1.199;
   --cds-heading-06-letter-spacing: 0;
-  --cds-heading-07-font-size: 2.625rem;
+  --cds-heading-07-font-size: 3.375rem;
   --cds-heading-07-font-weight: 300;
   --cds-heading-07-line-height: 1.19;
   --cds-heading-07-letter-spacing: 0;
@@ -9097,7 +9096,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-display-03-line-height: 1.19;
   --cds-fluid-display-03-letter-spacing: 0;
   --cds-fluid-display-04-font-size: 2.625rem;
-  --cds-fluid-display-04-font-weight: 600;
+  --cds-fluid-display-04-font-weight: 300;
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
   --cds-button-separator: #161616;
@@ -9125,9 +9124,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
   --cds-field: var(--cds-field-01, #f4f4f4);
   --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
   --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
   --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
   position: fixed;
   z-index: 2;
   top: 3rem;
@@ -9239,7 +9239,7 @@ button.c4p--add-select__global-filter-toggle--open {
   fill: var(--cds-support-error, #da1e28);
 }
 .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-success {
-  fill: var(--cds-support-success, #198038);
+  fill: var(--cds-support-success, #24a148);
 }
 .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-warning {
   fill: var(--cds-support-warning, #f1c21b);
@@ -9285,7 +9285,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion: reduce) {
   .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .cds--btn__icon,
-.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .cds--btn__icon {
+  .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .cds--btn__icon {
     transition: none;
   }
 }
@@ -9548,6 +9548,12 @@ button.c4p--add-select__global-filter-toggle--open {
   }
 }
 
+.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
+  min-height: 1.125rem;
+  padding-right: 0;
+  padding-left: 0;
+}
+
 .cds--icon--skeleton {
   position: relative;
   padding: 0;
@@ -9931,7 +9937,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--tag__close-icon svg,
-.cds--tag__custom-icon svg {
+  .cds--tag__custom-icon svg {
     fill: ButtonText;
   }
 }
@@ -10295,13 +10301,13 @@ button.c4p--add-select__global-filter-toggle--open {
 
 @media (min-width: 42rem) {
   .cds--col,
-.cds--col-md {
+  .cds--col-md {
     max-width: 100%;
     flex-basis: 0;
     flex-grow: 1;
   }
   .cds--col--auto,
-.cds--col-md--auto {
+  .cds--col-md--auto {
     width: auto;
     max-width: 100%;
     flex: 1 0 0%;
@@ -10633,13 +10639,13 @@ button.c4p--add-select__global-filter-toggle--open {
 
 @media (min-width: 66rem) {
   .cds--col,
-.cds--col-lg {
+  .cds--col-lg {
     max-width: 100%;
     flex-basis: 0;
     flex-grow: 1;
   }
   .cds--col--auto,
-.cds--col-lg--auto {
+  .cds--col-lg--auto {
     width: auto;
     max-width: 100%;
     flex: 1 0 0%;
@@ -11035,13 +11041,13 @@ button.c4p--add-select__global-filter-toggle--open {
 
 @media (min-width: 82rem) {
   .cds--col,
-.cds--col-xlg {
+  .cds--col-xlg {
     max-width: 100%;
     flex-basis: 0;
     flex-grow: 1;
   }
   .cds--col--auto,
-.cds--col-xlg--auto {
+  .cds--col-xlg--auto {
     width: auto;
     max-width: 100%;
     flex: 1 0 0%;
@@ -11437,13 +11443,13 @@ button.c4p--add-select__global-filter-toggle--open {
 
 @media (min-width: 99rem) {
   .cds--col,
-.cds--col-max {
+  .cds--col-max {
     max-width: 100%;
     flex-basis: 0;
     flex-grow: 1;
   }
   .cds--col--auto,
-.cds--col-max--auto {
+  .cds--col-max--auto {
     width: auto;
     max-width: 100%;
     flex: 1 0 0%;
@@ -11615,9 +11621,6 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--action-bar .c4p--action-bar__displayed-items--right {
   justify-content: flex-end;
 }
-.c4p--action-bar .c4p--action-bar-overflow-items {
-  display: inline-block;
-}
 .c4p--action-bar .c4p--action-bar__hidden-sizing-items {
   position: absolute;
   top: -100vh;
@@ -11670,12 +11673,19 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
   display: none;
 }
+.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__back__button.cds--btn {
+  min-height: revert;
+  padding: 0;
+}
+.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__back__button.cds--btn--ghost:hover {
+  background-color: inherit;
+}
 @media (max-width: 41.98rem) {
   .c4p--breadcrumb-with-overflow .cds--breadcrumb-item {
     display: none;
   }
   .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
-.c4p--breadcrumb-with-overflow .cds--breadcrumb-item:last-child {
+  .c4p--breadcrumb-with-overflow .cds--breadcrumb-item:last-child {
     display: inline-flex;
     vertical-align: middle;
   }
@@ -11817,6 +11827,7 @@ button.c4p--add-select__global-filter-toggle--open {
   min-width: initial;
   min-height: initial;
   padding: 0;
+  border-radius: 0;
   margin: 0;
   background-color: inherit;
   color: inherit;
@@ -12119,7 +12130,7 @@ button.c4p--add-select__global-filter-toggle--open {
   white-space: nowrap;
 }
 .c4p--page-header .c4p--page-header__title-row {
-  margin-top: 0;
+  margin-top: 0.125rem; /* spacing needed in case of editable title, otherwise top of focus indicator hidden */
   margin-bottom: 0;
   transform: translateY(0.125rem);
 }
@@ -12179,9 +12190,6 @@ button.c4p--add-select__global-filter-toggle--open {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c4p--page-header .c4p--page-header__title .c4p--inline-edit__value {
-  transform: translateY(-2px);
-}
 .c4p--page-header .c4p--page-header__title--editable {
   display: flex;
   overflow: visible;
@@ -12345,7 +12353,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--page-header .c4p--page-header__navigation-row .cds--content-switcher-btn {
   background-color: var(--cds-background, #ffffff);
 }
-.c4p--page-header .cds--btn.cds--btn--icon-only.c4p--page-header__collapse-expand-toggle {
+.c4p--page-header .c4p--page-header__collapse-expand-toggle {
   position: absolute;
   z-index: 100;
   right: 0;
@@ -12354,7 +12362,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--page-header .c4p--page-header__collapse-expand-toggle .cds--btn__icon {
   transition: all 400ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.c4p--page-header .c4p--page-header__collapse-expand-toggle--collapsed .cds--btn__icon {
+.c4p--page-header .c4p--page-header__collapse-expand-toggle--collapsed svg {
   transform: scaleY(-1);
 }
 
@@ -12381,16 +12389,16 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-right: 0;
 }
 .c4p--card__productive .c4p--card__title {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
+  font-size: var(--cds-heading-compact-02-font-size, 1rem);
+  font-weight: var(--cds-heading-compact-02-font-weight, 600);
+  line-height: var(--cds-heading-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
 }
 .c4p--card__productive .c4p--card__title-lg .c4p--card__title {
-  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
-  font-weight: var(--cds-productive-heading-03-font-weight, 400);
-  line-height: var(--cds-productive-heading-03-line-height, 1.4);
-  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
+  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);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
 }
 .c4p--card__productive .c4p--card__body {
   padding-top: 0.5rem;
@@ -12398,18 +12406,42 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--card__productive .c4p--card__footer {
   align-items: center;
   justify-content: space-between;
-  border-top: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
 }
 .c4p--card__productive .c4p--card__footer-no-button {
   justify-content: flex-end;
 }
 .c4p--card__productive .c4p--card__actions {
+  min-height: 2rem;
   margin: 0;
 }
 .c4p--card__productive .c4p--card__actions-header {
   margin-top: calc(-1 * 0.25rem);
   margin-right: 0.5rem;
 }
+.c4p--card__productive .c4p--card__actions-header-ghost-button {
+  min-height: 2rem;
+  padding: 0 1rem;
+  padding-right: 0.625rem;
+  padding-left: 0.625rem;
+  /* stylelint-disable-next-line max-nesting-depth */
+  /* stylelint-disable-next-line max-nesting-depth */
+}
+.c4p--card__productive .c4p--card__actions-header-ghost-button::before {
+  position: absolute;
+  left: 0;
+  width: 0.05rem;
+  height: 1.5rem;
+  background-color: var(--cds-layer-hover-01, #e8e8e8);
+  content: "";
+  opacity: 1;
+}
+.c4p--card__productive .c4p--card__actions-header-ghost-button:hover {
+  /* stylelint-disable-next-line max-nesting-depth */
+}
+.c4p--card__productive .c4p--card__actions-header-ghost-button:hover::before {
+  opacity: 0;
+}
 .c4p--card__productive .c4p--card__title-lg .c4p--card__actions-header,
 .c4p--card__productive .c4p--card__header-has-label .c4p--card__actions-header {
   margin-top: 0;
@@ -12489,8 +12521,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12502,8 +12534,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12515,8 +12547,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12528,8 +12560,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12541,8 +12573,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12554,8 +12586,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12567,8 +12599,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12580,8 +12612,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12593,8 +12625,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12606,8 +12638,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12619,8 +12651,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12632,8 +12664,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12645,8 +12677,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12658,8 +12690,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12671,8 +12703,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12684,8 +12716,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12698,8 +12730,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion: reduce) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12712,8 +12744,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion: reduce) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12739,8 +12771,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
-.c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12752,8 +12784,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12765,8 +12797,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12778,8 +12810,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12791,8 +12823,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12804,8 +12836,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12817,8 +12849,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12830,8 +12862,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12843,8 +12875,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12856,8 +12888,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12869,8 +12901,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12882,8 +12914,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12895,8 +12927,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12908,8 +12940,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12921,8 +12953,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12934,8 +12966,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12947,8 +12979,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12960,8 +12992,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -12974,8 +13006,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion: reduce) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -12988,8 +13020,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion: reduce) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -13015,8 +13047,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
     animation: none;
   }
 }
@@ -13028,8 +13060,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion) {
   .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
-.c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
+  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
+  .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
     animation: none;
   }
 }
@@ -13250,7 +13282,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media screen and (prefers-contrast) {
   .cds--search-close:focus,
-.cds--search-button:focus {
+  .cds--search-button:focus {
     outline-style: dotted;
   }
 }
@@ -13262,7 +13294,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media screen and (prefers-contrast) {
   .cds--search-close:active,
-.cds--search-button:active {
+  .cds--search-button:active {
     outline-style: dotted;
   }
 }
@@ -13368,8 +13400,8 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 @media (prefers-reduced-motion: reduce) {
   .cds--search--lg.cds--skeleton .cds--search-input::before,
-.cds--search--md.cds--skeleton .cds--search-input::before,
-.cds--search--sm.cds--skeleton .cds--search-input::before {
+  .cds--search--md.cds--skeleton .cds--search-input::before,
+  .cds--search--sm.cds--skeleton .cds--search-input::before {
     animation: none;
   }
 }
@@ -13437,7 +13469,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--search-close svg,
-.cds--search-magnifier-icon {
+  .cds--search-magnifier-icon {
     fill: ButtonText;
   }
 }
@@ -13462,6 +13494,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .cds--popover {
   position: absolute;
+  z-index: 6000;
   top: 0;
   right: 0;
   bottom: 0;
@@ -13634,13 +13667,13 @@ button.c4p--add-select__global-filter-toggle--open {
 .cds--popover--left-top .cds--popover-content {
   top: -50%;
   right: 100%;
-  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem)));
+  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px));
 }
 
 .cds--popover--left-bottom .cds--popover-content {
   right: 100%;
   bottom: -50%;
-  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem)));
+  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px));
 }
 
 .cds--popover--left .cds--popover-content::before,
@@ -13664,59 +13697,194 @@ button.c4p--add-select__global-filter-toggle--open {
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
 }
 
-.c4p--toolbar {
-  display: flex;
-  min-width: 2.5rem;
-  min-height: 2.5rem;
-  background-color: var(--cds-layer-01, #f4f4f4);
-}
-@media (min-width: 66rem) {
-  .c4p--toolbar {
-    justify-content: flex-end;
-  }
+.cds--popover--tab-tip .cds--popover-content {
+  border-radius: 0;
 }
 
-.c4p--toolbar--vertical,
-.c4p--toolbar--vertical > .c4p--toolbar__group {
-  flex-wrap: wrap;
+.cds--popover--tab-tip__button {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: inline-block;
+  padding: 0;
+  border: 0;
+  appearance: none;
+  background: none;
+  cursor: pointer;
+  text-align: start;
+  width: 100%;
+  position: relative;
+  display: inline-flex;
+  width: 2rem;
+  height: 2rem;
+  align-items: center;
+  justify-content: center;
 }
-
-.c4p--toolbar--vertical {
-  max-width: 2.5rem;
+.cds--popover--tab-tip__button *,
+.cds--popover--tab-tip__button *::before,
+.cds--popover--tab-tip__button *::after {
+  box-sizing: inherit;
 }
-
-.c4p--toolbar__group {
-  display: flex;
-  border-right: 1px solid var(--cds-border-subtle-01, #e0e0e0);
-  border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+.cds--popover--tab-tip__button::-moz-focus-inner {
+  border: 0;
 }
-
-.c4p--toolbar--vertical > .c4p--toolbar__group,
-.c4p--toolbar__group:last-of-type {
-  border-right-width: 0;
+.cds--popover--tab-tip__button:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
 }
-
-.c4p--toolbar--vertical > .c4p--toolbar__group:last-of-type,
-.c4p--toolbar .cds--dropdown {
-  border-bottom-width: 0;
+@media screen and (prefers-contrast) {
+  .cds--popover--tab-tip__button:focus {
+    outline-style: dotted;
+  }
+}
+.cds--popover--tab-tip__button:hover {
+  background-color: var(--cds-layer-hover);
 }
 
-.c4p--toolbar__button--caret {
-  position: relative;
+.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {
+  background: var(--cds-layer);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
 }
 
-.c4p--toolbar__button__caret {
+.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after {
   position: absolute;
-  right: 0.125rem;
-  bottom: 0.125rem;
-  width: calc(0.125rem + 0.25rem);
-  height: calc(0.125rem + 0.25rem);
-  background: linear-gradient(to right bottom, transparent 50%, var(--cds-icon-primary, #161616) 50%);
+  z-index: 6001;
+  bottom: 0;
+  width: 100%;
+  height: 2px;
+  background: var(--cds-layer);
   content: "";
 }
 
-@keyframes web-terminal-entrance {
-  from {
+.cds--popover--tab-tip__button svg {
+  fill: var(--cds-icon-primary, #161616);
+}
+
+:root {
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
+}
+
+.cds--layer-one {
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
+}
+
+.cds--layer-two {
+  --cds-layer: var(--cds-layer-02, #ffffff);
+  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
+  --cds-field: var(--cds-field-02, #ffffff);
+  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
+}
+
+.cds--layer-three {
+  --cds-layer: var(--cds-layer-03, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
+  --cds-field: var(--cds-field-03, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
+}
+
+.c4p--toolbar {
+  display: flex;
+  min-width: 2.5rem;
+  min-height: 2.5rem;
+  background-color: var(--cds-layer-01, #f4f4f4);
+}
+@media (min-width: 66rem) {
+  .c4p--toolbar {
+    justify-content: flex-end;
+  }
+}
+
+.c4p--toolbar--vertical,
+.c4p--toolbar--vertical > .c4p--toolbar__group {
+  flex-wrap: wrap;
+}
+
+.c4p--toolbar--vertical {
+  max-width: 2.5rem;
+}
+
+.c4p--toolbar__group {
+  display: flex;
+  border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+}
+
+.c4p--toolbar--vertical > .c4p--toolbar__group,
+.c4p--toolbar__group:last-of-type {
+  border-right-width: 0;
+}
+
+.c4p--toolbar--vertical > .c4p--toolbar__group:last-of-type,
+.c4p--toolbar .cds--dropdown {
+  border-bottom-width: 0;
+}
+
+.c4p--toolbar__button--caret {
+  position: relative;
+}
+
+.c4p--toolbar__button__caret {
+  position: absolute;
+  right: 0.125rem;
+  bottom: 0.125rem;
+  width: calc(0.125rem + 0.25rem);
+  height: calc(0.125rem + 0.25rem);
+  background: linear-gradient(to right bottom, transparent 50%, var(--cds-icon-primary, #161616) 50%);
+  content: "";
+}
+
+@keyframes web-terminal-entrance {
+  from {
     opacity: 0;
     transform: translateX(40rem);
   }
@@ -13762,6 +13930,9 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-border-subtle-selected-01: #6f6f6f;
   --cds-border-subtle-selected-02: #8d8d8d;
   --cds-border-subtle-selected-03: #a8a8a8;
+  --cds-border-tile-01: #6f6f6f;
+  --cds-border-tile-02: #8d8d8d;
+  --cds-border-tile-03: #a8a8a8;
   --cds-field-01: #393939;
   --cds-field-02: #525252;
   --cds-field-03: #6f6f6f;
@@ -13773,6 +13944,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-focus-inverse: #0f62fe;
   --cds-highlight: #0043ce;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
+  --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
   --cds-icon-on-color: #ffffff;
   --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
@@ -13858,6 +14030,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-label-01-font-weight: 400;
   --cds-label-01-line-height: 1.33333;
   --cds-label-01-letter-spacing: 0.32px;
+  --cds-label-02-font-size: 0.875rem;
+  --cds-label-02-font-weight: 400;
+  --cds-label-02-line-height: 1.28572;
+  --cds-label-02-letter-spacing: 0.16px;
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
@@ -13919,11 +14095,11 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-productive-heading-05-font-weight: 400;
   --cds-productive-heading-05-line-height: 1.25;
   --cds-productive-heading-05-letter-spacing: 0;
-  --cds-productive-heading-06-font-size: 2rem;
+  --cds-productive-heading-06-font-size: 2.625rem;
   --cds-productive-heading-06-font-weight: 300;
   --cds-productive-heading-06-line-height: 1.199;
   --cds-productive-heading-06-letter-spacing: 0;
-  --cds-productive-heading-07-font-size: 2.625rem;
+  --cds-productive-heading-07-font-size: 3.375rem;
   --cds-productive-heading-07-font-weight: 300;
   --cds-productive-heading-07-line-height: 1.19;
   --cds-productive-heading-07-letter-spacing: 0;
@@ -13978,7 +14154,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-display-03-line-height: 1.19;
   --cds-display-03-letter-spacing: 0;
   --cds-display-04-font-size: 2.625rem;
-  --cds-display-04-font-weight: 600;
+  --cds-display-04-font-weight: 300;
   --cds-display-04-line-height: 1.19;
   --cds-display-04-letter-spacing: 0;
   --cds-legal-01-font-size: 0.75rem;
@@ -14025,11 +14201,11 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-heading-05-font-weight: 400;
   --cds-heading-05-line-height: 1.25;
   --cds-heading-05-letter-spacing: 0;
-  --cds-heading-06-font-size: 2rem;
+  --cds-heading-06-font-size: 2.625rem;
   --cds-heading-06-font-weight: 300;
   --cds-heading-06-line-height: 1.199;
   --cds-heading-06-letter-spacing: 0;
-  --cds-heading-07-font-size: 2.625rem;
+  --cds-heading-07-font-size: 3.375rem;
   --cds-heading-07-font-weight: 300;
   --cds-heading-07-line-height: 1.19;
   --cds-heading-07-letter-spacing: 0;
@@ -14076,7 +14252,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-display-03-line-height: 1.19;
   --cds-fluid-display-03-letter-spacing: 0;
   --cds-fluid-display-04-font-size: 2.625rem;
-  --cds-fluid-display-04-font-weight: 600;
+  --cds-fluid-display-04-font-weight: 300;
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
   --cds-button-separator: #161616;
@@ -14134,9 +14310,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
   --cds-field: var(--cds-field-01, #f4f4f4);
   --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
   --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
   --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
   position: fixed;
   top: 3rem;
   right: 0;
@@ -14183,6 +14360,9 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-border-subtle-selected-01: #525252;
   --cds-border-subtle-selected-02: #6f6f6f;
   --cds-border-subtle-selected-03: #8d8d8d;
+  --cds-border-tile-01: #525252;
+  --cds-border-tile-02: #6f6f6f;
+  --cds-border-tile-03: #8d8d8d;
   --cds-field-01: #262626;
   --cds-field-02: #393939;
   --cds-field-03: #525252;
@@ -14194,6 +14374,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-focus-inverse: #0f62fe;
   --cds-highlight: #002d9c;
   --cds-icon-disabled: rgba(244, 244, 244, 0.25);
+  --cds-icon-interactive: #ffffff;
   --cds-icon-inverse: #161616;
   --cds-icon-on-color: #ffffff;
   --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
@@ -14279,6 +14460,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-label-01-font-weight: 400;
   --cds-label-01-line-height: 1.33333;
   --cds-label-01-letter-spacing: 0.32px;
+  --cds-label-02-font-size: 0.875rem;
+  --cds-label-02-font-weight: 400;
+  --cds-label-02-line-height: 1.28572;
+  --cds-label-02-letter-spacing: 0.16px;
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
@@ -14340,11 +14525,11 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-productive-heading-05-font-weight: 400;
   --cds-productive-heading-05-line-height: 1.25;
   --cds-productive-heading-05-letter-spacing: 0;
-  --cds-productive-heading-06-font-size: 2rem;
+  --cds-productive-heading-06-font-size: 2.625rem;
   --cds-productive-heading-06-font-weight: 300;
   --cds-productive-heading-06-line-height: 1.199;
   --cds-productive-heading-06-letter-spacing: 0;
-  --cds-productive-heading-07-font-size: 2.625rem;
+  --cds-productive-heading-07-font-size: 3.375rem;
   --cds-productive-heading-07-font-weight: 300;
   --cds-productive-heading-07-line-height: 1.19;
   --cds-productive-heading-07-letter-spacing: 0;
@@ -14399,7 +14584,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-display-03-line-height: 1.19;
   --cds-display-03-letter-spacing: 0;
   --cds-display-04-font-size: 2.625rem;
-  --cds-display-04-font-weight: 600;
+  --cds-display-04-font-weight: 300;
   --cds-display-04-line-height: 1.19;
   --cds-display-04-letter-spacing: 0;
   --cds-legal-01-font-size: 0.75rem;
@@ -14446,11 +14631,11 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-heading-05-font-weight: 400;
   --cds-heading-05-line-height: 1.25;
   --cds-heading-05-letter-spacing: 0;
-  --cds-heading-06-font-size: 2rem;
+  --cds-heading-06-font-size: 2.625rem;
   --cds-heading-06-font-weight: 300;
   --cds-heading-06-line-height: 1.199;
   --cds-heading-06-letter-spacing: 0;
-  --cds-heading-07-font-size: 2.625rem;
+  --cds-heading-07-font-size: 3.375rem;
   --cds-heading-07-font-weight: 300;
   --cds-heading-07-line-height: 1.19;
   --cds-heading-07-letter-spacing: 0;
@@ -14497,7 +14682,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-display-03-line-height: 1.19;
   --cds-fluid-display-03-letter-spacing: 0;
   --cds-fluid-display-04-font-size: 2.625rem;
-  --cds-fluid-display-04-font-weight: 600;
+  --cds-fluid-display-04-font-weight: 300;
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
   --cds-button-separator: #161616;
@@ -14555,9 +14740,10 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
   --cds-field: var(--cds-field-01, #f4f4f4);
   --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-01, #e0e0e0);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
   --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
   --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
 }
 
 .c4p--web-terminal__body {
@@ -14707,6 +14893,11 @@ button.c4p--add-select__global-filter-toggle--open {
   border-radius: 50%;
 }
 
+.cds--btn--ghost.c4p--user-profile-image__tooltip:focus {
+  border: 0;
+  box-shadow: 0 0 0 0.25rem var(--cds-focus, #0f62fe);
+}
+
 .cds--tooltip__trigger .c4p--user-profile-image svg,
 .c4p--user-profile-image__tooltip.cds--btn--ghost:not([disabled]) svg {
   fill: var(--cds-layer-01, #f4f4f4);
@@ -14833,12 +15024,19 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--options-tile {
-  border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
-  background-color: var(--cds-layer-01, #f4f4f4);
+  position: relative;
+  border-bottom: 1px solid var(--cds-border-subtle);
+  background-color: var(--cds-layer);
 }
 
 .c4p--options-tile__toggle-container {
-  position: relative;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: calc(
+    1rem + 2rem + 1rem
+  );
 }
 
 .c4p--options-tile__toggle {
@@ -15033,284 +15231,158 @@ button.c4p--add-select__global-filter-toggle--open {
 
 @media (prefers-reduced-motion: reduce) {
   .c4p--options-tile__summary,
-.c4p--options-tile__chevron {
+  .c4p--options-tile__chevron {
     transition: none;
   }
 }
-.c4p--inline-edit {
-  --c4p--inline-edit--size: 2.5rem;
-  --c4p--inline-edit--icon-size: 1rem;
-  --c4p--inline-edit--background-color: var(--cds-layer-01, #f4f4f4);
-  --c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
-  position: relative;
-  display: inline-block;
-  min-width: calc(4 * var(--c4p--inline-edit--size));
-  max-width: 100%;
-  height: var(--c4p--inline-edit--size);
-  background-color: var(--c4p--inline-edit--background-color);
-  cursor: text;
-  transition: background-color 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);
-  vertical-align: middle;
-  white-space: nowrap;
-}
-.c4p--inline-edit.c4p--inline-edit--light {
-  --c4p--inline-edit--background-color: transparent;
+.c4p--edit-in-place {
+  --c4p--edit-in-place--size: 2rem;
+  display: flex;
+  align-items: center;
+  background: transparent;
+  cursor: pointer;
 }
-.c4p--inline-edit:hover {
-  --c4p--inline-edit--background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+
+.c4p--edit-in-place--sm {
+  --c4p--edit-in-place--size: 2rem;
 }
-.c4p--inline-edit.c4p--inline-edit--sm {
-  --c4p--inline-edit--size: 2rem;
-  --c4p--inline-edit--icon-size: 1rem;
+
+.c4p--edit-in-place--md {
+  --c4p--edit-in-place--size: 2.5rem;
 }
-.c4p--inline-edit.c4p--inline-edit--lg {
-  --c4p--inline-edit--size: 3rem;
-  --c4p--inline-edit--icon-size: 1rem;
+
+.c4p--edit-in-place--lg {
+  /* April 2023 max text input size */
+  --c4p--edit-in-place--size: 3rem;
 }
-.c4p--inline-edit.c4p--inline-edit--invalid {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  outline: 0.125rem solid var(--cds-support-error, #da1e28);
-  outline-offset: calc(-1 * 0.125rem);
+
+.c4p--edit-in-place--readonly {
+  cursor: not-allowed;
 }
-@media screen and (prefers-contrast) {
-  .c4p--inline-edit.c4p--inline-edit--invalid {
-    outline-style: dotted;
-  }
+
+.c4p--edit-in-place:hover {
+  background: var(--cds-field-01, #f4f4f4);
 }
-.c4p--inline-edit.c4p--inline-edit--editing {
-  /* stylelint-disable-next-line carbon/theme-token-use */
-  outline: 0.125rem solid var(--cds-focus, #0f62fe);
-  outline-offset: calc(-1 * 0.125rem);
-  background-color: var(--cds-layer-01, #f4f4f4);
+
+.c4p--edit-in-place:hover .c4p--edit-in-place__btn-edit,
+.c4p--edit-in-place__btn-edit.c4p--edit-in-place__btn-edit--always-visible {
+  visibility: visible;
 }
-@media screen and (prefers-contrast) {
-  .c4p--inline-edit.c4p--inline-edit--editing {
-    outline-style: dotted;
-  }
+
+.c4p--edit-in-place__btn-edit {
+  visibility: hidden;
 }
-.c4p--inline-edit .c4p--inline-edit__input {
-  display: inline-block;
-  overflow: hidden;
-  width: calc(100% - var(--c4p--inline-edit--toolbar-width) - 1rem);
-  max-width: calc(
-      100% - var(--c4p--inline-edit--toolbar-width) - 1rem
-    );
-  min-height: var(--c4p--inline-edit--size);
-  /* stylelint-disable-next-line carbon/layout-token-use */
-  margin-right: var(--c4p--inline-edit--toolbar-width);
-  margin-left: 1rem;
-  font-family: inherit;
-  line-height: var(--c4p--inline-edit--size);
+
+.c4p--edit-in-place--invalid {
+  outline: 2px solid var(--cds-support-error, #da1e28);
 }
-.c4p--inline-edit .c4p--inline-edit__input:focus {
-  outline: none;
+
+.c4p--edit-in-place--focused {
+  background: var(--cds-field-01, #f4f4f4);
+  outline: 2px solid var(--cds-focus, #0f62fe);
 }
-.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__input {
-  --c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
+
+.c4p--edit-in-place__text-input {
+  flex: 1;
 }
-.c4p--inline-edit .c4p--inline-edit__input::after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  overflow: hidden;
-  width: 0;
-  margin-left: 1rem;
-  color: var(--cds-text-helper, #6f6f6f);
-  content: attr(data-placeholder);
-  opacity: 0;
-  visibility: hidden;
+
+.c4p--edit-in-place--inherit-type .c4p--edit-in-place__text-input {
+  /* match font of container */
+  font-size: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  line-height: inherit;
 }
-.c4p--inline-edit .c4p--inline-edit__ellipsis {
-  display: inline-block;
-  overflow: hidden;
-  width: 0;
-  height: var(--c4p--inline-edit--size);
-  line-height: var(--c4p--inline-edit--size);
+
+.c4p--edit-in-place__ellipsis {
+  position: relative;
+  margin-left: -1rem;
   opacity: 0;
-  pointer-events: none;
-  transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.c4p--inline-edit.c4p--inline-edit--overflows:not(.c4p--inline-edit--editing) .c4p--inline-edit__ellipsis {
-  width: initial;
+
+.c4p--edit-in-place--overflows:not(.c4p--edit-in-place--focused) .c4p--edit-in-place__ellipsis {
   opacity: 1;
 }
-.c4p--inline-edit .c4p--inline-edit__disabled-cover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-}
-.c4p--inline-edit.c4p--inline-edit--disabled .c4p--inline-edit__disabled-cover {
-  cursor: not-allowed;
-  pointer-events: all;
+
+.c4p--edit-in-place__text-input-label {
+  display: none;
 }
-.c4p--inline-edit .c4p--inline-edit__input--empty::after {
-  width: initial;
-  opacity: 1;
-  transition: opacity 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
-  visibility: visible;
+
+.c4p--edit-in-place__warning-icon {
+  width: 1rem;
+  margin: auto 0.5rem;
+  color: var(--cds-support-error, #da1e28);
 }
-.c4p--inline-edit .c4p--inline-edit__after-input-elements {
-  --c4p--inline-edit--toolbar-width: calc(2 * var(--c4p--inline-edit--size));
-  position: absolute;
-  top: 0;
-  right: 0;
-  display: flex;
-  width: var(--c4p--inline-edit--toolbar-width);
-  height: 100%;
-  justify-content: space-between;
-  cursor: text;
+
+.c4p--edit-in-place__warning-text {
+  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);
+  margin-top: 0.5rem;
+  color: var(--cds-support-error, #da1e28);
 }
-.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__after-input-elements {
-  --c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
+
+.c4p--edit-in-place__text-input.cds--text-input {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  outline: none;
 }
-.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar::after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  border: 2px solid var(--cds-focus, #0f62fe);
-  border-left: 0;
-  content: "";
-  pointer-events: none;
+
+.c4p--edit-in-place__text-input.cds--text-input:focus,
+.c4p--edit-in-place__text-input.cds--text-input:active {
+  outline: none;
 }
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel {
+
+.c4p--edit-in-place__toolbar {
+  --toolbar-width: var(--c4p--edit-in-place--size);
+  --toolbar-width-focussed: calc(2 * var(--c4p--edit-in-place--size));
   display: inline-flex;
-  width: var(--c4p--inline-edit--size);
-  max-width: var(--c4p--inline-edit--size);
-  height: 100%;
-  min-height: initial;
-  max-height: var(--c4p--inline-edit--size);
-  align-items: center;
-  justify-content: center;
-  border: 2px solid transparent;
+  width: var(--toolbar-width);
 }
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:hover {
-  outline: initial;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus {
-  border-color: var(--cds-focus, #0f62fe);
-  box-shadow: initial;
-  outline: initial;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save:focus:active:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel:focus:active:hover {
-  box-shadow: inset 0 0 0 1px var(--cds-field-01, #f4f4f4);
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save::before, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel::before {
-  background-color: transparent;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__save[disabled], .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__cancel[disabled] {
-  border-color: transparent;
+
+.c4p--edit-in-place--invalid .c4p--edit-in-place__toolbar {
+  --toolbar-width: calc(var(--c4p--edit-in-place--size) + 2rem);
+  --toolbar-width-focussed: calc(
+    2 * var(--c4p--edit-in-place--size) + 2rem
+  );
 }
-.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
-  overflow: visible;
-  width: var(--c4p--inline-edit--edit-size);
-  transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
-  transition-property: margin, padding;
+
+@keyframes slide-in {
+  0% {
+    overflow: hidden;
+    width: var(--toolbar-width);
+  }
+  99% {
+    overflow: hidden;
+    width: var(--toolbar-width-focussed);
+  }
+  100% {
+    overflow: visible;
+    width: var(--toolbar-width-focussed);
+  }
 }
-.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
-  overflow: hidden;
-  width: 0;
-  padding: 0;
-  border-right: 0;
-  border-left: 0;
+.c4p--edit-in-place--focused .c4p--edit-in-place__toolbar {
+  overflow: initial;
+  width: var(--toolbar-width-focussed);
+  animation: slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
 }
-.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save {
-  margin-right: 0;
-  transition: all 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
-  transition-property: margin, padding;
+
+.c4p--data-spreadsheet {
+  --c4p--data-spreadsheet--total-width: 0;
+  display: inline-block;
+  border-spacing: 0;
+  /* stylelint-disable-next-line max-nesting-depth */
 }
-.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
-  transition: width 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
+.c4p--data-spreadsheet.c4p--data-spreadsheet__container-has-focus {
+  outline: 2px solid var(--cds-link-inverse, #78a9ff);
 }
-@media (prefers-reduced-motion: reduce) {
-  .c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation .c4p--inline-edit__save svg {
-    transition: none;
-  }
+.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
+  position: relative;
 }
-.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save {
-  padding-right: 0;
-  padding-left: 0;
-  border-right: 0;
-  border-left: 0;
-  margin-right: calc(-1 * var(--c4p--inline-edit--size));
-}
-.c4p--inline-edit.c4p--inline-edit--editing .c4p--inline-edit__toolbar--animation:not(.c4p--inline-edit__toolbar--saveable) .c4p--inline-edit__save svg {
-  overflow: hidden;
-  width: 0;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit {
-  display: inline-flex;
-  width: var(--c4p--inline-edit--size);
-  max-width: var(--c4p--inline-edit--size);
-  height: 100%;
-  min-height: initial;
-  max-height: var(--c4p--inline-edit--size);
-  align-items: center;
-  justify-content: center;
-  border: 2px solid transparent;
-}
-.c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:hover, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:active, .c4p--inline-edit.c4p--inline-edit.c4p--inline-edit .c4p--inline-edit__edit:focus {
-  border-color: transparent;
-  background-color: transparent;
-  box-shadow: initial;
-  outline: initial;
-}
-@media (hover: hover) {
-  .c4p--inline-edit .c4p--inline-edit__edit {
-    opacity: 0;
-    transition: opacity 70ms cubic-bezier(0, 0, 0.38, 0.9);
-  }
-  .c4p--inline-edit:hover .c4p--inline-edit__edit {
-    opacity: 1;
-  }
-}
-.c4p--inline-edit .c4p--inline-edit__edit--always-visible {
-  opacity: 1;
-}
-.c4p--inline-edit .c4p--inline-edit__validation-icon {
-  display: inline-flex;
-  width: var(--c4p--inline-edit--size);
-  max-width: var(--c4p--inline-edit--size);
-  height: 100%;
-  min-height: initial;
-  max-height: var(--c4p--inline-edit--size);
-  align-items: center;
-  justify-content: center;
-  border: 2px solid transparent;
-}
-.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-icon {
-  color: var(--cds-support-error, #da1e28);
-}
-.c4p--inline-edit .c4p--inline-edit__validation-text {
-  display: block;
-  overflow: visible;
-  margin-left: 1rem;
-}
-.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-text {
-  color: var(--cds-support-error, #da1e28);
-}
-
-.c4p--data-spreadsheet {
-  --c4p--data-spreadsheet--total-width: 0;
-  display: inline-block;
-  border-spacing: 0;
-  /* stylelint-disable-next-line max-nesting-depth */
-}
-.c4p--data-spreadsheet.c4p--data-spreadsheet__container-has-focus {
-  outline: 2px solid var(--cds-link-inverse, #78a9ff);
-}
-.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
-  position: relative;
-}
-.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__body--td .c4p--data-spreadsheet__td {
-  border-bottom: 0;
+.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__body--td .c4p--data-spreadsheet__td {
+  border-bottom: 0;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th,
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td {
@@ -15363,8 +15435,8 @@ button.c4p--add-select__global-filter-toggle--open {
   justify-content: flex-end;
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td {
-  border-right: 1px solid var(--cds-border-subtle-01, #e0e0e0);
-  border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   overflow: hidden;
   margin: 0;
   background-color: var(--cds-field-01, #f4f4f4);
@@ -15436,8 +15508,8 @@ button.c4p--add-select__global-filter-toggle--open {
   font-weight: var(--cds-body-short-01-font-weight, 400);
   line-height: var(--cds-body-short-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
-  border-right: 1px solid var(--cds-border-subtle-01, #e0e0e0);
-  border-bottom: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-right: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  border-bottom: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   position: absolute;
   z-index: 3;
   display: none;
@@ -15535,7 +15607,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header,
 .c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td {
   background-color: var(--cds-background-inverse, #393939);
-  color: var(--cds-text-on-color, #ffffff);
+  color: var(--cds-text-inverse, #ffffff);
   /* stylelint-disable-next-line max-nesting-depth */
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:focus, .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:hover,
@@ -15736,7 +15808,9 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--datagrid__grid-container td.cds--table-column-checkbox,
 .c4p--datagrid__grid-container th.cds--table-column-checkbox {
   /* stylelint-disable-next-line declaration-no-important */
-  padding-right: 1.5rem !important;
+  width: 3rem !important;
+  /* stylelint-disable-next-line declaration-no-important */
+  padding-right: 1rem !important;
 }
 
 .c4p--datagrid__empty-state .c4p--datagrid__table-simple {
@@ -15800,7 +15874,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--datagrid__head-hidden-select-all {
-  padding-right: 2.5rem;
+  padding-right: 3rem;
 }
 .c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
   position: sticky;
@@ -15841,6 +15915,13 @@ button.c4p--add-select__global-filter-toggle--open {
   width: 100% !important;
 }
 
+.c4p--datagrid__sticky thead {
+  display: flex;
+}
+.c4p--datagrid__sticky thead tr.c4p--datagrid__sticky {
+  width: auto;
+}
+
 .c4p--datagrid__displayFlex {
   position: relative;
   display: flex;
@@ -15849,39 +15930,35 @@ button.c4p--add-select__global-filter-toggle--open {
   flex-direction: row;
 }
 
-.c4p--datagrid__datagridLeftPanel {
-  display: flex;
-  width: 388px;
-  background-color: var(--cds-layer-01, #f4f4f4);
-}
-
-.c4p--datagrid__leftPanel-position {
-  display: inherit;
+.c4p--datagrid__table-container-inner {
+  overflow: hidden;
+  flex: 1;
 }
 
 .c4p--datagrid__datagridWithPanel {
   position: relative;
   display: flex;
-  width: 100%;
   height: 100%;
   flex-direction: column;
 }
 .c4p--datagrid__datagridWithPanel .c4p--datagrid__grid-container {
   display: flex;
-  overflow: hidden;
+  overflow: visible;
   flex-direction: column;
 }
 .c4p--datagrid__datagridWithPanel .c4p--datagrid__table-toolbar {
   width: 100%;
 }
-.c4p--datagrid__datagridWithPanel .c4p--datagrid__datagridLeftPanel {
-  flex: 0 0 auto;
+.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container {
+  display: flex;
+  overflow: visible;
+  background-color: var(--cds-layer-01, #f4f4f4);
 }
-.c4p--datagrid__datagridWithPanel .cds--data-table-content {
-  flex: 1 1 0%;
+.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container .c4p--datagrid__filter-summary {
+  border-bottom: 1px solid var(--cds-layer-03, #f4f4f4);
 }
-.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container {
-  overflow: hidden;
+.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-simple {
+  height: 100%;
 }
 
 .c4p--datagrid__table-container {
@@ -15890,10 +15967,25 @@ button.c4p--add-select__global-filter-toggle--open {
   overflow: auto;
   width: 100%;
   max-height: 100%;
+  overflow-y: auto;
 }
 
-.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active ~ .c4p--datagrid__carbon-nested-row {
-  border-left: 1px solid var(--cds-button-primary, #0f62fe);
+.c4p--datagrid__carbon-row-expanded {
+  position: relative;
+}
+.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active::before {
+  position: absolute;
+  z-index: 2;
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  top: var(--c4p--datagrid--row-height);
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  left: calc(
+      var(--c4p--datagrid--indicator-offset-amount) + 1rem
+    );
+  width: 1px;
+  height: var(--c4p--datagrid--indicator-height);
+  border-left: 1px solid var(--cds-border-subtle-selected-01, #c6c6c6);
+  content: "";
 }
 
 .c4p--datagrid .cds--data-table-header {
@@ -15909,7 +16001,9 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-bottom: 1rem;
 }
 .c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
-  flex: 0 0 auto;
+  display: flex;
+  flex: 1 0 auto;
+  align-items: flex-end;
 }
 .c4p--datagrid__dense-header .cds--table-toolbar {
   background: transparent;
@@ -15917,9 +16011,6 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--datagrid__dense-header .cds__table-container {
   flex: 1 1 100%;
 }
-.c4p--datagrid__dense-header .cds--table-toolbar {
-  padding-top: 2rem;
-}
 .c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider {
   position: relative;
 }
@@ -15929,7 +16020,7 @@ button.c4p--add-select__global-filter-toggle--open {
   left: 0;
   width: 1px;
   height: 1rem;
-  border-left: 1px solid var(--cds-border-subtle-01, #e0e0e0);
+  border-left: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   content: "";
   transform: translateY(-50%);
 }
@@ -15940,6 +16031,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row)::before {
   position: absolute;
+  top: 0;
   left: 0;
   width: 0.25rem;
   height: 100%;
@@ -15989,6 +16081,73 @@ button.c4p--add-select__global-filter-toggle--open {
   justify-content: center;
 }
 
+.c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
+  flex: 0 0 auto;
+  margin-right: 0.5rem;
+}
+
+.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
+  width: 10px;
+  height: 7px;
+}
+
+.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-track {
+  background: var(--cds-layer);
+}
+
+.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+}
+
+.c4p--datagrid__virtualScrollContainer {
+  width: 100%;
+}
+
+.cds--body--with-modal-open .c4p--datagrid__grid-container {
+  overflow: hidden;
+  height: 100vh;
+}
+
+.c4p--datagrid .cds--modal {
+  width: 100%;
+}
+
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger {
+  flex-shrink: 0;
+  background-color: var(--cds-interactive, #0f62fe);
+}
+
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger svg {
+  fill: var(--cds-background, #ffffff);
+}
+
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger:hover,
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open:hover,
+.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open {
+  background-color: var(--cds-button-primary-hover, #0050e6);
+}
+
+.c4p--datagrid__toolbar-options.c4p--datagrid__toolbar-options {
+  background-color: var(--cds-layer-02, #ffffff);
+}
+
+.c4p--datagrid__toolbar-options.cds--overflow-menu-options::after {
+  background-color: transparent;
+}
+
+.c4p--datagrid__mobile-toolbar-modal .cds--modal-container {
+  position: absolute;
+}
+
+.c4p--datagrid__table-toolbar--sm .c4p--filter-summary,
+.c4p--datagrid__table-toolbar--xs .c4p--filter-summary {
+  padding: 0 0.5rem;
+}
+
+.c4p--datagrid .c4p--datagrid__head-wrap {
+  background-color: var(--cds-layer-accent);
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -16015,6 +16174,34 @@ button.c4p--add-select__global-filter-toggle--open {
   border-bottom: none;
 }
 
+.c4p--datagrid .c4p--datagrid__carbon-row-expandable {
+  position: relative;
+}
+
+.c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::before {
+  position: absolute;
+  /* stylelint-disable-next-line carbon/layout-token-use */
+  top: -1px;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--cds-border-subtle);
+  content: "";
+}
+
+.c4p--datagrid tr.c4p--datagrid__carbon-nested-row td:first-child:empty,
+.c4p--datagrid tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__expandable-row-cell {
+  border-bottom: none;
+}
+
+.cds--data-table td.c4p--datagrid__expandable-row-cell {
+  padding-left: 0.5rem;
+}
+
+.c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
+  border-bottom: none;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -16039,13 +16226,12 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-layer-accent-01, #e0e0e0);
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+/**
+ * Copyright IBM Corp. 2020, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 .c4p--datagrid__sortableColumn .cds--table-header-label .header-title {
   display: inline-block;
   width: auto;
@@ -16055,36 +16241,43 @@ button.c4p--add-select__global-filter-toggle--open {
   width: 100%;
   height: 100%;
 }
-.c4p--datagrid__sortableColumn .cds--table-header-label button:focus,
-.c4p--datagrid__sortableColumn .cds--table-header-label button:active,
-.c4p--datagrid__sortableColumn .cds--table-header-label button:focus svg {
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus,
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active,
+.c4p--datagrid__sortableColumn .cds--table-header-label button:focus .c4p--datagrid__sortable-icon {
   /* stylelint-disable-next-line declaration-no-important */
   background: none !important;
   /* stylelint-disable-next-line declaration-no-important */
   color: var(--cds-text-primary, #161616) !important;
-  /* stylelint-disable-next-line declaration-no-important */
-  outline: none !important;
 }
-.c4p--datagrid__sortableColumn .cds--table-header-label button {
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus + .c4p--datagrid__resizer,
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active + .c4p--datagrid__resizer {
+  z-index: -1;
+}
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort {
   width: 100%;
   min-width: 100%;
-  min-height: 0;
-  padding: 0;
+  padding: 0 1rem;
   border: none;
   /* stylelint-disable-next-line declaration-no-important */
   background: none !important;
-  box-shadow: none;
   /* stylelint-disable-next-line declaration-no-important */
   color: var(--cds-text-primary, #161616) !important;
   font: inherit;
 }
-.c4p--datagrid__sortableColumn .cds--table-header-label button svg {
+.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort .c4p--datagrid__sortable-icon {
   fill: var(--cds-text-primary, #161616);
+  opacity: 0;
   visibility: hidden;
 }
+.c4p--datagrid__sortableColumn .cds--table-sort.c4p--datagrid--table-sort {
+  width: calc(100% + 2rem);
+  margin: 0 calc(-1 * 1rem);
+}
 
-.c4p--datagrid__sortableColumn:hover .cds--table-header-label svg,
-.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label svg {
+.c4p--datagrid__sortableColumn:hover .cds--table-header-label .c4p--datagrid__sortable-icon,
+.c4p--datagrid__sortableColumn:focus-within .cds--table-header-label .c4p--datagrid__sortable-icon,
+.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label .c4p--datagrid__sortable-icon {
+  opacity: 1;
   visibility: visible;
 }
 
@@ -16145,7 +16338,7 @@ button.c4p--add-select__global-filter-toggle--open {
   right: 0;
   display: flex;
   align-items: center;
-  border-left: 1px solid var(--cds-layer-accent-01, #e0e0e0);
+  border-left: 1px solid var(--cds-layer-active-02, #c6c6c6);
 }
 
 .c4p--datagrid__right-sticky-column-header {
@@ -16160,7 +16353,7 @@ button.c4p--add-select__global-filter-toggle--open {
   left: 0;
   display: flex;
   align-items: center;
-  border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
+  border-right: 1px solid var(--cds-layer-active-02, #c6c6c6);
 }
 
 .c4p--datagrid__left-sticky-column-header {
@@ -16172,7 +16365,7 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
 .c4p--datagrid__left-sticky-column-header.c4p--datagrid__left-sticky-column-header--with-extra-select-column {
-  left: 2.5rem;
+  left: 3rem;
 }
 
 .c4p--datagrid__sticky-noShadow {
@@ -16228,55 +16421,31 @@ button.c4p--add-select__global-filter-toggle--open {
   fill: var(--cds-layer-selected-disabled, #8d8d8d);
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021, 2022
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-.c4p--datagrid__customize-columns-modal .cds--modal-content {
-  position: inherit;
+.c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
   display: flex;
   flex-flow: column;
-  padding: 0;
-  margin: 0;
 }
 
-.c4p--datagrid__customize-columns-checkbox-wrapper {
-  margin-bottom: 0;
+.c4p--datagrid__customize-columns-tearsheet--actions input[role=searchbox] {
+  height: 3rem;
+  padding-left: 3rem;
+  border-bottom: 1px solid var(--cds-background-active, rgba(141, 141, 141, 0.5));
 }
 
-.c4p--datagrid__customize-columns-checkbox-wrapper {
+.cds--form-item.cds--checkbox-wrapper.c4p--datagrid__customize-columns-checkbox {
   display: flex;
+  flex: initial;
+  align-items: center;
   justify-content: center;
 }
 
-.c4p--datagrid__customize-columns-modal--actions {
-  display: flex;
-  height: 3rem;
-  flex-flow: row;
-  background-color: var(--cds-field-02, #ffffff);
-}
-
-.c4p--datagrid__customize-columns-modal--actions input[role=searchbox] {
-  height: 3rem;
-  padding-left: 2.5rem;
-  border-bottom: none;
-}
-
-.c4p--datagrid__customize-columns-modal--actions > button {
-  margin-left: 1rem;
+.c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-visible-label {
+  /* stylelint-disable-next-line */
+  padding-left: 0.375rem;
 }
 
-.c4p--datagrid__customize-columns-instructions {
-  padding-left: 1rem;
-  margin-bottom: 1.5rem;
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
-  color: var(--cds-text-primary, #161616);
+.c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
+  margin-bottom: 0;
 }
 
 .c4p--datagrid__customize-columns-column-list {
@@ -16285,31 +16454,31 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--datagrid__customize-columns-select-all {
-  display: flex;
-  height: 3rem;
-  padding-left: 2.5rem;
-  border-bottom: 1px solid var(--cds-layer-active);
-  background-color: var(--cds-layer-01, #f4f4f4);
-}
-
-.c4p--datagrid__customize-columns-select-all:hover {
-  background-color: var(--cds-layer-hover-01, #e8e8e8);
+  align-items: center;
 }
 
-.c4p--datagrid__customize-columns-select-all-selected {
+.c4p--datagrid__customize-columns-select-all,
+.c4p--datagrid__customize-columns-select-all--selected {
+  position: sticky;
+  z-index: 1;
+  top: 0;
   display: flex;
   height: 3rem;
   padding-left: 2.5rem;
   border-bottom: 1px solid var(--cds-layer-active);
-  background-color: var(--cds-layer-selected-01, #e0e0e0);
+  background-color: var(--cds-layer);
+}
+.c4p--datagrid__customize-columns-select-all .cds--checkbox-label-text,
+.c4p--datagrid__customize-columns-select-all--selected .cds--checkbox-label-text {
+  font-weight: 600;
 }
 
-.c4p--datagrid__customize-columns-select-all-selected:hover {
-  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
+.c4p--datagrid__customize-columns-select-all:hover {
+  background-color: var(--cds-layer-hover);
 }
 
-.c4p--datagrid .c4p--datagrid__customize-columns-modal .cds--modal-content {
-  margin-bottom: 0;
+.c4p--datagrid__customize-columns-select-all--selected {
+  background-color: var(--cds-layer-selected);
 }
 
 /*
@@ -16319,15 +16488,17 @@ button.c4p--add-select__global-filter-toggle--open {
 * US Government Users Restricted Rights - Use, duplication or disclosure
 * restricted by GSA ADP Schedule Contract with IBM Corp.
 */
-.c4p--datagrid__row-size-dropdown {
-  padding: 1rem;
-  background-color: var(--cds-background, #ffffff);
+.c4p--datagrid .c4p--datagrid__row-size-toggle-tip-content {
+  background-color: var(--cds-layer-02, #ffffff);
   box-shadow: 1px 4px 8px -3px var(--cds-overlay, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay, rgba(22, 22, 22, 0.5));
 }
 
-.c4p--datagrid__row-size-button--open {
-  background-color: var(--cds-background, #ffffff);
-  box-shadow: 1px 4px 8px -3px var(--cds-overlay, rgba(22, 22, 22, 0.5)), -1px 6px 8px -5px var(--cds-overlay, rgba(22, 22, 22, 0.5));
+.c4p--datagrid .c4p--datagrid__row-size-radio-button .cds--radio-button__label {
+  color: var(--cds-text-primary, #161616);
+}
+
+.c4p--datagrid .c4p--datagrid__row-size-toggle-tip .cds--popover-caret {
+  background-color: var(--cds-layer-02, #ffffff);
 }
 
 .c4p--datagrid .cds--popover--bottom-right.c4p--datagrid__row-height-settings-popover .cds--popover-caret {
@@ -16335,15 +16506,207 @@ button.c4p--add-select__global-filter-toggle--open {
   left: -4px;
 }
 
+.c4p--datagrid__row-size-toggle-tip-button.cds--toggletip-button {
+  display: flex;
+  width: 3rem;
+  height: 3rem;
+  justify-content: center;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
-* (c) Copyright IBM Corp. 2021
+* (c) Copyright IBM Corp. 2022
 * US Government Users Restricted Rights - Use, duplication or disclosure
 * restricted by GSA ADP Schedule Contract with IBM Corp.
 */
-th.c4p--datagrid__select-all-toggle-on,
-td.c4p--datagrid__select-all-toggle-on {
+.c4p--datagrid-filter-flyout__container {
+  position: relative;
+}
+
+.c4p--datagrid-filter-flyout {
+  position: absolute;
+  top: 3rem;
+  right: 0;
+  display: none;
+  width: 40.125rem;
+  background-color: var(--cds-layer-02, #ffffff);
+  box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
+}
+
+.c4p--datagrid-filter-flyout--open {
+  display: grid;
+}
+
+.c4p--datagrid-filter-flyout--batch {
+  min-height: 21.625rem;
+  grid-template-rows: 1fr 3rem;
+}
+
+.c4p--datagrid-filter-flyout--instant {
+  min-height: 17.625rem;
+  grid-template-rows: 1fr;
+}
+
+.c4p--datagrid-filter-flyout__inner-container {
+  padding: 1rem 1rem 3rem 1rem;
+}
+
+.c4p--datagrid-filter-flyout__inner-container::before {
+  position: absolute;
+  top: -0.4375rem;
+  right: 1px;
+  display: block;
+  width: 2.875rem;
+  height: 0.9375rem;
+  background-color: var(--cds-layer-02, #ffffff);
+  content: "";
+}
+
+.c4p--datagrid-filter-flyout__title {
+  display: block;
+  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);
+  margin-bottom: 1.5rem;
+}
+
+.c4p--datagrid-filter-flyout__filters {
+  display: grid;
+  gap: 1rem 2rem;
+  grid-template-columns: 1fr 1fr;
+}
+
+.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
+  position: relative;
+  background-color: var(--cds-layer-02, #ffffff);
+  box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
+}
+
+.c4p--datagrid-filter-flyout .cds--fieldset {
+  margin-bottom: 0;
+}
+
+/*
+* Licensed Materials - Property of IBM
+* 5724-Q36
+* (c) Copyright IBM Corp. 2022
+* US Government Users Restricted Rights - Use, duplication or disclosure
+* restricted by GSA ADP Schedule Contract with IBM Corp.
+*/
+.c4p--datagrid-filter-panel__container {
+  position: relative;
+  width: rem(320px);
+  height: clamp(var(--filter-panel-min-height), 100%, 100vh);
+  border-top: 1px var(--cds-layer-accent-01, #e0e0e0) solid;
+  background-color: var(--cds-layer-01, #f4f4f4);
+}
+
+.c4p--datagrid-filter-panel--open {
+  border-right: 1px var(--cds-layer-accent-01, #e0e0e0) solid;
+}
+
+.c4p--datagrid-filter-panel__container::before {
+  position: absolute;
+  top: -1px;
+  left: 0;
+  display: block;
+  width: rem(47px);
+  height: 1px;
+  background-color: var(--cds-layer-01, #f4f4f4);
+  content: "";
+}
+
+.c4p--datagrid-filter-panel__inner-container {
+  position: relative;
+  z-index: 0;
+  overflow: auto;
+  padding: 0 1rem;
+  overscroll-behavior: contain;
+}
+
+.c4p--datagrid-filter-panel__inner-container .c4p--datagrid-filter-panel__category:last-of-type {
+  padding-bottom: 5rem;
+}
+
+.c4p--datagrid-filter-panel {
+  position: sticky;
+  top: 0;
+}
+
+.c4p--datagrid-filter-panel__heading {
+  display: flex;
+  justify-content: space-between;
+  padding-left: 1rem;
+  border-bottom: 1px solid transparent;
+}
+
+.c4p--datagrid-filter-panel__heading--with-divider {
+  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
+}
+
+.c4p--datagrid-filter-panel__title {
+  padding: 1rem 0;
+  font-size: var(--cds-heading-compact-02-font-size, 1rem);
+  font-weight: var(--cds-heading-compact-02-font-weight, 600);
+  line-height: var(--cds-heading-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
+}
+
+.c4p--datagrid-filter-panel__search {
+  padding: 0 1rem 1.5rem;
+}
+
+.c4p--datagrid-filter-panel__category-title {
+  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);
+  margin-bottom: 1rem;
+  color: var(--cds-text-secondary, #525252);
+}
+
+.c4p--datagrid-filter-panel__category {
+  padding-bottom: 1.5rem;
+}
+
+.c4p--datagrid-filter-panel__category > *:not(.c4p--datagrid-filter-panel__category-title, .bx--accordion) {
+  margin-bottom: 1rem;
+}
+
+.c4p--datagrid-filter-panel__action-set {
+  position: sticky;
+  z-index: 1;
+  bottom: 0;
+  height: rem(64px);
+  margin-top: auto;
+}
+
+.c4p--datagrid-filter-panel__container .cds--accordion__title {
+  margin: 0;
+}
+
+.c4p--datagrid-filter-panel__container .cds--accordion__arrow {
+  margin: 0.125rem 0 0;
+}
+
+.c4p--datagrid-filter-panel__container .cds--accordion__content {
+  padding-right: 0;
+  padding-left: 0;
+}
+
+.c4p--datagrid-filter-panel__container .cds--accordion__content > *:not(:last-child) {
+  margin-bottom: 1rem;
+}
+
+.cds--btn.c4p--datagrid-filter-panel-open-button {
+  border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
+  border-bottom: none;
+}
+
+.c4p--datagrid__grid-container th.c4p--datagrid__select-all-toggle-on,
+.c4p--datagrid__grid-container td.c4p--datagrid__select-all-toggle-on {
   /* stylelint-disable-next-line declaration-no-important */
   width: 4.5rem !important;
   /* stylelint-disable-next-line declaration-no-important */
@@ -16362,6 +16725,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
   margin-left: 0.125rem;
 }
 
+.c4p--datagrid__select-all-toggle-overflow.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
+  width: 10rem;
+}
+
 /*
 * Licensed Materials - Property of IBM
 * 5724-Q36
@@ -16371,7 +16738,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
 */
 .c4p--datagrid .c4p--datagrid__expanded-row-content {
   position: relative;
-  padding: 1rem 1rem 1.5rem 3rem;
+  padding: 1rem 1rem 1.5rem 4rem;
 }
 
 .c4p--datagrid .c4p--datagrid__expanded-row-content::before {
@@ -16395,13 +16762,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
   content: "";
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2022
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
+.c4p--datagrid__carbon-row.c4p--datagrid__carbon-row-expandable .c4p--datagrid__cell.c4p--datagrid__expandable-row-cell {
+  padding: 0.5rem;
+  padding-right: 0;
+}
+
+.c4p--datagrid__row-expander.cds--btn {
+  display: flex;
+  width: 2rem;
+  height: 2rem;
+  min-height: 2rem;
+  justify-content: center;
+  padding: 0;
+}
+.c4p--datagrid__row-expander.cds--btn .c4p--datagrid__row-expander--icon {
+  fill: var(--cds-layer-selected-inverse, #161616);
+}
+
 .c4p--datagrid__draggable-handleStyle {
   display: flex;
   align-items: center;
@@ -16413,14 +16790,13 @@ th.c4p--datagrid__select-all-toggle-on.button {
   pointer-events: none;
 }
 
-svg.c4p--datagrid__draggable-handleStyle.disable {
-  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+.c4p--datagrid__draggable-handleStyle.disabled svg {
+  fill: var(--cds-icon-on-color-disabled, #8d8d8d);
 }
 
 .c4p--datagrid__draggable-handleHolder {
   display: flex;
   height: 3rem;
-  padding-left: 1rem;
   border-bottom: 1px solid var(--cds-layer-active);
   background-color: var(--cds-layer);
 }
@@ -16432,7 +16808,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 .c4p--datagrid__draggable-handleHolder-selected {
   display: flex;
   height: 3rem;
-  padding-left: 1rem;
   border-bottom: 1px solid var(--cds-layer-active);
   background-color: var(--cds-layer-selected);
 }
@@ -16443,12 +16818,23 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 
 .c4p--datagrid__draggable-handleHolder-isOver {
   border: 2px dashed var(--cds-focus, #0f62fe);
-  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
+  /* stylelint-disable-next-line carbon/theme-token-use */
+  background-color: #edf5ff;
 }
 
 .c4p--datagrid__draggable-handleHolder-droppable {
   display: flex;
   width: 100%;
+  align-items: center;
+  padding-left: 1rem;
+  /* stylelint-disable-next-line carbon/type-token-use */
+  line-height: 1;
+  transition-property: opacity;
+}
+
+.c4p--datagrid__draggable-handleHolder-droppable.c4p--datagrid__draggable-handleHolder-droppable--origin {
+  opacity: 0.5;
+  transition: opacity 150ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 
 .c4p--datagrid__draggable-handleHolder-grabbed {
@@ -16456,6 +16842,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   color: var(--cds-text-primary, #161616);
 }
 
+.c4p--datagrid__draggable-handleHolder--sticky {
+  color: var(--cds-text-on-color-disabled, #8d8d8d);
+}
+
 .c4p--datagrid__shared-ui--assistive-text {
   position: absolute;
   overflow: hidden;
@@ -16555,6 +16945,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   max-height: none;
 }
 
+.c4p--datagrid {
+  --c4p--datagrid--grid-header-height: 0;
+}
+
 .c4p--datagrid__inline-edit-cell {
   display: flex;
   height: 100%;
@@ -16715,7 +17109,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   bottom: 0;
   left: 0;
   width: 2px;
-  height: calc(100% - 50px);
+  height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
   background-color: var(--cds-link-inverse, #78a9ff);
   content: "";
 }
@@ -16726,12 +17120,12 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   right: 0;
   bottom: 0;
   width: 2px;
-  height: calc(100% - 50px);
+  height: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
   background-color: var(--cds-link-inverse, #78a9ff);
   content: "";
 }
 
-.c4p--datagrid .c4p--datagrid__grid-container-grid-active .c4p--datagrid__table-grid-active thead::before {
+.c4p--datagrid .c4p--datagrid__grid-container-grid-active .cds--data-table-content::before {
   position: absolute;
   z-index: 2;
   top: 0;
@@ -16744,7 +17138,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 
 .c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::before,
 .c4p--datagrid .c4p--datagrid__grid-container-grid-active.c4p--datagrid__grid-container-grid-active--without-toolbar::after {
-  height: calc(100% - 2px);
+  height: calc(100% - 2px - var(--c4p--datagrid--grid-header-height));
 }
 
 .c4p--datagrid .c4p--datagrid__grid-container-grid-active .c4p--datagrid__table-container {
@@ -16752,6 +17146,10 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   outline-offset: -2px;
 }
 
+.c4p--datagrid .c4p--datagrid__grid-container-inline-edit .c4p--datagrid__table-container {
+  padding-top: 0.125rem;
+}
+
 .c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] ~ .cds--form-requirement,
 .c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] .cds--form-requirement {
   position: absolute;
@@ -16815,17 +17213,14 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   outline-color: var(--cds-support-error, #da1e28);
 }
 
+.c4p--datagrid .cds--text-input:focus {
+  background: var(--cds-field-01, #f4f4f4);
+}
+
 .c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number][data-invalid]:focus ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
   background-color: var(--cds-support-error, #da1e28);
 }
 
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020, 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
 /* stylelint-disable max-nesting-depth */
 .c4p--datagrid__datagridWrap {
   display: block;
@@ -16846,7 +17241,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 
 .c4p--datagrid__datagridWrap-simple {
   display: flex;
-  overflow: hidden;
   width: 100%;
   height: 100%;
   flex-direction: column;
@@ -16857,4 +17251,43 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
   overflow-x: unset;
 }
 
+/* stylelint-disable max-nesting-depth */
+.c4p--edit-update-cards#c4p--edit-update-cards--edit {
+  /* Used id for overriding the SVG path fill */
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:hover,
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:hover {
+  background-color: #0050e6;
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:focus,
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:focus {
+  box-shadow: none;
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button svg path,
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button svg path {
+  fill: #ffffff;
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button.c4p--loading:hover,
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button.c4p--loading:hover {
+  background-color: transparent;
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer {
+  background-color: #0f62fe;
+  color: #ffffff;
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading {
+  animation-duration: 700ms;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+  animation-name: rotate;
+  animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading:hover {
+  background-color: transparent;
+}
+.c4p--edit-update-cards:not(.c4p--edit-update-cards__actions-bottom)#c4p--edit-update-cards--edit .c4p--card__header {
+  background-color: #0f62fe;
+  color: #ffffff;
+}
+
 /*# sourceMappingURL=index.css.map */