@carbon/ibm-products 2.85.0 → 2.86.0

package/css/index-full-carbon.css

@@ -3824,9 +3824,6 @@ 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);
 }
@@ -3935,404 +3932,6 @@ 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;
-  border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
-  block-size: 100%;
-  inset-block-start: auto;
-  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem));
-}
-@media (max-width: 41.98rem) {
-  .c4p--tearsheet__next:not(.c4p--tearsheet__next--stack-activated.is-visible) .c4p--tearsheet__next__container {
-    max-block-size: none;
-  }
-}
-.c4p--tearsheet__next:not(.is-visible).c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
-  transform: translate3d(0, min(95vh, 500px), 0);
-}
-.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--has-ai-label .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--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
-  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-block-size 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: minmax(auto, 40rem) 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);
-  color: var(--cds-text-secondary, #525252);
-  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__title-start {
-  margin-inline-end: 1rem;
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__header-title .c4p--tearsheet__next__title-end {
-  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__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-block-end: 0.125rem;
-  inset-inline-end: calc(-2rem + 0.125rem);
-}
-@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 > *.c4p--tearsheet__next__header-action-item:not([data-hidden=true]) {
-  margin-inline-end: 0.5rem; /* space between visible items */
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions {
-  /* Remove margin on the last visible item */
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions > *.c4p--tearsheet__next__header-action-item:not([data-hidden=true]):nth-last-child(2) {
-  margin-inline-end: 0;
-}
-.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--narrow .c4p--tearsheet__next__header {
-  padding-inline: 1rem;
-}
-.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header.c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions {
-  display: none;
-}
-.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header-content-wrapper {
-  display: flex;
-  flex-direction: column;
-}
-.c4p--tearsheet__next.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.c4p--tearsheet__next--narrow .c4p--tearsheet__next__content__header-actions {
-  justify-content: flex-start;
-  margin-inline-end: 0;
-}
-.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__body {
-  grid-template-columns: 1fr 0;
-}
-.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__influencer:not(.c4p--tearsheet__next__flush),
-.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
-.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
-  padding-inline: 1rem;
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__header > *:not(.c4p--tearsheet__next__navigation-bar,
-.c4p--tearsheet__next__header-content-wrapper,
-.cds--modal-close-button,
-.excludeFromCollapse) {
-  overflow: hidden;
-  max-block-size: 50vh;
-  opacity: 1;
-  transition: max-block-size 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1), margin 240ms cubic-bezier(0, 0, 0.3, 1), padding 240ms cubic-bezier(0, 0, 0.3, 1);
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__header .c4p--tearsheet__next__header-actions,
-.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,
-.c4p--tearsheet__next__header-label) {
-  opacity: 1;
-  transition: all 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed {
-  padding-block-start: 0.75rem;
-  transition: padding 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 > *: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) *,
-.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) * {
-  overflow: hidden;
-  padding: 0;
-  margin: 0;
-  max-block-size: 0;
-  opacity: 0;
-  pointer-events: none;
-  transition: all 240ms cubic-bezier(0, 0, 0.3, 1);
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title {
-  font-size: var(--cds-label-02-font-size, 0.875rem);
-  font-weight: var(--cds-label-02-font-weight, 400);
-  line-height: var(--cds-label-02-line-height, 1.28572);
-  letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
-  align-items: center;
-  margin-block-start: 0.25rem;
-  transition: all 240ms cubic-bezier(0, 0, 0.3, 1);
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title > span {
-  display: flex;
-  align-items: center;
-  block-size: 1.5rem;
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content {
-  align-self: center;
-  margin-block-end: 0;
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__content__header-actions {
-  margin-block-start: -0.125rem;
-}
-@media (max-width: 41.98rem) {
-  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions {
-    display: none;
-  }
-}
-.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 .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title {
-  margin-block: 0;
-  transition: margin-block 240ms ease;
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content-wrapper {
-  min-block-size: 2.5rem;
-  padding-block-end: 0.75rem;
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__navigation-bar::before {
-  position: absolute;
-  z-index: 1;
-  background: rgba(0, 0, 0, 0.12);
-  block-size: 1px;
-  content: "";
-  inline-size: 100vw;
-  inset-block-start: -0.25rem;
-  inset-inline-start: 50%;
-  pointer-events: none;
-  transform: translateX(-50%);
-}
-.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 {
-  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
-  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;
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__influencer:not(.c4p--tearsheet__next__flush),
-.c4p--tearsheet__next .c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
-.c4p--tearsheet__next .c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
-  padding-inline: 2rem;
-}
-@media (max-width: 41.98rem) {
-  .c4p--tearsheet__next .c4p--tearsheet__next__influencer:not(.c4p--tearsheet__next__flush),
-  .c4p--tearsheet__next .c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
-  .c4p--tearsheet__next .c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
-    padding-inline: 1rem;
-  }
-}
-.c4p--tearsheet__next .c4p--tearsheet__next__main-content {
-  position: relative;
-}
-.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.c4p--tearsheet__next--stack-activated.is-visible {
-  --overlay-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
-  --overlay-alpha: 0.5;
-  z-index: calc(9000 - var(--stack-depth, 0));
-  background-color: initial;
-}
-.c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible::before {
-  position: absolute;
-  display: block;
-  background: var(--overlay-color);
-  content: "";
-  inset: 0;
-  opacity: calc(var(--overlay-alpha) - var(--stack-depth) * 0.1);
-  transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
-}
-@media (prefers-reduced-motion: reduce) {
-  .c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible::before {
-    transition: none;
-  }
-}
-.c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible.is-visible .c4p--tearsheet__next__container {
-  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem) + var(--block-size-change));
-  transform: scaleX(var(--scale-factor));
-}
-
 .c4p--tearsheet.c4p--tearsheet {
   --overlay-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
   --overlay-opacity: 1;
@@ -6084,6 +5683,9 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button:hover, .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button:focus {
   opacity: 1;
 }
+.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus:before {
+  display: none;
+}
 .c4p--notifications-panel__container .c4p--notifications-panel__notification-today:not(:first-of-type):before,
 .c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before,
 .c4p--notifications-panel__container .c4p--notifications-panel__notification-previous:not(:first-of-type):before {
@@ -8460,19 +8062,31 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 .c4p--page-header__next .c4p--page-header__breadcrumb__actions {
   display: inline-flex;
+  flex: 1 1 0%;
   justify-content: flex-end;
-  inline-size: 100%;
+  min-inline-size: 75%;
+}
+@media (min-width: 42rem) {
+  .c4p--page-header__next .c4p--page-header__breadcrumb__actions {
+    min-inline-size: 40%;
+  }
 }
 .c4p--page-header__next .c4p--page-header__breadcrumb__content-actions {
-  inline-size: 100%;
   margin-inline-end: 0.75rem;
 }
 .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper {
   display: inline-flex;
-  inline-size: 100%;
+  flex: 1 1 auto;
+  min-inline-size: 0;
+}
+@media (min-width: 42rem) {
+  .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper {
+    min-inline-size: 60%;
+  }
 }
 .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow {
-  inline-size: 100%;
+  flex: 1 1 0%;
+  min-inline-size: 0;
 }
 .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb {
   display: flex;
@@ -9449,6 +9063,511 @@ button.c4p--add-select__global-filter-toggle--open {
   }
 }
 
+/**
+ * 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:not(.c4p--tearsheet__next--keep-mounted) {
+  animation: c4p--tearsheet__next--presence-tearsheet__enter 240ms cubic-bezier(0, 0, 0.3, 1);
+  opacity: 1;
+}
+.c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted).c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
+  animation: c4p--tearsheet__next--presence-tearsheet--container__enter 240ms cubic-bezier(0, 0, 0.3, 1);
+  transform: translate3d(0, 0, 0);
+}
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted).c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
+    animation: none;
+  }
+}
+.c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted).c4p--tearsheet__next--stacked.is-visible .c4p--tearsheet__next__container {
+  transform: scaleX(var(--scale-factor));
+}
+.c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted)[data-tearsheet-exiting] {
+  animation: c4p--tearsheet__next--presence-tearsheet__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
+}
+.c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted)[data-tearsheet-exiting].c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
+  animation: c4p--tearsheet__next--presence-tearsheet--container__exit 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
+}
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted)[data-tearsheet-exiting].c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
+    animation: none;
+  }
+}
+.c4p--tearsheet__next.c4p--tearsheet__next--keep-mounted:not(.is-visible).c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
+  transform: translate3d(0, min(95vh, 500px), 0);
+}
+@keyframes c4p--tearsheet__next--presence-tearsheet__enter {
+  from {
+    opacity: 0;
+    transition: none;
+  }
+}
+@keyframes c4p--tearsheet__next--presence-tearsheet__exit {
+  to {
+    opacity: 0;
+  }
+}
+@keyframes c4p--tearsheet__next--presence-tearsheet--container__enter {
+  from {
+    transform: translate3d(0, min(95vh, 500px), 0);
+    transition: none;
+  }
+}
+@keyframes c4p--tearsheet__next--presence-tearsheet--container__exit {
+  to {
+    transform: translate3d(0, min(95vh, 500px), 0);
+  }
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__container {
+  align-self: flex-end;
+  border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  block-size: 100%;
+  inset-block-start: auto;
+  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem));
+  max-inline-size: var(--tearsheet-max-inline-size, 1312px);
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next:not(.c4p--tearsheet__next--stack-activated.is-visible) .c4p--tearsheet__next__container {
+    max-block-size: none;
+  }
+}
+.c4p--tearsheet__next:not(.is-visible).c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
+  transform: translate3d(0, min(95vh, 500px), 0);
+}
+.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--has-ai-label .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--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
+  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-block-size 240ms cubic-bezier(0, 0, 0.3, 1);
+}
+@media screen and (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next.c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
+    transition: none;
+  }
+}
+.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: minmax(auto, 40rem) 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 > *:not(.c4p--tearsheet__next__navigation-bar,
+.c4p--tearsheet__next__header-content-wrapper,
+.cds--modal-close-button,
+.excludeFromCollapse) {
+  overflow: hidden;
+  max-block-size: 50vh;
+  opacity: 1;
+  transition: max-block-size 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1), margin 240ms cubic-bezier(0, 0, 0.3, 1), padding 240ms cubic-bezier(0, 0, 0.3, 1);
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header .c4p--tearsheet__next__header-actions,
+.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,
+.c4p--tearsheet__next__header-label) {
+  opacity: 1;
+  transition: all 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed {
+  padding-block-start: 0.75rem;
+  transition: padding 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 > *: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) *,
+.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) * {
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
+  max-block-size: 0;
+  opacity: 0;
+  pointer-events: none;
+  transition: all 240ms cubic-bezier(0, 0, 0.3, 1);
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title {
+  font-size: var(--cds-label-02-font-size, 0.875rem);
+  font-weight: var(--cds-label-02-font-weight, 400);
+  line-height: var(--cds-label-02-line-height, 1.28572);
+  letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
+  align-items: center;
+  margin-block-start: 0.25rem;
+  transition: all 240ms cubic-bezier(0, 0, 0.3, 1);
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title > span {
+  display: flex;
+  align-items: center;
+  block-size: 1.5rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title .c4p--tearsheet__next__title-start svg,
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title .c4p--tearsheet__next__title-end svg {
+  inline-size: 1rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content {
+  align-self: center;
+  margin-block-end: 0;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__content__header-actions {
+  margin-block-start: -0.125rem;
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions {
+    display: none;
+  }
+}
+.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 .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title {
+  margin-block: 0;
+  transition: margin-block 240ms ease;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content-wrapper {
+  min-block-size: 2.5rem;
+  padding-block-end: 0.75rem;
+}
+.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__navigation-bar::before {
+  position: absolute;
+  z-index: 1;
+  background: rgba(0, 0, 0, 0.12);
+  block-size: 1px;
+  content: "";
+  inline-size: 100vw;
+  inset-block-start: -0.25rem;
+  inset-inline-start: 50%;
+  pointer-events: none;
+  transform: translateX(-50%);
+}
+.c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible {
+  --overlay-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
+  --overlay-alpha: 0.5;
+  z-index: calc(9000 - var(--stack-depth, 0));
+  background-color: initial;
+}
+.c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible::before {
+  position: absolute;
+  display: block;
+  background: var(--overlay-color);
+  content: "";
+  inset: 0;
+  opacity: calc(var(--overlay-alpha) - var(--stack-depth) * 0.1);
+  transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
+}
+@media (prefers-reduced-motion: reduce) {
+  .c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible::before {
+    transition: none;
+  }
+}
+.c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible.is-visible .c4p--tearsheet__next__container {
+  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem) + var(--block-size-change));
+  transform: scaleX(var(--scale-factor));
+}
+
+.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);
+  color: var(--cds-text-secondary, #525252);
+  margin-block-end: 0.25rem;
+}
+
+.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__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__header-title {
+  display: flex;
+  align-items: flex-start;
+  gap: 1rem;
+  margin-block-end: 0.5rem;
+}
+.c4p--tearsheet__next__header-title svg {
+  flex-shrink: 0;
+}
+.c4p--tearsheet__next__header-title .c4p--tearsheet__next__title-end {
+  margin-inline-start: 1rem;
+}
+
+.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__header--no-close-icon {
+  display: none;
+}
+
+.c4p--tearsheet__next__navigation-bar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.125rem;
+  max-inline-size: calc(100% - 0.75rem);
+  min-block-size: 2.5rem;
+}
+.c4p--tearsheet__next__navigation-bar .cds--tabs {
+  margin-inline-start: -1rem;
+}
+
+.c4p--tearsheet__next__scroller-container {
+  position: absolute;
+  inset-block-end: 0.125rem;
+  inset-inline-end: -2.5rem;
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next__scroller-container {
+    inset-inline-end: -1.5rem;
+  }
+}
+.c4p--tearsheet__next__scroller-container .c4p--tearsheet__next__scroller-button-icon-collapsed {
+  transform: rotate(-180deg);
+}
+
+.c4p--tearsheet__next__header-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.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__content__header-actions > *.c4p--tearsheet__next__header-action-item:not([data-hidden=true]) {
+  margin-inline-end: 0.5rem; /* space between visible items */
+}
+.c4p--tearsheet__next__content__header-actions {
+  /* Remove margin on the last visible item */
+}
+.c4p--tearsheet__next__content__header-actions > *.c4p--tearsheet__next__header-action-item:not([data-hidden=true]):nth-last-child(2) {
+  margin-inline-end: 0;
+}
+.c4p--tearsheet__next__content__header-actions > * {
+  flex-shrink: 0;
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next__content__header-actions {
+    justify-content: flex-start;
+    margin-inline-end: 0;
+  }
+}
+
+.c4p--tearsheet__next__header-content,
+.c4p--tearsheet__next__header-actions {
+  margin-block-end: 1.5rem;
+}
+
+@media (min-width: 42rem) {
+  .c4p--tearsheet__next--wide .c4p--tearsheet__next__container {
+    inline-size: calc(100% - 2 * 4rem);
+  }
+}
+.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__body-layout:not(.c4p--tearsheet__next__body-layout--has-influencer) {
+  grid-template-areas: "body" "footer";
+  grid-template-columns: 1fr;
+}
+
+/* Assign components to their named grid areas */
+.c4p--tearsheet__next__influencer {
+  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  grid-area: influencer;
+}
+
+.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__body {
+    grid-template-columns: 1fr 0;
+  }
+}
+.c4p--tearsheet__next__body > *:only-child {
+  grid-column: 1/-1;
+}
+
+.c4p--tearsheet__next__footer {
+  overflow: hidden;
+  block-size: 5rem;
+  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  grid-area: footer;
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next__footer {
+    block-size: 4rem;
+  }
+}
+@media (max-width: 19.98rem) {
+  .c4p--tearsheet__next__footer.c4p--tearsheet__next__footer--three-actions {
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+  .c4p--tearsheet__next__footer.c4p--tearsheet__next__footer--three-actions .c4p--action-set {
+    display: inline-flex;
+    flex-shrink: 0;
+    min-inline-size: max-content;
+  }
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next__footer.c4p--tearsheet__next__footer--many-actions {
+    overflow-x: auto;
+    overflow-y: hidden;
+  }
+  .c4p--tearsheet__next__footer.c4p--tearsheet__next__footer--many-actions .c4p--action-set {
+    display: inline-flex;
+    flex-shrink: 0;
+    min-inline-size: max-content;
+  }
+}
+
+.c4p--tearsheet__next__influencer,
+.c4p--tearsheet__next__main-content,
+.c4p--tearsheet__next__summary-content {
+  overflow: auto;
+}
+.c4p--tearsheet__next__influencer:not(.c4p--tearsheet__next__flush),
+.c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
+.c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
+  padding-inline: 2rem;
+}
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next__influencer:not(.c4p--tearsheet__next__flush),
+  .c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
+  .c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
+    padding-inline: 1rem;
+  }
+}
+
+.c4p--tearsheet__next__main-content {
+  position: relative;
+}
+
+.c4p--tearsheet__next__side-panel {
+  position: absolute;
+  z-index: 9999;
+  block-size: 100%;
+  inline-size: 100% !important; /* stylelint-disable-line declaration-no-important */
+  inset-block-start: 0;
+  max-inline-size: none;
+}
+.c4p--tearsheet__next__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.c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions {
+  display: none;
+}
+.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:not(.c4p--tearsheet__next__flush),
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
+  padding-inline: 1rem;
+}
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__footer {
+  block-size: 4rem;
+}
+
 @media (min-width: 66rem) {
   .c4p--toolbar {
     justify-content: flex-end;
@@ -9616,6 +9735,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-chat-prompt-border-start: #262626;
   --cds-chat-prompt-text: #f4f4f4;
   --cds-chat-shell-background: #262626;
+  --cds-color-scheme: dark;
   --cds-field-01: #393939;
   --cds-field-02: #525252;
   --cds-field-03: #6f6f6f;
@@ -10036,6 +10156,7 @@ 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;
+  color-scheme: var(--cds-color-scheme, light);
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--web-terminal {
@@ -10171,6 +10292,7 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-chat-prompt-border-start: #262626;
   --cds-chat-prompt-text: #f4f4f4;
   --cds-chat-shell-background: #262626;
+  --cds-color-scheme: dark;
   --cds-field-01: #262626;
   --cds-field-02: #393939;
   --cds-field-03: #525252;
@@ -10591,6 +10713,7 @@ 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;
+  color-scheme: var(--cds-color-scheme, light);
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--web-terminal__documentation-overflow {
@@ -10901,20 +11024,26 @@ button.c4p--add-select__global-filter-toggle--open {
 
 .c4p--options-tile {
   position: relative;
+  display: flex;
+  justify-content: space-between;
   background-color: var(--cds-layer);
   border-block-end: 1px solid var(--cds-border-subtle);
 }
 
 .c4p--options-tile__toggle-container {
   position: absolute;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   inline-size: calc(1rem + 2rem + 1rem);
   inset-block: 0;
   inset-inline-end: 0;
+  padding-inline-end: 1rem;
+  padding-inline-start: 1rem;
 }
 
 .c4p--options-tile__toggle {
   position: absolute;
-  inset-inline-end: 1rem;
 }
 
 .c4p--options-tile__toggle .cds--toggle-input__label .cds--toggle__switch {
@@ -10934,20 +11063,31 @@ button.c4p--add-select__global-filter-toggle--open {
   white-space: nowrap;
 }
 
+.c4p--options-tile__details {
+  display: inline-flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
 .c4p--options-tile__header,
 .c4p--options-tile__static-content {
   display: grid;
   box-sizing: border-box;
   align-items: center;
-  grid-template-columns: 3rem 1fr 2rem;
+  grid-template-columns: 3rem 1fr 0;
   padding-inline-end: 1rem;
 }
 
 .c4p--options-tile__header {
+  flex-grow: 1;
   background-color: transparent;
   cursor: pointer;
+  inline-size: 100%;
   transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
 }
+.c4p--options-tile__header--has-toggle {
+  inline-size: calc(100% - (1rem + 2rem + 1rem));
+}
 
 .c4p--options-tile__header::-webkit-details-marker {
   display: none;
@@ -10957,6 +11097,10 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
 }
 
+.c4p--options-tile__header:has(.c4p--options-tile__toggle-container:hover) {
+  background-color: transparent;
+}
+
 .c4p--options-tile__header:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -11025,7 +11169,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--options-tile__summary-text {
   overflow: hidden;
   block-size: max-content;
-  padding-inline-end: calc(1rem + 2rem);
+  padding-inline-end: 1rem;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -14100,6 +14244,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-chat-prompt-border-start: #262626;
   --cds-chat-prompt-text: #f4f4f4;
   --cds-chat-shell-background: #262626;
+  --cds-color-scheme: dark;
   --cds-field-01: #262626;
   --cds-field-02: #393939;
   --cds-field-03: #525252;
@@ -14521,6 +14666,7 @@ 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: ;
+  color-scheme: var(--cds-color-scheme, light);
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--guidebanner {
@@ -15023,6 +15169,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-chat-prompt-border-start: #262626;
   --cds-chat-prompt-text: #f4f4f4;
   --cds-chat-shell-background: #262626;
+  --cds-color-scheme: dark;
   --cds-field-01: #262626;
   --cds-field-02: #393939;
   --cds-field-03: #525252;
@@ -15444,6 +15591,7 @@ 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: ;
+  color-scheme: var(--cds-color-scheme, light);
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--non-linear-reading__dark {
@@ -15962,6 +16110,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-chat-prompt-border-start: #f4f4f4;
   --cds-chat-prompt-text: #161616;
   --cds-chat-shell-background: #ffffff;
+  --cds-color-scheme: light;
   --cds-field-01: #ffffff;
   --cds-field-02: #f4f4f4;
   --cds-field-03: #ffffff;
@@ -16383,6 +16532,7 @@ 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: ;
+  color-scheme: var(--cds-color-scheme, light);
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--decorator--light {
@@ -16493,6 +16643,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-chat-prompt-border-start: #262626;
   --cds-chat-prompt-text: #f4f4f4;
   --cds-chat-shell-background: #262626;
+  --cds-color-scheme: dark;
   --cds-field-01: #262626;
   --cds-field-02: #393939;
   --cds-field-03: #525252;
@@ -16914,6 +17065,7 @@ 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: ;
+  color-scheme: var(--cds-color-scheme, light);
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--decorator--dark {
@@ -20035,6 +20187,10 @@ textarea {
   font-family: inherit;
 }
 
+:root {
+  color-scheme: var(--cds-color-scheme, light);
+}
+
 /* HTML5 display-role reset for older browsers */
 article,
 aside,
@@ -21043,6 +21199,8 @@ em {
   --cds-chat-prompt-border-start: #f4f4f4;
   --cds-chat-prompt-text: #161616;
   --cds-chat-shell-background: #ffffff;
+  --cds-color-scheme: light;
+  color-scheme: var(--cds-color-scheme, light);
   --cds-field-01: #f4f4f4;
   --cds-field-02: #ffffff;
   --cds-field-03: #f4f4f4;
@@ -21372,6 +21530,8 @@ em {
   --cds-chat-prompt-border-start: #f4f4f4;
   --cds-chat-prompt-text: #161616;
   --cds-chat-shell-background: #ffffff;
+  --cds-color-scheme: light;
+  color-scheme: var(--cds-color-scheme, light);
   --cds-field-01: #ffffff;
   --cds-field-02: #f4f4f4;
   --cds-field-03: #ffffff;
@@ -21701,6 +21861,8 @@ em {
   --cds-chat-prompt-border-start: #262626;
   --cds-chat-prompt-text: #f4f4f4;
   --cds-chat-shell-background: #262626;
+  --cds-color-scheme: dark;
+  color-scheme: var(--cds-color-scheme, dark);
   --cds-field-01: #393939;
   --cds-field-02: #525252;
   --cds-field-03: #6f6f6f;
@@ -22029,6 +22191,8 @@ em {
   --cds-chat-prompt-border-start: #262626;
   --cds-chat-prompt-text: #f4f4f4;
   --cds-chat-shell-background: #262626;
+  --cds-color-scheme: dark;
+  color-scheme: var(--cds-color-scheme, dark);
   --cds-field-01: #262626;
   --cds-field-02: #393939;
   --cds-field-03: #525252;
@@ -22755,6 +22919,40 @@ li.cds--accordion__item--disabled:last-of-type {
   transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
+.cds--popover--bottom:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
+.cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
+.cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
+  inset-block-end: -0.25rem;
+}
+
+.cds--popover--top:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
+.cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
+.cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
+  inset-block-start: -0.25rem;
+}
+
+.cds--popover--top-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
+.cds--popover--bottom-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
+  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem) - 1rem);
+}
+
+.cds--popover--top-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
+.cds--popover--bottom-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
+  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem) - 1rem);
+}
+
+.cds--popover--right:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
+.cds--popover--right-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
+.cds--popover--right-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
+  inset-inline-start: calc(100% + 0.25rem);
+}
+
+.cds--popover--left:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
+.cds--popover--left-start:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content,
+.cds--popover--left-end:not(.cds--popover--caret):not(.cds--popover--auto-align):not(.cds--popover--tab-tip) > .cds--popover > .cds--popover-content {
+  inset-inline-end: calc(100% + 0.25rem);
+}
+
 [dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));
 }
@@ -23697,6 +23895,10 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--btn--icon-only .cds--btn__icon {
   position: static;
 }
+.cds--btn--icon-only.cds--btn--ghost:focus {
+  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
+  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
+}
 .cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {
   margin: 0;
 }
@@ -42105,6 +42307,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  display: block;
   overflow: hidden;
   margin: 0.5rem 0 0 0;
   color: var(--cds-text-primary, #161616);
@@ -42130,13 +42333,14 @@ span.cds--pagination__text.cds--pagination__items-count {
   max-inline-size: 100%;
 }
 
-.cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus {
+.cds--progress-step-button:focus {
   outline: none;
 }
-.cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus-visible .cds--progress-label {
+.cds--progress-step-button:focus-visible .cds--progress-label {
   color: var(--cds-focus, #0f62fe);
   outline: 0.0625rem solid var(--cds-focus, #0f62fe);
 }
+
 .cds--progress-step-button:not(.cds--progress-step-button--unclickable) .cds--progress-label:active {
   box-shadow: 0 0.0625rem 0 0 var(--cds-text-primary, #161616);
   color: var(--cds-text-primary, #161616);
@@ -42189,6 +42393,7 @@ span.cds--pagination__text.cds--pagination__items-count {
   line-height: var(--cds-label-01-line-height, 1.33333);
   letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
   position: absolute;
+  display: block;
   color: var(--cds-text-secondary, #525252);
   inset-inline-start: 0;
   margin-block-start: 1.75rem;