@carbon/ibm-products 2.93.0 → 2.94.0

package/css/index-without-carbon.css

@@ -1172,1515 +1172,515 @@ button.c4p--add-select__global-filter-toggle--open {
   content: initial;
 }
 
-:root {
-  --cds-grid-gutter: 2rem;
-  --cds-grid-columns: 4;
-  --cds-grid-margin: 0;
-}
-@media (min-width: 42rem) {
-  :root {
-    --cds-grid-columns: 8;
-    --cds-grid-margin: 1rem;
+@keyframes cds--hide-feedback {
+  0% {
+    opacity: 1;
+    visibility: inherit;
+  }
+  100% {
+    opacity: 0;
+    visibility: hidden;
   }
 }
-@media (min-width: 66rem) {
-  :root {
-    --cds-grid-columns: 16;
+@keyframes cds--show-feedback {
+  0% {
+    opacity: 0;
+    visibility: hidden;
+  }
+  100% {
+    opacity: 1;
+    visibility: inherit;
   }
 }
-@media (min-width: 99rem) {
-  :root {
-    --cds-grid-margin: 1.5rem;
+@keyframes cds--skeleton {
+  0% {
+    opacity: 0.3;
+    transform: scaleX(0);
+    transform-origin: left;
+  }
+  20% {
+    opacity: 1;
+    transform: scaleX(1);
+    transform-origin: left;
+  }
+  28% {
+    transform: scaleX(1);
+    transform-origin: right;
+  }
+  51% {
+    transform: scaleX(0);
+    transform-origin: right;
+  }
+  58% {
+    transform: scaleX(0);
+    transform-origin: right;
+  }
+  82% {
+    transform: scaleX(1);
+    transform-origin: right;
+  }
+  83% {
+    transform: scaleX(1);
+    transform-origin: left;
+  }
+  96% {
+    transform: scaleX(0);
+    transform-origin: left;
+  }
+  100% {
+    opacity: 0.3;
+    transform: scaleX(0);
+    transform-origin: left;
   }
 }
+.cds--layout--size-xs {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
+}
 
-.cds--css-grid {
-  --cds-grid-gutter-start: calc(var(--cds-grid-gutter) / 2);
-  --cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2);
-  --cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2);
-  display: grid;
-  grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
-  inline-size: 100%;
-  margin-inline: auto;
-  max-inline-size: 99rem;
-  padding-inline: var(--cds-grid-margin);
+.cds--layout-constraint--size__default-xs {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
 }
 
-.cds--css-grid--full-width {
-  max-inline-size: 100%;
+.cds--layout-constraint--size__min-xs {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
 }
 
-.cds--css-grid-column {
-  --cds-grid-mode-start: var(--cds-grid-gutter-start);
-  --cds-grid-mode-end: var(--cds-grid-gutter-end);
-  margin-inline: var(--cds-grid-gutter-start) var(--cds-grid-gutter-end);
+.cds--layout-constraint--size__max-xs {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
 }
-[dir=rtl] .cds--css-grid-column {
-  margin-inline: var(--cds-grid-gutter-end) var(--cds-grid-gutter-start);
+
+.cds--layout--size-sm {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
 
-.cds--css-grid--narrow {
-  --cds-grid-gutter-start: 0rem; /* stylelint-disable-line length-zero-no-unit */
+.cds--layout-constraint--size__default-sm {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
 }
 
-.cds--css-grid--condensed {
-  --cds-grid-gutter: 0.0625rem;
-  --cds-grid-column-hang: 0.96875rem;
+.cds--layout-constraint--size__min-sm {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
 }
 
-.cds--css-grid--with-row-gap {
-  row-gap: var(--cds-grid-gutter);
+.cds--layout-constraint--size__max-sm {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
 }
 
-.cds--css-grid--narrow.cds--css-grid--with-row-gap {
-  row-gap: calc(var(--cds-grid-gutter) / 2);
+.cds--layout--size-md {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
 
-.cds--css-grid--start {
-  margin-inline-start: 0;
+.cds--layout-constraint--size__default-md {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
 }
 
-.cds--css-grid--end {
-  margin-inline-end: 0;
+.cds--layout-constraint--size__min-md {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
 }
 
-.cds--subgrid {
-  display: grid;
-  grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
-  margin-inline: calc(var(--cds-grid-mode-start) * -1) calc(var(--cds-grid-mode-end) * -1);
+.cds--layout-constraint--size__max-md {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
 }
-[dir=rtl] .cds--subgrid {
-  margin-inline: calc(var(--cds-grid-mode-end) * -1) calc(var(--cds-grid-mode-start) * -1);
+
+.cds--layout--size-lg {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
 
-.cds--subgrid--wide {
-  --cds-grid-gutter-start: 1rem;
-  --cds-grid-gutter-end: 1rem;
-  --cds-grid-column-hang: 0;
+.cds--layout-constraint--size__default-lg {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
 }
 
-.cds--subgrid--narrow {
-  --cds-grid-gutter-start: 0rem; /* stylelint-disable-line length-zero-no-unit */
-  --cds-grid-gutter-end: 1rem;
-  --cds-grid-column-hang: 1rem;
+.cds--layout-constraint--size__min-lg {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
 }
 
-.cds--subgrid--condensed {
-  --cds-grid-gutter: 0.0625rem;
-  --cds-grid-gutter-start: 0.03125rem;
-  --cds-grid-gutter-end: 0.03125rem;
-  --cds-grid-column-hang: 0.96875rem;
+.cds--layout-constraint--size__max-lg {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
 }
 
-.cds--subgrid--with-row-gap {
-  row-gap: 2rem;
+.cds--layout--size-xl {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
 
-.cds--subgrid--narrow.cds--subgrid--with-row-gap {
-  row-gap: 1rem;
+.cds--layout-constraint--size__default-xl {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
 }
 
-.cds--subgrid--condensed.cds--subgrid--with-row-gap {
-  row-gap: 0.0625rem;
+.cds--layout-constraint--size__min-xl {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
 }
 
-.cds--grid-column-hang {
-  margin-inline-start: var(--cds-grid-column-hang);
+.cds--layout-constraint--size__max-xl {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
 }
-[dir=rtl] .cds--grid-column-hang {
-  margin-inline: initial var(--cds-grid-column-hang);
+
+.cds--layout--size-2xl {
+  --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
+  --cds-layout-size-height: var(--cds-layout-size-height-context);
 }
 
-.cds--col-span-0 {
-  display: none;
+.cds--layout-constraint--size__default-2xl {
+  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
 }
 
-.cds--col-span-1 {
-  --cds-grid-columns: 1;
-  display: block;
-  grid-column: span 1/span 1;
+.cds--layout-constraint--size__min-2xl {
+  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
 }
 
-.cds--col-span-2 {
-  --cds-grid-columns: 2;
-  display: block;
-  grid-column: span 2/span 2;
+.cds--layout-constraint--size__max-2xl {
+  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
 }
 
-.cds--col-span-3 {
-  --cds-grid-columns: 3;
-  display: block;
-  grid-column: span 3/span 3;
+.cds--layout--density-condensed {
+  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
 }
 
-.cds--col-span-4 {
-  --cds-grid-columns: 4;
-  display: block;
-  grid-column: span 4/span 4;
+.cds--layout-constraint--density__default-condensed {
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
 }
 
-.cds--col-span-5 {
-  --cds-grid-columns: 5;
-  display: block;
-  grid-column: span 5/span 5;
+.cds--layout-constraint--density__min-condensed {
+  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
 }
 
-.cds--col-span-6 {
-  --cds-grid-columns: 6;
-  display: block;
-  grid-column: span 6/span 6;
+.cds--layout-constraint--density__max-condensed {
+  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
 }
 
-.cds--col-span-7 {
-  --cds-grid-columns: 7;
-  display: block;
-  grid-column: span 7/span 7;
+.cds--layout--density-normal {
+  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
 }
 
-.cds--col-span-8 {
-  --cds-grid-columns: 8;
-  display: block;
-  grid-column: span 8/span 8;
+.cds--layout-constraint--density__default-normal {
+  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
 }
 
-.cds--col-span-9 {
-  --cds-grid-columns: 9;
-  display: block;
-  grid-column: span 9/span 9;
+.cds--layout-constraint--density__min-normal {
+  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
 }
 
-.cds--col-span-10 {
-  --cds-grid-columns: 10;
-  display: block;
-  grid-column: span 10/span 10;
+.cds--layout-constraint--density__max-normal {
+  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
 }
 
-.cds--col-span-11 {
-  --cds-grid-columns: 11;
-  display: block;
-  grid-column: span 11/span 11;
+:root {
+  --cds-layout-size-height-xs: 1.5rem;
+  --cds-layout-size-height-sm: 2rem;
+  --cds-layout-size-height-md: 2.5rem;
+  --cds-layout-size-height-lg: 3rem;
+  --cds-layout-size-height-xl: 4rem;
+  --cds-layout-size-height-2xl: 5rem;
+  --cds-layout-size-height-min: 0px;
+  --cds-layout-size-height-max: 999999999px;
+  --cds-layout-density-padding-inline-condensed: 0.5rem;
+  --cds-layout-density-padding-inline-normal: 1rem;
+  --cds-layout-density-padding-inline-min: 0px;
+  --cds-layout-density-padding-inline-max: 999999999px;
 }
 
-.cds--col-span-12 {
-  --cds-grid-columns: 12;
-  display: block;
-  grid-column: span 12/span 12;
+.cds--assistive-text,
+.cds--visually-hidden {
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  border: 0;
+  margin: -1px;
+  block-size: 1px;
+  clip: rect(0, 0, 0, 0);
+  inline-size: 1px;
+  visibility: inherit;
+  white-space: nowrap;
 }
 
-.cds--col-span-13 {
-  --cds-grid-columns: 13;
-  display: block;
-  grid-column: span 13/span 13;
+.c4p--card {
+  border: 1px solid transparent;
+  background-color: var(--cds-layer-01, #f4f4f4);
+  color: var(--cds-text-primary, #161616);
 }
 
-.cds--col-span-14 {
-  --cds-grid-columns: 14;
-  display: block;
-  grid-column: span 14/span 14;
+.c4p--card__clickable {
+  border-color: var(--cds-border-tile-01, #c6c6c6);
+  cursor: pointer;
+  transition: background-color 110ms;
 }
 
-.cds--col-span-15 {
-  --cds-grid-columns: 15;
-  display: block;
-  grid-column: span 15/span 15;
+.c4p--card__clickable:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .c4p--card__clickable:focus {
+    outline-style: dotted;
+  }
 }
 
-.cds--col-span-16 {
-  --cds-grid-columns: 16;
-  display: block;
-  grid-column: span 16/span 16;
+.c4p--card__clickable:hover {
+  background-color: var(--cds-layer-hover-01, #e8e8e8);
 }
 
-.cds--sm\:col-span-0 {
-  display: none;
+.c4p--card__media-left {
+  display: flex;
+  flex-direction: row;
 }
 
-.cds--sm\:col-span-1 {
-  --cds-grid-columns: 1;
-  display: block;
-  grid-column: span 1/span 1;
+.c4p--card__media-left .c4p--card__content-container {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
 }
 
-.cds--sm\:col-span-2 {
-  --cds-grid-columns: 2;
-  display: block;
-  grid-column: span 2/span 2;
+.c4p--card__media-left .c4p--card__footer {
+  align-self: flex-end;
+  margin-block-start: auto;
 }
 
-.cds--sm\:col-span-3 {
-  --cds-grid-columns: 3;
+.c4p--card__media > * {
   display: block;
-  grid-column: span 3/span 3;
+  max-inline-size: 100%;
 }
 
-.cds--sm\:col-span-4 {
-  --cds-grid-columns: 4;
-  display: block;
-  grid-column: span 4/span 4;
+.c4p--card__header {
+  padding: 1rem;
+  padding-inline-end: 0;
 }
 
-.cds--sm\:col-span-auto {
-  grid-column: auto;
+.c4p--card__header-label-only {
+  padding-block-end: 0.5rem;
 }
 
-.cds--sm\:col-span-100 {
-  grid-column: 1/-1;
+.c4p--card__header-label-only .c4p--card__label {
+  margin-block-end: 0;
 }
 
-.cds--sm\:col-span-75 {
-  --cds-grid-columns: 3;
-  grid-column: span 3 / span 3;
+.c4p--card__header-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
 }
 
-.cds--sm\:col-span-50 {
-  --cds-grid-columns: 2;
-  grid-column: span 2 / span 2;
+.c4p--card__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.125rem;
 }
 
-.cds--sm\:col-span-25 {
-  --cds-grid-columns: 1;
-  grid-column: span 1 / span 1;
+.c4p--card__description {
+  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-start: 0.125rem;
 }
 
-@media (min-width: 42rem) {
-  .cds--md\:col-span-0 {
-    display: none;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-1 {
-    --cds-grid-columns: 1;
-    display: block;
-    grid-column: span 1/span 1;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-2 {
-    --cds-grid-columns: 2;
-    display: block;
-    grid-column: span 2/span 2;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-3 {
-    --cds-grid-columns: 3;
-    display: block;
-    grid-column: span 3/span 3;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-4 {
-    --cds-grid-columns: 4;
-    display: block;
-    grid-column: span 4/span 4;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-5 {
-    --cds-grid-columns: 5;
-    display: block;
-    grid-column: span 5/span 5;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-6 {
-    --cds-grid-columns: 6;
-    display: block;
-    grid-column: span 6/span 6;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-7 {
-    --cds-grid-columns: 7;
-    display: block;
-    grid-column: span 7/span 7;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-8 {
-    --cds-grid-columns: 8;
-    display: block;
-    grid-column: span 8/span 8;
-  }
-}
-@media (min-width: 42rem) {
-  .cds--md\:col-span-auto {
-    grid-column: auto;
-  }
-  .cds--md\:col-span-100 {
-    grid-column: 1/-1;
-  }
-  .cds--md\:col-span-75 {
-    --cds-grid-columns: 6;
-    grid-column: span 6 / span 6;
-  }
-  .cds--md\:col-span-50 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-  .cds--md\:col-span-25 {
-    --cds-grid-columns: 2;
-    grid-column: span 2 / span 2;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-0 {
-    display: none;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-1 {
-    --cds-grid-columns: 1;
-    display: block;
-    grid-column: span 1/span 1;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-2 {
-    --cds-grid-columns: 2;
-    display: block;
-    grid-column: span 2/span 2;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-3 {
-    --cds-grid-columns: 3;
-    display: block;
-    grid-column: span 3/span 3;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-4 {
-    --cds-grid-columns: 4;
-    display: block;
-    grid-column: span 4/span 4;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-5 {
-    --cds-grid-columns: 5;
-    display: block;
-    grid-column: span 5/span 5;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-6 {
-    --cds-grid-columns: 6;
-    display: block;
-    grid-column: span 6/span 6;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-7 {
-    --cds-grid-columns: 7;
-    display: block;
-    grid-column: span 7/span 7;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-8 {
-    --cds-grid-columns: 8;
-    display: block;
-    grid-column: span 8/span 8;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-9 {
-    --cds-grid-columns: 9;
-    display: block;
-    grid-column: span 9/span 9;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-10 {
-    --cds-grid-columns: 10;
-    display: block;
-    grid-column: span 10/span 10;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-11 {
-    --cds-grid-columns: 11;
-    display: block;
-    grid-column: span 11/span 11;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-12 {
-    --cds-grid-columns: 12;
-    display: block;
-    grid-column: span 12/span 12;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-13 {
-    --cds-grid-columns: 13;
-    display: block;
-    grid-column: span 13/span 13;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-14 {
-    --cds-grid-columns: 14;
-    display: block;
-    grid-column: span 14/span 14;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-15 {
-    --cds-grid-columns: 15;
-    display: block;
-    grid-column: span 15/span 15;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-16 {
-    --cds-grid-columns: 16;
-    display: block;
-    grid-column: span 16/span 16;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-span-auto {
-    grid-column: auto;
-  }
-  .cds--lg\:col-span-100 {
-    grid-column: 1/-1;
-  }
-  .cds--lg\:col-span-75 {
-    --cds-grid-columns: 12;
-    grid-column: span 12 / span 12;
-  }
-  .cds--lg\:col-span-50 {
-    --cds-grid-columns: 8;
-    grid-column: span 8 / span 8;
-  }
-  .cds--lg\:col-span-25 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-0 {
-    display: none;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-1 {
-    --cds-grid-columns: 1;
-    display: block;
-    grid-column: span 1/span 1;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-2 {
-    --cds-grid-columns: 2;
-    display: block;
-    grid-column: span 2/span 2;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-3 {
-    --cds-grid-columns: 3;
-    display: block;
-    grid-column: span 3/span 3;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-4 {
-    --cds-grid-columns: 4;
-    display: block;
-    grid-column: span 4/span 4;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-5 {
-    --cds-grid-columns: 5;
-    display: block;
-    grid-column: span 5/span 5;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-6 {
-    --cds-grid-columns: 6;
-    display: block;
-    grid-column: span 6/span 6;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-7 {
-    --cds-grid-columns: 7;
-    display: block;
-    grid-column: span 7/span 7;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-8 {
-    --cds-grid-columns: 8;
-    display: block;
-    grid-column: span 8/span 8;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-9 {
-    --cds-grid-columns: 9;
-    display: block;
-    grid-column: span 9/span 9;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-10 {
-    --cds-grid-columns: 10;
-    display: block;
-    grid-column: span 10/span 10;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-11 {
-    --cds-grid-columns: 11;
-    display: block;
-    grid-column: span 11/span 11;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-12 {
-    --cds-grid-columns: 12;
-    display: block;
-    grid-column: span 12/span 12;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-13 {
-    --cds-grid-columns: 13;
-    display: block;
-    grid-column: span 13/span 13;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-14 {
-    --cds-grid-columns: 14;
-    display: block;
-    grid-column: span 14/span 14;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-15 {
-    --cds-grid-columns: 15;
-    display: block;
-    grid-column: span 15/span 15;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-16 {
-    --cds-grid-columns: 16;
-    display: block;
-    grid-column: span 16/span 16;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-span-auto {
-    grid-column: auto;
-  }
-  .cds--xlg\:col-span-100 {
-    grid-column: 1/-1;
-  }
-  .cds--xlg\:col-span-75 {
-    --cds-grid-columns: 12;
-    grid-column: span 12 / span 12;
-  }
-  .cds--xlg\:col-span-50 {
-    --cds-grid-columns: 8;
-    grid-column: span 8 / span 8;
-  }
-  .cds--xlg\:col-span-25 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-0 {
-    display: none;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-1 {
-    --cds-grid-columns: 1;
-    display: block;
-    grid-column: span 1/span 1;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-2 {
-    --cds-grid-columns: 2;
-    display: block;
-    grid-column: span 2/span 2;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-3 {
-    --cds-grid-columns: 3;
-    display: block;
-    grid-column: span 3/span 3;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-4 {
-    --cds-grid-columns: 4;
-    display: block;
-    grid-column: span 4/span 4;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-5 {
-    --cds-grid-columns: 5;
-    display: block;
-    grid-column: span 5/span 5;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-6 {
-    --cds-grid-columns: 6;
-    display: block;
-    grid-column: span 6/span 6;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-7 {
-    --cds-grid-columns: 7;
-    display: block;
-    grid-column: span 7/span 7;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-8 {
-    --cds-grid-columns: 8;
-    display: block;
-    grid-column: span 8/span 8;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-9 {
-    --cds-grid-columns: 9;
-    display: block;
-    grid-column: span 9/span 9;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-10 {
-    --cds-grid-columns: 10;
-    display: block;
-    grid-column: span 10/span 10;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-11 {
-    --cds-grid-columns: 11;
-    display: block;
-    grid-column: span 11/span 11;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-12 {
-    --cds-grid-columns: 12;
-    display: block;
-    grid-column: span 12/span 12;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-13 {
-    --cds-grid-columns: 13;
-    display: block;
-    grid-column: span 13/span 13;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-14 {
-    --cds-grid-columns: 14;
-    display: block;
-    grid-column: span 14/span 14;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-15 {
-    --cds-grid-columns: 15;
-    display: block;
-    grid-column: span 15/span 15;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-16 {
-    --cds-grid-columns: 16;
-    display: block;
-    grid-column: span 16/span 16;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-span-auto {
-    grid-column: auto;
-  }
-  .cds--max\:col-span-100 {
-    grid-column: 1/-1;
-  }
-  .cds--max\:col-span-75 {
-    --cds-grid-columns: 12;
-    grid-column: span 12 / span 12;
-  }
-  .cds--max\:col-span-50 {
-    --cds-grid-columns: 8;
-    grid-column: span 8 / span 8;
-  }
-  .cds--max\:col-span-25 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-}
-.cds--col-span-auto {
-  grid-column: auto;
-}
-
-.cds--col-span-100 {
-  grid-column: 1/-1;
-}
-
-.cds--col-span-75 {
-  --cds-grid-columns: 3;
-  grid-column: span 3 / span 3;
-}
-@media (min-width: 42rem) {
-  .cds--col-span-75 {
-    --cds-grid-columns: 6;
-    grid-column: span 6 / span 6;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--col-span-75 {
-    --cds-grid-columns: 12;
-    grid-column: span 12 / span 12;
-  }
-}
-
-.cds--col-span-50 {
-  --cds-grid-columns: 2;
-  grid-column: span 2 / span 2;
-}
-@media (min-width: 42rem) {
-  .cds--col-span-50 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--col-span-50 {
-    --cds-grid-columns: 8;
-    grid-column: span 8 / span 8;
-  }
-}
-
-.cds--col-span-25 {
-  --cds-grid-columns: 1;
-  grid-column: span 1 / span 1;
-}
-@media (min-width: 42rem) {
-  .cds--col-span-25 {
-    --cds-grid-columns: 2;
-    grid-column: span 2 / span 2;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--col-span-25 {
-    --cds-grid-columns: 4;
-    grid-column: span 4 / span 4;
-  }
-}
-
-.cds--col-start-1 {
-  grid-column-start: 1;
-}
-
-.cds--col-start-2 {
-  grid-column-start: 2;
-}
-
-.cds--col-start-3 {
-  grid-column-start: 3;
-}
-
-.cds--col-start-4 {
-  grid-column-start: 4;
-}
-
-.cds--col-start-5 {
-  grid-column-start: 5;
-}
-
-.cds--col-start-6 {
-  grid-column-start: 6;
-}
-
-.cds--col-start-7 {
-  grid-column-start: 7;
-}
-
-.cds--col-start-8 {
-  grid-column-start: 8;
-}
-
-.cds--col-start-9 {
-  grid-column-start: 9;
-}
-
-.cds--col-start-10 {
-  grid-column-start: 10;
-}
-
-.cds--col-start-11 {
-  grid-column-start: 11;
-}
-
-.cds--col-start-12 {
-  grid-column-start: 12;
-}
-
-.cds--col-start-13 {
-  grid-column-start: 13;
-}
-
-.cds--col-start-14 {
-  grid-column-start: 14;
-}
-
-.cds--col-start-15 {
-  grid-column-start: 15;
-}
-
-.cds--col-start-16 {
-  grid-column-start: 16;
-}
-
-.cds--col-end-2 {
-  grid-column-end: 2;
-}
-
-.cds--col-end-3 {
-  grid-column-end: 3;
-}
-
-.cds--col-end-4 {
-  grid-column-end: 4;
-}
-
-.cds--col-end-5 {
-  grid-column-end: 5;
-}
-
-.cds--col-end-6 {
-  grid-column-end: 6;
-}
-
-.cds--col-end-7 {
-  grid-column-end: 7;
-}
-
-.cds--col-end-8 {
-  grid-column-end: 8;
-}
-
-.cds--col-end-9 {
-  grid-column-end: 9;
-}
-
-.cds--col-end-10 {
-  grid-column-end: 10;
-}
-
-.cds--col-end-11 {
-  grid-column-end: 11;
-}
-
-.cds--col-end-12 {
-  grid-column-end: 12;
-}
-
-.cds--col-end-13 {
-  grid-column-end: 13;
-}
-
-.cds--col-end-14 {
-  grid-column-end: 14;
-}
-
-.cds--col-end-15 {
-  grid-column-end: 15;
-}
-
-.cds--col-end-16 {
-  grid-column-end: 16;
-}
-
-.cds--col-end-17 {
-  grid-column-end: 17;
-}
-
-.cds--col-start-auto {
-  grid-column-start: auto;
-}
-
-.cds--col-end-auto {
-  grid-column-end: auto;
-}
-
-.cds--sm\:col-start-1 {
-  grid-column-start: 1;
-}
-
-.cds--sm\:col-start-2 {
-  grid-column-start: 2;
+.c4p--card__body {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  padding: 1rem;
+  padding-block-start: 0;
 }
 
-.cds--sm\:col-start-3 {
-  grid-column-start: 3;
+.c4p--card__footer {
+  display: flex;
+  justify-content: flex-end;
 }
 
-.cds--sm\:col-start-4 {
-  grid-column-start: 4;
+.c4p--card__actions {
+  display: flex;
+  flex-direction: row;
 }
 
-.cds--sm\:col-start-5 {
-  grid-column-start: 5;
+.c4p--card__icon {
+  padding: 0.5rem;
+  color: inherit;
+  cursor: pointer;
 }
 
-.cds--sm\:col-start-6 {
-  grid-column-start: 6;
+.c4p--card__icon:hover {
+  background-color: var(--cds-layer-hover-01, #e8e8e8);
 }
 
-.cds--sm\:col-start-7 {
-  grid-column-start: 7;
+.c4p--card__icon:active {
+  color: var(--cds-link-primary-hover, #0043ce);
 }
 
-.cds--sm\:col-start-8 {
-  grid-column-start: 8;
+.c4p--card__link {
+  color: inherit;
+  text-decoration: inherit;
 }
 
-.cds--sm\:col-start-9 {
-  grid-column-start: 9;
+.c4p--card__pictogram {
+  padding-block-start: 1rem;
+  padding-inline-start: 1rem;
 }
 
-.cds--sm\:col-start-10 {
-  grid-column-start: 10;
+.c4p--card__header-container--has-actions {
+  padding-inline-end: 0.5rem;
 }
 
-.cds--sm\:col-start-11 {
-  grid-column-start: 11;
+.c4p--card {
+  position: relative;
 }
 
-.cds--sm\:col-start-12 {
-  grid-column-start: 12;
+.c4p--card__media + .c4p--card__content-container {
+  /* display relative to container when media displayed */
+  position: relative;
 }
 
-.cds--sm\:col-start-13 {
-  grid-column-start: 13;
+.c4p--card .cds--slug,
+.c4p--card .cds--ai-label {
+  position: absolute;
+  inset-block-start: 1rem;
+  inset-inline-end: 1rem;
 }
 
-.cds--sm\:col-start-14 {
-  grid-column-start: 14;
+.c4p--card__header__inner-wrapper--decorator {
+  position: absolute;
+  inset-block-start: 1rem;
+  inset-inline-end: 1rem;
 }
-
-.cds--sm\:col-start-15 {
-  grid-column-start: 15;
+.c4p--card__header__inner-wrapper--decorator .cds--slug,
+.c4p--card__header__inner-wrapper--decorator .cds--ai-label {
+  position: relative;
+  inset-block-start: unset;
+  inset-inline-end: unset;
 }
 
-.cds--sm\:col-start-16 {
-  grid-column-start: 16;
+.c4p--card__header-container--has-slug,
+.c4p--card__header-container--has-decorator {
+  inline-size: 100%;
+  padding-inline-end: 2rem;
 }
 
-.cds--sm\:col-end-2 {
-  grid-column-end: 2;
+.c4p--card__header-container--has-slug.c4p--card__header-container--has-actions,
+.c4p--card__header-container--has-decorator.c4p--card__header-container--has-actions {
+  padding-inline-end: 2.5rem;
 }
 
-.cds--sm\:col-end-3 {
-  grid-column-end: 3;
+.c4p--card__header-container--has-slug.c4p--card__header-container--large-tile-or-label,
+.c4p--card__header-container--has-decorator.c4p--card__header-container--large-tile-or-label {
+  padding-inline-end: 3rem;
 }
 
-.cds--sm\:col-end-4 {
-  grid-column-end: 4;
+.c4p--card__clickable {
+  position: relative;
 }
 
-.cds--sm\:col-end-5 {
-  grid-column-end: 5;
+.c4p--card__clickable .cds--slug,
+.c4p--card__clickable .cds--slug-icon {
+  pointer-events: none;
 }
 
-.cds--sm\:col-end-6 {
-  grid-column-end: 6;
+.c4p--card--has-slug,
+.c4p--card--has-ai-label {
+  background: linear-gradient(to top, var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
+  border: 1px solid 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));
 }
 
-.cds--sm\:col-end-7 {
-  grid-column-end: 7;
+.c4p--card__clickable.c4p--card--has-slug::before,
+.c4p--card__clickable.c4p--card--has-ai-label::before {
+  background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) 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-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
+  position: absolute;
+  display: block;
+  block-size: 100%;
+  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
+  content: "";
+  inline-size: 100%;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  opacity: 0;
+  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
-.cds--sm\:col-end-8 {
-  grid-column-end: 8;
+.c4p--card__clickable.c4p--card--has-slug:hover::before,
+.c4p--card__clickable.c4p--card--has-ai-label:hover::before {
+  opacity: 1;
 }
 
-.cds--sm\:col-end-9 {
-  grid-column-end: 9;
+.c4p--card__clickable .c4p--card__content-container {
+  position: relative;
+  z-index: 1;
 }
 
-.cds--sm\:col-end-10 {
-  grid-column-end: 10;
+.c4p--card .cds--slug-icon rect {
+  stroke: var(--cds-icon-primary, #161616);
 }
 
-.cds--sm\:col-end-11 {
-  grid-column-end: 11;
+.c4p--card .cds--slug-icon path {
+  fill: var(--cds-icon-primary, #161616);
 }
 
-.cds--sm\:col-end-12 {
-  grid-column-end: 12;
+.c4p--card-next {
+  position: relative;
+  border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  background-color: var(--cds-layer-01, #f4f4f4);
+  color: var(--cds-text-primary, #161616);
 }
 
-.cds--sm\:col-end-13 {
-  grid-column-end: 13;
+.c4p--card-next--clickable {
+  cursor: pointer;
+  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-
-.cds--sm\:col-end-14 {
-  grid-column-end: 14;
+.c4p--card-next--clickable:hover {
+  background-color: var(--cds-layer-hover-01, #e8e8e8);
 }
-
-.cds--sm\:col-end-15 {
-  grid-column-end: 15;
+.c4p--card-next--clickable:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
 }
-
-.cds--sm\:col-end-16 {
-  grid-column-end: 16;
+@media screen and (prefers-contrast) {
+  .c4p--card-next--clickable:focus {
+    outline-style: dotted;
+  }
 }
-
-.cds--sm\:col-end-17 {
-  grid-column-end: 17;
+.c4p--card-next--clickable:active {
+  background-color: var(--cds-layer-active-01, #c6c6c6);
 }
 
-.cds--sm\:col-start-auto {
-  grid-column-start: auto;
+.c4p--card-next--disabled {
+  border-color: var(--cds-border-disabled, #c6c6c6);
+  background-color: var(--cds-layer-01, #f4f4f4);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  cursor: not-allowed;
+  pointer-events: none;
 }
 
-.cds--sm\:col-end-auto {
-  grid-column-end: auto;
+.c4p--card-next__header {
+  display: flex;
+  flex-direction: column;
+  padding: 1rem;
+  gap: 0.5rem;
 }
 
-@media (min-width: 42rem) {
-  .cds--md\:col-start-1 {
-    grid-column-start: 1;
-  }
-  .cds--md\:col-start-2 {
-    grid-column-start: 2;
-  }
-  .cds--md\:col-start-3 {
-    grid-column-start: 3;
-  }
-  .cds--md\:col-start-4 {
-    grid-column-start: 4;
-  }
-  .cds--md\:col-start-5 {
-    grid-column-start: 5;
-  }
-  .cds--md\:col-start-6 {
-    grid-column-start: 6;
-  }
-  .cds--md\:col-start-7 {
-    grid-column-start: 7;
-  }
-  .cds--md\:col-start-8 {
-    grid-column-start: 8;
-  }
-  .cds--md\:col-start-9 {
-    grid-column-start: 9;
-  }
-  .cds--md\:col-start-10 {
-    grid-column-start: 10;
-  }
-  .cds--md\:col-start-11 {
-    grid-column-start: 11;
-  }
-  .cds--md\:col-start-12 {
-    grid-column-start: 12;
-  }
-  .cds--md\:col-start-13 {
-    grid-column-start: 13;
-  }
-  .cds--md\:col-start-14 {
-    grid-column-start: 14;
-  }
-  .cds--md\:col-start-15 {
-    grid-column-start: 15;
-  }
-  .cds--md\:col-start-16 {
-    grid-column-start: 16;
-  }
-  .cds--md\:col-end-2 {
-    grid-column-end: 2;
-  }
-  .cds--md\:col-end-3 {
-    grid-column-end: 3;
-  }
-  .cds--md\:col-end-4 {
-    grid-column-end: 4;
-  }
-  .cds--md\:col-end-5 {
-    grid-column-end: 5;
-  }
-  .cds--md\:col-end-6 {
-    grid-column-end: 6;
-  }
-  .cds--md\:col-end-7 {
-    grid-column-end: 7;
-  }
-  .cds--md\:col-end-8 {
-    grid-column-end: 8;
-  }
-  .cds--md\:col-end-9 {
-    grid-column-end: 9;
-  }
-  .cds--md\:col-end-10 {
-    grid-column-end: 10;
-  }
-  .cds--md\:col-end-11 {
-    grid-column-end: 11;
-  }
-  .cds--md\:col-end-12 {
-    grid-column-end: 12;
-  }
-  .cds--md\:col-end-13 {
-    grid-column-end: 13;
-  }
-  .cds--md\:col-end-14 {
-    grid-column-end: 14;
-  }
-  .cds--md\:col-end-15 {
-    grid-column-end: 15;
-  }
-  .cds--md\:col-end-16 {
-    grid-column-end: 16;
-  }
-  .cds--md\:col-end-17 {
-    grid-column-end: 17;
-  }
-  .cds--md\:col-start-auto {
-    grid-column-start: auto;
-  }
-  .cds--md\:col-end-auto {
-    grid-column-end: auto;
-  }
-}
-@media (min-width: 66rem) {
-  .cds--lg\:col-start-1 {
-    grid-column-start: 1;
-  }
-  .cds--lg\:col-start-2 {
-    grid-column-start: 2;
-  }
-  .cds--lg\:col-start-3 {
-    grid-column-start: 3;
-  }
-  .cds--lg\:col-start-4 {
-    grid-column-start: 4;
-  }
-  .cds--lg\:col-start-5 {
-    grid-column-start: 5;
-  }
-  .cds--lg\:col-start-6 {
-    grid-column-start: 6;
-  }
-  .cds--lg\:col-start-7 {
-    grid-column-start: 7;
-  }
-  .cds--lg\:col-start-8 {
-    grid-column-start: 8;
-  }
-  .cds--lg\:col-start-9 {
-    grid-column-start: 9;
-  }
-  .cds--lg\:col-start-10 {
-    grid-column-start: 10;
-  }
-  .cds--lg\:col-start-11 {
-    grid-column-start: 11;
-  }
-  .cds--lg\:col-start-12 {
-    grid-column-start: 12;
-  }
-  .cds--lg\:col-start-13 {
-    grid-column-start: 13;
-  }
-  .cds--lg\:col-start-14 {
-    grid-column-start: 14;
-  }
-  .cds--lg\:col-start-15 {
-    grid-column-start: 15;
-  }
-  .cds--lg\:col-start-16 {
-    grid-column-start: 16;
-  }
-  .cds--lg\:col-end-2 {
-    grid-column-end: 2;
-  }
-  .cds--lg\:col-end-3 {
-    grid-column-end: 3;
-  }
-  .cds--lg\:col-end-4 {
-    grid-column-end: 4;
-  }
-  .cds--lg\:col-end-5 {
-    grid-column-end: 5;
-  }
-  .cds--lg\:col-end-6 {
-    grid-column-end: 6;
-  }
-  .cds--lg\:col-end-7 {
-    grid-column-end: 7;
-  }
-  .cds--lg\:col-end-8 {
-    grid-column-end: 8;
-  }
-  .cds--lg\:col-end-9 {
-    grid-column-end: 9;
-  }
-  .cds--lg\:col-end-10 {
-    grid-column-end: 10;
-  }
-  .cds--lg\:col-end-11 {
-    grid-column-end: 11;
-  }
-  .cds--lg\:col-end-12 {
-    grid-column-end: 12;
-  }
-  .cds--lg\:col-end-13 {
-    grid-column-end: 13;
-  }
-  .cds--lg\:col-end-14 {
-    grid-column-end: 14;
-  }
-  .cds--lg\:col-end-15 {
-    grid-column-end: 15;
-  }
-  .cds--lg\:col-end-16 {
-    grid-column-end: 16;
-  }
-  .cds--lg\:col-end-17 {
-    grid-column-end: 17;
-  }
-  .cds--lg\:col-start-auto {
-    grid-column-start: auto;
-  }
-  .cds--lg\:col-end-auto {
-    grid-column-end: auto;
-  }
-}
-@media (min-width: 82rem) {
-  .cds--xlg\:col-start-1 {
-    grid-column-start: 1;
-  }
-  .cds--xlg\:col-start-2 {
-    grid-column-start: 2;
-  }
-  .cds--xlg\:col-start-3 {
-    grid-column-start: 3;
-  }
-  .cds--xlg\:col-start-4 {
-    grid-column-start: 4;
-  }
-  .cds--xlg\:col-start-5 {
-    grid-column-start: 5;
-  }
-  .cds--xlg\:col-start-6 {
-    grid-column-start: 6;
-  }
-  .cds--xlg\:col-start-7 {
-    grid-column-start: 7;
-  }
-  .cds--xlg\:col-start-8 {
-    grid-column-start: 8;
-  }
-  .cds--xlg\:col-start-9 {
-    grid-column-start: 9;
-  }
-  .cds--xlg\:col-start-10 {
-    grid-column-start: 10;
-  }
-  .cds--xlg\:col-start-11 {
-    grid-column-start: 11;
-  }
-  .cds--xlg\:col-start-12 {
-    grid-column-start: 12;
-  }
-  .cds--xlg\:col-start-13 {
-    grid-column-start: 13;
-  }
-  .cds--xlg\:col-start-14 {
-    grid-column-start: 14;
-  }
-  .cds--xlg\:col-start-15 {
-    grid-column-start: 15;
-  }
-  .cds--xlg\:col-start-16 {
-    grid-column-start: 16;
-  }
-  .cds--xlg\:col-end-2 {
-    grid-column-end: 2;
-  }
-  .cds--xlg\:col-end-3 {
-    grid-column-end: 3;
-  }
-  .cds--xlg\:col-end-4 {
-    grid-column-end: 4;
-  }
-  .cds--xlg\:col-end-5 {
-    grid-column-end: 5;
-  }
-  .cds--xlg\:col-end-6 {
-    grid-column-end: 6;
-  }
-  .cds--xlg\:col-end-7 {
-    grid-column-end: 7;
-  }
-  .cds--xlg\:col-end-8 {
-    grid-column-end: 8;
-  }
-  .cds--xlg\:col-end-9 {
-    grid-column-end: 9;
-  }
-  .cds--xlg\:col-end-10 {
-    grid-column-end: 10;
-  }
-  .cds--xlg\:col-end-11 {
-    grid-column-end: 11;
-  }
-  .cds--xlg\:col-end-12 {
-    grid-column-end: 12;
-  }
-  .cds--xlg\:col-end-13 {
-    grid-column-end: 13;
-  }
-  .cds--xlg\:col-end-14 {
-    grid-column-end: 14;
-  }
-  .cds--xlg\:col-end-15 {
-    grid-column-end: 15;
-  }
-  .cds--xlg\:col-end-16 {
-    grid-column-end: 16;
-  }
-  .cds--xlg\:col-end-17 {
-    grid-column-end: 17;
-  }
-  .cds--xlg\:col-start-auto {
-    grid-column-start: auto;
-  }
-  .cds--xlg\:col-end-auto {
-    grid-column-end: auto;
-  }
-}
-@media (min-width: 99rem) {
-  .cds--max\:col-start-1 {
-    grid-column-start: 1;
-  }
-  .cds--max\:col-start-2 {
-    grid-column-start: 2;
-  }
-  .cds--max\:col-start-3 {
-    grid-column-start: 3;
-  }
-  .cds--max\:col-start-4 {
-    grid-column-start: 4;
-  }
-  .cds--max\:col-start-5 {
-    grid-column-start: 5;
-  }
-  .cds--max\:col-start-6 {
-    grid-column-start: 6;
-  }
-  .cds--max\:col-start-7 {
-    grid-column-start: 7;
-  }
-  .cds--max\:col-start-8 {
-    grid-column-start: 8;
-  }
-  .cds--max\:col-start-9 {
-    grid-column-start: 9;
-  }
-  .cds--max\:col-start-10 {
-    grid-column-start: 10;
-  }
-  .cds--max\:col-start-11 {
-    grid-column-start: 11;
-  }
-  .cds--max\:col-start-12 {
-    grid-column-start: 12;
-  }
-  .cds--max\:col-start-13 {
-    grid-column-start: 13;
-  }
-  .cds--max\:col-start-14 {
-    grid-column-start: 14;
-  }
-  .cds--max\:col-start-15 {
-    grid-column-start: 15;
-  }
-  .cds--max\:col-start-16 {
-    grid-column-start: 16;
-  }
-  .cds--max\:col-end-2 {
-    grid-column-end: 2;
-  }
-  .cds--max\:col-end-3 {
-    grid-column-end: 3;
-  }
-  .cds--max\:col-end-4 {
-    grid-column-end: 4;
-  }
-  .cds--max\:col-end-5 {
-    grid-column-end: 5;
-  }
-  .cds--max\:col-end-6 {
-    grid-column-end: 6;
-  }
-  .cds--max\:col-end-7 {
-    grid-column-end: 7;
-  }
-  .cds--max\:col-end-8 {
-    grid-column-end: 8;
-  }
-  .cds--max\:col-end-9 {
-    grid-column-end: 9;
-  }
-  .cds--max\:col-end-10 {
-    grid-column-end: 10;
-  }
-  .cds--max\:col-end-11 {
-    grid-column-end: 11;
-  }
-  .cds--max\:col-end-12 {
-    grid-column-end: 12;
-  }
-  .cds--max\:col-end-13 {
-    grid-column-end: 13;
-  }
-  .cds--max\:col-end-14 {
-    grid-column-end: 14;
-  }
-  .cds--max\:col-end-15 {
-    grid-column-end: 15;
-  }
-  .cds--max\:col-end-16 {
-    grid-column-end: 16;
-  }
-  .cds--max\:col-end-17 {
-    grid-column-end: 17;
-  }
-  .cds--max\:col-start-auto {
-    grid-column-start: auto;
-  }
-  .cds--max\:col-end-auto {
-    grid-column-end: auto;
-  }
+.c4p--card-next__body {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  padding: 1rem;
+  padding-block-start: 0;
+}
+
+.c4p--card-next__footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 1rem;
+  gap: 0.5rem;
+  padding-block-start: 0;
 }
+
 @keyframes fade {
   0% {
     opacity: 0;
@@ -3091,252 +2091,26 @@ button.c4p--add-select__global-filter-toggle--open {
   margin-inline-start: auto !important;
   outline: 1px solid transparent;
 }
-.c4p--coachmark-tagline--close-btn:active {
-  background-color: var(--cds-button-secondary-active, #6f6f6f);
-}
-.c4p--coachmark-tagline--close-btn:focus {
-  box-shadow: inset 0 0 0 1px var(--cds-background-inverse, #393939), inset 0 0 0 0.125rem #ffffff !important;
-}
-.c4p--coachmark-tagline--close-btn svg > path {
-  margin: 0;
-  fill: #ffffff !important;
-}
-.c4p--coachmark-tagline--close-btn:hover {
-  background-color: #7c3dd6 !important;
-}
-
-/**
- * Copyright IBM Corp. 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-@keyframes cds--hide-feedback {
-  0% {
-    opacity: 1;
-    visibility: inherit;
-  }
-  100% {
-    opacity: 0;
-    visibility: hidden;
-  }
-}
-@keyframes cds--show-feedback {
-  0% {
-    opacity: 0;
-    visibility: hidden;
-  }
-  100% {
-    opacity: 1;
-    visibility: inherit;
-  }
-}
-@keyframes cds--skeleton {
-  0% {
-    opacity: 0.3;
-    transform: scaleX(0);
-    transform-origin: left;
-  }
-  20% {
-    opacity: 1;
-    transform: scaleX(1);
-    transform-origin: left;
-  }
-  28% {
-    transform: scaleX(1);
-    transform-origin: right;
-  }
-  51% {
-    transform: scaleX(0);
-    transform-origin: right;
-  }
-  58% {
-    transform: scaleX(0);
-    transform-origin: right;
-  }
-  82% {
-    transform: scaleX(1);
-    transform-origin: right;
-  }
-  83% {
-    transform: scaleX(1);
-    transform-origin: left;
-  }
-  96% {
-    transform: scaleX(0);
-    transform-origin: left;
-  }
-  100% {
-    opacity: 0.3;
-    transform: scaleX(0);
-    transform-origin: left;
-  }
-}
-.cds--layout--size-xs {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-xs {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
-}
-
-.cds--layout-constraint--size__min-xs {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
-}
-
-.cds--layout-constraint--size__max-xs {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
-}
-
-.cds--layout--size-sm {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-sm {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
-}
-
-.cds--layout-constraint--size__min-sm {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
-}
-
-.cds--layout-constraint--size__max-sm {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
-}
-
-.cds--layout--size-md {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-md {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
-}
-
-.cds--layout-constraint--size__min-md {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
-}
-
-.cds--layout-constraint--size__max-md {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
-}
-
-.cds--layout--size-lg {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-lg {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
-}
-
-.cds--layout-constraint--size__min-lg {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
-}
-
-.cds--layout-constraint--size__max-lg {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
-}
-
-.cds--layout--size-xl {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-xl {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
-}
-
-.cds--layout-constraint--size__min-xl {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
-}
-
-.cds--layout-constraint--size__max-xl {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
-}
-
-.cds--layout--size-2xl {
-  --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
-  --cds-layout-size-height: var(--cds-layout-size-height-context);
-}
-
-.cds--layout-constraint--size__default-2xl {
-  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
-}
-
-.cds--layout-constraint--size__min-2xl {
-  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
-}
-
-.cds--layout-constraint--size__max-2xl {
-  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
-}
-
-.cds--layout--density-condensed {
-  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
-}
-
-.cds--layout-constraint--density__default-condensed {
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
-}
-
-.cds--layout-constraint--density__min-condensed {
-  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
-}
-
-.cds--layout-constraint--density__max-condensed {
-  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
-}
-
-.cds--layout--density-normal {
-  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
-}
-
-.cds--layout-constraint--density__default-normal {
-  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
-}
-
-.cds--layout-constraint--density__min-normal {
-  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
-}
-
-.cds--layout-constraint--density__max-normal {
-  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
-}
-
-:root {
-  --cds-layout-size-height-xs: 1.5rem;
-  --cds-layout-size-height-sm: 2rem;
-  --cds-layout-size-height-md: 2.5rem;
-  --cds-layout-size-height-lg: 3rem;
-  --cds-layout-size-height-xl: 4rem;
-  --cds-layout-size-height-2xl: 5rem;
-  --cds-layout-size-height-min: 0px;
-  --cds-layout-size-height-max: 999999999px;
-  --cds-layout-density-padding-inline-condensed: 0.5rem;
-  --cds-layout-density-padding-inline-normal: 1rem;
-  --cds-layout-density-padding-inline-min: 0px;
-  --cds-layout-density-padding-inline-max: 999999999px;
-}
-
-.cds--assistive-text,
-.cds--visually-hidden {
-  position: absolute;
-  overflow: hidden;
-  padding: 0;
-  border: 0;
-  margin: -1px;
-  block-size: 1px;
-  clip: rect(0, 0, 0, 0);
-  inline-size: 1px;
-  visibility: inherit;
-  white-space: nowrap;
-}
+.c4p--coachmark-tagline--close-btn:active {
+  background-color: var(--cds-button-secondary-active, #6f6f6f);
+}
+.c4p--coachmark-tagline--close-btn:focus {
+  box-shadow: inset 0 0 0 1px var(--cds-background-inverse, #393939), inset 0 0 0 0.125rem #ffffff !important;
+}
+.c4p--coachmark-tagline--close-btn svg > path {
+  margin: 0;
+  fill: #ffffff !important;
+}
+.c4p--coachmark-tagline--close-btn:hover {
+  background-color: #7c3dd6 !important;
+}
 
+/**
+ * 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__bubble {
   position: fixed;
   z-index: 10000;
@@ -5005,7 +3779,7 @@ button.c4p--add-select__global-filter-toggle--open {
 .c4p--tearsheet .c4p--tearsheet__container {
   block-size: 100%;
   inset-block-start: auto;
-  max-block-size: calc(100% - 3rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem));
 }
 .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container {
   border: 1px solid transparent;
@@ -5018,19 +3792,19 @@ button.c4p--add-select__global-filter-toggle--open {
   transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-block-size: calc(100% - 3rem + 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem) + 1rem);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-block-size: calc(100% - 3rem + 2 * 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem) + 2 * 1rem);
 }
 .c4p--tearsheet .c4p--tearsheet__container--lower {
-  max-block-size: calc(100% - (3rem + 2.5rem));
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem + 2.5rem));
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-block-size: calc(100% - (3rem + 2.5rem) + 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem + 2.5rem) + 1rem);
 }
 .c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
-  max-block-size: calc(100% - (3rem + 2.5rem) + 2 * 1rem);
+  max-block-size: calc(100% - (5rem + 0.5rem + 0.125rem + 2.5rem) + 2 * 1rem);
 }
 .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
   inline-size: 100%;
@@ -5577,229 +4351,6 @@ button.c4p--add-select__global-filter-toggle--open {
   fill: var(--cds-button-danger-primary, #da1e28);
 }
 
-.c4p--card {
-  border: 1px solid transparent;
-  background-color: var(--cds-layer-01, #f4f4f4);
-  color: var(--cds-text-primary, #161616);
-}
-
-.c4p--card__clickable {
-  border-color: var(--cds-border-tile-01, #c6c6c6);
-  cursor: pointer;
-  transition: background-color 110ms;
-}
-
-.c4p--card__clickable:focus {
-  outline: 2px solid var(--cds-focus, #0f62fe);
-  outline-offset: -2px;
-}
-@media screen and (prefers-contrast) {
-  .c4p--card__clickable:focus {
-    outline-style: dotted;
-  }
-}
-
-.c4p--card__clickable:hover {
-  background-color: var(--cds-layer-hover-01, #e8e8e8);
-}
-
-.c4p--card__media-left {
-  display: flex;
-  flex-direction: row;
-}
-
-.c4p--card__media-left .c4p--card__content-container {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-}
-
-.c4p--card__media-left .c4p--card__footer {
-  align-self: flex-end;
-  margin-block-start: auto;
-}
-
-.c4p--card__media > * {
-  display: block;
-  max-inline-size: 100%;
-}
-
-.c4p--card__header {
-  padding: 1rem;
-  padding-inline-end: 0;
-}
-
-.c4p--card__header-label-only {
-  padding-block-end: 0.5rem;
-}
-
-.c4p--card__header-label-only .c4p--card__label {
-  margin-block-end: 0;
-}
-
-.c4p--card__header-container {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.c4p--card__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.125rem;
-}
-
-.c4p--card__description {
-  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-start: 0.125rem;
-}
-
-.c4p--card__body {
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  padding: 1rem;
-  padding-block-start: 0;
-}
-
-.c4p--card__footer {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.c4p--card__actions {
-  display: flex;
-  flex-direction: row;
-}
-
-.c4p--card__icon {
-  padding: 0.5rem;
-  color: inherit;
-  cursor: pointer;
-}
-
-.c4p--card__icon:hover {
-  background-color: var(--cds-layer-hover-01, #e8e8e8);
-}
-
-.c4p--card__icon:active {
-  color: var(--cds-link-primary-hover, #0043ce);
-}
-
-.c4p--card__link {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-.c4p--card__pictogram {
-  padding-block-start: 1rem;
-  padding-inline-start: 1rem;
-}
-
-.c4p--card__header-container--has-actions {
-  padding-inline-end: 0.5rem;
-}
-
-.c4p--card {
-  position: relative;
-}
-
-.c4p--card__media + .c4p--card__content-container {
-  /* display relative to container when media displayed */
-  position: relative;
-}
-
-.c4p--card .cds--slug,
-.c4p--card .cds--ai-label {
-  position: absolute;
-  inset-block-start: 1rem;
-  inset-inline-end: 1rem;
-}
-
-.c4p--card__header__inner-wrapper--decorator {
-  position: absolute;
-  inset-block-start: 1rem;
-  inset-inline-end: 1rem;
-}
-.c4p--card__header__inner-wrapper--decorator .cds--slug,
-.c4p--card__header__inner-wrapper--decorator .cds--ai-label {
-  position: relative;
-  inset-block-start: unset;
-  inset-inline-end: unset;
-}
-
-.c4p--card__header-container--has-slug,
-.c4p--card__header-container--has-decorator {
-  inline-size: 100%;
-  padding-inline-end: 2rem;
-}
-
-.c4p--card__header-container--has-slug.c4p--card__header-container--has-actions,
-.c4p--card__header-container--has-decorator.c4p--card__header-container--has-actions {
-  padding-inline-end: 2.5rem;
-}
-
-.c4p--card__header-container--has-slug.c4p--card__header-container--large-tile-or-label,
-.c4p--card__header-container--has-decorator.c4p--card__header-container--large-tile-or-label {
-  padding-inline-end: 3rem;
-}
-
-.c4p--card__clickable {
-  position: relative;
-}
-
-.c4p--card__clickable .cds--slug,
-.c4p--card__clickable .cds--slug-icon {
-  pointer-events: none;
-}
-
-.c4p--card--has-slug,
-.c4p--card--has-ai-label {
-  background: linear-gradient(to top, var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, 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-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
-  border: 1px solid 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));
-}
-
-.c4p--card__clickable.c4p--card--has-slug::before,
-.c4p--card__clickable.c4p--card--has-ai-label::before {
-  background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) 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-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
-  position: absolute;
-  display: block;
-  block-size: 100%;
-  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
-  content: "";
-  inline-size: 100%;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-  opacity: 0;
-  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-
-.c4p--card__clickable.c4p--card--has-slug:hover::before,
-.c4p--card__clickable.c4p--card--has-ai-label:hover::before {
-  opacity: 1;
-}
-
-.c4p--card__clickable .c4p--card__content-container {
-  position: relative;
-  z-index: 1;
-}
-
-.c4p--card .cds--slug-icon rect {
-  stroke: var(--cds-icon-primary, #161616);
-}
-
-.c4p--card .cds--slug-icon path {
-  fill: var(--cds-icon-primary, #161616);
-}
-
 .c4p--card__title {
   font-size: var(--cds-heading-03-font-size, 1.25rem);
   font-weight: var(--cds-heading-03-font-weight, 400);
@@ -8801,13 +7352,6 @@ button.c4p--add-select__global-filter-toggle--open {
   background-color: var(--cds-layer);
   padding-block-start: 1.5rem;
 }
-@media (max-width: 41.98rem) {
-  .c4p--page-header__next .c4p--page-header__content__title-wrapper {
-    display: flex;
-    flex-direction: column;
-    grid-gap: 1rem;
-  }
-}
 .c4p--page-header__next .c4p--page-header__content__title-wrapper {
   display: grid;
   gap: 1rem;
@@ -8815,6 +7359,13 @@ button.c4p--add-select__global-filter-toggle--open {
   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;
+    flex-direction: column;
+    grid-gap: 1rem;
+  }
+}
 .c4p--page-header__next .c4p--page-header__content__start {
   display: flex;
   flex-wrap: wrap;
@@ -9872,7 +8423,7 @@ button.c4p--add-select__global-filter-toggle--open {
   border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
   block-size: 100%;
   inset-block-start: auto;
-  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem));
+  max-block-size: calc(100% - var(--tearsheet-vertical-gap, calc(5rem + 0.5rem)));
   max-inline-size: var(--tearsheet-max-inline-size, 1312px);
 }
 @media (max-width: 41.98rem) {
@@ -10072,7 +8623,7 @@ button.c4p--add-select__global-filter-toggle--open {
   }
 }
 .c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible.is-visible .c4p--tearsheet__next__container {
-  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem) + var(--block-size-change));
+  max-block-size: calc(100% - var(--tearsheet-vertical-gap, calc(5rem + 0.5rem + 0.125rem)) + var(--block-size-change));
   transform: scaleX(var(--scale-factor));
 }
 
@@ -10953,7 +9504,6 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -10966,6 +9516,7 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--web-terminal {
@@ -11512,7 +10063,6 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -11525,6 +10075,7 @@ button.c4p--add-select__global-filter-toggle--open {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--web-terminal__documentation-overflow {
@@ -15487,7 +14038,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -15500,6 +14050,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--guidebanner {
@@ -16414,7 +14965,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -16427,6 +14977,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--non-linear-reading__dark {
@@ -17640,7 +16191,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -17653,6 +16203,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--decorator--light {
@@ -18175,7 +16726,6 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-icon-on-color-disabled: GrayText;
     --cds-icon-inverse: SelectedItemText;
     --cds-icon-on-color: SelectedItemText;
-    --cds-button-disabled: GrayText;
     --cds-interactive: ButtonText;
     --cds-link-primary: LinkText;
     --cds-link-primary-hover: LinkText;
@@ -18188,6 +16738,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
     --cds-background-selected-hover: SelectedItem;
     --cds-background-inverse: SelectedItem;
     --cds-layer-selected-inverse: SelectedItem;
+    --cds-focus: Highlight;
   }
 }
 .c4p--decorator--dark {