@carbon/ibm-products 2.71.1 → 2.72.0-rc.0

package/css/index-without-carbon.css

@@ -2148,158 +2148,12 @@ p.c4p--about-modal__copyright-text:first-child {
   background-color: #7c3dd6 !important;
 }
 
-.c4p--coachmark {
-  position: relative;
-}
-
-/* stylelint-disable carbon/layout-use */
-/* stylelint-disable carbon/motion-easing-use */
-/* stylelint-disable max-nesting-depth */
-.c4p--coachmark-beacon {
-  position: relative;
-}
-.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::before {
-  display: none;
-}
-.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::after {
-  position: absolute;
-  border-radius: 50%;
-  /* stylelint-disable-next-line carbon/theme-use */
-  background-color: #4589ff;
-  block-size: 0.75rem;
-  content: "";
-  inline-size: 0.75rem;
-  inset-block-start: 0.625rem;
-  inset-inline-start: 0.625rem;
-}
-.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus {
-  outline: transparent;
-}
-.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus::before {
-  position: absolute;
-  display: block;
-  border-radius: 100%;
-  block-size: 18px;
-  content: "";
-  inline-size: 18px;
-  inset-block-start: 7px;
-  inset-inline-start: 7px;
-  /* stylelint-disable-next-line carbon/theme-use */
-  outline: 0.125rem var(--cds-focus, #0f62fe) solid;
-}
-.c4p--coachmark-beacon .c4p--coachmark-beacon__target {
-  display: flex;
-  padding: 0;
-  border: none;
-  border-radius: 50%;
-  background-color: transparent;
-  block-size: 2rem;
-  cursor: pointer;
-  inline-size: 2rem;
-}
-.c4p--coachmark-beacon .c4p--coachmark-beacon__target[aria-expanded=true] circle {
-  animation: none;
-}
-.c4p--coachmark-beacon__center {
-  position: absolute;
-  z-index: 6900;
-  block-size: 5rem;
-  inline-size: 5rem;
-  inset-block-start: -1.375rem;
-  inset-inline-start: -1.375rem;
-  pointer-events: none;
-}
-.c4p--coachmark-beacon__center circle {
-  /* stylelint-disable-next-line carbon/motion-duration-use */
-  animation: ripple 2s infinite;
-  fill: var(--cds-support-info, #0043ce);
-  fill-opacity: 0;
-  -webkit-mask-image: none;
-  mask-image: none;
-  stroke: var(--cds-support-info, #0043ce);
-  stroke-opacity: 0;
-  stroke-width: 1px;
-  transition-timing-function: motion exit, productive;
-}
-@media (prefers-reduced-motion) {
-  .c4p--coachmark-beacon__center circle {
-    animation: none;
-  }
-}
-
-@keyframes ripple {
-  0% {
-    fill-opacity: 0;
-    r: 1px;
-    stroke-opacity: 0;
-    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
-  }
-  31% {
-    fill-opacity: 0.2;
-    stroke-opacity: 1;
-  }
-  62% {
-    fill-opacity: 0;
-    r: 32px;
-    stroke-opacity: 0;
-  }
-  100% {
-    fill-opacity: 0;
-    r: 32px;
-    stroke-opacity: 0;
-  }
-}
-@keyframes ring-ripple {
-  0% {
-    fill-opacity: 0;
-    r: 12px;
-    stroke-opacity: 0;
-    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
-  }
-  31% {
-    fill-opacity: 0.2;
-    stroke-opacity: 1;
-  }
-  62% {
-    fill-opacity: 0;
-    r: 32px;
-    stroke-opacity: 0;
-  }
-  100% {
-    fill-opacity: 0;
-    r: 32px;
-    stroke-opacity: 0;
-  }
-}
-/* stylelint-disable max-nesting-depth */
-.c4p--coachmark-overlay-element {
-  padding: 0.125rem 1rem 0;
-}
-.c4p--coachmark-overlay-element__content {
-  padding-block-end: 1rem;
-}
-.c4p--coachmark-overlay-element__title {
-  font-size: var(--cds-productive-heading-02-font-size, 1rem);
-  font-weight: var(--cds-productive-heading-02-font-weight, 600);
-  line-height: var(--cds-productive-heading-02-line-height, 1.375);
-  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
-  margin: 0 0 0.5rem;
-}
-.c4p--coachmark-overlay-element__body {
-  font-size: var(--cds-body-long-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-long-01-font-weight, 400);
-  line-height: var(--cds-body-long-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
-}
-.c4p--coachmark-overlay-element__button {
-  margin-block-end: 0;
-}
-
-.c4p--carousel__item .c4p--coachmark-overlay-element__button {
-  margin-block-end: 1rem;
-}
-
-/* stylelint-disable max-nesting-depth */
+/**
+ * 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.
+ */
 @keyframes cds--hide-feedback {
   0% {
     opacity: 1;
@@ -2450,82 +2304,403 @@ p.c4p--about-modal__copyright-text:first-child {
   --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
   --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
-
-.cds--layout-constraint--size__default-2xl {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
+
+.cds--layout-constraint--size__default-2xl {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
+}
+
+.cds--layout-constraint--size__min-2xl {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
+}
+
+.cds--layout-constraint--size__max-2xl {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
+}
+
+.cds--layout--density-condensed {
+  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
+}
+
+.cds--layout-constraint--density__default-condensed {
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
+}
+
+.cds--layout-constraint--density__min-condensed {
+  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+}
+
+.cds--layout-constraint--density__max-condensed {
+  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+}
+
+.cds--layout--density-normal {
+  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
+}
+
+.cds--layout-constraint--density__default-normal {
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
+}
+
+.cds--layout-constraint--density__min-normal {
+  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
+}
+
+.cds--layout-constraint--density__max-normal {
+  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
+}
+
+:root {
+  --cds-layout-size-height-xs: 1.5rem;
+  --cds-layout-size-height-sm: 2rem;
+  --cds-layout-size-height-md: 2.5rem;
+  --cds-layout-size-height-lg: 3rem;
+  --cds-layout-size-height-xl: 4rem;
+  --cds-layout-size-height-2xl: 5rem;
+  --cds-layout-size-height-min: 0px;
+  --cds-layout-size-height-max: 999999999px;
+  --cds-layout-density-padding-inline-condensed: 0.5rem;
+  --cds-layout-density-padding-inline-normal: 1rem;
+  --cds-layout-density-padding-inline-min: 0px;
+  --cds-layout-density-padding-inline-max: 999999999px;
+}
+
+.cds--assistive-text,
+.cds--visually-hidden {
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  border: 0;
+  margin: -1px;
+  block-size: 1px;
+  clip: rect(0, 0, 0, 0);
+  inline-size: 1px;
+  visibility: inherit;
+  white-space: nowrap;
+}
+
+.c4p__bubble {
+  position: fixed;
+  z-index: 10000;
+  display: none;
+  padding: 1rem;
+  border-radius: 0.125rem;
+  /* stylelint-disable-next-line declaration-no-important */
+  background: var(--cds-layer) !important;
+  color: var(--cds-text-primary, #161616);
+  font-weight: bold;
+  inline-size: max-content;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  pointer-events: none;
+}
+
+.c4p__bubble-hidden {
+  display: none;
+}
+
+.c4p__bubble-open {
+  display: grid;
+  pointer-events: all;
+}
+
+.c4p__bubble-drop-shadow {
+  filter: drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2));
+}
+
+.c4p__bubble__arrow {
+  position: absolute;
+  z-index: 10010;
+  background: var(--cds-layer);
+  block-size: 0.75rem;
+  inline-size: 0.75rem;
+  transform: rotate(45deg);
+}
+
+.c4p__bubble__header {
+  z-index: 10020;
+  display: flex;
+  justify-content: flex-end;
+  margin-block-start: -1rem;
+  margin-inline: -1rem;
+}
+
+/* stylelint-disable carbon/layout-use */
+/* stylelint-disable carbon/motion-easing-use */
+/* stylelint-disable max-nesting-depth */
+.c4p--coachmark-beacon {
+  position: relative;
+}
+.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::before {
+  display: none;
+}
+.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::after {
+  position: absolute;
+  border-radius: 50%;
+  /* stylelint-disable-next-line carbon/theme-use */
+  background-color: #4589ff;
+  block-size: 0.75rem;
+  content: "";
+  inline-size: 0.75rem;
+  inset-block-start: 0.625rem;
+  inset-inline-start: 0.625rem;
+}
+.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus {
+  outline: transparent;
+}
+.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus::before {
+  position: absolute;
+  display: block;
+  border-radius: 100%;
+  block-size: 18px;
+  content: "";
+  inline-size: 18px;
+  inset-block-start: 7px;
+  inset-inline-start: 7px;
+  /* stylelint-disable-next-line carbon/theme-use */
+  outline: 0.125rem var(--cds-focus, #0f62fe) solid;
+}
+.c4p--coachmark-beacon .c4p--coachmark-beacon__target {
+  display: flex;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background-color: transparent;
+  block-size: 2rem;
+  cursor: pointer;
+  inline-size: 2rem;
+}
+.c4p--coachmark-beacon .c4p--coachmark-beacon__target[aria-expanded=true] circle {
+  animation: none;
+}
+.c4p--coachmark-beacon__center {
+  position: absolute;
+  z-index: 6900;
+  block-size: 5rem;
+  inline-size: 5rem;
+  inset-block-start: -1.375rem;
+  inset-inline-start: -1.375rem;
+  pointer-events: none;
+}
+.c4p--coachmark-beacon__center circle {
+  /* stylelint-disable-next-line carbon/motion-duration-use */
+  animation: ripple 2s infinite;
+  fill: var(--cds-support-info, #0043ce);
+  fill-opacity: 0;
+  -webkit-mask-image: none;
+  mask-image: none;
+  stroke: var(--cds-support-info, #0043ce);
+  stroke-opacity: 0;
+  stroke-width: 1px;
+  transition-timing-function: motion exit, productive;
+}
+@media (prefers-reduced-motion) {
+  .c4p--coachmark-beacon__center circle {
+    animation: none;
+  }
+}
+
+@keyframes ripple {
+  0% {
+    fill-opacity: 0;
+    r: 1px;
+    stroke-opacity: 0;
+    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
+  }
+  31% {
+    fill-opacity: 0.2;
+    stroke-opacity: 1;
+  }
+  62% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
+  }
+  100% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
+  }
+}
+@keyframes ring-ripple {
+  0% {
+    fill-opacity: 0;
+    r: 12px;
+    stroke-opacity: 0;
+    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
+  }
+  31% {
+    fill-opacity: 0.2;
+    stroke-opacity: 1;
+  }
+  62% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
+  }
+  100% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
+  }
+}
+.c4p--coachmark {
+  position: relative;
+}
+
+.c4p--coachmark__next.c4p--coachmark__next--floating span:has(> div > .c4p--coachmark__next--content-header--drag-icon) {
+  margin-inline-end: auto;
+}
+
+/* stylelint-disable carbon/layout-use */
+/* stylelint-disable carbon/motion-easing-use */
+/* stylelint-disable max-nesting-depth */
+.c4p--coachmark-beacon {
+  position: relative;
+}
+.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::before {
+  display: none;
+}
+.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::after {
+  position: absolute;
+  border-radius: 50%;
+  /* stylelint-disable-next-line carbon/theme-use */
+  background-color: #4589ff;
+  block-size: 0.75rem;
+  content: "";
+  inline-size: 0.75rem;
+  inset-block-start: 0.625rem;
+  inset-inline-start: 0.625rem;
+}
+.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus {
+  outline: transparent;
+}
+.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus::before {
+  position: absolute;
+  display: block;
+  border-radius: 100%;
+  block-size: 18px;
+  content: "";
+  inline-size: 18px;
+  inset-block-start: 7px;
+  inset-inline-start: 7px;
+  /* stylelint-disable-next-line carbon/theme-use */
+  outline: 0.125rem var(--cds-focus, #0f62fe) solid;
+}
+.c4p--coachmark-beacon .c4p--coachmark-beacon__target {
+  display: flex;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background-color: transparent;
+  block-size: 2rem;
+  cursor: pointer;
+  inline-size: 2rem;
 }
-
-.cds--layout-constraint--size__min-2xl {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
+.c4p--coachmark-beacon .c4p--coachmark-beacon__target[aria-expanded=true] circle {
+  animation: none;
 }
-
-.cds--layout-constraint--size__max-2xl {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
+.c4p--coachmark-beacon__center {
+  position: absolute;
+  z-index: 6900;
+  block-size: 5rem;
+  inline-size: 5rem;
+  inset-block-start: -1.375rem;
+  inset-inline-start: -1.375rem;
+  pointer-events: none;
 }
-
-.cds--layout--density-condensed {
-  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
+.c4p--coachmark-beacon__center circle {
+  /* stylelint-disable-next-line carbon/motion-duration-use */
+  animation: ripple 2s infinite;
+  fill: var(--cds-support-info, #0043ce);
+  fill-opacity: 0;
+  -webkit-mask-image: none;
+  mask-image: none;
+  stroke: var(--cds-support-info, #0043ce);
+  stroke-opacity: 0;
+  stroke-width: 1px;
+  transition-timing-function: motion exit, productive;
 }
-
-.cds--layout-constraint--density__default-condensed {
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
+@media (prefers-reduced-motion) {
+  .c4p--coachmark-beacon__center circle {
+    animation: none;
+  }
 }
 
-.cds--layout-constraint--density__min-condensed {
-  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+@keyframes ripple {
+  0% {
+    fill-opacity: 0;
+    r: 1px;
+    stroke-opacity: 0;
+    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
+  }
+  31% {
+    fill-opacity: 0.2;
+    stroke-opacity: 1;
+  }
+  62% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
+  }
+  100% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
+  }
 }
-
-.cds--layout-constraint--density__max-condensed {
-  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+@keyframes ring-ripple {
+  0% {
+    fill-opacity: 0;
+    r: 12px;
+    stroke-opacity: 0;
+    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
+  }
+  31% {
+    fill-opacity: 0.2;
+    stroke-opacity: 1;
+  }
+  62% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
+  }
+  100% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
+  }
 }
-
-.cds--layout--density-normal {
-  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
+/* stylelint-disable max-nesting-depth */
+.c4p--coachmark-overlay-element {
+  padding: 0.125rem 1rem 0;
 }
-
-.cds--layout-constraint--density__default-normal {
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
+.c4p--coachmark-overlay-element__content {
+  padding-block-end: 1rem;
 }
-
-.cds--layout-constraint--density__min-normal {
-  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
+.c4p--coachmark-overlay-element__title {
+  font-size: var(--cds-productive-heading-02-font-size, 1rem);
+  font-weight: var(--cds-productive-heading-02-font-weight, 600);
+  line-height: var(--cds-productive-heading-02-line-height, 1.375);
+  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
+  margin: 0 0 0.5rem;
 }
-
-.cds--layout-constraint--density__max-normal {
-  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
+.c4p--coachmark-overlay-element__body {
+  font-size: var(--cds-body-long-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-long-01-font-weight, 400);
+  line-height: var(--cds-body-long-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
 }
-
-:root {
-  --cds-layout-size-height-xs: 1.5rem;
-  --cds-layout-size-height-sm: 2rem;
-  --cds-layout-size-height-md: 2.5rem;
-  --cds-layout-size-height-lg: 3rem;
-  --cds-layout-size-height-xl: 4rem;
-  --cds-layout-size-height-2xl: 5rem;
-  --cds-layout-size-height-min: 0px;
-  --cds-layout-size-height-max: 999999999px;
-  --cds-layout-density-padding-inline-condensed: 0.5rem;
-  --cds-layout-density-padding-inline-normal: 1rem;
-  --cds-layout-density-padding-inline-min: 0px;
-  --cds-layout-density-padding-inline-max: 999999999px;
+.c4p--coachmark-overlay-element__button {
+  margin-block-end: 0;
 }
 
-.cds--assistive-text,
-.cds--visually-hidden {
-  position: absolute;
-  overflow: hidden;
-  padding: 0;
-  border: 0;
-  margin: -1px;
-  block-size: 1px;
-  clip: rect(0, 0, 0, 0);
-  inline-size: 1px;
-  visibility: inherit;
-  white-space: nowrap;
+.c4p--carousel__item .c4p--coachmark-overlay-element__button {
+  margin-block-end: 1rem;
 }
 
+/* stylelint-disable max-nesting-depth */
 .c4p--carousel {
   position: relative;
   /* stylelint-disable-next-line max-nesting-depth */
@@ -3925,6 +4100,9 @@ p.c4p--about-modal__copyright-text:first-child {
 .c4p--tearsheet .c4p--tearsheet__header-navigation {
   margin: 0.75rem 0 0;
 }
+.c4p--tearsheet .c4p--tearsheet__layer {
+  display: contents;
+}
 .c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__body {
   display: flex;
   flex-direction: row;
@@ -4299,11 +4477,13 @@ p.c4p--about-modal__copyright-text:first-child {
 }
 
 .c4p--card {
+  border: 1px solid transparent;
   background-color: var(--cds-layer-01, #f4f4f4);
   color: var(--cds-text-primary, #161616);
 }
 
 .c4p--card__clickable {
+  border-color: var(--cds-border-tile-01, #c6c6c6);
   cursor: pointer;
   transition: background-color 110ms;
 }
@@ -7752,13 +7932,22 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 
 .c4p--page-header__next.c4p--page-header {
+  position: sticky;
   background-color: var(--cds-layer-01, #f4f4f4);
   border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  /* stylelint-disable-next-line carbon/layout-use */
+  inset-block-start: var(--c4p-page-header-header-top);
 }
 .c4p--page-header__next .c4p--page-header__breadcrumb-bar {
+  position: sticky;
+  z-index: 1;
+  background-color: var(--cds-layer);
   block-size: 2.5rem;
+  /* stylelint-disable-next-line carbon/layout-use */
+  inset-block-start: var(--c4p-page-header-breadcrumb-top);
 }
-.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--subgrid {
+.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--subgrid,
+.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid {
   block-size: 100%;
 }
 .c4p--page-header__next .c4p--page-header__breadcrumb-container {
@@ -7782,12 +7971,30 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 .c4p--page-header__next .c4p--page-header__breadcrumb__actions {
   display: inline-flex;
+  justify-content: flex-end;
+  inline-size: 100%;
 }
 .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%;
+}
+.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow {
+  inline-size: 100%;
+}
+.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb {
+  display: flex;
+}
+.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow-item {
+  display: none;
+  opacity: 0;
+}
+.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-overflow-breadcrumb-item-with-items {
+  display: flex;
+  opacity: 1;
 }
 .c4p--page-header__next .c4p--page-header__content {
   padding: 1.5rem 0;
@@ -7885,6 +8092,28 @@ button.c4p--add-select__global-filter-toggle--open {
   grid-gap: 4rem;
   grid-template-columns: auto minmax(0, 1fr);
 }
+.c4p--page-header__next .c4p--page-header__tab-bar--tablist .c4p--page-header__tags {
+  display: flex;
+  align-self: center;
+  justify-content: flex-end;
+}
+.c4p--page-header__next .c4p--page-header__tab-bar--tablist.c4p--page-header__tab-bar--with-scroller .c4p--page-header__tags {
+  display: flex;
+  align-items: center;
+  justify-content: right;
+  transform: translateX(-1.5rem);
+}
+@media (min-width: 42rem) {
+  .c4p--page-header__next .c4p--page-header__tab-bar--tablist.c4p--page-header__tab-bar--with-scroller .c4p--page-header__tags {
+    padding-inline-end: 0.5rem;
+    transform: translateX(0);
+  }
+}
+@media (min-width: 99rem) {
+  .c4p--page-header__next .c4p--page-header__tab-bar--tablist.c4p--page-header__tab-bar--with-scroller .c4p--page-header__tags {
+    padding-inline-end: 1rem;
+  }
+}
 .c4p--page-header__next .cds--tabs .cds--tab--overflow-nav-button {
   background-color: var(--cds-layer-01, #f4f4f4);
 }
@@ -7894,6 +8123,9 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--page-header__next .cds--tabs .cds--tab--overflow-nav-button.cds--tab--overflow-nav-button--previous::before {
   background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-01, #f4f4f4));
 }
+.c4p--page-header__next .cds--tabs .cds--tabs__nav-link {
+  margin-inline-end: 0.125rem;
+}
 .c4p--page-header__next .c4p--page-header__tags {
   display: flex;
   align-items: center;
@@ -7907,6 +8139,80 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--page-header__next .c4p--page-header__tag-item {
   flex-shrink: 0;
 }
+.c4p--page-header__next .c4p--page-header--scroller-button-icon {
+  /* stylelint-disable-next-line */
+  transition: transform 250ms;
+}
+@media (prefers-reduced-motion: reduce) {
+  .c4p--page-header__next .c4p--page-header--scroller-button-icon {
+    transition: none;
+  }
+}
+.c4p--page-header__next .c4p--page-header--scroller-button-icon-collapsed {
+  transform: rotate(-180deg);
+}
+.c4p--page-header__next .c4p--page-header--scroller-button-container {
+  position: absolute;
+  inset-block-end: 0;
+  inset-inline-end: 0.125rem;
+}
+@keyframes page-header-title-breadcrumb-animation {
+  0% {
+    opacity: 0;
+    transform: translateY(1rem);
+  }
+  5% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes page-header-title-breadcrumb-animation-reduced-motion {
+  0% {
+    opacity: 0;
+  }
+  5% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.c4p--page-header__next .c4p--page-header-title-breadcrumb {
+  opacity: 0;
+  transform: translateY(1rem);
+  transition: transform cubic-bezier(0.2, 0, 0.38, 0.9) 150ms, opacity cubic-bezier(0.2, 0, 0.38, 0.9) 150ms;
+}
+@supports not (animation-timeline: scroll()) {
+  .c4p--page-header__next .c4p--page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .c4p--page-header__next .c4p--page-header-title-breadcrumb {
+      transform: translateY(0);
+      /* stylelint-disable-next-line */
+      transition: opacity cubic-bezier(0.2, 0, 0.38, 0.9) 150ms;
+    }
+  }
+}
+@supports (animation-timeline: scroll()) {
+  .c4p--page-header__next .c4p--page-header-title-breadcrumb {
+    animation-direction: alternate;
+    animation-duration: 1ms; /* Firefox requires this to apply the animation */
+    animation-name: page-header-title-breadcrumb-animation;
+    animation-timeline: scroll(block nearest);
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .c4p--page-header__next .c4p--page-header-title-breadcrumb {
+      animation-name: page-header-title-breadcrumb-animation-reduced-motion;
+      transform: translateY(0);
+    }
+  }
+}
 
 .c4p--card__productive {
   display: flex;
@@ -14353,7 +14659,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   display: none;
 }
 
-.c4p--big-numbers__label {
+.c4p--big-number__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);
@@ -14363,7 +14669,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   color: var(--cds-text-secondary, #525252);
 }
 
-.c4p--big-numbers__value {
+.c4p--big-number__value {
   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);
@@ -14371,138 +14677,138 @@ th.c4p--datagrid__select-all-toggle-on.button {
   margin-block-end: 0;
 }
 
-.c4p--big-numbers__total {
+.c4p--big-number__total {
   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--big-numbers__total,
-.c4p--big-numbers__percentage-mark {
+.c4p--big-number__total,
+.c4p--big-number__percentage-mark {
   margin-block: auto 0.25rem;
 }
 
-.c4p--big-numbers__info {
+.c4p--big-number__info {
   vertical-align: top;
 }
 
-.c4p--big-numbers__trend {
+.c4p--big-number__trend {
   margin-block-start: 0.5rem;
   vertical-align: top;
 }
 
-.c4p--big-numbers__row {
+.c4p--big-number__row {
   display: flex;
 }
 
-.c4p--big-numbers__info {
+.c4p--big-number__info {
   padding-inline-start: 0.5rem;
 }
 
-.c4p--big-numbers__percentage {
+.c4p--big-number__percentage {
   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);
 }
 
-.c4p--big-numbers__percentage-mark {
+.c4p--big-number__percentage-mark {
   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--big-numbers__icon-button {
+.c4p--big-number__icon-button {
   margin-inline-start: 0.25rem;
 }
 
-.c4p--big-numbers--lg .c4p--big-numbers__value,
-.c4p--big-numbers--lg .c4p--big-numbers__percentage {
+.c4p--big-number--lg .c4p--big-number__value,
+.c4p--big-number--lg .c4p--big-number__percentage {
   font-size: var(--cds-heading-06-font-size, 2.625rem);
   font-weight: var(--cds-heading-06-font-weight, 300);
   line-height: var(--cds-heading-06-line-height, 1.199);
   letter-spacing: var(--cds-heading-06-letter-spacing, 0);
 }
 
-.c4p--big-numbers--lg .c4p--big-numbers__total,
-.c4p--big-numbers--lg .c4p--big-numbers__percentage-mark {
+.c4p--big-number--lg .c4p--big-number__total,
+.c4p--big-number--lg .c4p--big-number__percentage-mark {
   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--big-numbers--xl .c4p--big-numbers__label {
+.c4p--big-number--xl .c4p--big-number__label {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
   line-height: var(--cds-body-compact-01-line-height, 1.28572);
   letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
 }
 
-.c4p--big-numbers--xl .c4p--big-numbers__value,
-.c4p--big-numbers--xl .c4p--big-numbers__percentage {
+.c4p--big-number--xl .c4p--big-number__value,
+.c4p--big-number--xl .c4p--big-number__percentage {
   font-size: var(--cds-heading-07-font-size, 3.375rem);
   font-weight: var(--cds-heading-07-font-weight, 300);
   line-height: var(--cds-heading-07-line-height, 1.19);
   letter-spacing: var(--cds-heading-07-letter-spacing, 0);
 }
 
-.c4p--big-numbers--xl .c4p--big-numbers__total,
-.c4p--big-numbers--xl .c4p--big-numbers__percentage-mark {
+.c4p--big-number--xl .c4p--big-number__total,
+.c4p--big-number--xl .c4p--big-number__percentage-mark {
   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);
 }
 
-.c4p--big-numbers--xl .c4p--big-numbers__trend {
+.c4p--big-number--xl .c4p--big-number__trend {
   margin-block-start: 0.75rem;
 }
 
-.c4p--big-numbers-skeleton {
+.c4p--big-number-skeleton {
   inline-size: 4rem;
 }
 
-.c4p--big-numbers-skeleton__label {
+.c4p--big-number-skeleton__label {
   block-size: 0.75rem;
   margin-block: 0 0.5rem;
 }
 
-.c4p--big-numbers-skeleton__value {
+.c4p--big-number-skeleton__value {
   margin: 0;
   /* stylelint-disable-next-line declaration-no-important */
   block-size: 2.5rem !important;
 }
 
-.c4p--big-numbers-skeleton--lg {
+.c4p--big-number-skeleton--lg {
   inline-size: 5rem;
 }
 
-.c4p--big-numbers-skeleton--xl {
+.c4p--big-number-skeleton--xl {
   inline-size: 6rem;
 }
 
-.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--lg .c4p--big-numbers-skeleton__label {
+.c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__label {
   block-size: 0.75rem;
 }
 
-.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--lg .c4p--big-numbers-skeleton__value {
+.c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__value {
   /* stylelint-disable-next-line declaration-no-important */
   block-size: 3rem !important;
 }
 
-.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--xl .c4p--big-numbers-skeleton__label {
+.c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__label {
   block-size: 0.75rem;
 }
 
-.c4p--big-numbers-skeleton.c4p--big-numbers-skeleton--xl .c4p--big-numbers-skeleton__value {
+.c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__value {
   /* stylelint-disable-next-line declaration-no-important */
   block-size: 4rem !important;
 }
 
-.c4p--big-numbers .c4p--big-numbers__tooltip-trigger:focus {
+.c4p--big-number .c4p--big-number__tooltip-trigger:focus {
   outline: 1px solid var(--cds-focus, #0f62fe);
 }
 
@@ -14546,6 +14852,17 @@ th.c4p--datagrid__select-all-toggle-on.button {
   background: transparent;
 }
 
+.c4p--truncated-text__text-content {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  text-overflow: clip;
+}
+.c4p--truncated-text__expand-toggle {
+  color: var(--cds-link-primary, #0f62fe);
+  cursor: pointer;
+}
+
 /* stylelint-disable max-nesting-depth */
 /* stylelint-disable declaration-no-important */
 .c4p--interstitial-screen--body {
@@ -18315,6 +18632,14 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   display: flex;
 }
 
+.c4p--condition-builder__visible {
+  visibility: visible;
+}
+
+.c4p--condition-builder__hidden {
+  visibility: hidden;
+}
+
 .c4p--condition-builder__condition-wrapper {
   display: flex;
   flex-flow: row wrap;