@carbon/ibm-products 2.6.1 → 2.7.0

package/css/index-without-carbon.css

@@ -1,3 +1,222 @@
+.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;
+}
+
+:root {
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --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--layer-one {
+  --cds-layer: var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
+  --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--layer-two {
+  --cds-layer: var(--cds-layer-02, #ffffff);
+  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
+  --cds-field: var(--cds-field-02, #ffffff);
+  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
+}
+
+.cds--layer-three {
+  --cds-layer: var(--cds-layer-03, #f4f4f4);
+  --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);
+  --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);
+  --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);
+  --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);
+  --cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);
+  --cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);
+  --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
+  --cds-field: var(--cds-field-03, #f4f4f4);
+  --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
+  --cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);
+  --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
+  --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
+  --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
+}
+
 @keyframes hide-feedback {
   0% {
     opacity: 1;
@@ -59,18 +278,863 @@
     transform-origin: left;
   }
 }
-.cds--assistive-text,
-.cds--visually-hidden {
-  position: absolute;
-  overflow: hidden;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  border: 0;
-  margin: -1px;
-  clip: rect(0, 0, 0, 0);
-  visibility: inherit;
-  white-space: nowrap;
+.cds--assistive-text,
+.cds--visually-hidden {
+  position: absolute;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+  margin: -1px;
+  clip: rect(0, 0, 0, 0);
+  visibility: inherit;
+  white-space: nowrap;
+}
+
+.cds--popover-container {
+  position: relative;
+  display: inline-block;
+}
+
+.cds--popover--high-contrast .cds--popover {
+  --cds-popover-background-color: var(--cds-background-inverse, #393939);
+  --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
+}
+
+.cds--popover--drop-shadow .cds--popover {
+  --cds-popover-drop-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
+}
+
+.cds--popover--caret {
+  --cds-popover-offset: 0.625rem;
+}
+
+.cds--popover {
+  position: absolute;
+  z-index: 6000;
+  filter: var(--cds-popover-drop-shadow, none);
+  inset: 0;
+  pointer-events: none;
+}
+
+.cds--popover-content {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  position: absolute;
+  z-index: 6000;
+  display: none;
+  width: max-content;
+  max-width: 23rem;
+  background-color: var(--cds-popover-background-color, var(--cds-layer));
+  border-radius: var(--cds-popover-border-radius, 2px);
+  color: var(--cds-popover-text-color, var(--cds-text-primary, #161616));
+  pointer-events: auto;
+}
+.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-content::before {
+  position: absolute;
+  display: none;
+  content: "";
+}
+
+.cds--popover--open > .cds--popover > .cds--popover-content::before {
+  display: block;
+}
+
+.cds--popover-caret {
+  position: absolute;
+  z-index: 6000;
+  display: none;
+  background-color: var(--cds-popover-background-color, var(--cds-layer));
+  will-change: transform;
+}
+
+.cds--popover--open > .cds--popover > .cds--popover-caret {
+  display: block;
+}
+
+.cds--popover--tab-tip > .cds--popover .cds--popover-caret {
+  display: none;
+}
+
+.cds--popover--bottom > .cds--popover .cds--popover-content {
+  bottom: 0;
+  left: 50%;
+  transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
+}
+
+.cds--popover--bottom-left > .cds--popover .cds--popover-content {
+  bottom: 0;
+  left: 0;
+  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
+}
+
+.cds--popover--bottom-right > .cds--popover .cds--popover-content {
+  right: 0;
+  bottom: 0;
+  transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
+}
+
+.cds--popover--bottom > .cds--popover .cds--popover-content::before,
+.cds--popover--bottom-left > .cds--popover .cds--popover-content::before,
+.cds--popover--bottom-right > .cds--popover .cds--popover-content::before {
+  top: 0;
+  right: 0;
+  left: 0;
+  height: var(--cds-popover-offset, 0rem);
+  transform: translateY(-100%);
+}
+
+.cds--popover--bottom > .cds--popover .cds--popover-caret,
+.cds--popover--bottom-left > .cds--popover .cds--popover-caret,
+.cds--popover--bottom-right > .cds--popover .cds--popover-caret {
+  bottom: 0;
+  left: 50%;
+  width: var(--cds-popover-caret-width, 0.75rem);
+  height: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
+  transform: translate(-50%, var(--cds-popover-offset, 0rem));
+}
+
+.cds--popover--top > .cds--popover .cds--popover-content {
+  top: 0;
+  left: 50%;
+  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
+}
+
+.cds--popover--top-left > .cds--popover .cds--popover-content {
+  top: 0;
+  left: 0;
+  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
+}
+
+.cds--popover--top-right > .cds--popover .cds--popover-content {
+  top: 0;
+  right: 0;
+  transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
+}
+
+.cds--popover--top > .cds--popover .cds--popover-content::before,
+.cds--popover--top-left > .cds--popover .cds--popover-content::before,
+.cds--popover--top-right > .cds--popover .cds--popover-content::before {
+  right: 0;
+  bottom: 0;
+  left: 0;
+  height: var(--cds-popover-offset, 0rem);
+  transform: translateY(100%);
+}
+
+.cds--popover--top > .cds--popover .cds--popover-caret,
+.cds--popover--top-left > .cds--popover .cds--popover-caret,
+.cds--popover--top-right > .cds--popover .cds--popover-caret {
+  top: 0;
+  left: 50%;
+  width: var(--cds-popover-caret-width, 0.75rem);
+  height: var(--cds-popover-caret-height, 0.375rem);
+  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
+  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
+}
+
+.cds--popover--right > .cds--popover .cds--popover-content {
+  top: 50%;
+  left: 100%;
+  transform: translate(var(--cds-popover-offset, 0rem), -50%);
+}
+
+.cds--popover--right-top > .cds--popover .cds--popover-content {
+  top: 50%;
+  left: 100%;
+  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));
+}
+
+.cds--popover--right-bottom > .cds--popover .cds--popover-content {
+  bottom: 50%;
+  left: 100%;
+  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
+}
+
+.cds--popover--right > .cds--popover .cds--popover-content::before,
+.cds--popover--right-top > .cds--popover .cds--popover-content::before,
+.cds--popover--right-bottom > .cds--popover .cds--popover-content::before {
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: var(--cds-popover-offset, 0rem);
+  transform: translateX(-100%);
+}
+
+.cds--popover--right > .cds--popover .cds--popover-caret,
+.cds--popover--right-top > .cds--popover .cds--popover-caret,
+.cds--popover--right-bottom > .cds--popover .cds--popover-caret {
+  top: 50%;
+  left: 100%;
+  width: var(--cds-popover-caret-height, 0.375rem);
+  height: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
+  transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
+}
+
+.cds--popover--left > .cds--popover .cds--popover-content {
+  top: 50%;
+  right: 100%;
+  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);
+}
+
+.cds--popover--left-top > .cds--popover .cds--popover-content {
+  top: -50%;
+  right: 100%;
+  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px));
+}
+
+.cds--popover--left-bottom > .cds--popover .cds--popover-content {
+  right: 100%;
+  bottom: -50%;
+  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px));
+}
+
+.cds--popover--left > .cds--popover .cds--popover-content::before,
+.cds--popover--left-top > .cds--popover .cds--popover-content::before,
+.cds--popover--left-bottom > .cds--popover .cds--popover-content::before {
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: var(--cds-popover-offset, 0rem);
+  transform: translateX(100%);
+}
+
+.cds--popover--left > .cds--popover .cds--popover-caret,
+.cds--popover--left-top > .cds--popover .cds--popover-caret,
+.cds--popover--left-bottom > .cds--popover .cds--popover-caret {
+  top: 50%;
+  right: 100%;
+  width: var(--cds-popover-caret-height, 0.375rem);
+  height: var(--cds-popover-caret-width, 0.75rem);
+  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
+  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
+}
+
+.cds--popover--tab-tip > .cds--popover .cds--popover-content {
+  border-radius: 0;
+}
+
+.cds--popover--tab-tip .cds--popover {
+  will-change: filter;
+}
+
+.cds--popover--tab-tip__button {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: inline-block;
+  padding: 0;
+  border: 0;
+  appearance: none;
+  background: none;
+  cursor: pointer;
+  text-align: start;
+  width: 100%;
+  position: relative;
+  display: inline-flex;
+  width: 2rem;
+  height: 2rem;
+  align-items: center;
+  justify-content: center;
+}
+.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;
+}
+@media screen and (prefers-contrast) {
+  .cds--popover--tab-tip__button:focus {
+    outline-style: dotted;
+  }
+}
+.cds--popover--tab-tip__button:hover {
+  background-color: var(--cds-layer-hover);
+}
+
+.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {
+  background: var(--cds-layer);
+  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
+}
+
+.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after {
+  position: absolute;
+  z-index: 6001;
+  bottom: 0;
+  width: 100%;
+  height: 2px;
+  background: var(--cds-layer);
+  content: "";
+}
+
+.cds--popover--tab-tip__button svg {
+  fill: var(--cds-icon-primary, #161616);
+}
+
+.cds--tooltip {
+  --cds-popover-offset: 12px;
+}
+
+.cds--tooltip-content {
+  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);
+  max-width: 18rem;
+  padding: var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);
+  color: var(--cds-text-inverse, #ffffff);
+}
+
+.cds--icon-tooltip {
+  --cds-tooltip-padding-block: 0.125rem;
+  --cds-popover-caret-width: 0.5rem;
+  --cds-popover-caret-height: 0.25rem;
+  --cds-popover-offset: 0.5rem;
+}
+
+.cds--icon-tooltip .cds--tooltip-content {
+  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--definition-term {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+  display: inline-block;
+  padding: 0;
+  border: 0;
+  appearance: none;
+  background: none;
+  cursor: pointer;
+  text-align: start;
+  width: 100%;
+  border-bottom: 1px dotted var(--cds-border-strong);
+  border-radius: 0;
+  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:focus {
+  outline: 1px solid var(--cds-focus, #0f62fe);
+  border-bottom-color: var(--cds-border-interactive, #0f62fe);
+}
+@media screen and (prefers-contrast) {
+  .cds--definition-term:focus {
+    outline-style: dotted;
+  }
+}
+
+.cds--definition-term:hover {
+  border-bottom-color: var(--cds-border-interactive, #0f62fe);
+}
+
+.cds--definition-tooltip {
+  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);
+  max-width: 11rem;
+  padding: 0.5rem 1rem;
+}
+
+.cds--btn {
+  --cds-layout-size-height-local: clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));
+  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
+  --temp-1lh: (
+    var(--cds-body-compact-01-line-height, 1.28572) * 1em
+  );
+  --temp-expressive-1lh: (
+    var(--cds-body-compact-02-line-height, 1.375) * 1em
+  );
+  --temp-padding-block-max: calc(
+    (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -
+      0.0625rem
+  );
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  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);
+  position: relative;
+  display: inline-flex;
+  width: max-content;
+  max-width: 20rem;
+  min-height: var(--cds-layout-size-height-local);
+  flex-shrink: 0;
+  justify-content: space-between;
+  margin: 0;
+  border-radius: 0;
+  cursor: pointer;
+  outline: none;
+  padding-block: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
+  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
+  padding-inline-start: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
+  text-align: left;
+  text-decoration: none;
+  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);
+  box-shadow: none;
+  color: var(--cds-text-on-color-disabled, #8d8d8d);
+  cursor: not-allowed;
+}
+.cds--btn .cds--btn__icon {
+  position: absolute;
+  top: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
+  right: var(--cds-layout-density-padding-inline-local);
+  width: 1rem;
+  height: 1rem;
+  flex-shrink: 0;
+  margin-block-start: 0.0625rem;
+}
+
+.cds--btn::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+
+.cds--btn--primary {
+  border-width: 1px;
+  border-style: solid;
+  border-color: transparent;
+  background-color: var(--cds-button-primary, #0f62fe);
+  color: var(--cds-text-on-color, #ffffff);
+}
+.cds--btn--primary:hover {
+  background-color: var(--cds-button-primary-hover, #0050e6);
+}
+.cds--btn--primary:focus {
+  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
+  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
+}
+.cds--btn--primary:active {
+  background-color: var(--cds-button-primary-active, #002d9c);
+}
+.cds--btn--primary .cds--btn__icon,
+.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
+  fill: currentColor;
+}
+.cds--btn--primary:hover {
+  color: var(--cds-text-on-color, #ffffff);
+}
+
+.cds--btn--secondary {
+  border-width: 1px;
+  border-style: solid;
+  border-color: transparent;
+  background-color: var(--cds-button-secondary, #393939);
+  color: var(--cds-text-on-color, #ffffff);
+}
+.cds--btn--secondary:hover {
+  background-color: var(--cds-button-secondary-hover, #474747);
+}
+.cds--btn--secondary:focus {
+  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
+  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
+}
+.cds--btn--secondary:active {
+  background-color: var(--cds-button-secondary-active, #6f6f6f);
+}
+.cds--btn--secondary .cds--btn__icon,
+.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
+  fill: currentColor;
+}
+.cds--btn--secondary:hover, .cds--btn--secondary:focus {
+  color: var(--cds-text-on-color, #ffffff);
+}
+
+.cds--btn--tertiary {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--cds-button-tertiary, #0f62fe);
+  background-color: transparent;
+  color: var(--cds-button-tertiary, #0f62fe);
+}
+.cds--btn--tertiary:hover {
+  background-color: var(--cds-button-tertiary-hover, #0050e6);
+}
+.cds--btn--tertiary:focus {
+  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
+  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
+}
+.cds--btn--tertiary:active {
+  background-color: var(--cds-button-tertiary-active, #002d9c);
+}
+.cds--btn--tertiary .cds--btn__icon,
+.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
+  fill: currentColor;
+}
+.cds--btn--tertiary:hover {
+  color: var(--cds-text-inverse, #ffffff);
+}
+.cds--btn--tertiary:focus {
+  background-color: var(--cds-button-tertiary, #0f62fe);
+  color: var(--cds-text-inverse, #ffffff);
+}
+.cds--btn--tertiary:active {
+  border-color: transparent;
+  background-color: var(--cds-button-tertiary-active, #002d9c);
+  color: var(--cds-text-inverse, #ffffff);
+}
+.cds--btn--tertiary:disabled, .cds--btn--tertiary:hover:disabled, .cds--btn--tertiary:focus:disabled, .cds--btn--tertiary.cds--btn--disabled, .cds--btn--tertiary.cds--btn--disabled:hover, .cds--btn--tertiary.cds--btn--disabled:focus {
+  background: transparent;
+  color: var(--cds-text-on-color-disabled, #8d8d8d);
+  outline: none;
+}
+
+.cds--btn--ghost {
+  border-width: 1px;
+  border-style: solid;
+  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-layer-hover);
+}
+.cds--btn--ghost:focus {
+  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
+  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
+}
+.cds--btn--ghost:active {
+  background-color: var(--cds-layer-active);
+}
+.cds--btn--ghost .cds--btn__icon,
+.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
+  fill: currentColor;
+}
+.cds--btn--ghost .cds--btn__icon {
+  position: static;
+  margin-left: 0.5rem;
+}
+.cds--btn--ghost:hover, .cds--btn--ghost:active {
+  color: var(--cds-link-primary-hover, #0043ce);
+}
+.cds--btn--ghost:active {
+  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
+}
+.cds--btn--ghost:disabled, .cds--btn--ghost:hover:disabled, .cds--btn--ghost:focus:disabled, .cds--btn--ghost.cds--btn--disabled, .cds--btn--ghost.cds--btn--disabled:hover, .cds--btn--ghost.cds--btn--disabled:focus {
+  border-color: transparent;
+  background: transparent;
+  color: var(--cds-text-on-color-disabled, #8d8d8d);
+  outline: none;
+}
+.cds--btn--ghost:not([disabled]) svg {
+  fill: var(--cds-icon-primary, #161616);
+}
+
+.cds--btn--icon-only {
+  width: var(--cds-layout-size-height-local);
+  height: var(--cds-layout-size-height-local);
+  justify-content: center;
+  padding: 0;
+  padding-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
+}
+.cds--btn--icon-only > :first-child {
+  min-width: 1rem;
+  margin-block-start: 0.0625rem;
+}
+.cds--btn--icon-only .cds--btn__icon {
+  position: static;
+}
+.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {
+  margin: 0;
+}
+
+.cds--btn--icon-only.cds--btn--selected {
+  background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
+}
+
+.cds--btn path[data-icon-path=inner-path] {
+  fill: none;
+}
+
+.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),
+.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
+  fill: var(--cds-icon-primary, #161616);
+}
+
+.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),
+.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,
+.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon {
+  fill: var(--cds-icon-on-color-disabled, #8d8d8d);
+}
+
+.cds--btn--ghost.cds--btn--icon-only[disabled] {
+  cursor: not-allowed;
+}
+
+.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper {
+  cursor: not-allowed;
+}
+
+.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled] {
+  pointer-events: none;
+}
+
+.cds--btn--danger {
+  border-width: 1px;
+  border-style: solid;
+  border-color: transparent;
+  background-color: var(--cds-button-danger-primary, #da1e28);
+  color: var(--cds-text-on-color, #ffffff);
+}
+.cds--btn--danger:hover {
+  background-color: var(--cds-button-danger-hover, #b81921);
+}
+.cds--btn--danger:focus {
+  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
+  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
+}
+.cds--btn--danger:active {
+  background-color: var(--cds-button-danger-active, #750e13);
+}
+.cds--btn--danger .cds--btn__icon,
+.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
+  fill: currentColor;
+}
+.cds--btn--danger:hover {
+  color: var(--cds-text-on-color, #ffffff);
+}
+.cds--btn--danger--tertiary {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--cds-button-danger-secondary, #da1e28);
+  background-color: transparent;
+  color: var(--cds-button-danger-secondary, #da1e28);
+}
+.cds--btn--danger--tertiary:hover {
+  background-color: var(--cds-button-danger-hover, #b81921);
+}
+.cds--btn--danger--tertiary:focus {
+  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
+  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
+}
+.cds--btn--danger--tertiary:active {
+  background-color: var(--cds-button-danger-active, #750e13);
+}
+.cds--btn--danger--tertiary .cds--btn__icon,
+.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
+  fill: currentColor;
+}
+.cds--btn--danger--tertiary:hover {
+  border-color: var(--cds-button-danger-hover, #b81921);
+  color: var(--cds-text-on-color, #ffffff);
+}
+.cds--btn--danger--tertiary:focus {
+  background-color: var(--cds-button-danger-primary, #da1e28);
+  color: var(--cds-text-on-color, #ffffff);
+}
+.cds--btn--danger--tertiary:active {
+  border-color: var(--cds-button-danger-active, #750e13);
+  background-color: var(--cds-button-danger-active, #750e13);
+  color: var(--cds-text-on-color, #ffffff);
+}
+.cds--btn--danger--tertiary:disabled, .cds--btn--danger--tertiary:hover:disabled, .cds--btn--danger--tertiary:focus:disabled, .cds--btn--danger--tertiary.cds--btn--disabled, .cds--btn--danger--tertiary.cds--btn--disabled:hover, .cds--btn--danger--tertiary.cds--btn--disabled:focus {
+  background: transparent;
+  color: var(--cds-text-on-color-disabled, #8d8d8d);
+  outline: none;
+}
+.cds--btn--danger--ghost {
+  border-width: 1px;
+  border-style: solid;
+  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);
+}
+.cds--btn--danger--ghost:focus {
+  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
+  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
+}
+.cds--btn--danger--ghost:active {
+  background-color: var(--cds-button-danger-active, #750e13);
+}
+.cds--btn--danger--ghost .cds--btn__icon,
+.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
+  fill: currentColor;
+}
+.cds--btn--danger--ghost .cds--btn__icon {
+  position: static;
+  margin-left: 0.5rem;
+}
+.cds--btn--danger--ghost:hover, .cds--btn--danger--ghost:active {
+  color: var(--cds-text-on-color, #ffffff);
+}
+.cds--btn--danger--ghost:disabled, .cds--btn--danger--ghost:hover:disabled, .cds--btn--danger--ghost:focus:disabled, .cds--btn--danger--ghost.cds--btn--disabled, .cds--btn--danger--ghost.cds--btn--disabled:hover, .cds--btn--danger--ghost.cds--btn--disabled:focus {
+  border-color: transparent;
+  background: transparent;
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  outline: none;
+}
+
+.cds--btn--expressive {
+  font-size: var(--cds-body-compact-02-font-size, 1rem);
+  font-weight: var(--cds-body-compact-02-font-weight, 400);
+  line-height: var(--cds-body-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
+  padding-block: min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
+}
+
+.cds--btn--icon-only.cds--btn--expressive {
+  padding: 12px 13px;
+}
+
+.cds--btn.cds--btn--expressive .cds--btn__icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.cds--btn-set .cds--btn.cds--btn--expressive {
+  max-width: 20rem;
+}
+
+.cds--btn.cds--skeleton {
+  position: relative;
+  padding: 0;
+  border: none;
+  background: var(--cds-skeleton-background, #e8e8e8);
+  box-shadow: none;
+  pointer-events: none;
+  width: 9.375rem;
+}
+.cds--btn.cds--skeleton:hover, .cds--btn.cds--skeleton:focus, .cds--btn.cds--skeleton:active {
+  border: none;
+  cursor: default;
+  outline: none;
+}
+.cds--btn.cds--skeleton::before {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  animation: 3000ms ease-in-out skeleton infinite;
+  background: var(--cds-skeleton-element, #c6c6c6);
+  content: "";
+  will-change: transform-origin, transform, opacity;
+}
+@media (prefers-reduced-motion: reduce) {
+  .cds--btn.cds--skeleton::before {
+    animation: none;
+  }
+}
+
+.cds--btn-set {
+  display: flex;
+}
+
+.cds--btn-set--stacked {
+  flex-direction: column;
+}
+
+.cds--btn-set .cds--btn {
+  width: 100%;
+  max-width: 12.25rem;
+}
+.cds--btn-set .cds--btn:not(:focus) {
+  box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
+}
+.cds--btn-set .cds--btn:first-of-type:not(:focus) {
+  box-shadow: inherit;
+}
+
+.cds--btn-set .cds--btn:focus + .cds--btn {
+  box-shadow: inherit;
+}
+
+.cds--btn-set--stacked .cds--btn:not(:focus) {
+  box-shadow: 0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);
+}
+
+.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus) {
+  box-shadow: inherit;
+}
+
+.cds--btn-set .cds--btn.cds--btn--disabled {
+  box-shadow: -0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);
+}
+.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type {
+  box-shadow: none;
+}
+
+.cds--btn-set--stacked .cds--btn.cds--btn--disabled {
+  box-shadow: 0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);
+}
+.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type {
+  box-shadow: none;
+}
+
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--btn:focus {
+    color: Highlight;
+    outline: 1px solid Highlight;
+  }
+}
+
+@media screen and (-ms-high-contrast: active), (forced-colors: active) {
+  .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),
+  .cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
+    fill: ButtonText;
+  }
 }
 
 .cds--copy-btn {
@@ -181,6 +1245,10 @@
   animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) show-feedback;
 }
 
+.cds--copy-btn svg {
+  fill: var(--cds-icon-primary, #161616);
+}
+
 .cds--copy {
   font-size: 0;
 }
@@ -537,6 +1605,7 @@
 .cds--snippet--inline.cds--btn {
   width: initial;
   height: 1.25rem;
+  min-height: 1.25rem;
   padding-inline: 0;
 }
 
@@ -564,6 +1633,7 @@
   right: 0;
   bottom: 0;
   display: inline-flex;
+  height: 2rem;
   align-items: center;
   padding: 0.5rem 1rem;
   border: 0;
@@ -2922,157 +3992,6 @@ p.c4p--about-modal__copyright-text:first-child {
   margin-bottom: 0;
 }
 
-: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--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);
-}
-
 .c4p--side-panel__container {
   --c4p--side-panel--subtitle-opacity: 1;
   --c4p--side-panel--title-container-height: 0;
@@ -4932,8 +5851,8 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
@@ -5150,6 +6069,21 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-display-04-font-weight: 300;
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
+  --cds-button-separator: #161616;
+  --cds-button-primary: #0f62fe;
+  --cds-button-secondary: #6f6f6f;
+  --cds-button-tertiary: #ffffff;
+  --cds-button-danger-primary: #da1e28;
+  --cds-button-danger-secondary: #fa4d56;
+  --cds-button-danger-active: #750e13;
+  --cds-button-primary-active: #002d9c;
+  --cds-button-secondary-active: #393939;
+  --cds-button-tertiary-active: #c6c6c6;
+  --cds-button-danger-hover: #b81921;
+  --cds-button-primary-hover: #0050e6;
+  --cds-button-secondary-hover: #5e5e5e;
+  --cds-button-tertiary-hover: #f4f4f4;
+  --cds-button-disabled: rgba(141, 141, 141, 0.3);
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
@@ -8759,8 +9693,8 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
@@ -8977,6 +9911,21 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-display-04-font-weight: 300;
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
+  --cds-button-separator: #161616;
+  --cds-button-primary: #0f62fe;
+  --cds-button-secondary: #6f6f6f;
+  --cds-button-tertiary: #ffffff;
+  --cds-button-danger-primary: #da1e28;
+  --cds-button-danger-secondary: #ff8389;
+  --cds-button-danger-active: #750e13;
+  --cds-button-primary-active: #002d9c;
+  --cds-button-secondary-active: #393939;
+  --cds-button-tertiary-active: #c6c6c6;
+  --cds-button-danger-hover: #b81921;
+  --cds-button-primary-hover: #0050e6;
+  --cds-button-secondary-hover: #5e5e5e;
+  --cds-button-tertiary-hover: #f4f4f4;
+  --cds-button-disabled: rgba(141, 141, 141, 0.3);
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
@@ -9152,8 +10101,8 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-helper-text-01-font-size: 0.75rem;
   --cds-helper-text-01-line-height: 1.33333;
   --cds-helper-text-01-letter-spacing: 0.32px;
-  --cds-helper-text-02-font-size: carbon--type-scale(2);
-  --cds-helper-text-02-font-weight: carbon--font-weight("regular");
+  --cds-helper-text-02-font-size: 0.875rem;
+  --cds-helper-text-02-font-weight: 400;
   --cds-helper-text-02-line-height: 1.28572;
   --cds-helper-text-02-letter-spacing: 0.16px;
   --cds-body-short-01-font-size: 0.875rem;
@@ -9370,6 +10319,21 @@ button.c4p--add-select__global-filter-toggle--open {
   --cds-fluid-display-04-font-weight: 300;
   --cds-fluid-display-04-line-height: 1.19;
   --cds-fluid-display-04-letter-spacing: 0;
+  --cds-button-separator: #161616;
+  --cds-button-primary: #0f62fe;
+  --cds-button-secondary: #6f6f6f;
+  --cds-button-tertiary: #ffffff;
+  --cds-button-danger-primary: #da1e28;
+  --cds-button-danger-secondary: #fa4d56;
+  --cds-button-danger-active: #750e13;
+  --cds-button-primary-active: #002d9c;
+  --cds-button-secondary-active: #393939;
+  --cds-button-tertiary-active: #c6c6c6;
+  --cds-button-danger-hover: #b81921;
+  --cds-button-primary-hover: #0050e6;
+  --cds-button-secondary-hover: #5e5e5e;
+  --cds-button-tertiary-hover: #f4f4f4;
+  --cds-button-disabled: rgba(141, 141, 141, 0.3);
   --cds-layer: var(--cds-layer-01, #f4f4f4);
   --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
   --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
@@ -13462,6 +14426,74 @@ th.c4p--datagrid__select-all-toggle-on.button {
     transform-origin: left;
   }
 }
+:root {
+  --cds-layer:var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);
+  --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--layer-one {
+  --cds-layer:var(--cds-layer-01, #f4f4f4);
+  --cds-layer-active:var(--cds-layer-active-01, #c6c6c6);
+  --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--layer-two {
+  --cds-layer:var(--cds-layer-02, #ffffff);
+  --cds-layer-active:var(--cds-layer-active-02, #c6c6c6);
+  --cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);
+  --cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);
+  --cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);
+  --cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);
+  --cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);
+  --cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);
+  --cds-field:var(--cds-field-02, #ffffff);
+  --cds-field-hover:var(--cds-field-hover-02, #e8e8e8);
+  --cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);
+  --cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);
+  --cds-border-strong:var(--cds-border-strong-02, #8d8d8d);
+  --cds-border-tile:var(--cds-border-tile-02, #a8a8a8);
+}
+
+.cds--layer-three {
+  --cds-layer:var(--cds-layer-03, #f4f4f4);
+  --cds-layer-active:var(--cds-layer-active-03, #c6c6c6);
+  --cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);
+  --cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);
+  --cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);
+  --cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);
+  --cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);
+  --cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);
+  --cds-field:var(--cds-field-03, #f4f4f4);
+  --cds-field-hover:var(--cds-field-hover-03, #e8e8e8);
+  --cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);
+  --cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);
+  --cds-border-strong:var(--cds-border-strong-03, #8d8d8d);
+  --cds-border-tile:var(--cds-border-tile-03, #c6c6c6);
+}
+
 .cds--side-nav {
   position: fixed;
   z-index: 8000;
@@ -13540,11 +14572,24 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 .cds--side-nav__items {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  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:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
   overflow-y: auto;
 }
@@ -13586,6 +14631,7 @@ th.c4p--datagrid__select-all-toggle-on.button {
   height: 1px;
   margin: 0.5rem 1rem;
   background-color: var(--cds-border-subtle);
+  list-style-type: none;
 }
 
 .cds--side-nav__submenu {
@@ -13702,11 +14748,24 @@ th.c4p--datagrid__select-all-toggle-on.button {
 }
 
 .cds--side-nav__menu {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
   display: block;
   max-height: 0;
   visibility: hidden;
 }
 
+.cds--side-nav__menu *,
+.cds--side-nav__menu *::before,
+.cds--side-nav__menu *::after {
+  box-sizing: inherit;
+}
+
 .cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
   max-height: 93.75rem;
   visibility: inherit;
@@ -13848,9 +14907,22 @@ a.cds--side-nav__link--current::before {
   }
 }
 .cds--side-nav__header-navigation {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  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;
+}
+
 @media (max-width: 65.98rem) {
   .cds--side-nav__header-navigation {
     position: relative;
@@ -13929,21 +15001,6 @@ a.cds--side-nav__link--current::before {
     fill: ButtonText;
   }
 }
-: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--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);
@@ -14080,6 +15137,21 @@ a.cds--side-nav__link--current::before {
   --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;
+}
+
 .c4p--action-set {
   align-items: stretch;
   justify-content: flex-end;