@carbon/ibm-products-styles 2.74.0 → 2.75.0-rc.0

package/css/index-without-carbon.css

@@ -2748,7 +2748,6 @@ p.c4p--about-modal__copyright-text:first-child {
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
-  /* stylelint-disable-next-line max-nesting-depth */
 }
 .c4p--carousel__elements:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -2759,6 +2758,9 @@ p.c4p--about-modal__copyright-text:first-child {
     outline-style: dotted;
   }
 }
+.c4p--carousel__elements {
+  /* stylelint-disable-next-line max-nesting-depth */
+}
 @media (prefers-reduced-motion) {
   .c4p--carousel__elements {
     scroll-behavior: auto;
@@ -2881,14 +2883,16 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--combo-button__action {
   display: block;
   overflow-x: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 @supports (overflow-inline: hidden) {
   .c4p--combo-button__action {
     overflow-inline: hidden;
   }
 }
+.c4p--combo-button__action {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
 .c4p--combo-button .c4p--combo-button__overflow-menu {
   background-color: var(--cds-background-brand, #0f62fe);
@@ -3126,13 +3130,15 @@ p.c4p--about-modal__copyright-text:first-child {
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-primary, #161616);
   overflow-x: hidden;
-  padding-block-start: 1.5rem;
 }
 @supports (overflow-inline: hidden) {
   .c4p--create-full-page .c4p--create-full-page__content {
     overflow-inline: hidden;
   }
 }
+.c4p--create-full-page .c4p--create-full-page__content {
+  padding-block-start: 1.5rem;
+}
 
 .c4p--create-full-page .c4p--create-full-page__step {
   position: relative;
@@ -3150,13 +3156,15 @@ p.c4p--about-modal__copyright-text:first-child {
   grid-row: 1;
   inset-block-start: 0;
   overflow-x: auto;
-  padding-block-start: 0;
 }
 @supports (overflow-inline: auto) {
   .c4p--create-full-page .cds--side-nav--ux {
     overflow-inline: auto;
   }
 }
+.c4p--create-full-page .cds--side-nav--ux {
+  padding-block-start: 0;
+}
 
 .c4p--create-full-page .c4p--create-full-page__section-divider {
   position: relative;
@@ -3525,13 +3533,9 @@ p.c4p--about-modal__copyright-text:first-child {
   inline-size: 100%;
 }
 .c4p--side-panel.c4p--side-panel--right-placement {
-  border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
+  border-inline-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   inset-inline-end: 0;
 }
-.c4p--side-panel.c4p--side-panel--left-placement {
-  border-inline-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
-  inset-inline-start: 0;
-}
 .c4p--side-panel.c4p--side-panel--left-placement .clabs__resizer {
   grid-column: 2;
   inset-inline-start: 0;
@@ -3547,6 +3551,10 @@ p.c4p--about-modal__copyright-text:first-child {
     transition: all 150ms linear;
   }
 }
+.c4p--side-panel.c4p--side-panel--left-placement {
+  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  inset-inline-start: 0;
+}
 .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-decorator {
   border-color: transparent;
   box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
@@ -3591,7 +3599,6 @@ p.c4p--about-modal__copyright-text:first-child {
   inset-block-start: calc(-1px * var(--c4p--side-panel--scroll-animation-distance));
   min-block-size: 2.5rem;
   padding-block-end: 0;
-  /* stylelint-disable-next-line max-nesting-depth */
 }
 .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-title {
   min-block-size: auto;
@@ -3605,9 +3612,12 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button.cds--btn--md), .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back.cds--btn--md {
   padding-block-start: 2.5rem;
 }
+.c4p--side-panel .c4p--side-panel__header {
+  /* stylelint-disable-next-line max-nesting-depth */
+}
 .c4p--side-panel .c4p--side-panel__header::before {
   position: absolute;
-  background-color: var(--cds-border-subtle-02, #e0e0e0);
+  background-color: var(--cds-border-subtle-01, #c6c6c6);
   block-size: 1px;
   content: "";
   inline-size: 100%;
@@ -3625,7 +3635,7 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion {
   z-index: 5;
-  border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
+  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   margin-block-end: 1rem;
 }
 .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion.c4p--side-panel__header--no-title-animation {
@@ -3798,12 +3808,9 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--side-panel .c4p--side-panel__actions-container {
   position: sticky;
   background-color: var(--cds-layer-01, #f4f4f4);
-  border-block-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
+  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   inset-block-end: 0;
 }
-.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl {
-  flex-direction: column;
-}
 .c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button {
   inline-size: 100%;
   max-inline-size: 100%;
@@ -3816,6 +3823,9 @@ p.c4p--about-modal__copyright-text:first-child {
     inline-size: 25%;
   }
 }
+.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl {
+  flex-direction: column;
+}
 .c4p--side-panel .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button {
   block-size: var(--c4p--side-panel--actions-height);
 }
@@ -3909,15 +3919,323 @@ p.c4p--about-modal__copyright-text:first-child {
   color: var(--cds-text-secondary, #525252);
 }
 
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * 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--tearsheet__next .c4p--tearsheet__next__container {
+  align-self: flex-end;
+  block-size: 100%;
+  inset-block-start: auto;
+  max-block-size: calc(100% - 3rem);
+  transform: translate3d(0, min(95vh, 500px), 0);
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__container {
+    max-block-size: none;
+  }
+}
+.c4p--tearsheet__next.c4p--tearsheet__next.c4p--tearsheet__next--has-ai-label .c4p--tearsheet__next__container {
+  border: 1px solid transparent;
+  /* override carbon ai removing background gradient */
+  background: linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
+  border-block-end: 0;
+  box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
+}
+.c4p--tearsheet__next.c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
+  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
+}
+@media (min-width: 42rem) {
+  .c4p--tearsheet__next.c4p--tearsheet__next--wide .c4p--tearsheet__next__container {
+    inline-size: calc(100% - 2 * 4rem);
+  }
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: space-between;
+  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  margin-block: 0;
+  max-block-size: 50vh;
+  padding-block-end: 0;
+  padding-block-start: 1.5rem;
+  padding-inline: 2rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header > * {
+  flex-basis: 100%;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header > *:not(.c4p--tearsheet__next__navigation-bar,
+.c4p--tearsheet__next__header-content-wrapper,
+.cds--modal-close-button) {
+  margin-block-end: 1.5rem;
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header {
+    padding-inline: 1rem;
+  }
+}
+.c4p--tearsheet__next .cds--modal-container--sm .cds--modal-header {
+  padding-inline-end: 2rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-content-wrapper {
+  display: grid;
+  flex-basis: unset;
+  gap: 1rem;
+  grid-template-columns: auto minmax(var(--tearsheet-header-title-grid-width, 0), 1fr);
+  inline-size: calc(100% - var(--tearsheet-header-action-offset));
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-content-wrapper {
+    display: flex;
+    flex-direction: column;
+  }
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-content,
+.c4p--tearsheet__next .c4p--tearsheet__next__header-actions {
+  margin-block-end: 1.5rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-label {
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  margin-block-end: 0.25rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-title {
+  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);
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-title {
+    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--tearsheet__next .c4p--tearsheet__next__header-title {
+  display: flex;
+  align-items: flex-start;
+  margin-block-end: 0.5rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-title svg {
+  flex-shrink: 0;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-title.c4p--tearsheet__next__leading-icon {
+  flex-direction: row;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-title.c4p--tearsheet__next__leading-icon svg {
+  margin-inline-end: 1rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-title.c4p--tearsheet__next__trailing-icon {
+  flex-direction: row-reverse;
+  justify-content: flex-end;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-title.c4p--tearsheet__next__trailing-icon svg {
+  margin-inline-start: 1rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-description {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header--no-close-icon {
+  display: none;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-content {
+  max-inline-size: 40rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__navigation-bar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 4rem;
+  max-inline-size: 100%;
+  min-block-size: 2.5rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__navigation-bar .c4p--tearsheet__next__scroller-container {
+  position: absolute;
+  inset-inline-end: -2rem;
+  margin-inline-end: 1px;
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__navigation-bar .c4p--tearsheet__next__scroller-container {
+    inset-inline-end: -1rem;
+  }
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__navigation-bar .c4p--tearsheet__next__scroller-container .c4p--tearsheet__next__scroller-button-icon-collapsed {
+  transform: rotate(-180deg);
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__navigation-bar .cds--tabs {
+  margin-inline-start: -1rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions {
+  display: flex;
+  overflow: hidden;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: flex-end;
+  block-size: 2rem;
+  inline-size: 100%;
+  margin-block-start: -14px;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions > *:not([hidden]) + *:not([hidden]) {
+  padding-inline-start: 0.5rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions > * {
+  flex-shrink: 0;
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions {
+    justify-content: flex-start;
+    margin-inline-end: 0;
+  }
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header {
+  opacity: 1;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header > *:not(.c4p--tearsheet__next__navigation-bar,
+.c4p--tearsheet__next__header-content-wrapper,
+.cds--modal-close-button),
+.c4p--tearsheet__next .c4p--tearsheet__next__header .c4p--tearsheet__next__header-content-wrapper .c4p--tearsheet__next__header-content > *:not(.c4p--tearsheet__next__content__title-wrapper) {
+  overflow: hidden;
+  max-block-size: 50vh;
+  opacity: 1;
+  transition: all 240ms cubic-bezier(0, 0, 0.3, 1);
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed > *:not(.c4p--tearsheet__next__navigation-bar,
+.c4p--tearsheet__next__header-content-wrapper,
+.cds--modal-close-button,
+.excludeFromCollapse),
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions > *:not(.c4p--tearsheet__next__content__header-actions),
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content-wrapper .c4p--tearsheet__next__header-content > *:not(.c4p--tearsheet__next__content__title-wrapper),
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed > *:not(.c4p--tearsheet__next__navigation-bar,
+.c4p--tearsheet__next__header-content-wrapper,
+.cds--modal-close-button,
+.excludeFromCollapse) * {
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
+  max-block-size: 0;
+  min-block-size: 0;
+  opacity: 0;
+  transition: all 240ms ease;
+  visibility: hidden;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content-wrapper,
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content,
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__content__title-wrapper,
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions .c4p--tearsheet__next__header-title {
+  margin-block: 0;
+  transition: all 240ms ease;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__body-layout {
+  display: grid;
+  grid-template-areas: "influencer body" "influencer footer";
+  grid-template-columns: var(--tearsheet-influencer-width, 16rem) 1fr;
+  grid-template-rows: 1fr auto;
+  padding-block: 0;
+  padding-inline-end: 0;
+  /* Redefine grid when influencer is absent */
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__body-layout:not(:has(> .c4p--tearsheet__next__influencer)) {
+  grid-template-areas: "body" "footer";
+  grid-template-columns: 1fr;
+}
+.c4p--tearsheet__next {
+  /* Assign components to their named grid areas */
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__influencer {
+  grid-area: influencer;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__body {
+  position: relative;
+  display: grid;
+  overflow: hidden;
+  grid-area: body;
+  grid-template-columns: 1fr var(--tearsheet-summary-content-width, 16rem);
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__body {
+    grid-template-columns: 1fr 0;
+  }
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__body > *:only-child {
+  grid-column: 1/-1;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__footer {
+  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  grid-area: footer;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__influencer,
+.c4p--tearsheet__next .c4p--tearsheet__next__main-content,
+.c4p--tearsheet__next .c4p--tearsheet__next__summary-content {
+  overflow: auto;
+  padding-inline: 2rem;
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__influencer,
+  .c4p--tearsheet__next .c4p--tearsheet__next__main-content,
+  .c4p--tearsheet__next .c4p--tearsheet__next__summary-content {
+    padding-inline: 1rem;
+  }
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__main-content {
+  position: relative;
+  background: linear-gradient(to top, var(--cds-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-background, var(--cds-ai-popover-background, #ffffff))) border-box;
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
+}
+.c4p--tearsheet__next .c4p--side-panel {
+  position: absolute;
+  z-index: 9999;
+  block-size: 100%;
+  inline-size: 100%;
+  inset-block-start: 0;
+  max-inline-size: none;
+}
+.c4p--tearsheet__next .c4p--side-panel .c4p--side-panel__header {
+  min-block-size: 0;
+}
+
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header {
+  padding-inline: 1rem;
+}
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header-content-wrapper {
+  display: flex;
+  flex-direction: column;
+}
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header-title {
+  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--tearsheet__next--narrow .c4p--tearsheet__next__content__header-actions {
+  justify-content: flex-start;
+  margin-inline-end: 0;
+}
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__body {
+  grid-template-columns: 1fr 0;
+}
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__influencer,
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__main-content,
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__summary-content {
+  padding-inline: 1rem;
+}
+
 .c4p--tearsheet.c4p--tearsheet {
   --overlay-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
   --overlay-opacity: 1;
-  z-index: 9001;
-  align-items: flex-end;
-  color: var(--cds-text-primary, #161616);
-  transition: visibility 0s linear 240ms, background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
-  --c4p--tearsheet--stacking-scale-factor-single: 0.95;
-  --c4p--tearsheet--stacking-scale-factor-double: 0.9;
 }
 .c4p--tearsheet.c4p--tearsheet::before {
   position: absolute;
@@ -3937,6 +4255,14 @@ p.c4p--about-modal__copyright-text:first-child {
   /* tearsheet uses --overlay-color and --overlay-opacity in ::before */
   background: initial;
 }
+.c4p--tearsheet.c4p--tearsheet {
+  z-index: 9001;
+  align-items: flex-end;
+  color: var(--cds-text-primary, #161616);
+  transition: visibility 0s linear 240ms, background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
+  --c4p--tearsheet--stacking-scale-factor-single: 0.95;
+  --c4p--tearsheet--stacking-scale-factor-double: 0.9;
+}
 .c4p--tearsheet.is-visible {
   z-index: 9000;
   align-items: flex-end;
@@ -4010,8 +4336,10 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3.is-visible .c4p--tearsheet__container {
   transform: scale(var(--c4p--tearsheet--stacking-scale-factor-double));
 }
+.c4p--tearsheet .c4p--tearsheet__header {
+  min-block-size: fit-content;
+}
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header {
-  overflow: visible;
   padding: 1.5rem 2rem;
   margin: 0;
   background-color: var(--cds-layer);
@@ -4088,6 +4416,7 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 .c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__body {
   display: flex;
+  overflow: hidden;
   flex-direction: row;
   padding: 0;
   margin: 0;
@@ -4168,6 +4497,7 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--tearsheet .c4p--tearsheet__button-container {
   grid-column: 1/-1;
   grid-row: -1/-1;
+  min-block-size: fit-content;
   overflow-x: auto;
 }
 @supports (overflow-inline: auto) {
@@ -4241,13 +4571,15 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--tearsheet-create .c4p--tearsheet-create__content {
   min-block-size: 100%;
   overflow-x: hidden;
-  padding-block: 1.5rem;
 }
 @supports (overflow-inline: hidden) {
   .c4p--tearsheet-create .c4p--tearsheet-create__content {
     overflow-inline: hidden;
   }
 }
+.c4p--tearsheet-create .c4p--tearsheet-create__content {
+  padding-block: 1.5rem;
+}
 
 .c4p--tearsheet-create .c4p--tearsheet-create__content .cds--form {
   block-size: inherit;
@@ -4696,7 +5028,7 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 .c4p--filter-summary {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   padding: 0.5rem;
   background: var(--cds-layer-01, #f4f4f4);
   /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
@@ -7265,6 +7597,10 @@ button.c4p--add-select__global-filter-toggle--open {
   max-inline-size: 0;
   visibility: hidden;
 }
+.c4p--tag-set .cds--tag {
+  margin-block-end: 0.5rem;
+  margin-inline-end: 0.5rem;
+}
 
 .c4p--tag-set-modal.c4p--tag-set-modal {
   text-align: initial;
@@ -7283,6 +7619,10 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-inline-end: 1rem;
   padding-inline-end: 0;
 }
+.c4p--tag-set-modal .c4p--tag-set-modal__body .cds--tag {
+  margin-block-end: 0.5rem;
+  margin-inline-end: 0.5rem;
+}
 
 .c4p--tag-set-overflow__tagset-popover.c4p--tag-set-overflow__tagset-popover {
   min-inline-size: initial;
@@ -7301,7 +7641,7 @@ button.c4p--add-select__global-filter-toggle--open {
   color: var(--cds-link-inverse, #78a9ff);
   margin-block-start: 0.5rem;
 }
-.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:hover {
+.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:hover, .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:visited:hover {
   color: var(--cds-link-inverse-hover, #a6c8ff);
 }
 .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:focus {
@@ -7312,6 +7652,7 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
   background-color: var(--cds-background-inverse-hover, #474747);
+  margin-block-end: 0.125rem;
 }
 .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default,
 .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default .cds--tag {
@@ -7994,13 +8335,6 @@ button.c4p--add-select__global-filter-toggle--open {
   padding: 1.5rem 0;
   background-color: var(--cds-layer);
 }
-.c4p--page-header__next .c4p--page-header__content__title-wrapper {
-  display: grid;
-  gap: 1rem;
-  grid-template-columns: auto minmax(var(--page-header-title-grid-width, 0), 1fr);
-  margin-block-end: 1rem;
-  min-block-size: 2.5rem;
-}
 @media (max-width: 41.98rem) {
   .c4p--page-header__next .c4p--page-header__content__title-wrapper {
     display: flex;
@@ -8008,6 +8342,13 @@ button.c4p--add-select__global-filter-toggle--open {
     grid-gap: 1rem;
   }
 }
+.c4p--page-header__next .c4p--page-header__content__title-wrapper {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: auto minmax(var(--page-header-title-grid-width, 0), 1fr);
+  margin-block-end: 1rem;
+  min-block-size: 2.5rem;
+}
 .c4p--page-header__next .c4p--page-header__content__start {
   display: flex;
   flex-wrap: wrap;
@@ -8152,6 +8493,9 @@ button.c4p--add-select__global-filter-toggle--open {
     transform: translateX(2.5rem);
   }
 }
+.c4p--page-header__next .c4p--page-header--tag-overflow-container .cds--tag {
+  margin-inline-end: 0.5rem;
+}
 .c4p--page-header__next .c4p--page-header--tag-overflow-popover__hidden {
   visibility: hidden;
 }
@@ -8282,8 +8626,6 @@ button.c4p--add-select__global-filter-toggle--open {
   min-block-size: 2rem;
   padding-inline: 0.625rem;
   /* stylelint-disable-next-line max-nesting-depth */
-  /* 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;
@@ -8294,6 +8636,9 @@ button.c4p--add-select__global-filter-toggle--open {
   inset-inline-start: 0;
   opacity: 1;
 }
+.c4p--card__productive .c4p--card__actions-header-ghost-button {
+  /* stylelint-disable-next-line max-nesting-depth */
+}
 .c4p--card__productive .c4p--card__actions-header-ghost-button:hover {
   /* stylelint-disable-next-line max-nesting-depth */
 }
@@ -8306,6 +8651,9 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--card__productive .c4p--card__actions-header-ghost-button:hover + .c4p--card__actions-header-ghost-button::before {
   opacity: 0;
 }
+.c4p--card__productive .c4p--card__actions-header-ghost-button {
+  /* stylelint-disable-next-line max-nesting-depth */
+}
 .c4p--card__productive .c4p--card__actions-header-ghost-button:first-child:not(:last-child) {
   /* stylelint-disable-next-line max-nesting-depth */
 }
@@ -8604,12 +8952,6 @@ button.c4p--add-select__global-filter-toggle--open {
   }
 }
 
-.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 {
-  animation: rotating 8000ms infinite linear;
-  fill: #0f62fe;
-}
 @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,
@@ -8617,13 +8959,13 @@ button.c4p--add-select__global-filter-toggle--open {
     animation: none;
   }
 }
-
-.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--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 {
   animation: rotating 8000ms infinite linear;
   fill: #0f62fe;
 }
+
 @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,
@@ -8631,6 +8973,12 @@ button.c4p--add-select__global-filter-toggle--open {
     animation: none;
   }
 }
+.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 {
+  animation: rotating 8000ms infinite linear;
+  fill: #0f62fe;
+}
 
 .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-running,
 .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
@@ -8878,12 +9226,6 @@ button.c4p--add-select__global-filter-toggle--open {
   }
 }
 
-.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 {
-  animation: rotating 8000ms infinite linear;
-  fill: #4589ff;
-}
 @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,
@@ -8891,13 +9233,13 @@ button.c4p--add-select__global-filter-toggle--open {
     animation: none;
   }
 }
-
-.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--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 {
   animation: rotating 8000ms infinite linear;
   fill: #4589ff;
 }
+
 @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,
@@ -8905,6 +9247,12 @@ button.c4p--add-select__global-filter-toggle--open {
     animation: none;
   }
 }
+.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 {
+  animation: rotating 8000ms infinite linear;
+  fill: #4589ff;
+}
 
 .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-running,
 .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
@@ -8944,17 +9292,17 @@ button.c4p--add-select__global-filter-toggle--open {
   }
 }
 
+@media (min-width: 66rem) {
+  .c4p--toolbar {
+    justify-content: flex-end;
+  }
+}
 .c4p--toolbar {
   display: flex;
   background-color: var(--cds-layer-01, #f4f4f4);
   min-block-size: 2.5rem;
   min-inline-size: 2.5rem;
 }
-@media (min-width: 66rem) {
-  .c4p--toolbar {
-    justify-content: flex-end;
-  }
-}
 
 .c4p--toolbar--vertical,
 .c4p--toolbar--vertical > .c4p--toolbar__group {
@@ -9441,29 +9789,6 @@ button.c4p--add-select__global-filter-toggle--open {
   --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);
-  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
-  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
-  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
-  --cds-field: var(--cds-field-01, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
-  position: fixed;
-  block-size: calc(100vh - 3rem);
-  border-inline-start: 1px solid #262626;
-  color: var(--cds-text-primary, #161616);
-  inline-size: 100%;
-  inset-block-start: 3rem;
-  inset-inline-end: 0;
-  max-inline-size: 40rem;
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--web-terminal {
@@ -9489,6 +9814,31 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-layer-selected-inverse: SelectedItem;
   }
 }
+.c4p--web-terminal {
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
+  position: fixed;
+  block-size: calc(100vh - 3rem);
+  border-inline-start: 1px solid #262626;
+  color: var(--cds-text-primary, #161616);
+  inline-size: 100%;
+  inset-block-start: 3rem;
+  inset-inline-end: 0;
+  max-inline-size: 40rem;
+}
 @media (prefers-reduced-motion) {
   .c4p--web-terminal {
     animation: none;
@@ -9904,21 +10254,6 @@ button.c4p--add-select__global-filter-toggle--open {
   --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);
-  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
-  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
-  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
-  --cds-field: var(--cds-field-01, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--web-terminal__documentation-overflow {
@@ -9944,6 +10279,23 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-layer-selected-inverse: SelectedItem;
   }
 }
+.c4p--web-terminal__documentation-overflow {
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
+}
 
 .c4p--web-terminal__documentation-overflow .cds--overflow-menu-options__btn {
   text-decoration: none;
@@ -10545,7 +10897,6 @@ button.c4p--add-select__global-filter-toggle--open {
   --c4p--data-spreadsheet--total-width: 0;
   display: inline-block;
   border-spacing: 0;
-  /* stylelint-disable-next-line max-nesting-depth */
 }
 .c4p--data-spreadsheet.c4p--data-spreadsheet__container-has-focus {
   outline: 2px solid var(--cds-link-inverse, #78a9ff);
@@ -10573,6 +10924,9 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--data-spreadsheet .c4p--data-spreadsheet__body--td {
   color: var(--cds-text-secondary, #525252);
 }
+.c4p--data-spreadsheet {
+  /* stylelint-disable-next-line max-nesting-depth */
+}
 .c4p--data-spreadsheet [role="'columnheader'"]:last-child,
 .c4p--data-spreadsheet [role="'gridcell'"]:last-child {
   border-inline-end: 1px solid var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
@@ -10697,12 +11051,14 @@ button.c4p--add-select__global-filter-toggle--open {
   padding-inline: 0.375rem calc(0.5rem - 1px);
   text-align: start;
   /* stylelint-disable-next-line max-nesting-depth */
-  /* stylelint-disable-next-line max-nesting-depth */
 }
 .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-row-index=header], .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-column-index=header] {
   z-index: 4;
   background-color: transparent;
 }
+.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
+  /* stylelint-disable-next-line max-nesting-depth */
+}
 .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight:focus {
   border: 0.125rem solid var(--cds-background-brand, #0f62fe);
   outline: 0;
@@ -11752,17 +12108,17 @@ button.c4p--add-select__global-filter-toggle--open {
   inline-size: calc(100% + 2rem);
 }
 
-.c4p--datagrid__sortableColumn:hover,
-.c4p--datagrid__sortableColumn:focus-within,
-.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted {
-  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
-}
 .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;
 }
+.c4p--datagrid__sortableColumn:hover,
+.c4p--datagrid__sortableColumn:focus-within,
+.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted {
+  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
+}
 
 /**
  * Copyright IBM Corp. 2024
@@ -12672,7 +13028,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inline-size: 100%;
   outline: 0;
   padding-inline-start: 1rem;
-  /* stylelint-disable-next-line */
 }
 .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__label-icon {
   block-size: 1rem;
@@ -12695,6 +13050,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-icon {
   display: none;
 }
+.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button {
+  /* stylelint-disable-next-line */
+}
 .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:hover .c4p--datagrid__inline-edit-button-icon, .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active .c4p--datagrid__inline-edit-button-icon {
   display: block;
 }
@@ -12994,7 +13352,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
 .c4p--tearsheet-edit .c4p--tearsheet-edit__content {
   block-size: 100%;
   overflow-x: hidden;
-  padding-block: 1.5rem;
 }
 @supports (overflow-inline: hidden) {
   .c4p--tearsheet-edit .c4p--tearsheet-edit__content {
@@ -13002,6 +13359,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
     overflow-inline: hidden;
   }
 }
+.c4p--tearsheet-edit .c4p--tearsheet-edit__content {
+  padding-block: 1.5rem;
+}
 
 .c4p--tearsheet-edit .c4p--tearsheet-edit__content .cds--css-grid {
   margin-inline-start: 0;
@@ -13722,40 +14082,22 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-fluid-quotation-02-line-height: 1.25;
   --cds-fluid-quotation-02-letter-spacing: 0;
   --cds-fluid-display-01-font-size: 2.625rem;
-  --cds-fluid-display-01-font-weight: 300;
-  --cds-fluid-display-01-line-height: 1.19;
-  --cds-fluid-display-01-letter-spacing: 0;
-  --cds-fluid-display-02-font-size: 2.625rem;
-  --cds-fluid-display-02-font-weight: 600;
-  --cds-fluid-display-02-line-height: 1.19;
-  --cds-fluid-display-02-letter-spacing: 0;
-  --cds-fluid-display-03-font-size: 2.625rem;
-  --cds-fluid-display-03-font-weight: 300;
-  --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: 300;
-  --cds-fluid-display-04-line-height: 1.19;
-  --cds-fluid-display-04-letter-spacing: 0;
-  --cds-true: ;
-  --cds-layer: var(--cds-layer-01, #f4f4f4);
-  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
-  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
-  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
-  --cds-field: var(--cds-field-01, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
-  position: relative;
-  background: linear-gradient(90deg, #001d6c 0%, #6929c4 100%);
-  background-color: #001d6c;
+  --cds-fluid-display-01-font-weight: 300;
+  --cds-fluid-display-01-line-height: 1.19;
+  --cds-fluid-display-01-letter-spacing: 0;
+  --cds-fluid-display-02-font-size: 2.625rem;
+  --cds-fluid-display-02-font-weight: 600;
+  --cds-fluid-display-02-line-height: 1.19;
+  --cds-fluid-display-02-letter-spacing: 0;
+  --cds-fluid-display-03-font-size: 2.625rem;
+  --cds-fluid-display-03-font-weight: 300;
+  --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: 300;
+  --cds-fluid-display-04-line-height: 1.19;
+  --cds-fluid-display-04-letter-spacing: 0;
+  --cds-true: ;
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--guidebanner {
@@ -13781,6 +14123,26 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-layer-selected-inverse: SelectedItem;
   }
 }
+.c4p--guidebanner {
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
+  position: relative;
+  background: linear-gradient(90deg, #001d6c 0%, #6929c4 100%);
+  background-color: #001d6c;
+}
 
 .c4p--guidebanner__icon-idea {
   position: absolute;
@@ -14571,21 +14933,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
   --cds-true: ;
-  --cds-layer: var(--cds-layer-01, #f4f4f4);
-  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
-  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
-  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
-  --cds-field: var(--cds-field-01, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--non-linear-reading__dark {
@@ -14611,6 +14958,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-layer-selected-inverse: SelectedItem;
   }
 }
+.c4p--non-linear-reading__dark {
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
+}
 
 .c4p--non-linear-reading .c4p--non-linear-reading__keyword {
   border-width: 0.0625rem;
@@ -15418,21 +15782,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
   --cds-true: ;
-  --cds-layer: var(--cds-layer-01, #f4f4f4);
-  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
-  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
-  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
-  --cds-field: var(--cds-field-01, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--decorator--light {
@@ -15458,6 +15807,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-layer-selected-inverse: SelectedItem;
   }
 }
+.c4p--decorator--light {
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
+}
 
 .c4p--decorator--dark {
   --cds-ai-aura-end: rgba(0, 0, 0, 0);
@@ -15857,21 +16223,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
   --cds-true: ;
-  --cds-layer: var(--cds-layer-01, #f4f4f4);
-  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
-  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
-  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
-  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
-  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
-  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
-  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
-  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
-  --cds-field: var(--cds-field-01, #f4f4f4);
-  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
-  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
-  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
-  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
-  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--decorator--dark {
@@ -15897,6 +16248,23 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-layer-selected-inverse: SelectedItem;
   }
 }
+.c4p--decorator--dark {
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
+  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
+  --cds-field: var(--cds-field-01, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
+}
 
 .c4p--decorator {
   display: inline-flex;
@@ -16027,10 +16395,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background-color: var(--cds-layer-02, #ffffff);
 }
 
-.c4p--decorator--link .c4p--decorator__value {
-  background-color: var(--cds-layer-02, #ffffff);
-  color: var(--cds-link-primary, #0f62fe);
-}
 .c4p--decorator--link .c4p--decorator__value::after {
   position: absolute;
   border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
@@ -16038,6 +16402,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: 0 0;
   inset-inline-start: 0;
 }
+.c4p--decorator--link .c4p--decorator__value {
+  background-color: var(--cds-layer-02, #ffffff);
+  color: var(--cds-link-primary, #0f62fe);
+}
 
 .c4p--decorator--link:hover .c4p--decorator__value {
   color: var(--cds-link-primary-hover, #0043ce);
@@ -16048,9 +16416,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   text-decoration: none;
 }
 
-.c4p--decorator--link:focus .c4p--decorator__value {
-  border-color: var(--cds-focus, #0f62fe);
-}
 .c4p--decorator--link:focus .c4p--decorator__value::after {
   position: absolute;
   border-inline-start: 1px solid var(--cds-focus, #0f62fe);
@@ -16058,6 +16423,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: 0 0;
   inset-inline-start: 0;
 }
+.c4p--decorator--link:focus .c4p--decorator__value {
+  border-color: var(--cds-focus, #0f62fe);
+}
 
 .c4p--decorator--link:active .c4p--decorator__value {
   color: var(--cds-text-primary, #161616);
@@ -16076,9 +16444,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background-color: var(--cds-layer-02, #ffffff);
 }
 
-.c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__value {
-  background-color: var(--cds-layer-02, #ffffff);
-}
 .c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
   position: absolute;
   border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
@@ -16086,16 +16451,15 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: 0 0;
   inset-inline-start: 0;
 }
+.c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__value {
+  background-color: var(--cds-layer-02, #ffffff);
+}
 
 .c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
   border-color: var(--cds-border-strong);
   background-color: var(--cds-layer-hover-02, #e8e8e8);
 }
 
-.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
-  border-color: var(--cds-border-strong);
-  background-color: var(--cds-layer-hover-02, #e8e8e8);
-}
 .c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__value::after {
   position: absolute;
   border-inline-start: 1px solid var(--cds-border-strong);
@@ -16103,6 +16467,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: 0 0;
   inset-inline-start: 0;
 }
+.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
+  border-color: var(--cds-border-strong);
+  background-color: var(--cds-layer-hover-02, #e8e8e8);
+}
 
 .c4p--decorator--single-button:not(.c4p--decorator-disabled):focus {
   outline: none;
@@ -16113,10 +16481,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background-color: var(--cds-layer-02, #ffffff);
 }
 
-.c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
-  border-color: var(--cds-focus, #0f62fe);
-  background-color: var(--cds-layer-02, #ffffff);
-}
 .c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__value::after {
   position: absolute;
   border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
@@ -16124,14 +16488,15 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: 0 0;
   inset-inline-start: 0;
 }
+.c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
+  border-color: var(--cds-focus, #0f62fe);
+  background-color: var(--cds-layer-02, #ffffff);
+}
 
 .c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
   background-color: var(--cds-layer-selected-02, #e0e0e0);
 }
 
-.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
-  background-color: var(--cds-layer-selected-02, #e0e0e0);
-}
 .c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__value::after {
   position: absolute;
   border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
@@ -16139,6 +16504,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: 0 0;
   inset-inline-start: 0;
 }
+.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
+  background-color: var(--cds-layer-selected-02, #e0e0e0);
+}
 
 .c4p--decorator--single-button.c4p--decorator-disabled {
   padding: 0;
@@ -16151,10 +16519,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   color: var(--cds-icon-on-color-disabled, #8d8d8d);
 }
 
-.c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__value {
-  background-color: var(--cds-layer-02, #ffffff);
-  color: var(--cds-icon-on-color-disabled, #8d8d8d);
-}
 .c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__value::after {
   position: absolute;
   border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
@@ -16162,6 +16526,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: 0 0;
   inset-inline-start: 0;
 }
+.c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__value {
+  background-color: var(--cds-layer-02, #ffffff);
+  color: var(--cds-icon-on-color-disabled, #8d8d8d);
+}
 
 .c4p--decorator--light.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-low {
   stroke: #8e6a00;
@@ -16199,10 +16567,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   cursor: pointer;
 }
 
-.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
-  border-color: var(--cds-border-strong);
-  background-color: var(--cds-layer-hover-02, #e8e8e8);
-}
 .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover::after {
   position: absolute;
   z-index: 1;
@@ -16211,11 +16575,11 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: -1px -1px;
   inset-inline-end: -1px;
 }
-
-.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
+.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
   border-color: var(--cds-border-strong);
   background-color: var(--cds-layer-hover-02, #e8e8e8);
 }
+
 .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:hover::after {
   position: absolute;
   border-inline-start: 1px solid var(--cds-border-strong);
@@ -16223,11 +16587,11 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: 0 0;
   inset-inline-start: 0;
 }
-
-.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
-  border-color: var(--cds-focus, #0f62fe);
-  outline: none;
+.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
+  border-color: var(--cds-border-strong);
+  background-color: var(--cds-layer-hover-02, #e8e8e8);
 }
+
 .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:focus::after {
   position: absolute;
   z-index: 1;
@@ -16236,11 +16600,11 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: -1px -1px;
   inset-inline-end: -1px;
 }
-
-.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
+.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
   border-color: var(--cds-focus, #0f62fe);
   outline: none;
 }
+
 .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:focus::after {
   position: absolute;
   border-inline-start: 1px solid var(--cds-focus, #0f62fe);
@@ -16248,6 +16612,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: 0 0;
   inset-inline-start: 0;
 }
+.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
+  border-color: var(--cds-focus, #0f62fe);
+  outline: none;
+}
 
 .c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active {
   background-color: var(--cds-layer-hover-02, #e8e8e8);
@@ -16262,10 +16630,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   color: var(--cds-icon-on-color-disabled, #8d8d8d);
 }
 
-.c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__value {
-  background-color: var(--cds-layer-02, #ffffff);
-  color: var(--cds-icon-on-color-disabled, #8d8d8d);
-}
 .c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__value::after {
   position: absolute;
   border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
@@ -16273,6 +16637,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
   inset-block: 0 0;
   inset-inline-start: 0;
 }
+.c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__value {
+  background-color: var(--cds-layer-02, #ffffff);
+  color: var(--cds-icon-on-color-disabled, #8d8d8d);
+}
 
 .c4p--decorator--light.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-low {
   stroke: #8e6a00;
@@ -17189,12 +17557,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
   flex-wrap: wrap;
 }
 
-.c4p--tag-overflow__item {
-  margin: 0.125rem;
-}
-
 .c4p--tag-overflow__item--tag {
   border: none;
+  margin-block-end: 0.5rem;
+  margin-inline-end: 0.5rem;
 }
 
 .c4p--tag-overflow__item--tag span {
@@ -17251,9 +17617,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 .c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link {
   color: var(--cds-link-inverse, #78a9ff);
-  margin-block-start: 0.5rem;
 }
-.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:hover {
+.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:hover, .c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:visited:hover {
   color: var(--cds-link-inverse-hover, #a6c8ff);
 }
 .c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:focus {
@@ -17312,6 +17677,10 @@ th.c4p--datagrid__select-all-toggle-on.button {
   margin-inline-end: 1rem;
   padding-inline-end: 0;
 }
+.c4p--tag-overflow-modal .c4p--tag-overflow-modal__body .cds--tag {
+  margin-block-end: 0.5rem;
+  margin-inline-end: 0.5rem;
+}
 
 /* stylelint-disable max-nesting-depth */
 .c4p--filter-panel__title {
@@ -17614,6 +17983,13 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.c4p--condition-builder__button *,
+.c4p--condition-builder__button *::before,
+.c4p--condition-builder__button *::after {
+  box-sizing: inherit;
+}
+.c4p--condition-builder__button {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -17622,6 +17998,11 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.c4p--condition-builder__button::-moz-focus-inner {
+  border: 0;
+}
+.c4p--condition-builder__button {
   display: inline-flex;
   align-items: center;
   background-color: var(--cds-layer);
@@ -17632,14 +18013,6 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   padding-inline: 0.5rem;
   white-space: nowrap;
 }
-.c4p--condition-builder__button *,
-.c4p--condition-builder__button *::before,
-.c4p--condition-builder__button *::after {
-  box-sizing: inherit;
-}
-.c4p--condition-builder__button::-moz-focus-inner {
-  border: 0;
-}
 
 .c4p--condition-builder__button:hover {
   background-color: var(--cds-layer-hover);
@@ -17652,14 +18025,16 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
 .c4p--condition-builder__button:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  content: "";
-  inset: 0;
 }
 @media screen and (prefers-contrast) {
   .c4p--condition-builder__button:focus {
     outline-style: dotted;
   }
 }
+.c4p--condition-builder__button:focus {
+  content: "";
+  inset: 0;
+}
 
 .c4p--condition-builder__statement-button,
 .c4p--condition-builder__connector-button {
@@ -18617,15 +18992,17 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
 .c4p--condition-builder [role=row]:focus::after {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  position: absolute;
-  content: "";
-  inset: 0;
 }
 @media screen and (prefers-contrast) {
   .c4p--condition-builder [role=row]:focus::after {
     outline-style: dotted;
   }
 }
+.c4p--condition-builder [role=row]:focus::after {
+  position: absolute;
+  content: "";
+  inset: 0;
+}
 
 .c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
 .c4p--condition-builder__connector-button,