@carbon/ibm-products 2.0.0-rc.9 → 2.0.1

package/css/index-without-carbon.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;
   }
 }
@@ -841,61 +852,66 @@
 }
 
 .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);
 }
@@ -904,51 +920,16 @@
   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 {
@@ -1004,7 +985,7 @@
 .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%;
 }
 
@@ -2534,7 +2515,7 @@
 }
 @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;
@@ -2597,7 +2578,7 @@
 .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);
 }
 
@@ -2698,9 +2679,9 @@
 
 @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;
   }
@@ -2728,8 +2709,6 @@
   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;
 }
 
@@ -2738,8 +2717,6 @@
   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;
 }
 
@@ -2794,7 +2771,8 @@
   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;
 }
 
@@ -2802,7 +2780,7 @@
   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;
@@ -2831,8 +2809,6 @@
   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;
 }
 
@@ -3237,17 +3213,7 @@
   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 {
@@ -3270,7 +3236,6 @@
   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;
@@ -3359,13 +3324,10 @@
   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));
+  inset: 0;
 }
 
 .c4p--create-side-panel.c4p--side-panel__container .c4p--create-side-panel__content-text {
@@ -3577,12 +3539,12 @@
 }
 .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 {
@@ -3619,6 +3581,7 @@
   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 {
@@ -3637,6 +3600,9 @@
 .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;
 }
@@ -3652,7 +3618,7 @@
 }
 .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 {
@@ -3670,20 +3636,18 @@
 .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,
@@ -3694,7 +3658,7 @@
 .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;
@@ -3717,7 +3681,7 @@
 .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);
@@ -3734,6 +3698,9 @@
   }
 }
 .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);
@@ -3745,7 +3712,6 @@
 }
 
 .c4p--tearsheet-create__step .cds--css-grid {
-  padding-left: 0;
   margin-left: 0;
 }
 
@@ -3768,7 +3734,8 @@
 }
 .c4p--tearsheet-create .c4p--tearsheet-create__content {
   height: 100%;
-  padding: 1.5rem;
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
   overflow-x: hidden;
 }
 
@@ -3877,28 +3844,29 @@
 }
 
 .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 {
@@ -3921,6 +3889,22 @@
   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;
@@ -3960,22 +3944,18 @@
   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 {
@@ -4035,10 +4015,10 @@
 }
 
 .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;
 }
@@ -4051,15 +4031,22 @@
 .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;
@@ -4071,10 +4058,20 @@
 }
 
 .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--filter-summary {
+  display: flex;
+  width: 100%;
+  height: rem(48px);
+  align-items: center;
+  padding: 0.5rem;
+  border-top: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  background: var(--cds-layer-01, #f4f4f4);
 }
 
 .c4p--http-errors .c4p--http-errors__content {
@@ -4096,26 +4093,26 @@
 }
 
 .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;
 }
 
@@ -4212,76 +4209,6 @@
   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;
@@ -4293,9 +4220,6 @@
 }
 
 /* stylelint-disable max-nesting-depth */
-.c4p--add-select__selections.cds--structured-list {
-  margin-bottom: 0;
-}
 .c4p--add-select__selections-wrapper {
   display: block;
 }
@@ -4324,35 +4248,27 @@
   flex-direction: column;
   justify-content: center;
 }
-.c4p--add-select__selections-cell:hover .c4p--add-select__selections-hidden-hover,
-.c4p--add-select__selections .cds--structured-list-row:focus-within .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--selected.cds--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;
 }
@@ -4367,7 +4283,10 @@
   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 {
@@ -4386,14 +4305,6 @@
   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;
@@ -4458,17 +4369,17 @@
   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-row.cds--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__tags {
@@ -4478,24 +4389,21 @@
 .c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
   padding: 0;
 }
-.c4p--add-select__columns .c4p--add-select__selections.cds--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;
@@ -4510,6 +4418,10 @@
   border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
 }
 
+.c4p--add-select-sort_overflow {
+  z-index: 9999;
+}
+
 .c4p--add-select__tags {
   display: flex;
   align-items: center;
@@ -4522,7 +4434,7 @@
 
 .c4p--add-select__global-filter {
   position: absolute;
-  z-index: 6000;
+  z-index: 999999;
   right: 0;
   width: 100%;
   max-width: 40rem;
@@ -4608,6 +4520,11 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .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 {
@@ -4634,12 +4551,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;
 }
@@ -4659,10 +4570,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;
@@ -4690,8 +4597,8 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-top: 0.5rem;
 }
 
-.c4p--add-select .cds--tooltip,
-.c4p--add-select .cds--overflow-menu-options {
+.c4p--add-select + div .cds--tooltip,
+.c4p--add-select + div .cds--overflow-menu-options {
   z-index: 9000;
 }
 
@@ -4737,6 +4644,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;
@@ -4748,6 +4658,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);
@@ -4833,6 +4744,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;
@@ -4894,11 +4809,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;
@@ -4953,7 +4868,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;
@@ -5000,11 +4915,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;
@@ -5051,7 +4966,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-layer: var(--cds-layer-01, #f4f4f4);
@@ -5064,9 +4979,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;
@@ -5178,7 +5094,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);
@@ -5224,7 +5140,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;
   }
 }
@@ -5673,13 +5589,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%;
@@ -6011,13 +5927,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%;
@@ -6413,13 +6329,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%;
@@ -6815,13 +6731,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%;
@@ -6993,9 +6909,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;
@@ -7048,12 +6961,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;
   }
@@ -7195,6 +7115,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;
@@ -7497,7 +7418,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);
 }
@@ -7557,9 +7478,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;
@@ -7723,7 +7641,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;
@@ -7732,7 +7650,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);
 }
 
@@ -7759,16 +7677,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;
@@ -7776,18 +7694,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;
@@ -7867,8 +7809,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;
   }
 }
@@ -7880,8 +7822,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;
   }
 }
@@ -7893,8 +7835,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;
   }
 }
@@ -7906,8 +7848,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;
   }
 }
@@ -7919,8 +7861,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;
   }
 }
@@ -7932,8 +7874,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;
   }
 }
@@ -7945,8 +7887,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;
   }
 }
@@ -7958,8 +7900,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;
   }
 }
@@ -7971,8 +7913,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;
   }
 }
@@ -7984,8 +7926,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;
   }
 }
@@ -7997,8 +7939,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;
   }
 }
@@ -8010,8 +7952,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;
   }
 }
@@ -8023,8 +7965,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;
   }
 }
@@ -8036,8 +7978,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;
   }
 }
@@ -8049,8 +7991,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;
   }
 }
@@ -8062,8 +8004,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;
   }
 }
@@ -8076,8 +8018,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;
   }
 }
@@ -8090,8 +8032,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;
   }
 }
@@ -8117,8 +8059,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;
   }
 }
@@ -8130,8 +8072,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;
   }
 }
@@ -8143,8 +8085,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;
   }
 }
@@ -8156,8 +8098,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;
   }
 }
@@ -8169,8 +8111,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;
   }
 }
@@ -8182,8 +8124,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;
   }
 }
@@ -8195,8 +8137,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;
   }
 }
@@ -8208,8 +8150,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;
   }
 }
@@ -8221,8 +8163,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;
   }
 }
@@ -8234,8 +8176,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;
   }
 }
@@ -8247,8 +8189,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;
   }
 }
@@ -8260,8 +8202,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;
   }
 }
@@ -8273,8 +8215,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;
   }
 }
@@ -8286,8 +8228,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;
   }
 }
@@ -8299,8 +8241,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;
   }
 }
@@ -8312,8 +8254,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;
   }
 }
@@ -8325,8 +8267,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;
   }
 }
@@ -8338,8 +8280,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;
   }
 }
@@ -8352,8 +8294,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;
   }
 }
@@ -8366,8 +8308,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;
   }
 }
@@ -8393,8 +8335,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;
   }
 }
@@ -8406,8 +8348,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;
   }
 }
@@ -8435,8 +8377,8 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .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);
+  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,
@@ -8510,6 +8452,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;
@@ -8521,6 +8466,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);
@@ -8606,6 +8552,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;
@@ -8667,11 +8617,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;
@@ -8726,7 +8676,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;
@@ -8773,11 +8723,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;
@@ -8824,7 +8774,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-layer: var(--cds-layer-01, #f4f4f4);
@@ -8837,9 +8787,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;
@@ -8886,6 +8837,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;
@@ -8897,6 +8851,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);
@@ -8982,6 +8937,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;
@@ -9043,11 +9002,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;
@@ -9102,7 +9061,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;
@@ -9149,11 +9108,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;
@@ -9200,7 +9159,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-layer: var(--cds-layer-01, #f4f4f4);
@@ -9213,9 +9172,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 {
@@ -9365,6 +9325,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);
@@ -9491,12 +9456,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 {
@@ -9691,313 +9663,90 @@ 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--inline-edit:hover {
-  --c4p--inline-edit--background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
-}
-.c4p--inline-edit.c4p--inline-edit--sm {
-  --c4p--inline-edit--size: 2rem;
-  --c4p--inline-edit--icon-size: 1rem;
-}
-.c4p--inline-edit.c4p--inline-edit--lg {
-  --c4p--inline-edit--size: 3rem;
-  --c4p--inline-edit--icon-size: 1rem;
-}
-.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);
-}
-@media screen and (prefers-contrast) {
-  .c4p--inline-edit.c4p--inline-edit--invalid {
-    outline-style: dotted;
-  }
-}
-.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);
-}
-@media screen and (prefers-contrast) {
-  .c4p--inline-edit.c4p--inline-edit--editing {
-    outline-style: dotted;
-  }
-}
-.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--inline-edit .c4p--inline-edit__input:focus {
-  outline: none;
-}
-.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__input {
-  --c4p--inline-edit--toolbar-width: calc(3 * var(--c4p--inline-edit--size));
-}
-.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--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);
-  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;
-  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--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--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;
+.c4p--edit-in-place {
+  --c4p--edit-in-place--size: 2rem;
   display: flex;
-  width: var(--c4p--inline-edit--toolbar-width);
-  height: 100%;
-  justify-content: space-between;
-  cursor: text;
-}
-.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--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--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 {
-  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__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--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;
-}
-.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--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--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);
-}
-@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--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);
+  background: transparent;
+  cursor: pointer;
 }
-.c4p--inline-edit .c4p--inline-edit__validation-text {
-  display: block;
-  overflow: visible;
-  margin-left: 1rem;
+
+.c4p--edit-in-place--sm {
+  --c4p--edit-in-place--size: 2rem;
 }
-.c4p--inline-edit.c4p--inline-edit--invalid .c4p--inline-edit__validation-text {
-  color: var(--cds-support-error, #da1e28);
+
+.c4p--edit-in-place--md {
+  --c4p--edit-in-place--size: 2.5rem;
 }
 
-.c4p--inline-edit-v2 {
-  display: flex;
-  align-items: center;
-  background: transparent;
-  cursor: pointer;
+.c4p--edit-in-place--lg {
+  /* April 2023 max text input size */
+  --c4p--edit-in-place--size: 3rem;
 }
 
-.c4p--inline-edit-v2-readonly {
+.c4p--edit-in-place--readonly {
   cursor: not-allowed;
 }
 
-.c4p--inline-edit-v2:hover {
+.c4p--edit-in-place:hover {
   background: var(--cds-field-01, #f4f4f4);
 }
 
-.c4p--inline-edit-v2:hover .c4p--inline-edit-v2__btn-edit {
+.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;
 }
 
-.c4p--inline-edit-v2__btn-edit {
+.c4p--edit-in-place__btn-edit {
   visibility: hidden;
 }
 
-.c4p--inline-edit-v2-focused {
+.c4p--edit-in-place--invalid {
+  outline: 2px solid var(--cds-support-error, #da1e28);
+}
+
+.c4p--edit-in-place--focused {
   background: var(--cds-field-01, #f4f4f4);
   outline: 2px solid var(--cds-focus, #0f62fe);
 }
 
-.c4p--inline-edit-v2__text-input {
+.c4p--edit-in-place__text-input {
   flex: 1;
 }
 
-.c4p--inline-edit-v2__text-input-label {
+.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--edit-in-place__ellipsis {
+  position: relative;
+  margin-left: -1rem;
+  opacity: 0;
+}
+
+.c4p--edit-in-place--overflows:not(.c4p--edit-in-place--focused) .c4p--edit-in-place__ellipsis {
+  opacity: 1;
+}
+
+.c4p--edit-in-place__text-input-label {
   display: none;
 }
 
-.c4p--inline-edit-v2__warning-icon {
-  /* stylelint-disable-next-line carbon/layout-token-use */
-  margin-right: 0.4375rem;
+.c4p--edit-in-place__warning-icon {
+  width: 1rem;
+  margin: auto 0.5rem;
   color: var(--cds-support-error, #da1e28);
 }
 
-.c4p--inline-edit-v2__warning-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);
@@ -10006,21 +9755,50 @@ button.c4p--add-select__global-filter-toggle--open {
   color: var(--cds-support-error, #da1e28);
 }
 
-.c4p--inline-edit-v2__text-input.cds--text-input {
+.c4p--edit-in-place__text-input.cds--text-input {
   border: none;
   background: transparent;
   cursor: pointer;
   outline: none;
 }
 
-.c4p--inline-edit-v2-readonly .c4p--inline-edit-v2__text-input.cds--text-input,
-.c4p--inline-edit-v2-readonly .cds--btn.cds--btn--icon-only.cds--tooltip__trigger {
-  cursor: not-allowed;
+.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-v2__text-input.cds--text-input:focus,
-.c4p--inline-edit-v2__text-input.cds--text-input:active {
-  outline: none;
+.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(--toolbar-width);
+}
+
+.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
+  );
+}
+
+@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--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--data-spreadsheet {
@@ -10089,8 +9867,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);
@@ -10162,8 +9940,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;
@@ -10261,7 +10039,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,
@@ -10462,7 +10240,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 {
@@ -10526,7 +10306,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;
@@ -10567,7 +10347,14 @@ button.c4p--add-select__global-filter-toggle--open {
   width: 100% !important;
 }
 
-.c4p--datagrid__displayFlex {
+.c4p--datagrid__sticky thead {
+  display: flex;
+}
+.c4p--datagrid__sticky thead tr.c4p--datagrid__sticky {
+  width: auto;
+}
+
+.c4p--datagrid__displayFlex {
   position: relative;
   display: flex;
   width: 100%;
@@ -10575,39 +10362,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 {
@@ -10616,6 +10399,7 @@ button.c4p--add-select__global-filter-toggle--open {
   overflow: auto;
   width: 100%;
   max-height: 100%;
+  overflow-y: auto;
 }
 
 .c4p--datagrid__carbon-row-expanded {
@@ -10632,7 +10416,7 @@ button.c4p--add-select__global-filter-toggle--open {
     );
   width: 1px;
   height: var(--c4p--datagrid--indicator-height);
-  border-left: 1px solid var(--cds-background-brand, #0f62fe);
+  border-left: 1px solid var(--cds-border-subtle-selected-01, #c6c6c6);
   content: "";
 }
 
@@ -10649,7 +10433,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;
@@ -10657,9 +10443,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;
 }
@@ -10669,7 +10452,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%);
 }
@@ -10680,6 +10463,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%;
@@ -10729,6 +10513,28 @@ 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;
@@ -10753,6 +10559,10 @@ button.c4p--add-select__global-filter-toggle--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;
 }
@@ -10761,6 +10571,15 @@ button.c4p--add-select__global-filter-toggle--open {
   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
@@ -10802,6 +10621,19 @@ button.c4p--add-select__global-filter-toggle--open {
   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
@@ -10826,13 +10658,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;
@@ -10842,36 +10673,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;
 }
 
@@ -10932,7 +10770,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 {
@@ -10947,7 +10785,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 {
@@ -10959,7 +10797,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 {
@@ -11015,55 +10853,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 {
@@ -11072,33 +10886,31 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--datagrid__customize-columns-select-all {
-  display: flex;
-  height: 3rem;
   align-items: center;
-  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);
 }
 
-.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;
-  align-items: center;
   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);
 }
 
 /*
@@ -11108,15 +10920,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 {
@@ -11124,15 +10938,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 */
@@ -11151,6 +11157,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
@@ -11160,7 +11170,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 {
@@ -11201,13 +11211,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   fill: var(--cds-layer-selected-inverse, #161616);
 }
 
-/*
-* 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__draggable-handleStyle {
   display: flex;
   align-items: center;
@@ -11219,14 +11222,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);
 }
@@ -11238,7 +11240,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);
 }
@@ -11249,12 +11250,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 {
@@ -11262,6 +11274,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;
@@ -11629,17 +11645,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;
@@ -11660,7 +11673,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 
 .c4p--datagrid__datagridWrap-simple {
   display: flex;
-  overflow: hidden;
   width: 100%;
   height: 100%;
   flex-direction: column;
@@ -13287,6 +13299,7 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 
 @media (max-width: 65.98rem) {
   .cds--side-nav__overlay-active {
+    z-index: 6000;
     width: 100vw;
     height: 100vh;
     background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
@@ -13310,7 +13323,6 @@ svg.c4p--datagrid__draggable-handleStyle.disable {
 
 .cds--side-nav__navigation {
   display: flex;
-  height: 100%;
   flex-direction: column;
 }
 
@@ -13553,7 +13565,7 @@ a.cds--side-nav__link:focus,
 
 @media screen and (prefers-contrast) {
   a.cds--side-nav__link:focus,
-.cds--side-nav a.cds--header__menu-item:focus {
+  .cds--side-nav a.cds--header__menu-item:focus {
     outline-style: dotted;
   }
 }
@@ -13688,9 +13700,9 @@ a.cds--side-nav__link--current::before {
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--side-nav__icon > svg,
-.cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
-.cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
-.cds--side-nav .cds--header__menu-arrow {
+  .cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
+  .cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
+  .cds--side-nav .cds--header__menu-arrow {
     fill: ButtonText;
   }
 }
@@ -13748,7 +13760,7 @@ a.cds--side-nav__link--current::before {
 .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%;
 }
 
@@ -13857,13 +13869,13 @@ a.cds--side-nav__link--current::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;
 }
 
@@ -13907,6 +13919,7 @@ a.cds--side-nav__link--current::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) {
@@ -13930,6 +13943,10 @@ a.cds--side-nav__link--current::before {
   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;
 }
@@ -13948,7 +13965,7 @@ a.cds--side-nav__link--current::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;
 }
 
@@ -13970,13 +13987,14 @@ a.cds--side-nav__link--current::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 {
@@ -13984,10 +14002,6 @@ a.cds--side-nav__link--current::before {
   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,
@@ -13998,7 +14012,7 @@ a.cds--side-nav__link--current::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 {
@@ -14025,7 +14039,7 @@ a.cds--side-nav__link--current::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 {
@@ -14091,9 +14105,9 @@ a.cds--side-nav__link--current::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;
   }
@@ -14132,13 +14146,15 @@ a.cds--side-nav__link--current::before {
 }
 .c4p--tearsheet-edit .c4p--tearsheet-edit__content {
   height: 100%;
-  padding: 1.5rem;
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
   overflow-x: hidden;
 }
 
-.c4p--tearsheet-edit .c4p--tearsheet-edit__content .cds--grid {
-  padding: 0;
-  margin: 0;
+.c4p--tearsheet-edit .c4p--tearsheet-edit__content .cds--css-grid {
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+  margin-left: 0;
 }
 
 .c4p--tearsheet-edit .c4p--tearsheet-edit__form--heading {