@carbon/ibm-products 2.78.0 → 2.79.0-rc.0

package/css/index.css

@@ -322,8 +322,13 @@
   --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
 }
 
-.cds--popover--drop-shadow .cds--popover > .cds--popover-content {
-  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
+.cds--popover--drop-shadow .cds--popover {
+  filter: var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));
+}
+
+.cds--popover--border .cds--popover > .cds--popover-content {
+  outline: 1px solid var(--cds-popover-border-color, var(--cds-border-subtle));
+  outline-offset: -1px;
 }
 
 .cds--popover--caret {
@@ -333,15 +338,29 @@
 .cds--popover {
   position: absolute;
   z-index: 6000;
-  filter: var(--cds-popover-drop-shadow, none);
   inset: 0;
   pointer-events: none;
 }
 
 .cds--popover-content {
   --cds-layout-size-height-sm: 2rem;
+}
+.cds--popover-content.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--popover-content) {
+  --cds-layout-size-height: var(--cds-layout-size-height-sm);
+}
+.cds--popover-content {
   --cds-layout-size-height-md: 2.5rem;
+}
+.cds--popover-content.cds--layout--size-md, .cds--layout--size-md :where(.cds--popover-content) {
+  --cds-layout-size-height: var(--cds-layout-size-height-md);
+}
+.cds--popover-content {
   --cds-layout-size-height-lg: 3rem;
+}
+.cds--popover-content.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--popover-content) {
+  --cds-layout-size-height: var(--cds-layout-size-height-lg);
+}
+.cds--popover-content {
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -349,6 +368,13 @@
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--popover-content *,
+.cds--popover-content *::before,
+.cds--popover-content *::after {
+  box-sizing: inherit;
+}
+.cds--popover-content {
   position: absolute;
   z-index: 6000;
   display: none;
@@ -359,25 +385,15 @@
   max-inline-size: 23rem;
   pointer-events: auto;
 }
-.cds--popover-content.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--popover-content) {
-  --cds-layout-size-height: var(--cds-layout-size-height-sm);
-}
-.cds--popover-content.cds--layout--size-md, .cds--layout--size-md :where(.cds--popover-content) {
-  --cds-layout-size-height: var(--cds-layout-size-height-md);
-}
-.cds--popover-content.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--popover-content) {
-  --cds-layout-size-height: var(--cds-layout-size-height-lg);
-}
-.cds--popover-content *,
-.cds--popover-content *::before,
-.cds--popover-content *::after {
-  box-sizing: inherit;
-}
 
 .cds--popover--open > .cds--popover > .cds--popover-content {
   display: block;
 }
 
+.cds--popover--background-token__background .cds--popover-content {
+  background-color: var(--cds-background, #ffffff);
+}
+
 .cds--popover-content::before {
   position: absolute;
   display: none;
@@ -393,9 +409,31 @@
   position: absolute;
   z-index: 6000;
   display: none;
-  background-color: var(--cds-popover-background-color, var(--cds-layer));
   will-change: transform;
 }
+.cds--popover-caret::after,
+.cds--popover--auto-align.cds--popover-caret::after {
+  position: absolute;
+  display: block;
+  background-color: var(--cds-popover-background-color, var(--cds-layer));
+  content: "";
+}
+.cds--popover-caret::before,
+.cds--popover--auto-align.cds--popover-caret::before {
+  position: absolute;
+  display: none;
+  background-color: var(--cds-popover-border-color, var(--cds-border-subtle));
+  content: "";
+}
+
+.cds--popover--background-token__background .cds--popover-caret::after {
+  background-color: var(--cds-background, #ffffff);
+}
+
+.cds--popover--border .cds--popover-caret::before,
+.cds--popover--border .cds--popover--auto-align.cds--popover-caret::before {
+  display: block;
+}
 
 .cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret {
   display: block;
@@ -422,47 +460,26 @@
 .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
 .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-end: 0;
-  inset-inline-start: 0;
+  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
 [dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
 [dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
-  inset-inline-end: 0;
+  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
   inset-inline-start: initial;
 }
 
 .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
 .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-end: 0;
-  inset-inline-end: 0;
+  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
   transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
 }
 
-.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
-.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
-  inset-block-end: 0;
-  inset-inline-end: 0;
-  inset-inline-start: auto;
-}
-
-.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
-  inset-block-end: 0;
-  inset-inline-end: auto;
-  inset-inline-start: 0;
-  transform: translate(50%, calc(var(--cds-popover-offset, 0rem)));
-}
-
-.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
-  inset-block-end: 0;
-  inset-inline-end: auto;
-  inset-inline-start: 0;
-  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
-}
-
 [dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
 [dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
-  inset-inline-start: 0;
+  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
 }
 
 .cds--popover--bottom > .cds--popover > .cds--popover-content::before,
@@ -482,12 +499,39 @@
 .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
 .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-height, 0.375rem);
-  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
   inline-size: var(--cds-popover-caret-width, 0.75rem);
   inset-block-end: 0;
   inset-inline-start: 50%;
   transform: translate(-50%, var(--cds-popover-offset, 0rem));
 }
+.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,
+.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,
+.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,
+.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,
+.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+
+.cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::before {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+.cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after {
+  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
+  inset-block-start: 1px;
+  inset-inline-start: 0.5px;
+}
 
 [dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
 [dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
@@ -502,10 +546,37 @@
 .cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+
+.cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
   block-size: var(--cds-popover-caret-height, 0.375rem);
   clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
   inline-size: var(--cds-popover-caret-width, 0.75rem);
 }
+.cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
+  inset-block-start: 1px;
+  inset-inline-start: 0.5px;
+}
 
 .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 0;
@@ -520,26 +591,26 @@
 .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
 .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 0;
-  inset-inline-start: 0;
+  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
 [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
 [dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
-  inset-inline-end: 0;
+  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
   inset-inline-start: initial;
 }
 
 .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
 .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 0;
-  inset-inline-end: 0;
+  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
   transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
 }
 
 [dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
 [dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
-  inset-inline-start: 0;
+  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
 }
 
 .cds--popover--top > .cds--popover > .cds--popover-content::before,
@@ -559,12 +630,39 @@
 .cds--popover--top-right > .cds--popover > .cds--popover-caret,
 .cds--popover--top-end > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-height, 0.375rem);
-  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
   inline-size: var(--cds-popover-caret-width, 0.75rem);
   inset-block-start: 0;
   inset-inline-start: 50%;
   transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
 }
+.cds--popover--top > .cds--popover > .cds--popover-caret::after,
+.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,
+.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,
+.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,
+.cds--popover--top-end > .cds--popover > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+
+.cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::before {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+.cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::after {
+  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
+  inset-block-start: -1px;
+  inset-inline-start: 0.5px;
+}
 
 [dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
 [dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
@@ -579,10 +677,37 @@
 .cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  inline-size: var(--cds-popover-caret-width, 0.75rem);
+}
+
+.cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
   block-size: var(--cds-popover-caret-height, 0.375rem);
   clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
   inline-size: var(--cds-popover-caret-width, 0.75rem);
 }
+.cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
+  inset-block-start: -1px;
+  inset-inline-start: 0.5px;
+}
 
 .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 50%;
@@ -630,12 +755,20 @@
 .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
 .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-width, 0.75rem);
-  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
   inline-size: var(--cds-popover-caret-height, 0.375rem);
   inset-block-start: 50%;
   inset-inline-start: 100%;
   transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
 }
+.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
 
 [dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
 [dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
@@ -646,15 +779,80 @@
   inset-inline-start: initial;
 }
 
+.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  inset-inline-start: 1px;
+}
+
+[dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  inset-inline-start: -1px;
+}
+
 .cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+
+.cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
   block-size: var(--cds-popover-caret-width, 0.75rem);
   clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
   inline-size: var(--cds-popover-caret-height, 0.375rem);
 }
+.cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inset-inline-start: 1px;
+}
+
+[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
+  margin-inline-start: 1px;
+}
+[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inset-inline-start: 0;
+}
 
 .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
   inset-block-start: 50%;
@@ -702,12 +900,20 @@
 .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
 .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
   block-size: var(--cds-popover-caret-width, 0.75rem);
-  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
   inline-size: var(--cds-popover-caret-height, 0.375rem);
   inset-block-start: 50%;
   inset-inline-end: 100%;
   transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
 }
+.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
 
 [dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
 [dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
@@ -718,20 +924,100 @@
   inset-inline-start: 100%;
 }
 
+.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  inset-inline-start: -1px;
+}
+
+[dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
+  inset-inline-start: 1px;
+}
+
 .cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
 .cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  block-size: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+  inline-size: var(--cds-popover-caret-height, 0.375rem);
+}
+
+.cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+.cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
   block-size: var(--cds-popover-caret-width, 0.75rem);
   clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
   inline-size: var(--cds-popover-caret-height, 0.375rem);
 }
+.cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+.cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inset-inline-start: -1px;
+}
+
+[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
+[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
+  margin-inline-start: -1px;
+}
+[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
+[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
+  inset-inline-start: 0;
+}
 
 .cds--popover--tab-tip > .cds--popover > .cds--popover-content {
   border-radius: 0;
 }
 
+.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
+  inset-inline-start: 0;
+}
+
+.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
+[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
+  inset-inline-end: 0;
+  inset-inline-start: initial;
+}
+
 .cds--popover--tab-tip .cds--popover {
   will-change: filter;
 }
@@ -744,6 +1030,13 @@
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--popover--tab-tip__button *,
+.cds--popover--tab-tip__button *::before,
+.cds--popover--tab-tip__button *::after {
+  box-sizing: inherit;
+}
+.cds--popover--tab-tip__button {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -752,6 +1045,11 @@
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--popover--tab-tip__button::-moz-focus-inner {
+  border: 0;
+}
+.cds--popover--tab-tip__button {
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -759,14 +1057,6 @@
   block-size: 2rem;
   inline-size: 2rem;
 }
-.cds--popover--tab-tip__button *,
-.cds--popover--tab-tip__button *::before,
-.cds--popover--tab-tip__button *::after {
-  box-sizing: inherit;
-}
-.cds--popover--tab-tip__button::-moz-focus-inner {
-  border: 0;
-}
 .cds--popover--tab-tip__button:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -835,6 +1125,13 @@
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--definition-term *,
+.cds--definition-term *::before,
+.cds--definition-term *::after {
+  box-sizing: inherit;
+}
+.cds--definition-term {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -843,28 +1140,27 @@
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
-  border-radius: 0;
-  border-block-end: 1px dotted var(--cds-border-strong);
-  color: var(--cds-text-primary, #161616);
-}
-.cds--definition-term *,
-.cds--definition-term *::before,
-.cds--definition-term *::after {
-  box-sizing: inherit;
 }
 .cds--definition-term::-moz-focus-inner {
   border: 0;
 }
+.cds--definition-term {
+  border-radius: 0;
+  border-block-end: 1px dotted var(--cds-border-strong);
+  color: var(--cds-text-primary, #161616);
+}
 
 .cds--definition-term:focus {
   outline: 1px solid var(--cds-focus, #0f62fe);
-  border-block-end-color: var(--cds-border-interactive, #0f62fe);
 }
 @media screen and (prefers-contrast) {
   .cds--definition-term:focus {
     outline-style: dotted;
   }
 }
+.cds--definition-term:focus {
+  border-block-end-color: var(--cds-border-interactive, #0f62fe);
+}
 
 .cds--definition-term:hover {
   border-block-end-color: var(--cds-border-interactive, #0f62fe);
@@ -901,6 +1197,13 @@
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--btn *,
+.cds--btn *::before,
+.cds--btn *::after {
+  box-sizing: inherit;
+}
+.cds--btn {
   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);
@@ -923,11 +1226,6 @@
   transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
   vertical-align: top;
 }
-.cds--btn *,
-.cds--btn *::before,
-.cds--btn *::after {
-  box-sizing: inherit;
-}
 .cds--btn:disabled, .cds--btn:hover:disabled, .cds--btn:focus:disabled, .cds--btn.cds--btn--disabled, .cds--btn.cds--btn--disabled:hover, .cds--btn.cds--btn--disabled:focus {
   border-color: var(--cds-button-disabled, #c6c6c6);
   background: var(--cds-button-disabled, #c6c6c6);
@@ -1045,7 +1343,6 @@
   border-color: transparent;
   background-color: transparent;
   color: var(--cds-link-primary, #0f62fe);
-  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
 }
 .cds--btn--ghost:hover {
   background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
@@ -1061,6 +1358,9 @@
 .cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
   fill: currentColor;
 }
+.cds--btn--ghost {
+  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
+}
 .cds--btn--ghost .cds--btn__icon {
   position: static;
   align-self: center;
@@ -1213,7 +1513,6 @@
   border-color: transparent;
   background-color: transparent;
   color: var(--cds-button-danger-secondary, #da1e28);
-  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
 }
 .cds--btn--danger--ghost:hover {
   background-color: var(--cds-button-danger-hover, #b81921);
@@ -1229,6 +1528,9 @@
 .cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
   fill: currentColor;
 }
+.cds--btn--danger--ghost {
+  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
+}
 .cds--btn--danger--ghost .cds--btn__icon {
   position: static;
   margin-inline-start: 0.5rem;
@@ -1271,7 +1573,6 @@
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  inline-size: 9.375rem;
 }
 .cds--btn.cds--skeleton:hover, .cds--btn.cds--skeleton:focus, .cds--btn.cds--skeleton:active {
   border: none;
@@ -1302,6 +1603,9 @@
     forced-color-adjust: none;
   }
 }
+.cds--btn.cds--skeleton {
+  inline-size: 9.375rem;
+}
 
 .cds--btn-set {
   display: flex;
@@ -1370,16 +1674,6 @@
   box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
 }
 
-.cds--copy-btn {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: none;
-  background-color: var(--cds-layer);
-  cursor: pointer;
-}
 .cds--copy-btn html {
   font-size: 100%;
 }
@@ -1396,9 +1690,19 @@
 .cds--copy-btn strong {
   font-weight: 600;
 }
-.cds--copy-btn:hover {
-  background-color: var(--cds-layer-hover);
-}
+.cds--copy-btn {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  background-color: var(--cds-layer);
+  cursor: pointer;
+}
+.cds--copy-btn:hover {
+  background-color: var(--cds-layer-hover);
+}
 .cds--copy-btn:active {
   background-color: var(--cds-layer-active);
 }
@@ -1429,11 +1733,6 @@
   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: none;
-  overflow: visible;
-  box-sizing: content-box;
-  margin: auto;
-  clip: auto;
 }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .cds--copy-btn .cds--copy-btn__feedback {
@@ -1455,16 +1754,25 @@
     border: 1px solid transparent;
   }
 }
+.cds--copy-btn .cds--copy-btn__feedback {
+  display: none;
+  overflow: visible;
+  box-sizing: content-box;
+  margin: auto;
+  clip: auto;
+}
 .cds--copy-btn:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  outline-color: var(--cds-focus, #0f62fe);
 }
 @media screen and (prefers-contrast) {
   .cds--copy-btn:focus {
     outline-style: dotted;
   }
 }
+.cds--copy-btn:focus {
+  outline-color: var(--cds-focus, #0f62fe);
+}
 .cds--copy-btn.cds--copy-btn--animating::before, .cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback {
   display: block;
 }
@@ -1530,16 +1838,6 @@
   letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
 }
 
-.cds--snippet--inline {
-  position: relative;
-  display: inline;
-  padding: 0;
-  border: 1px solid transparent;
-  border-radius: 4px;
-  background-color: var(--cds-layer);
-  color: var(--cds-text-primary, #161616);
-  cursor: pointer;
-}
 .cds--snippet--inline html {
   font-size: 100%;
 }
@@ -1556,6 +1854,16 @@
 .cds--snippet--inline strong {
   font-weight: 600;
 }
+.cds--snippet--inline {
+  position: relative;
+  display: inline;
+  padding: 0;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  background-color: var(--cds-layer);
+  color: var(--cds-text-primary, #161616);
+  cursor: pointer;
+}
 .cds--snippet--inline:hover {
   background-color: var(--cds-layer-hover);
 }
@@ -1594,11 +1902,6 @@
   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: none;
-  overflow: visible;
-  box-sizing: content-box;
-  margin: auto;
-  clip: auto;
 }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .cds--snippet--inline .cds--copy-btn__feedback {
@@ -1620,6 +1923,13 @@
     border: 1px solid transparent;
   }
 }
+.cds--snippet--inline .cds--copy-btn__feedback {
+  display: none;
+  overflow: visible;
+  box-sizing: content-box;
+  margin: auto;
+  clip: auto;
+}
 
 .cds--snippet--inline.cds--copy-btn--animating::before,
 .cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback {
@@ -1700,7 +2010,7 @@
   font-weight: var(--cds-code-01-font-weight, 400);
   line-height: var(--cds-code-01-line-height, 1.33333);
   letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
-  padding-inline-end: 0.5rem;
+  padding-inline-end: 2rem;
 }
 
 .cds--snippet--single pre,
@@ -1733,13 +2043,15 @@
 .cds--snippet--multi .cds--snippet-container:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  outline-offset: 0;
 }
 @media screen and (prefers-contrast) {
   .cds--snippet--multi .cds--snippet-container:focus {
     outline-style: dotted;
   }
 }
+.cds--snippet--multi .cds--snippet-container:focus {
+  outline-offset: 0;
+}
 
 .cds--snippet--multi.cds--snippet--expand .cds--snippet-container {
   padding-block-end: 1rem;
@@ -1752,23 +2064,15 @@
 }
 
 .cds--snippet--multi .cds--snippet-container pre {
-  padding-inline-end: 2.5rem;
+  overflow: auto;
+  padding-block-end: 1.5rem;
+  padding-inline-end: 1.5rem;
 }
 
 .cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre {
   padding-inline-end: 0;
 }
 
-.cds--snippet--multi.cds--snippet--has-right-overflow::after {
-  position: absolute;
-  background-image: linear-gradient(to right, transparent, var(--cds-layer));
-  block-size: 100%;
-  content: "";
-  inline-size: 1rem;
-  inset-block-start: 0;
-  inset-inline-end: 1rem;
-}
-
 [dir=rtl] .cds--snippet--multi.cds--snippet--has-right-overflow::after {
   background-image: linear-gradient(to left, transparent, var(--cds-layer));
 }
@@ -1788,17 +2092,6 @@
   margin-block-start: 0;
 }
 
-.cds--copy-btn {
-  display: flex;
-  overflow: visible;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: none;
-  background-color: var(--cds-layer);
-  cursor: pointer;
-  outline: none;
-}
 .cds--copy-btn html {
   font-size: 100%;
 }
@@ -1815,16 +2108,29 @@
 .cds--copy-btn strong {
   font-weight: 600;
 }
+.cds--copy-btn {
+  display: flex;
+  overflow: visible;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  background-color: var(--cds-layer);
+  cursor: pointer;
+  outline: none;
+}
 .cds--copy-btn:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  outline-color: var(--cds-focus, #0f62fe);
 }
 @media screen and (prefers-contrast) {
   .cds--copy-btn:focus {
     outline-style: dotted;
   }
 }
+.cds--copy-btn:focus {
+  outline-color: var(--cds-focus, #0f62fe);
+}
 
 .cds--snippet .cds--popover-container {
   font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
@@ -1901,13 +2207,15 @@
 .cds--snippet-btn--expand:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  border-color: transparent;
 }
 @media screen and (prefers-contrast) {
   .cds--snippet-btn--expand:focus {
     outline-style: dotted;
   }
 }
+.cds--snippet-btn--expand:focus {
+  border-color: transparent;
+}
 
 .cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down {
   transform: rotate(180deg);
@@ -1935,11 +2243,6 @@
   background-color: var(--cds-layer-active);
 }
 
-.cds--snippet--light.cds--snippet--single::after,
-.cds--snippet--light.cds--snippet--multi::after {
-  background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));
-}
-
 .cds--snippet.cds--skeleton .cds--snippet-container {
   block-size: 100%;
   inline-size: 100%;
@@ -1965,72 +2268,35 @@
   inset-inline: 50% auto;
 }
 
-.cds--snippet__overflow-indicator--left,
-.cds--snippet__overflow-indicator--right {
-  z-index: 1;
-  flex: 1 0 auto;
-  inline-size: 1rem;
-}
-
-.cds--snippet__overflow-indicator--left {
-  order: 0;
-  background-image: linear-gradient(to left, transparent, var(--cds-layer));
-  margin-inline-end: -1rem;
-}
-
-.cds--snippet__overflow-indicator--right {
-  order: 2;
-  background-image: linear-gradient(to right, transparent, var(--cds-layer));
-  margin-inline-start: -1rem;
-}
-
-[dir=rtl] .cds--snippet__overflow-indicator--left {
-  background-image: linear-gradient(to right, transparent, var(--cds-layer));
-}
-
-[dir=rtl] .cds--snippet__overflow-indicator--right {
-  background-image: linear-gradient(to left, transparent, var(--cds-layer));
-}
-
-.cds--snippet--single .cds--snippet__overflow-indicator--right,
-.cds--snippet--single .cds--snippet__overflow-indicator--left {
-  position: absolute;
-  block-size: calc(100% - 0.25rem);
-  inline-size: 2rem;
-}
-
-.cds--snippet--single .cds--snippet__overflow-indicator--right {
-  inset-inline-end: 2.5rem;
+.cds--snippet--single .cds--snippet-container {
+  mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%);
+  pointer-events: auto;
 }
 
-.cds--snippet--single.cds--snippet--no-copy .cds--snippet__overflow-indicator--right {
-  inset-inline-end: 0;
+.cds--snippet--multi {
+  position: relative;
 }
 
-.cds--snippet--single .cds--snippet-container:focus ~ .cds--snippet__overflow-indicator--right {
-  inset-inline-end: calc(2.5rem + 0.125rem);
+.cds--snippet--multi .cds--snippet-container {
+  inline-size: 100%;
+  mask-composite: intersect;
+  mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
+  pointer-events: auto;
 }
 
-.cds--snippet--single .cds--snippet-container:focus + .cds--snippet__overflow-indicator--left {
-  inset-inline-start: 0.125rem;
+[dir=rtl] .cds--snippet--single .cds--snippet-container {
+  mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%);
 }
 
-.cds--snippet--light .cds--snippet__overflow-indicator--left {
-  background-image: linear-gradient(to left, transparent, var(--cds-layer));
+[dir=rtl] .cds--snippet--multi .cds--snippet-container {
+  mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
 }
 
-.cds--snippet--light .cds--snippet__overflow-indicator--right {
-  background-image: linear-gradient(to right, transparent, var(--cds-layer));
+.cds--snippet--single:focus-within .cds--snippet-container,
+.cds--snippet--multi:focus-within .cds--snippet-container {
+  mask-image: none;
 }
 
-@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
-  .cds--snippet__overflow-indicator--left {
-    background-image: linear-gradient(to left, rgba(var(--cds-layer), 0), var(--cds-layer));
-  }
-  .cds--snippet__overflow-indicator--right {
-    background-image: linear-gradient(to right, rgba(var(--cds-layer), 0), var(--cds-layer));
-  }
-}
 .cds--snippet--multi.cds--skeleton {
   block-size: 6.125rem;
 }
@@ -2046,10 +2312,6 @@
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  display: block;
-  block-size: 1rem;
-  inline-size: 100%;
-  margin-block-start: 0.5rem;
 }
 .cds--snippet.cds--skeleton span:hover, .cds--snippet.cds--skeleton span:focus, .cds--snippet.cds--skeleton span:active {
   border: none;
@@ -2080,6 +2342,12 @@
     forced-color-adjust: none;
   }
 }
+.cds--snippet.cds--skeleton span {
+  display: block;
+  block-size: 1rem;
+  inline-size: 100%;
+  margin-block-start: 0.5rem;
+}
 .cds--snippet.cds--skeleton span:first-child {
   margin: 0;
 }
@@ -2120,17 +2388,51 @@
   inline-size: 100vw;
   inset-block-start: 0;
   inset-inline-start: 0;
+}
+.cds--modal.cds--modal--enable-presence {
+  animation: cds--presence-modal__enter 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
+}
+@media screen and (prefers-reduced-motion: reduce) {
+  .cds--modal.cds--modal--enable-presence {
+    animation: none;
+  }
+}
+.cds--modal.cds--modal--enable-presence[data-exiting] {
+  animation: cds--presence-modal__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
+}
+@media screen and (prefers-reduced-motion: reduce) {
+  .cds--modal.cds--modal--enable-presence[data-exiting] {
+    animation: none;
+  }
+}
+@keyframes cds--presence-modal__enter {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes cds--presence-modal__exit {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.cds--modal:not(.cds--modal--enable-presence) {
   opacity: 0;
   transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;
   visibility: hidden;
 }
-.cds--modal.is-visible {
+.cds--modal:not(.cds--modal--enable-presence).is-visible {
   opacity: 1;
   transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;
   visibility: inherit;
 }
 @media screen and (prefers-reduced-motion: reduce) {
-  .cds--modal.is-visible {
+  .cds--modal:not(.cds--modal--enable-presence).is-visible {
     transition: none;
   }
 }
@@ -2170,10 +2472,47 @@
   border-inline-start: 2px solid var(--cds-focus, #0f62fe);
 }
 
-.cds--modal.is-visible .cds--modal-container {
+.cds--modal--enable-presence[data-exiting] .cds--modal-container {
+  animation: cds--presence-modal-container__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
+}
+@media screen and (prefers-reduced-motion: reduce) {
+  .cds--modal--enable-presence[data-exiting] .cds--modal-container {
+    animation: none;
+  }
+}
+.cds--modal--enable-presence .cds--modal-container {
+  animation: cds--presence-modal-container__enter 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
+}
+@media screen and (prefers-reduced-motion: reduce) {
+  .cds--modal--enable-presence .cds--modal-container {
+    animation: none;
+  }
+}
+@keyframes cds--presence-modal-container__enter {
+  from {
+    transform: translate3d(0, -24px, 0);
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+  }
+}
+@keyframes cds--presence-modal-container__exit {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    transform: translate3d(0, -24px, 0);
+  }
+}
+
+:not(.cds--modal--enable-presence).is-visible .cds--modal-container {
   transform: translate3d(0, 0, 0);
   transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);
 }
+:not(.cds--modal--enable-presence) .cds--modal-container {
+  transform: translate3d(0, -24px, 0);
+  transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);
+}
 
 .cds--modal-container {
   position: fixed;
@@ -2187,13 +2526,11 @@
   max-block-size: 100%;
   outline: 3px solid transparent;
   outline-offset: -3px;
-  transform: translate3d(0, -24px, 0);
   transform-origin: top center;
-  transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);
 }
 @media (min-width: 42rem) {
   .cds--modal-container {
-    position: static;
+    position: relative;
     block-size: auto;
     inline-size: 84%;
     max-block-size: 90%;
@@ -2273,6 +2610,13 @@
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--modal-header__label *,
+.cds--modal-header__label *::before,
+.cds--modal-header__label *::after {
+  box-sizing: inherit;
+}
+.cds--modal-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);
@@ -2280,11 +2624,6 @@
   color: var(--cds-text-secondary, #525252);
   margin-block-end: 0.25rem;
 }
-.cds--modal-header__label *,
-.cds--modal-header__label *::before,
-.cds--modal-header__label *::after {
-  box-sizing: inherit;
-}
 
 .cds--modal-header__heading {
   box-sizing: border-box;
@@ -2294,6 +2633,13 @@
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--modal-header__heading *,
+.cds--modal-header__heading *::before,
+.cds--modal-header__heading *::after {
+  box-sizing: inherit;
+}
+.cds--modal-header__heading {
   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);
@@ -2301,11 +2647,6 @@
   color: var(--cds-text-primary, #161616);
   padding-inline-end: calc(20% - 3rem);
 }
-.cds--modal-header__heading *,
-.cds--modal-header__heading *::before,
-.cds--modal-header__heading *::after {
-  box-sizing: inherit;
-}
 
 .cds--modal-container--xs .cds--modal-content__regular-content {
   padding-inline-end: 1rem;
@@ -2379,6 +2720,13 @@
   mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
 }
 
+.cds--modal--slug .cds--modal-content.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
+.cds--modal--decorator .cds--modal-content.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
+.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
+.cds--modal-scroll-content--no-fade {
+  mask-image: none;
+}
+
 .cds--modal-scroll-content:has(.cds--autoalign) {
   mask-image: none;
 }
@@ -2555,18 +2903,6 @@ textarea:-webkit-autofill:focus {
   align-items: flex-start;
 }
 
-.cds--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);
-  display: inline-block;
-  color: var(--cds-text-secondary, #525252);
-  font-weight: 400;
-  line-height: 1rem;
-  margin-block-end: 0.5rem;
-  vertical-align: baseline;
-}
 .cds--label html {
   font-size: 100%;
 }
@@ -2583,8 +2919,20 @@ textarea:-webkit-autofill:focus {
 .cds--label strong {
   font-weight: 600;
 }
-
-.cds--label .cds--toggletip-label {
+.cds--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);
+  display: inline-block;
+  color: var(--cds-text-secondary, #525252);
+  font-weight: 400;
+  line-height: 1rem;
+  margin-block-end: 0.5rem;
+  vertical-align: baseline;
+}
+
+.cds--label .cds--toggletip-label {
   font-size: var(--cds-label-01-font-size, 0.75rem);
   font-weight: var(--cds-label-01-font-weight, 400);
   line-height: var(--cds-label-01-line-height, 1.33333);
@@ -2609,6 +2957,13 @@ textarea:-webkit-autofill:focus {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--label + .cds--tooltip .cds--tooltip__trigger *,
+.cds--label + .cds--tooltip .cds--tooltip__trigger *::before,
+.cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
+  box-sizing: inherit;
+}
+.cds--label + .cds--tooltip .cds--tooltip__trigger {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -2617,6 +2972,11 @@ textarea:-webkit-autofill:focus {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
+  border: 0;
+}
+.cds--label + .cds--tooltip .cds--tooltip__trigger {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2625,14 +2985,6 @@ textarea:-webkit-autofill:focus {
   line-height: var(--cds-label-01-line-height, 1.33333);
   letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
 }
-.cds--label + .cds--tooltip .cds--tooltip__trigger *,
-.cds--label + .cds--tooltip .cds--tooltip__trigger *::before,
-.cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
-  box-sizing: inherit;
-}
-.cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--label + .cds--tooltip .cds--tooltip__trigger:focus {
   outline: 1px solid var(--cds-focus, #0f62fe);
@@ -2658,8 +3010,6 @@ textarea:-webkit-autofill:focus {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 0.875rem;
-  inline-size: 4.6875rem;
 }
 .cds--label.cds--skeleton:hover, .cds--label.cds--skeleton:focus, .cds--label.cds--skeleton:active {
   border: none;
@@ -2690,6 +3040,10 @@ textarea:-webkit-autofill:focus {
     forced-color-adjust: none;
   }
 }
+.cds--label.cds--skeleton {
+  block-size: 0.875rem;
+  inline-size: 4.6875rem;
+}
 
 input[type=number],
 input[type=text].cds--number {
@@ -2789,16 +3143,6 @@ input:not(output, [data-invalid]):-moz-ui-invalid {
   box-shadow: none;
 }
 
-.cds--form-requirement {
-  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);
-  display: none;
-  overflow: hidden;
-  margin: 0.25rem 0 0;
-  max-block-size: 0;
-}
 .cds--form-requirement html {
   font-size: 100%;
 }
@@ -2815,6 +3159,16 @@ input:not(output, [data-invalid]):-moz-ui-invalid {
 .cds--form-requirement strong {
   font-weight: 600;
 }
+.cds--form-requirement {
+  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);
+  display: none;
+  overflow: hidden;
+  margin: 0.25rem 0 0;
+  max-block-size: 0;
+}
 
 .cds--select--inline .cds--form__helper-text {
   margin-block-start: 0;
@@ -2851,6 +3205,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--text-input *,
+.cds--text-input *::before,
+.cds--text-input *::after {
+  box-sizing: inherit;
+}
+.cds--text-input {
   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);
@@ -2867,11 +3228,6 @@ fieldset[disabled] .cds--form__helper-text {
   inline-size: 100%;
   transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--text-input *,
-.cds--text-input *::before,
-.cds--text-input *::after {
-  box-sizing: inherit;
-}
 .cds--text-input:focus, .cds--text-input:active {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -2934,7 +3290,6 @@ fieldset[disabled] .cds--form__helper-text {
   display: inline-flex;
   overflow: visible;
   align-items: center;
-  cursor: pointer;
 }
 .cds--text-input--password__visibility:focus {
   outline: 1px solid var(--cds-focus, #0f62fe);
@@ -2944,6 +3299,9 @@ fieldset[disabled] .cds--form__helper-text {
     outline-style: dotted;
   }
 }
+.cds--text-input--password__visibility {
+  cursor: pointer;
+}
 .cds--text-input--password__visibility:focus {
   outline: 1px solid transparent;
 }
@@ -3196,19 +3554,19 @@ fieldset[disabled] .cds--form__helper-text {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
-.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
-  cursor: default;
-}
 .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
-
-.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
   cursor: default;
 }
+
 .cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
+.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
+  cursor: default;
+}
 
 .cds--text-input__counter-alert {
   position: absolute;
@@ -3243,13 +3601,15 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--text-input--invalid {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
-  box-shadow: none;
 }
 @media screen and (prefers-contrast) {
   .cds--text-input--invalid {
     outline-style: dotted;
   }
 }
+.cds--text-input--invalid {
+  box-shadow: none;
+}
 .cds--text-input--invalid .cds--text-input--password__visibility__toggle {
   inset-inline-end: 2.5rem;
 }
@@ -3501,19 +3861,19 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  animation-duration: 690ms;
-  animation-fill-mode: forwards;
-  animation-iteration-count: infinite;
-  animation-name: cds--rotate;
-  animation-timing-function: linear;
-  block-size: 5.5rem;
-  inline-size: 5.5rem;
 }
 .cds--loading *,
 .cds--loading *::before,
 .cds--loading *::after {
   box-sizing: inherit;
 }
+.cds--loading {
+  animation-duration: 690ms;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+  animation-name: cds--rotate;
+  animation-timing-function: linear;
+}
 .cds--loading svg circle {
   animation-duration: 10ms;
   animation-name: cds--init-stroke;
@@ -3524,6 +3884,10 @@ fieldset[disabled] .cds--form__helper-text {
     animation: none;
   }
 }
+.cds--loading {
+  block-size: 5.5rem;
+  inline-size: 5.5rem;
+}
 
 .cds--loading__svg {
   fill: transparent;
@@ -3796,21 +4160,6 @@ fieldset[disabled] .cds--form__helper-text {
   --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-lg)), var(--cds-layout-size-height, var(--cds-layout-size-height-xl)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
 }
 
-.cds--tabs {
-  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);
-  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
-  position: relative;
-  display: flex;
-  block-size: auto;
-  color: var(--cds-text-primary, #161616);
-  inline-size: 100%;
-  max-block-size: var(--cds-layout-size-height-xl);
-  min-block-size: var(--cds-layout-size-height-local);
-  overflow-x: hidden;
-}
 .cds--tabs html {
   font-size: 100%;
 }
@@ -3827,6 +4176,21 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tabs strong {
   font-weight: 600;
 }
+.cds--tabs {
+  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);
+  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
+  position: relative;
+  display: flex;
+  block-size: auto;
+  color: var(--cds-text-primary, #161616);
+  inline-size: 100%;
+  max-block-size: var(--cds-layout-size-height-xl);
+  min-block-size: var(--cds-layout-size-height-local);
+  overflow-x: hidden;
+}
 .cds--tabs.cds--tabs--contained {
   --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
 }
@@ -3881,13 +4245,15 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: flex;
 }
 .cds--tabs .cds--tabs__nav *,
 .cds--tabs .cds--tabs__nav *::before,
 .cds--tabs .cds--tabs__nav *::after {
   box-sizing: inherit;
 }
+.cds--tabs .cds--tabs__nav {
+  display: flex;
+}
 .cds--tabs .cds--tab--overflow-nav-button {
   box-sizing: border-box;
   padding: 0;
@@ -3896,6 +4262,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--tabs .cds--tab--overflow-nav-button *,
+.cds--tabs .cds--tab--overflow-nav-button *::before,
+.cds--tabs .cds--tab--overflow-nav-button *::after {
+  box-sizing: inherit;
+}
+.cds--tabs .cds--tab--overflow-nav-button {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -3904,6 +4277,11 @@ fieldset[disabled] .cds--form__helper-text {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {
+  border: 0;
+}
+.cds--tabs .cds--tab--overflow-nav-button {
   display: flex;
   flex-shrink: 0;
   align-items: center;
@@ -3911,14 +4289,6 @@ fieldset[disabled] .cds--form__helper-text {
   background-color: var(--cds-background, #ffffff);
   inline-size: 2.5rem;
 }
-.cds--tabs .cds--tab--overflow-nav-button *,
-.cds--tabs .cds--tab--overflow-nav-button *::before,
-.cds--tabs .cds--tab--overflow-nav-button *::after {
-  box-sizing: inherit;
-}
-.cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {
-  border: 0;
-}
 .cds--tabs .cds--tab--overflow-nav-button:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -4021,14 +4391,6 @@ fieldset[disabled] .cds--form__helper-text {
   position: relative;
   inset-block-start: 0.0625rem;
 }
-.cds--tabs .cds--tabs__nav-item {
-  position: relative;
-  display: flex;
-  flex: 1 0 auto;
-  padding: 0;
-  cursor: pointer;
-  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
 .cds--tabs .cds--tabs__nav-item html {
   font-size: 100%;
 }
@@ -4045,6 +4407,14 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tabs .cds--tabs__nav-item strong {
   font-weight: 600;
 }
+.cds--tabs .cds--tabs__nav-item {
+  position: relative;
+  display: flex;
+  flex: 1 0 auto;
+  padding: 0;
+  cursor: pointer;
+  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
 .cds--tabs .cds--tabs__nav-item + .cds--tabs__nav-item {
   margin-inline-start: 0.0625rem;
 }
@@ -4107,6 +4477,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon *,
+.cds--tabs .cds--tabs__nav-item--close-icon *::before,
+.cds--tabs .cds--tabs__nav-item--close-icon *::after {
+  box-sizing: inherit;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -4115,20 +4492,17 @@ fieldset[disabled] .cds--form__helper-text {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {
+  border: 0;
+}
+.cds--tabs .cds--tabs__nav-item--close-icon {
   block-size: 1.5rem;
   inline-size: 1.5rem;
   padding-block: 0.25rem;
   padding-inline: 0.25rem;
   pointer-events: auto;
 }
-.cds--tabs .cds--tabs__nav-item--close-icon *,
-.cds--tabs .cds--tabs__nav-item--close-icon *::before,
-.cds--tabs .cds--tabs__nav-item--close-icon *::after {
-  box-sizing: inherit;
-}
-.cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {
-  border: 0;
-}
 .cds--tabs .cds--tabs__nav-item--close-icon svg {
   block-size: 1rem;
   fill: var(--cds-text-secondary, #525252);
@@ -4196,6 +4570,13 @@ fieldset[disabled] .cds--form__helper-text {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--tabs .cds--tabs__nav-link *,
+.cds--tabs .cds--tabs__nav-link *::before,
+.cds--tabs .cds--tabs__nav-link *::after {
+  box-sizing: inherit;
+}
+.cds--tabs .cds--tabs__nav-link {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -4203,6 +4584,11 @@ fieldset[disabled] .cds--form__helper-text {
   background: none;
   cursor: pointer;
   text-align: start;
+}
+.cds--tabs .cds--tabs__nav-link::-moz-focus-inner {
+  border: 0;
+}
+.cds--tabs .cds--tabs__nav-link {
   outline: 2px solid transparent;
   outline-offset: -2px;
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
@@ -4219,14 +4605,6 @@ fieldset[disabled] .cds--form__helper-text {
   transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
   white-space: nowrap;
 }
-.cds--tabs .cds--tabs__nav-link *,
-.cds--tabs .cds--tabs__nav-link *::before,
-.cds--tabs .cds--tabs__nav-link *::after {
-  box-sizing: inherit;
-}
-.cds--tabs .cds--tabs__nav-link::-moz-focus-inner {
-  border: 0;
-}
 .cds--tabs .cds--tabs__nav-link:focus, .cds--tabs .cds--tabs__nav-link:active {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -4379,10 +4757,6 @@ fieldset[disabled] .cds--form__helper-text {
   background: var(--cds-layer);
 }
 
-.cds--tabs--vertical ~ .cds--tab-content {
-  grid-column: 3/-1;
-  overflow-y: auto;
-}
 .cds--tabs--vertical ~ .cds--tab-content .cds--text-input--fluid .cds--text-input,
 .cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area__wrapper,
 .cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area,
@@ -4418,16 +4792,16 @@ fieldset[disabled] .cds--form__helper-text {
 .cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:focus::after {
   border-inline-start: 2px solid var(--cds-focus, #0f62fe);
 }
+.cds--tabs--vertical ~ .cds--tab-content {
+  grid-column: 3/-1;
+  overflow-y: auto;
+}
 @media (min-width: 66rem) {
   .cds--tabs--vertical ~ .cds--tab-content {
     grid-column: 5/-1;
   }
 }
 
-.cds--tab-content--interactive:focus {
-  outline: none;
-}
-
 .cds--tabs.cds--skeleton {
   cursor: default;
   pointer-events: none;
@@ -4452,9 +4826,6 @@ fieldset[disabled] .cds--form__helper-text {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  display: block;
-  block-size: 0.875rem;
-  inline-size: 100%;
 }
 .cds--tabs.cds--skeleton .cds--tabs__nav-link span:hover, .cds--tabs.cds--skeleton .cds--tabs__nav-link span:focus, .cds--tabs.cds--skeleton .cds--tabs__nav-link span:active {
   border: none;
@@ -4485,6 +4856,11 @@ fieldset[disabled] .cds--form__helper-text {
     forced-color-adjust: none;
   }
 }
+.cds--tabs.cds--skeleton .cds--tabs__nav-link span {
+  display: block;
+  block-size: 0.875rem;
+  inline-size: 100%;
+}
 
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--tabs__nav-item .cds--tabs__nav-item--selected .cds--tabs__nav-item--selected {
@@ -4666,6 +5042,17 @@ p.c4p--about-modal__copyright-text:first-child {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--overflow-menu *,
+.cds--overflow-menu *::before,
+.cds--overflow-menu *::after,
+.cds--overflow-menu__trigger *,
+.cds--overflow-menu__trigger *::before,
+.cds--overflow-menu__trigger *::after {
+  box-sizing: inherit;
+}
+.cds--overflow-menu,
+.cds--overflow-menu__trigger {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -4674,6 +5061,13 @@ p.c4p--about-modal__copyright-text:first-child {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--overflow-menu::-moz-focus-inner,
+.cds--overflow-menu__trigger::-moz-focus-inner {
+  border: 0;
+}
+.cds--overflow-menu,
+.cds--overflow-menu__trigger {
   box-sizing: border-box;
   padding: 0;
   border: 0;
@@ -4681,17 +5075,6 @@ p.c4p--about-modal__copyright-text:first-child {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  outline: 2px solid transparent;
-  outline-offset: -2px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  block-size: 2.5rem;
-  cursor: pointer;
-  inline-size: 2.5rem;
-  min-block-size: 2.5rem;
-  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 .cds--overflow-menu *,
 .cds--overflow-menu *::before,
@@ -4701,17 +5084,19 @@ p.c4p--about-modal__copyright-text:first-child {
 .cds--overflow-menu__trigger *::after {
   box-sizing: inherit;
 }
-.cds--overflow-menu::-moz-focus-inner,
-.cds--overflow-menu__trigger::-moz-focus-inner {
-  border: 0;
-}
-.cds--overflow-menu *,
-.cds--overflow-menu *::before,
-.cds--overflow-menu *::after,
-.cds--overflow-menu__trigger *,
-.cds--overflow-menu__trigger *::before,
-.cds--overflow-menu__trigger *::after {
-  box-sizing: inherit;
+.cds--overflow-menu,
+.cds--overflow-menu__trigger {
+  outline: 2px solid transparent;
+  outline-offset: -2px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  block-size: 2.5rem;
+  cursor: pointer;
+  inline-size: 2.5rem;
+  min-block-size: 2.5rem;
+  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 .cds--overflow-menu:focus,
 .cds--overflow-menu__trigger:focus {
@@ -4733,6 +5118,12 @@ p.c4p--about-modal__copyright-text:first-child {
   margin-block-start: 0;
 }
 
+.cds--overflow-menu--xs {
+  block-size: 1.5rem;
+  inline-size: 1.5rem;
+  min-block-size: 1.5rem;
+}
+
 .cds--overflow-menu--sm {
   block-size: 2rem;
   inline-size: 2rem;
@@ -4787,6 +5178,13 @@ p.c4p--about-modal__copyright-text:first-child {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--overflow-menu-options *,
+.cds--overflow-menu-options *::before,
+.cds--overflow-menu-options *::after {
+  box-sizing: inherit;
+}
+.cds--overflow-menu-options {
   box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
   position: absolute;
   z-index: 6000;
@@ -4795,15 +5193,10 @@ p.c4p--about-modal__copyright-text:first-child {
   align-items: flex-start;
   background-color: var(--cds-layer);
   inline-size: 10rem;
-  inset-block-start: 32px;
+  inset-block-start: 2rem;
   inset-inline-start: 0;
   list-style: none;
 }
-.cds--overflow-menu-options *,
-.cds--overflow-menu-options *::before,
-.cds--overflow-menu-options *::after {
-  box-sizing: inherit;
-}
 .cds--overflow-menu-options::after {
   position: absolute;
   display: block;
@@ -4860,6 +5253,13 @@ p.c4p--about-modal__copyright-text:first-child {
   inset-inline-start: -0.375rem;
 }
 
+.cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
+  inline-size: 1.5rem;
+}
+.cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
+  block-size: 1.5rem;
+}
+
 .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
   inline-size: 2rem;
 }
@@ -4900,6 +5300,13 @@ p.c4p--about-modal__copyright-text:first-child {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--overflow-menu-options__option *,
+.cds--overflow-menu-options__option *::before,
+.cds--overflow-menu-options__option *::after {
+  box-sizing: inherit;
+}
+.cds--overflow-menu-options__option {
   display: flex;
   align-items: center;
   padding: 0;
@@ -4908,10 +5315,9 @@ p.c4p--about-modal__copyright-text:first-child {
   inline-size: 100%;
   transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
 }
-.cds--overflow-menu-options__option *,
-.cds--overflow-menu-options__option *::before,
-.cds--overflow-menu-options__option *::after {
-  box-sizing: inherit;
+
+.cds--overflow-menu-options--xs .cds--overflow-menu-options__option {
+  block-size: 1.5rem;
 }
 
 .cds--overflow-menu-options--sm .cds--overflow-menu-options__option {
@@ -6862,14 +7268,16 @@ a.cds--overflow-menu-options__btn::before {
 .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);
@@ -6924,14 +7332,16 @@ a.cds--overflow-menu-options__btn::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: flex;
-  list-style: none;
 }
 .cds--progress *,
 .cds--progress *::before,
 .cds--progress *::after {
   box-sizing: inherit;
 }
+.cds--progress {
+  display: flex;
+  list-style: none;
+}
 
 .cds--progress-step {
   position: relative;
@@ -7100,6 +7510,13 @@ a.cds--overflow-menu-options__btn::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--progress-step-button *,
+.cds--progress-step-button *::before,
+.cds--progress-step-button *::after {
+  box-sizing: inherit;
+}
+.cds--progress-step-button {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -7108,17 +7525,14 @@ a.cds--overflow-menu-options__btn::before {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
-  display: flex;
-  text-align: start;
-}
-.cds--progress-step-button *,
-.cds--progress-step-button *::before,
-.cds--progress-step-button *::after {
-  box-sizing: inherit;
 }
 .cds--progress-step-button::-moz-focus-inner {
   border: 0;
 }
+.cds--progress-step-button {
+  display: flex;
+  text-align: start;
+}
 
 .cds--progress-step-button--unclickable {
   cursor: default;
@@ -7169,9 +7583,6 @@ a.cds--overflow-menu-options__btn::before {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 0.875rem;
-  inline-size: 2.5rem;
-  margin-block-start: 0.625rem;
 }
 .cds--progress.cds--skeleton .cds--progress-label:hover, .cds--progress.cds--skeleton .cds--progress-label:focus, .cds--progress.cds--skeleton .cds--progress-label:active {
   border: none;
@@ -7202,6 +7613,11 @@ a.cds--overflow-menu-options__btn::before {
     forced-color-adjust: none;
   }
 }
+.cds--progress.cds--skeleton .cds--progress-label {
+  block-size: 0.875rem;
+  inline-size: 2.5rem;
+  margin-block-start: 0.625rem;
+}
 
 .cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {
   margin-block-start: 0.0625rem;
@@ -7404,7 +7820,7 @@ a.cds--overflow-menu-options__btn::before {
   background-color: transparent;
 }
 .cds--toggle--readonly .cds--toggle__switch::before {
-  background-color: var(--cds-text-primary, #161616);
+  background-color: var(--cds-icon-primary, #161616);
   inset-block-start: 0.125rem;
   inset-inline-start: 0.125rem;
 }
@@ -7445,9 +7861,6 @@ a.cds--overflow-menu-options__btn::before {
   overflow: hidden;
   border-radius: 50%;
   background: var(--cds-skeleton-background, #e8e8e8);
-  border-radius: 50%;
-  block-size: 1.125rem;
-  inline-size: 1.125rem;
 }
 .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
   position: absolute;
@@ -7472,6 +7885,11 @@ a.cds--overflow-menu-options__btn::before {
     forced-color-adjust: none;
   }
 }
+.cds--toggle--skeleton .cds--toggle__skeleton-circle {
+  border-radius: 50%;
+  block-size: 1.125rem;
+  inline-size: 1.125rem;
+}
 
 .cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
   position: relative;
@@ -7480,9 +7898,6 @@ a.cds--overflow-menu-options__btn::before {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 0.5rem;
-  inline-size: 1.5rem;
-  margin-inline-start: 0.5rem;
 }
 .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:hover, .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:focus, .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:active {
   border: none;
@@ -7513,6 +7928,11 @@ a.cds--overflow-menu-options__btn::before {
     forced-color-adjust: none;
   }
 }
+.cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
+  block-size: 0.5rem;
+  inline-size: 1.5rem;
+  margin-inline-start: 0.5rem;
+}
 
 [dir=rtl] .cds--toggle__switch--checked::before {
   transform: translateX(-1.5rem);
@@ -7713,13 +8133,15 @@ a.cds--overflow-menu-options__btn::before {
   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;
@@ -7737,13 +8159,15 @@ a.cds--overflow-menu-options__btn::before {
   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;
@@ -8112,13 +8536,9 @@ a.cds--overflow-menu-options__btn::before {
   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;
@@ -8134,6 +8554,10 @@ a.cds--overflow-menu-options__btn::before {
     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));
@@ -8178,7 +8602,6 @@ a.cds--overflow-menu-options__btn::before {
   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;
@@ -8192,9 +8615,12 @@ a.cds--overflow-menu-options__btn::before {
 .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%;
@@ -8212,7 +8638,7 @@ a.cds--overflow-menu-options__btn::before {
 }
 .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 {
@@ -8359,152 +8785,460 @@ a.cds--overflow-menu-options__btn::before {
 .c4p--side-panel .cds--btn.c4p--side-panel__close-button .c4p--side-panel--btn__icon {
   margin: 0;
 }
-.c4p--side-panel .cds--btn--md.c4p--side-panel__navigation-back-button,
-.c4p--side-panel .cds--btn--md.c4p--side-panel__close-button {
-  block-size: 2.5rem;
-  inline-size: 2.5rem;
+.c4p--side-panel .cds--btn--md.c4p--side-panel__navigation-back-button,
+.c4p--side-panel .cds--btn--md.c4p--side-panel__close-button {
+  block-size: 2.5rem;
+  inline-size: 2.5rem;
+}
+.c4p--side-panel .c4p--side-panel__slug-and-close,
+.c4p--side-panel .c4p--side-panel__ai-label-and-close,
+.c4p--side-panel .c4p--side-panel__decorator-and-close {
+  position: absolute;
+  z-index: 10; /* must be higher than title container border bottom */
+  display: flex;
+  block-size: 2rem;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  /* stylelint-disable-next-line max-nesting-depth */
+}
+@media (prefers-reduced-motion) {
+  .c4p--side-panel .c4p--side-panel__slug-and-close,
+  .c4p--side-panel .c4p--side-panel__ai-label-and-close,
+  .c4p--side-panel .c4p--side-panel__decorator-and-close {
+    position: absolute;
+  }
+}
+.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-01, #c6c6c6);
+  inset-block-end: 0;
+}
+.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button {
+  inline-size: 100%;
+  max-inline-size: 100%;
+}
+@media (min-width: 42rem) {
+  .c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl {
+    flex-direction: row;
+  }
+  .c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button {
+    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);
+}
+
+@keyframes side-panel-overlay-entrance {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes side-panel-overlay-exit {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+.c4p--side-panel__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--side-panel__overlay {
+  position: fixed;
+  z-index: 6000;
+  animation: side-panel-overlay-entrance 150ms cubic-bezier(0, 0, 0.38, 0.9) forwards;
+  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
+  block-size: 100%;
+  inline-size: 100%;
+  inset: 0;
+}
+
+.c4p--side-panel__overlay--closing {
+  animation: side-panel-overlay-exit 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
+}
+
+/* stylelint-disable-next-line carbon/theme-token-use */
+.c4p--side-panel--has-slug + .c4p--side-panel__overlay,
+.c4p--side-panel--has-ai-label + .c4p--side-panel__overlay,
+.c4p--side-panel--has-decorator + .c4p--side-panel__overlay {
+  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
+}
+
+.c4p--create-side-panel.c4p--side-panel .c4p--create-side-panel__content-text {
+  padding-inline-end: calc(20% - 1rem);
+}
+
+.cds--form.c4p--create-side-panel__form {
+  padding-block-start: 1rem;
+}
+
+.c4p--create-side-panel__form.cds--fieldset {
+  padding-block-start: 0.5rem;
+}
+
+.c4p--create-side-panel__form > * {
+  margin-block-end: 1rem;
+}
+
+.c4p--create-side-panel__form-title-text {
+  font-size: var(--cds-heading-compact-02-font-size, 1rem);
+  font-weight: var(--cds-heading-compact-02-font-weight, 600);
+  line-height: var(--cds-heading-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
+  padding-block-end: 0.5rem;
+}
+
+.c4p--create-side-panel__form-description-text {
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
+}
+
+.c4p--create-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
+  display: none;
+}
+
+.c4p--create-side-panel .c4p--side-panel__subtitle-text {
+  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--side-panel .c4p--side-panel__slug-and-close,
-.c4p--side-panel .c4p--side-panel__ai-label-and-close,
-.c4p--side-panel .c4p--side-panel__decorator-and-close {
-  position: absolute;
-  z-index: 10; /* must be higher than title container border bottom */
-  display: flex;
-  block-size: 2rem;
-  inset-block-start: 0;
-  inset-inline-end: 0;
-  /* stylelint-disable-next-line max-nesting-depth */
+.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 */
 }
-@media (prefers-reduced-motion) {
-  .c4p--side-panel .c4p--side-panel__slug-and-close,
-  .c4p--side-panel .c4p--side-panel__ai-label-and-close,
-  .c4p--side-panel .c4p--side-panel__decorator-and-close {
-    position: absolute;
-  }
+.c4p--tearsheet__next .c4p--tearsheet__next__body-layout:not(:has(> .c4p--tearsheet__next__influencer)) {
+  grid-template-areas: "body" "footer";
+  grid-template-columns: 1fr;
 }
-.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);
-  inset-block-end: 0;
+.c4p--tearsheet__next {
+  /* Assign components to their named grid areas */
 }
-.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl {
-  flex-direction: column;
+.c4p--tearsheet__next .c4p--tearsheet__next__influencer {
+  grid-area: influencer;
 }
-.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button {
-  inline-size: 100%;
-  max-inline-size: 100%;
+.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 (min-width: 42rem) {
-  .c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl {
-    flex-direction: row;
-  }
-  .c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button {
-    inline-size: 25%;
+@media (max-width: 41.98rem) {
+  .c4p--tearsheet__next .c4p--tearsheet__next__body {
+    grid-template-columns: 1fr 0;
   }
 }
-.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);
+.c4p--tearsheet__next .c4p--tearsheet__next__body > *:only-child {
+  grid-column: 1/-1;
 }
-
-@keyframes side-panel-overlay-entrance {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
+.c4p--tearsheet__next .c4p--tearsheet__next__footer {
+  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  grid-area: footer;
 }
-@keyframes side-panel-overlay-exit {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
+.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--side-panel__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--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--side-panel__overlay {
-  position: fixed;
-  z-index: 6000;
-  animation: side-panel-overlay-entrance 150ms cubic-bezier(0, 0, 0.38, 0.9) forwards;
-  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
+.c4p--tearsheet__next .c4p--side-panel {
+  position: absolute;
+  z-index: 9999;
   block-size: 100%;
   inline-size: 100%;
-  inset: 0;
-}
-
-.c4p--side-panel__overlay--closing {
-  animation: side-panel-overlay-exit 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
-}
-
-/* stylelint-disable-next-line carbon/theme-token-use */
-.c4p--side-panel--has-slug + .c4p--side-panel__overlay,
-.c4p--side-panel--has-ai-label + .c4p--side-panel__overlay,
-.c4p--side-panel--has-decorator + .c4p--side-panel__overlay {
-  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
-}
-
-.c4p--create-side-panel.c4p--side-panel .c4p--create-side-panel__content-text {
-  padding-inline-end: calc(20% - 1rem);
+  inset-block-start: 0;
+  max-inline-size: none;
 }
-
-.cds--form.c4p--create-side-panel__form {
-  padding-block-start: 1rem;
+.c4p--tearsheet__next .c4p--side-panel .c4p--side-panel__header {
+  min-block-size: 0;
 }
 
-.c4p--create-side-panel__form.cds--fieldset {
-  padding-block-start: 0.5rem;
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header {
+  padding-inline: 1rem;
 }
-
-.c4p--create-side-panel__form > * {
-  margin-block-end: 1rem;
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header-content-wrapper {
+  display: flex;
+  flex-direction: column;
 }
-
-.c4p--create-side-panel__form-title-text {
-  font-size: var(--cds-heading-compact-02-font-size, 1rem);
-  font-weight: var(--cds-heading-compact-02-font-weight, 600);
-  line-height: var(--cds-heading-compact-02-line-height, 1.375);
-  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
-  padding-block-end: 0.5rem;
+.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--create-side-panel__form-description-text {
-  font-size: var(--cds-body-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-01-font-weight, 400);
-  line-height: var(--cds-body-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__content__header-actions {
+  justify-content: flex-start;
+  margin-inline-end: 0;
 }
-
-.c4p--create-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
-  display: none;
+.c4p--tearsheet__next--narrow .c4p--tearsheet__next__body {
+  grid-template-columns: 1fr 0;
 }
-
-.c4p--create-side-panel .c4p--side-panel__subtitle-text {
-  color: var(--cds-text-secondary, #525252);
+.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;
@@ -8524,6 +9258,14 @@ a.cds--overflow-menu-options__btn::before {
   /* 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;
@@ -8597,8 +9339,10 @@ a.cds--overflow-menu-options__btn::before {
 .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);
@@ -8675,6 +9419,7 @@ a.cds--overflow-menu-options__btn::before {
 }
 .c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__body {
   display: flex;
+  overflow: hidden;
   flex-direction: row;
   padding: 0;
   margin: 0;
@@ -8755,6 +9500,7 @@ a.cds--overflow-menu-options__btn::before {
 .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) {
@@ -8828,13 +9574,15 @@ a.cds--overflow-menu-options__btn::before {
 .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;
@@ -8952,6 +9700,13 @@ a.cds--overflow-menu-options__btn::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--link *,
+.cds--link *::before,
+.cds--link *::after {
+  box-sizing: inherit;
+}
+.cds--link {
   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);
@@ -8962,36 +9717,35 @@ a.cds--overflow-menu-options__btn::before {
   text-decoration: none;
   transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--link *,
-.cds--link *::before,
-.cds--link *::after {
-  box-sizing: inherit;
-}
 .cds--link:hover {
   color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
   text-decoration: underline;
 }
 .cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
   outline: 1px solid var(--cds-focus, #0f62fe);
-  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
-  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
-  text-decoration: underline;
 }
 @media screen and (prefers-contrast) {
   .cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
     outline-style: dotted;
   }
 }
-.cds--link:focus:not(.cds--link--disabled) {
-  outline: 1px solid var(--cds-focus, #0f62fe);
+.cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
+  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
   outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
   text-decoration: underline;
 }
+.cds--link:focus:not(.cds--link--disabled) {
+  outline: 1px solid var(--cds-focus, #0f62fe);
+}
 @media screen and (prefers-contrast) {
   .cds--link:focus:not(.cds--link--disabled) {
     outline-style: dotted;
   }
 }
+.cds--link:focus:not(.cds--link--disabled) {
+  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
+  text-decoration: underline;
+}
 .cds--link:visited {
   color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
 }
@@ -9008,14 +9762,6 @@ a.cds--overflow-menu-options__btn::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  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);
-  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
-  cursor: not-allowed;
-  font-weight: 400;
-  text-decoration: none;
 }
 .cds--link--disabled *,
 .cds--link--disabled *::before,
@@ -9025,6 +9771,17 @@ a.cds--overflow-menu-options__btn::before {
 .cds--link--disabled:hover *::after {
   box-sizing: inherit;
 }
+.cds--link--disabled,
+.cds--link--disabled:hover {
+  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);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  cursor: not-allowed;
+  font-weight: 400;
+  text-decoration: none;
+}
 
 .cds--link.cds--link--visited:visited {
   color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
@@ -9144,15 +9901,17 @@ a.cds--overflow-menu-options__btn::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  position: relative;
-  display: flex;
-  align-items: center;
 }
 .cds--radio-button-group *,
 .cds--radio-button-group *::before,
 .cds--radio-button-group *::after {
   box-sizing: inherit;
 }
+.cds--radio-button-group {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
 
 .cds--label + .cds--form-item .cds--radio-button-group {
   margin-block-start: 0;
@@ -9211,6 +9970,13 @@ a.cds--overflow-menu-options__btn::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--radio-button__appearance *,
+.cds--radio-button__appearance *::before,
+.cds--radio-button__appearance *::after {
+  box-sizing: inherit;
+}
+.cds--radio-button__appearance {
   flex-shrink: 0;
   border: 1px solid var(--cds-icon-primary, #161616);
   border-radius: 50%;
@@ -9220,11 +9986,6 @@ a.cds--overflow-menu-options__btn::before {
   margin-block: 0.0625rem 0.125rem;
   margin-inline: 0.125rem 0.625rem;
 }
-.cds--radio-button__appearance *,
-.cds--radio-button__appearance *::before,
-.cds--radio-button__appearance *::after {
-  box-sizing: inherit;
-}
 
 .cds--radio-button-group--vertical .cds--radio-button__appearance {
   margin-block: 0;
@@ -9341,8 +10102,6 @@ a.cds--overflow-menu-options__btn::before {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 1.125rem;
-  inline-size: 6.25rem;
 }
 .cds--radio-button__label.cds--skeleton:hover, .cds--radio-button__label.cds--skeleton:focus, .cds--radio-button__label.cds--skeleton:active {
   border: none;
@@ -9373,6 +10132,10 @@ a.cds--overflow-menu-options__btn::before {
     forced-color-adjust: none;
   }
 }
+.cds--radio-button__label.cds--skeleton {
+  block-size: 1.125rem;
+  inline-size: 6.25rem;
+}
 
 .cds--radio-button__label.cds--skeleton .cds--radio-button__appearance {
   display: none;
@@ -9867,14 +10630,6 @@ a.cds--overflow-menu-options__btn::before {
   margin-inline-end: 0.5rem;
 }
 
-.cds--file--label {
-  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-heading-compact-01-font-weight, 600);
-  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
-  color: var(--cds-text-primary, #161616);
-  margin-block-end: 0.5rem;
-}
 .cds--file--label html {
   font-size: 100%;
 }
@@ -9891,6 +10646,14 @@ a.cds--overflow-menu-options__btn::before {
 .cds--file--label strong {
   font-weight: 600;
 }
+.cds--file--label {
+  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-heading-compact-01-font-weight, 600);
+  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
+  color: var(--cds-text-primary, #161616);
+  margin-block-end: 0.5rem;
+}
 
 .cds--file--label--disabled {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -9951,14 +10714,6 @@ a.cds--overflow-menu-options__btn::before {
   border: 1px dashed var(--cds-button-disabled, #c6c6c6);
 }
 
-.cds--label-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);
-  color: var(--cds-text-secondary, #525252);
-  margin-block-end: 1rem;
-}
 .cds--label-description html {
   font-size: 100%;
 }
@@ -9975,6 +10730,14 @@ a.cds--overflow-menu-options__btn::before {
 .cds--label-description strong {
   font-weight: 600;
 }
+.cds--label-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);
+  color: var(--cds-text-secondary, #525252);
+  margin-block-end: 1rem;
+}
 
 .cds--label-description--disabled {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
@@ -10109,27 +10872,31 @@ a.cds--overflow-menu-options__btn::before {
 .cds--file__selected-file--invalid__wrapper {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
-  background-color: var(--cds-layer);
-  margin-block-end: 0.5rem;
-  max-inline-size: 20rem;
-  outline-width: 1px;
 }
 @media screen and (prefers-contrast) {
   .cds--file__selected-file--invalid__wrapper {
     outline-style: dotted;
   }
 }
+.cds--file__selected-file--invalid__wrapper {
+  background-color: var(--cds-layer);
+  margin-block-end: 0.5rem;
+  max-inline-size: 20rem;
+  outline-width: 1px;
+}
 
 .cds--file__selected-file--invalid {
   outline: 2px solid var(--cds-support-error, #da1e28);
   outline-offset: -2px;
-  padding: 0.75rem 0;
 }
 @media screen and (prefers-contrast) {
   .cds--file__selected-file--invalid {
     outline-style: dotted;
   }
 }
+.cds--file__selected-file--invalid {
+  padding: 0.75rem 0;
+}
 
 .cds--file__selected-file--invalid.cds--file__selected-file--sm {
   padding: 0.25rem 0;
@@ -10270,6 +11037,13 @@ a.cds--overflow-menu-options__btn::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--file__drop-container *,
+.cds--file__drop-container *::before,
+.cds--file__drop-container *::after {
+  box-sizing: inherit;
+}
+.cds--file__drop-container {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -10278,6 +11052,11 @@ a.cds--overflow-menu-options__btn::before {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--file__drop-container::-moz-focus-inner {
+  border: 0;
+}
+.cds--file__drop-container {
   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);
@@ -10290,14 +11069,6 @@ a.cds--overflow-menu-options__btn::before {
   border: 1px dashed var(--cds-border-strong);
   block-size: 6rem;
 }
-.cds--file__drop-container *,
-.cds--file__drop-container *::before,
-.cds--file__drop-container *::after {
-  box-sizing: inherit;
-}
-.cds--file__drop-container::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--file__drop-container--drag-over {
   background: none;
@@ -11108,17 +11879,19 @@ button.c4p--add-select__global-filter-toggle--open {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  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);
-  display: inline;
 }
 .cds--breadcrumb *,
 .cds--breadcrumb *::before,
 .cds--breadcrumb *::after {
   box-sizing: inherit;
 }
+.cds--breadcrumb {
+  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);
+  display: inline;
+}
 @media (min-width: 42rem) {
   .cds--breadcrumb {
     display: flex;
@@ -11298,8 +12071,6 @@ button.c4p--add-select__global-filter-toggle--open {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 1rem;
-  inline-size: 6.25rem;
 }
 .cds--breadcrumb.cds--skeleton .cds--link:hover, .cds--breadcrumb.cds--skeleton .cds--link:focus, .cds--breadcrumb.cds--skeleton .cds--link:active {
   border: none;
@@ -11330,6 +12101,10 @@ button.c4p--add-select__global-filter-toggle--open {
     forced-color-adjust: none;
   }
 }
+.cds--breadcrumb.cds--skeleton .cds--link {
+  block-size: 1rem;
+  inline-size: 6.25rem;
+}
 
 @keyframes ai-skeleton-animation {
   0% {
@@ -11346,9 +12121,6 @@ button.c4p--add-select__global-filter-toggle--open {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  display: inline-block;
-  block-size: 1rem;
-  inline-size: 1rem;
 }
 .cds--icon--skeleton:hover, .cds--icon--skeleton:focus, .cds--icon--skeleton:active {
   border: none;
@@ -11379,6 +12151,11 @@ button.c4p--add-select__global-filter-toggle--open {
     forced-color-adjust: none;
   }
 }
+.cds--icon--skeleton {
+  display: inline-block;
+  block-size: 1rem;
+  inline-size: 1rem;
+}
 
 .cds--skeleton__placeholder {
   position: relative;
@@ -11387,8 +12164,6 @@ button.c4p--add-select__global-filter-toggle--open {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 6.25rem;
-  inline-size: 6.25rem;
 }
 .cds--skeleton__placeholder:hover, .cds--skeleton__placeholder:focus, .cds--skeleton__placeholder:active {
   border: none;
@@ -11419,6 +12194,10 @@ button.c4p--add-select__global-filter-toggle--open {
     forced-color-adjust: none;
   }
 }
+.cds--skeleton__placeholder {
+  block-size: 6.25rem;
+  inline-size: 6.25rem;
+}
 
 .cds--skeleton__text {
   position: relative;
@@ -11427,9 +12206,6 @@ button.c4p--add-select__global-filter-toggle--open {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 1rem;
-  inline-size: 100%;
-  margin-block-end: 0.5rem;
 }
 .cds--skeleton__text:hover, .cds--skeleton__text:focus, .cds--skeleton__text:active {
   border: none;
@@ -11460,6 +12236,11 @@ button.c4p--add-select__global-filter-toggle--open {
     forced-color-adjust: none;
   }
 }
+.cds--skeleton__text {
+  block-size: 1rem;
+  inline-size: 100%;
+  margin-block-end: 0.5rem;
+}
 
 .cds--skeleton__heading {
   block-size: 1.5rem;
@@ -11510,41 +12291,37 @@ button.c4p--add-select__global-filter-toggle--open {
 }
 .cds--tag {
   --cds-layout-size-height-xs: 1.125rem;
-  --cds-layout-size-height-sm: 1.125rem;
-  --cds-layout-size-height-md: 1.5rem;
-  --cds-layout-size-height-lg: 2rem;
-  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
-  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);
-  background-color: var(--cds-tag-background-gray, #e0e0e0);
-  color: var(--cds-tag-color-gray, #161616);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 1rem;
-  margin: 0.25rem;
-  cursor: default;
-  max-inline-size: 13rem;
-  min-block-size: var(--cds-layout-size-height-local);
-  min-inline-size: 2rem;
-  padding-inline: 0.5rem;
-  vertical-align: middle;
-  word-break: break-word;
 }
 .cds--tag.cds--layout--size-xs, .cds--layout--size-xs :where(.cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-xs);
 }
+.cds--tag {
+  --cds-layout-size-height-sm: 1.125rem;
+}
 .cds--tag.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-sm);
 }
+.cds--tag {
+  --cds-layout-size-height-md: 1.5rem;
+}
 .cds--tag.cds--layout--size-md, .cds--layout--size-md :where(.cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-md);
 }
+.cds--tag {
+  --cds-layout-size-height-lg: 2rem;
+}
 .cds--tag.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--tag) {
   --cds-layout-size-height: var(--cds-layout-size-height-lg);
 }
+.cds--tag {
+  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
+  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);
+  background-color: var(--cds-tag-background-gray, #e0e0e0);
+  color: var(--cds-tag-color-gray, #161616);
+}
 .cds--tag.cds--tag--operational {
   border: 1px solid var(--cds-tag-background-gray, #e0e0e0);
 }
@@ -11557,6 +12334,19 @@ button.c4p--add-select__global-filter-toggle--open {
 .cds--tag .cds--definition-term .cds--tag__label {
   color: var(--cds-tag-color-gray, #161616);
 }
+.cds--tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 1rem;
+  cursor: default;
+  max-inline-size: 13rem;
+  min-block-size: var(--cds-layout-size-height-local);
+  min-inline-size: 2rem;
+  padding-inline: 0.5rem;
+  vertical-align: middle;
+  word-break: break-word;
+}
 .cds--tag.cds--tag--lg {
   padding-inline-start: 0.75rem;
 }
@@ -11830,8 +12620,6 @@ button.c4p--add-select__global-filter-toggle--open {
 .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
   background-color: var(--cds-background, #ffffff);
   color: var(--cds-text-primary, #161616);
-  outline: 1px solid var(--cds-background-inverse, #393939);
-  outline-offset: -1px;
 }
 .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
   border: 1px solid var(--cds-background, #ffffff);
@@ -11845,14 +12633,16 @@ button.c4p--add-select__global-filter-toggle--open {
 .cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--definition-term .cds--tag__label {
   color: var(--cds-text-primary, #161616);
 }
+.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
+  outline: 1px solid var(--cds-background-inverse, #393939);
+  outline-offset: -1px;
+}
 
 .cds--tag--disabled:not(.cds--tag--operational),
 .cds--tag--filter.cds--tag--disabled,
 .cds--tag--interactive.cds--tag--disabled {
   background-color: var(--cds-layer);
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
-  box-shadow: none;
-  outline: none;
 }
 .cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,
 .cds--tag--filter.cds--tag--disabled.cds--tag--operational,
@@ -11874,6 +12664,12 @@ button.c4p--add-select__global-filter-toggle--open {
 .cds--tag--interactive.cds--tag--disabled .cds--definition-term .cds--tag__label {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
 }
+.cds--tag--disabled:not(.cds--tag--operational),
+.cds--tag--filter.cds--tag--disabled,
+.cds--tag--interactive.cds--tag--disabled {
+  box-shadow: none;
+  outline: none;
+}
 .cds--tag--disabled:not(.cds--tag--operational):hover,
 .cds--tag--filter.cds--tag--disabled:hover,
 .cds--tag--interactive.cds--tag--disabled:hover {
@@ -11975,10 +12771,6 @@ button.c4p--add-select__global-filter-toggle--open {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  background-color: var(--cds-skeleton-background, #e8e8e8);
-  color: var(--cds-text-primary, #161616);
-  overflow: hidden;
-  inline-size: 3.75rem;
 }
 .cds--tag.cds--skeleton:hover, .cds--tag.cds--skeleton:focus, .cds--tag.cds--skeleton:active {
   border: none;
@@ -12009,6 +12801,10 @@ button.c4p--add-select__global-filter-toggle--open {
     forced-color-adjust: none;
   }
 }
+.cds--tag.cds--skeleton {
+  background-color: var(--cds-skeleton-background, #e8e8e8);
+  color: var(--cds-text-primary, #161616);
+}
 .cds--tag.cds--skeleton.cds--tag--operational {
   border: 1px solid var(--cds-skeleton-background, #e8e8e8);
 }
@@ -12021,6 +12817,10 @@ button.c4p--add-select__global-filter-toggle--open {
 .cds--tag.cds--skeleton .cds--definition-term .cds--tag__label {
   color: var(--cds-text-primary, #161616);
 }
+.cds--tag.cds--skeleton {
+  overflow: hidden;
+  inline-size: 3.75rem;
+}
 @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
   .cds--tag.cds--skeleton {
     transform: translateZ(0);
@@ -13695,6 +14495,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;
@@ -13713,6 +14517,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;
@@ -13731,7 +14539,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 {
@@ -13742,6 +14550,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 {
@@ -14424,13 +15233,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;
@@ -14438,6 +15240,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;
@@ -14582,6 +15391,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;
 }
@@ -14712,8 +15524,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;
@@ -14724,6 +15534,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 */
 }
@@ -14736,6 +15549,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 */
 }
@@ -15034,12 +15850,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,
@@ -15047,13 +15857,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,
@@ -15061,6 +15871,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,
@@ -15308,12 +16124,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,
@@ -15321,13 +16131,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,
@@ -15335,6 +16145,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,
@@ -15402,6 +16218,13 @@ button.c4p--add-select__global-filter-toggle--open {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--search-input *,
+.cds--search-input *::before,
+.cds--search-input *::after {
+  box-sizing: inherit;
+}
+.cds--search-input {
   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);
@@ -15419,11 +16242,6 @@ button.c4p--add-select__global-filter-toggle--open {
   text-overflow: ellipsis;
   transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--search-input *,
-.cds--search-input *::before,
-.cds--search-input *::after {
-  box-sizing: inherit;
-}
 .cds--search-input:focus {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
@@ -15440,6 +16258,11 @@ button.c4p--add-select__global-filter-toggle--open {
 .cds--search-input::-ms-clear {
   display: none;
 }
+.cds--search-input::-webkit-search-decoration, .cds--search-input::-webkit-search-cancel-button, .cds--search-input::-webkit-search-results-button, .cds--search-input::-webkit-search-results-decoration {
+  display: none;
+  -webkit-appearance: none;
+  appearance: none;
+}
 
 .cds--search-input[disabled] {
   background-color: var(--cds-field);
@@ -15493,6 +16316,13 @@ button.c4p--add-select__global-filter-toggle--open {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--search-magnifier-icon *,
+.cds--search-magnifier-icon *::before,
+.cds--search-magnifier-icon *::after {
+  box-sizing: inherit;
+}
+.cds--search-magnifier-icon {
   position: absolute;
   z-index: 2;
   block-size: 1rem;
@@ -15503,11 +16333,6 @@ button.c4p--add-select__global-filter-toggle--open {
   pointer-events: none;
   transform: translateY(-50%);
 }
-.cds--search-magnifier-icon *,
-.cds--search-magnifier-icon *::before,
-.cds--search-magnifier-icon *::after {
-  box-sizing: inherit;
-}
 
 .cds--search-close {
   box-sizing: border-box;
@@ -15517,6 +16342,13 @@ button.c4p--add-select__global-filter-toggle--open {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--search-close *,
+.cds--search-close *::before,
+.cds--search-close *::after {
+  box-sizing: inherit;
+}
+.cds--search-close {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -15524,20 +16356,17 @@ button.c4p--add-select__global-filter-toggle--open {
   background: none;
   cursor: pointer;
   text-align: start;
+}
+.cds--search-close::-moz-focus-inner {
+  border: 0;
+}
+.cds--search-close {
   outline: 2px solid transparent;
   outline-offset: -2px;
   position: absolute;
   inset-block-start: 0;
   inset-inline-end: 0;
 }
-.cds--search-close *,
-.cds--search-close *::before,
-.cds--search-close *::after {
-  box-sizing: inherit;
-}
-.cds--search-close::-moz-focus-inner {
-  border: 0;
-}
 .cds--search-close::before {
   position: absolute;
   display: block;
@@ -15610,7 +16439,6 @@ button.c4p--add-select__global-filter-toggle--open {
 .cds--search-button:active {
   outline: 2px solid var(--cds-focus, #0f62fe);
   outline-offset: -2px;
-  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
 }
 @media screen and (prefers-contrast) {
   .cds--search-close:active,
@@ -15618,6 +16446,10 @@ button.c4p--add-select__global-filter-toggle--open {
     outline-style: dotted;
   }
 }
+.cds--search-close:active,
+.cds--search-button:active {
+  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
+}
 
 .cds--search--disabled .cds--search-close,
 .cds--search--disabled.cds--search--expandable .cds--search-magnifier {
@@ -15694,7 +16526,6 @@ button.c4p--add-select__global-filter-toggle--open {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  inline-size: 100%;
 }
 .cds--search--lg.cds--skeleton .cds--search-input:hover, .cds--search--lg.cds--skeleton .cds--search-input:focus, .cds--search--lg.cds--skeleton .cds--search-input:active,
 .cds--search--md.cds--skeleton .cds--search-input:hover,
@@ -15739,6 +16570,11 @@ button.c4p--add-select__global-filter-toggle--open {
     forced-color-adjust: none;
   }
 }
+.cds--search--lg.cds--skeleton .cds--search-input,
+.cds--search--md.cds--skeleton .cds--search-input,
+.cds--search--sm.cds--skeleton .cds--search-input {
+  inline-size: 100%;
+}
 .cds--search--lg.cds--skeleton .cds--search-input::placeholder,
 .cds--search--md.cds--skeleton .cds--search-input::placeholder,
 .cds--search--sm.cds--skeleton .cds--search-input::placeholder {
@@ -15804,17 +16640,17 @@ button.c4p--add-select__global-filter-toggle--open {
   fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
 }
 
+@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 {
@@ -16356,29 +17192,6 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-tag-background-warm-gray: #565151;
   --cds-tag-color-warm-gray: #f7f3f2;
   --cds-tag-hover-warm-gray: #696363;
-  --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 {
@@ -16404,6 +17217,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;
@@ -16874,21 +17712,6 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-tag-background-warm-gray: #565151;
   --cds-tag-color-warm-gray: #f7f3f2;
   --cds-tag-hover-warm-gray: #696363;
-  --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 {
@@ -16914,6 +17737,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;
@@ -17596,15 +18436,17 @@ button.c4p--add-select__global-filter-toggle--open {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  overflow: hidden;
-  flex: 1 1 0%;
-  padding: 1rem 0 0;
 }
 .cds--side-nav__items *,
 .cds--side-nav__items *::before,
 .cds--side-nav__items *::after {
   box-sizing: inherit;
 }
+.cds--side-nav__items {
+  overflow: hidden;
+  flex: 1 1 0%;
+  padding: 1rem 0 0;
+}
 .cds--side-nav:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
   overflow-y: auto;
 }
@@ -17661,6 +18503,13 @@ button.c4p--add-select__global-filter-toggle--open {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--side-nav__submenu *,
+.cds--side-nav__submenu *::before,
+.cds--side-nav__submenu *::after {
+  box-sizing: inherit;
+}
+.cds--side-nav__submenu {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -17669,6 +18518,11 @@ button.c4p--add-select__global-filter-toggle--open {
   cursor: pointer;
   text-align: start;
   inline-size: 100%;
+}
+.cds--side-nav__submenu::-moz-focus-inner {
+  border: 0;
+}
+.cds--side-nav__submenu {
   font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-heading-compact-01-font-weight, 600);
   line-height: var(--cds-heading-compact-01-line-height, 1.28572);
@@ -17683,14 +18537,6 @@ button.c4p--add-select__global-filter-toggle--open {
   transition: color 110ms, background-color 110ms, outline 110ms;
   user-select: none;
 }
-.cds--side-nav__submenu *,
-.cds--side-nav__submenu *::before,
-.cds--side-nav__submenu *::after {
-  box-sizing: inherit;
-}
-.cds--side-nav__submenu::-moz-focus-inner {
-  border: 0;
-}
 
 .cds--side-nav__submenu:hover {
   background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
@@ -17770,15 +18616,17 @@ button.c4p--add-select__global-filter-toggle--open {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: block;
-  max-block-size: 0;
-  visibility: hidden;
 }
 .cds--side-nav__menu *,
 .cds--side-nav__menu *::before,
 .cds--side-nav__menu *::after {
   box-sizing: inherit;
 }
+.cds--side-nav__menu {
+  display: block;
+  max-block-size: 0;
+  visibility: hidden;
+}
 
 .cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
   max-block-size: 93.75rem;
@@ -17927,13 +18775,15 @@ a.cds--side-nav__link--current::before {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  display: none;
 }
 .cds--side-nav__header-navigation *,
 .cds--side-nav__header-navigation *::before,
 .cds--side-nav__header-navigation *::after {
   box-sizing: inherit;
 }
+.cds--side-nav__header-navigation {
+  display: none;
+}
 @media (max-width: 65.98rem) {
   .cds--side-nav__header-navigation {
     position: relative;
@@ -18035,7 +18885,6 @@ a.cds--side-nav__link--current::before {
 .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 {
@@ -18043,6 +18892,9 @@ a.cds--side-nav__link--current::before {
     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;
@@ -18107,7 +18959,6 @@ a.cds--side-nav__link--current::before {
   --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);
@@ -18135,6 +18986,9 @@ a.cds--side-nav__link--current::before {
 .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));
@@ -18259,12 +19113,14 @@ a.cds--side-nav__link--current::before {
   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;
@@ -19314,17 +20170,17 @@ a.cds--side-nav__link--current::before {
   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
@@ -20234,7 +21090,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;
@@ -20257,6 +21112,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;
 }
@@ -20484,7 +21342,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 .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 */
@@ -20854,7 +21712,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   -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);
@@ -20865,6 +21722,9 @@ th.c4p--datagrid__select-all-toggle-on.button {
     outline-style: dotted;
   }
 }
+.c4p--carousel__elements {
+  /* stylelint-disable-next-line max-nesting-depth */
+}
 @media (prefers-reduced-motion) {
   .c4p--carousel__elements {
     scroll-behavior: auto;
@@ -22245,21 +23105,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-tag-background-warm-gray: #e5e0df;
   --cds-tag-color-warm-gray: #171414;
   --cds-tag-hover-warm-gray: #d8d0cf;
-  --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 {
@@ -22285,6 +23130,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);
@@ -22737,23 +23599,8 @@ th.c4p--datagrid__select-all-toggle-on.button {
   --cds-tag-color-cool-gray: #f2f4f8;
   --cds-tag-hover-cool-gray: #5d646a;
   --cds-tag-background-warm-gray: #565151;
-  --cds-tag-color-warm-gray: #f7f3f2;
-  --cds-tag-hover-warm-gray: #696363;
-  --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);
+  --cds-tag-color-warm-gray: #f7f3f2;
+  --cds-tag-hover-warm-gray: #696363;
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--decorator--dark {
@@ -22779,6 +23626,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;
@@ -22909,10 +23773,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);
@@ -22920,6 +23780,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);
@@ -22930,9 +23794,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);
@@ -22940,6 +23801,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);
@@ -22958,9 +23822,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);
@@ -22968,16 +23829,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);
@@ -22985,6 +23845,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;
@@ -22995,10 +23859,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);
@@ -23006,14 +23866,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);
@@ -23021,6 +23882,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;
@@ -23033,10 +23897,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);
@@ -23044,6 +23904,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;
@@ -23081,10 +23945,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;
@@ -23093,11 +23953,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);
@@ -23105,11 +23965,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;
@@ -23118,11 +23978,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);
@@ -23130,6 +23990,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);
@@ -23144,10 +24008,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);
@@ -23155,6 +24015,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;
@@ -24071,12 +24935,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 {
@@ -24133,9 +24995,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 {
@@ -24194,6 +25055,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;
+}
 
 .cds--accordion {
   --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
@@ -24242,6 +25107,13 @@ th.c4p--datagrid__select-all-toggle-on.button {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
+}
+.cds--accordion__heading *,
+.cds--accordion__heading *::before,
+.cds--accordion__heading *::after {
+  box-sizing: inherit;
+}
+.cds--accordion__heading {
   display: inline-block;
   padding: 0;
   border: 0;
@@ -24251,11 +25123,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
   text-align: start;
   inline-size: 100%;
 }
-.cds--accordion__heading *,
-.cds--accordion__heading *::before,
-.cds--accordion__heading *::after {
-  box-sizing: inherit;
-}
 .cds--accordion__heading::-moz-focus-inner {
   border: 0;
 }
@@ -24565,19 +25432,6 @@ li.cds--accordion__item--disabled:last-of-type {
   inset-inline-start: 0.7rem;
 }
 
-.cds--checkbox-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);
-  position: relative;
-  display: flex;
-  cursor: pointer;
-  min-block-size: 1.25rem;
-  padding-block-start: 0.0625rem;
-  padding-inline-start: 1.25rem;
-  user-select: none;
-}
 .cds--checkbox-label html {
   font-size: 100%;
 }
@@ -24594,6 +25448,19 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--checkbox-label strong {
   font-weight: 600;
 }
+.cds--checkbox-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);
+  position: relative;
+  display: flex;
+  cursor: pointer;
+  min-block-size: 1.25rem;
+  padding-block-start: 0.0625rem;
+  padding-inline-start: 1.25rem;
+  user-select: none;
+}
 
 .cds--checkbox-label-text {
   padding-inline-start: 0.625rem;
@@ -24614,6 +25481,13 @@ li.cds--accordion__item--disabled:last-of-type {
   position: absolute;
   border: 1px solid var(--cds-icon-primary, #161616);
   border-radius: 2px;
+}
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--checkbox-label::before {
+    border: 1px solid ButtonBorder;
+  }
+}
+.cds--checkbox-label::before {
   background-color: transparent;
   block-size: 1rem;
   content: "";
@@ -24623,11 +25497,6 @@ li.cds--accordion__item--disabled:last-of-type {
   margin-block: 0.0625rem 0.125rem;
   margin-inline: 0.1875rem 0;
 }
-@media screen and (-ms-high-contrast: active), (forced-colors: active) {
-  .cds--checkbox-label::before {
-    border: 1px solid ButtonBorder;
-  }
-}
 
 .cds--checkbox-label::after {
   position: absolute;
@@ -24805,10 +25674,6 @@ li.cds--accordion__item--disabled:last-of-type {
   background: var(--cds-skeleton-background, #e8e8e8);
   box-shadow: none;
   pointer-events: none;
-  block-size: 1rem;
-  inline-size: 6.25rem;
-  margin-block: 0.0625rem 0;
-  margin-inline: 0.375rem 0;
 }
 .cds--checkbox-label-text.cds--skeleton:hover, .cds--checkbox-label-text.cds--skeleton:focus, .cds--checkbox-label-text.cds--skeleton:active {
   border: none;
@@ -24839,6 +25704,12 @@ li.cds--accordion__item--disabled:last-of-type {
     forced-color-adjust: none;
   }
 }
+.cds--checkbox-label-text.cds--skeleton {
+  block-size: 1rem;
+  inline-size: 6.25rem;
+  margin-block: 0.0625rem 0;
+  margin-inline: 0.375rem 0;
+}
 
 .cds--checkbox--inline {
   position: relative;
@@ -24919,11 +25790,6 @@ li.cds--accordion__item--disabled:last-of-type {
   font-family: inherit;
   font-size: 100%;
   vertical-align: baseline;
-  font-size: var(--cds-body-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-01-font-weight, 400);
-  line-height: var(--cds-body-01-line-height, 1.42857);
-  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
-  list-style: none;
 }
 .cds--list--nested *,
 .cds--list--nested *::before,
@@ -24939,6 +25805,16 @@ li.cds--accordion__item--disabled:last-of-type {
 .cds--list--ordered--native *::after {
   box-sizing: inherit;
 }
+.cds--list--nested,
+.cds--list--unordered,
+.cds--list--ordered,
+.cds--list--ordered--native {
+  font-size: var(--cds-body-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-01-font-weight, 400);
+  line-height: var(--cds-body-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
+  list-style: none;
+}
 
 .cds--list--unordered:not(.cds--list--nested) {
   margin-inline-start: 1rem;
@@ -25303,6 +26179,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;
@@ -25311,6 +26194,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);
@@ -25321,14 +26209,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);
@@ -25341,14 +26221,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 {
@@ -26306,15 +27188,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,
@@ -27028,24 +27912,6 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
   --cds-tag-background-warm-gray: #565151;
   --cds-tag-color-warm-gray: #f7f3f2;
   --cds-tag-hover-warm-gray: #696363;
-  --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;
 }
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .c4p--guidebanner {
@@ -27071,6 +27937,26 @@ html .c4p--filter-panel-accordion-item .cds--accordion__content {
     --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;