@carbon/styles 1.113.0-rc.0 → 1.114.0-rc.0

package/css/styles.css

@@ -7182,6 +7182,169 @@ li.cds--accordion__item--disabled:last-of-type {
   margin-inline-end: 0.25rem;
 }
 
+.cds--big-number {
+  margin: 0;
+}
+
+.cds--big-number__label {
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  display: block;
+  margin: 0;
+  color: var(--cds-text-secondary, #525252);
+}
+
+.cds--big-number__value {
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
+  margin-block-end: 0;
+}
+
+.cds--big-number__total {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+}
+
+.cds--big-number__total,
+.cds--big-number__percentage-mark {
+  margin-block: auto 0.25rem;
+}
+
+.cds--big-number__info {
+  padding-inline-start: 0.5rem;
+  vertical-align: top;
+}
+
+.cds--big-number__trend {
+  margin-block-start: 0.5rem;
+  vertical-align: top;
+}
+
+.cds--big-number__row {
+  display: flex;
+}
+
+.cds--big-number__percentage {
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
+}
+
+.cds--big-number__percentage-mark {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+}
+
+.cds--big-number__icon-button {
+  margin-inline-start: 0.25rem;
+}
+
+.cds--big-number--lg .cds--big-number__value,
+.cds--big-number--lg .cds--big-number__percentage {
+  font-size: var(--cds-heading-06-font-size, 2.625rem);
+  font-weight: var(--cds-heading-06-font-weight, 300);
+  line-height: var(--cds-heading-06-line-height, 1.199);
+  letter-spacing: var(--cds-heading-06-letter-spacing, 0);
+}
+
+.cds--big-number--lg .cds--big-number__total,
+.cds--big-number--lg .cds--big-number__percentage-mark {
+  font-size: var(--cds-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-heading-03-font-weight, 400);
+  line-height: var(--cds-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
+}
+
+.cds--big-number--xl .cds--big-number__label {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+}
+
+.cds--big-number--xl .cds--big-number__value,
+.cds--big-number--xl .cds--big-number__percentage {
+  font-size: var(--cds-heading-07-font-size, 3.375rem);
+  font-weight: var(--cds-heading-07-font-weight, 300);
+  line-height: var(--cds-heading-07-line-height, 1.19);
+  letter-spacing: var(--cds-heading-07-letter-spacing, 0);
+}
+
+.cds--big-number--xl .cds--big-number__total,
+.cds--big-number--xl .cds--big-number__percentage-mark {
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
+}
+
+.cds--big-number--xl .cds--big-number__trend {
+  margin-block-start: 0.75rem;
+}
+
+.cds--big-number .cds--big-number__tooltip-trigger {
+  display: inline-flex;
+  padding: 0;
+  border: 0;
+  background: none;
+  color: inherit;
+  cursor: pointer;
+  vertical-align: top;
+}
+.cds--big-number .cds--big-number__tooltip-trigger:focus {
+  outline: 1px solid var(--cds-focus, #0f62fe);
+}
+
+.cds--big-number-skeleton {
+  inline-size: 4rem;
+}
+
+.cds--big-number-skeleton__label {
+  block-size: 0.75rem;
+  margin-block: 0 0.5rem;
+}
+
+.cds--big-number-skeleton__value {
+  margin: 0;
+  /* stylelint-disable-next-line declaration-no-important */
+  block-size: 2.5rem !important;
+}
+
+.cds--big-number-skeleton--lg {
+  inline-size: 5rem;
+}
+
+.cds--big-number-skeleton--xl {
+  inline-size: 6rem;
+}
+
+.cds--big-number-skeleton.cds--big-number-skeleton--lg .cds--big-number-skeleton__label {
+  block-size: 0.75rem;
+}
+
+.cds--big-number-skeleton.cds--big-number-skeleton--lg .cds--big-number-skeleton__value {
+  /* stylelint-disable-next-line declaration-no-important */
+  block-size: 3rem !important;
+}
+
+.cds--big-number-skeleton.cds--big-number-skeleton--xl .cds--big-number-skeleton__label {
+  block-size: 0.75rem;
+}
+
+.cds--big-number-skeleton.cds--big-number-skeleton--xl .cds--big-number-skeleton__value {
+  /* stylelint-disable-next-line declaration-no-important */
+  block-size: 4rem !important;
+}
+
 .cds--overflow-menu,
 .cds--overflow-menu__trigger {
   --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
@@ -7807,135 +7970,794 @@ a.cds--overflow-menu-options__btn::before {
 .cds--link *::after {
   box-sizing: inherit;
 }
-.cds--link {
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  display: inline-flex;
-  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
-  outline: none;
-  text-decoration: none;
-  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+.cds--link {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  display: inline-flex;
+  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
+  outline: none;
+  text-decoration: none;
+  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.cds--link:hover {
+  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
+  text-decoration: underline;
+}
+.cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
+  outline: 1px solid var(--cds-focus, #0f62fe);
+}
+@media screen and (prefers-contrast) {
+  .cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
+    outline-style: dotted;
+  }
+}
+.cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
+  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
+  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
+  text-decoration: underline;
+}
+.cds--link:focus:not(.cds--link--disabled) {
+  outline: 1px solid var(--cds-focus, #0f62fe);
+}
+@media screen and (prefers-contrast) {
+  .cds--link:focus:not(.cds--link--disabled) {
+    outline-style: dotted;
+  }
+}
+.cds--link:focus:not(.cds--link--disabled) {
+  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
+  text-decoration: underline;
+}
+.cds--link:visited {
+  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
+}
+.cds--link:visited:hover {
+  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
+}
+
+.cds--link--disabled,
+.cds--link--disabled:hover {
+  box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  font-family: inherit;
+  font-size: 100%;
+  vertical-align: baseline;
+}
+.cds--link--disabled *,
+.cds--link--disabled *::before,
+.cds--link--disabled *::after,
+.cds--link--disabled:hover *,
+.cds--link--disabled:hover *::before,
+.cds--link--disabled:hover *::after {
+  box-sizing: inherit;
+}
+.cds--link--disabled,
+.cds--link--disabled:hover {
+  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-compact-01-font-weight, 400);
+  line-height: var(--cds-body-compact-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  cursor: not-allowed;
+  font-weight: 400;
+  text-decoration: none;
+}
+
+.cds--link.cds--link--visited:visited {
+  color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
+}
+
+.cds--link.cds--link--visited:visited:hover {
+  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
+}
+
+.cds--link.cds--link--inline {
+  display: inline;
+  text-decoration: underline;
+}
+
+.cds--link--disabled.cds--link--inline {
+  text-decoration: underline;
+}
+
+.cds--link--sm,
+.cds--link--sm.cds--link--disabled:hover {
+  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
+  line-height: var(--cds-helper-text-01-line-height, 1.33333);
+  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
+}
+
+.cds--link--lg,
+.cds--link--lg.cds--link--disabled:hover {
+  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);
+}
+
+.cds--link--icon {
+  display: inline-block;
+}
+
+.cds--link__icon {
+  display: inline-flex;
+  align-items: center;
+  block-size: 1lh;
+  line-height: inherit;
+  margin-inline-start: 0.5rem;
+  vertical-align: text-bottom;
+}
+
+.cds--link--lg .cds--link__icon > svg {
+  block-size: 1.25rem;
+  inline-size: 1.25rem;
+}
+
+.cds--link--lg .cds--link__icon {
+  block-size: 1.25rem;
+}
+
+.cds--card {
+  position: relative;
+  background-color: var(--cds-layer);
+  color: var(--cds-text-primary, #161616);
+}
+
+.cds--card--clickable {
+  display: block;
+  border: 1px solid var(--cds-border-tile-01, #c6c6c6);
+  cursor: pointer;
+  text-decoration: none;
+  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+.cds--card--clickable:hover {
+  background-color: var(--cds-layer-hover);
+}
+.cds--card--clickable:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .cds--card--clickable:focus {
+    outline-style: dotted;
+  }
+}
+.cds--card--clickable:focus {
+  outline-offset: 0;
+}
+.cds--card--clickable:active {
+  background-color: var(--cds-layer-active);
+}
+
+.cds--card__clickable-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 1rem;
+  color: var(--cds-icon-interactive, #0f62fe);
+}
+
+.cds--card--disabled .cds--card__clickable-footer {
+  color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--card--disabled {
+  border-color: var(--cds-border-disabled, #c6c6c6);
+  background-color: var(--cds-layer);
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.cds--card__header {
+  position: relative;
+  display: grid;
+  -moz-column-gap: 1rem;
+       column-gap: 1rem;
+  grid-template-columns: auto 1fr;
+  row-gap: 0;
+}
+
+.cds--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-block: 1rem;
+  padding-inline: 1rem;
+}
+
+.cds--card__body--flush {
+  padding: 0;
+}
+
+.cds--card__footer {
+  display: flex;
+  align-items: center;
+  padding: 1rem;
+}
+
+.cds--card__footer:has(> .cds--card__action) {
+  overflow: hidden;
+  padding: 0;
+  border-block-start: 1px solid var(--cds-border-subtle);
+  gap: 1px;
+}
+
+.cds--card__footer > .cds--card__action:not(:has(.cds--btn--icon-only)) {
+  flex: 1 0;
+  min-inline-size: 0;
+}
+.cds--card__footer > .cds--card__action:not(:has(.cds--btn--icon-only)) > .cds--btn,
+.cds--card__footer > .cds--card__action:not(:has(.cds--btn--icon-only)) > * > .cds--btn {
+  inline-size: 100%;
+  max-inline-size: none;
+}
+
+.cds--card__footer > .cds--card__action:has(.cds--btn--icon-only) {
+  flex: 0 0 auto;
+  margin-inline-start: auto;
+}
+
+.cds--card__footer > .cds--card__action:has(.cds--btn--icon-only) + .cds--card__action:has(.cds--btn--icon-only) {
+  margin-inline-start: 0;
+}
+
+.cds--card__action {
+  display: inline-flex;
+}
+
+.cds--card__header-media {
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+  grid-column: 1/-1;
+  margin-block: 1rem;
+  margin-inline: 1rem;
+  max-block-size: 4rem;
+}
+
+.cds--card__media {
+  grid-column: 1/-1;
+  inline-size: 100%;
+}
+.cds--card__media::before, .cds--card__media::after {
+  display: none;
+}
+
+.cds--card__media.cds--aspect-ratio--16x9 {
+  aspect-ratio: 16/9;
+}
+
+.cds--card__media.cds--aspect-ratio--9x16 {
+  aspect-ratio: 9/16;
+}
+
+.cds--card__media.cds--aspect-ratio--2x1 {
+  aspect-ratio: 2/1;
+}
+
+.cds--card__media.cds--aspect-ratio--1x2 {
+  aspect-ratio: 1/2;
+}
+
+.cds--card__media.cds--aspect-ratio--4x3 {
+  aspect-ratio: 4/3;
+}
+
+.cds--card__media.cds--aspect-ratio--3x4 {
+  aspect-ratio: 3/4;
+}
+
+.cds--card__media.cds--aspect-ratio--3x2 {
+  aspect-ratio: 3/2;
+}
+
+.cds--card__media.cds--aspect-ratio--2x3 {
+  aspect-ratio: 2/3;
+}
+
+.cds--card__media.cds--aspect-ratio--1x1 {
+  aspect-ratio: 1/1;
+}
+
+.cds--card__media > * {
+  position: static;
+  block-size: 100%;
+  inline-size: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.cds--card--horizontal {
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
+}
+
+.cds--card__media--horizontal {
+  overflow: hidden;
+  flex-basis: var(--cds--card--media-width, 33.33%);
+  flex-shrink: 0;
+  align-self: stretch;
+}
+
+.cds--card--horizontal > .cds--card__content {
+  display: flex;
+  flex: 1 1;
+  flex-direction: column;
+  min-inline-size: 0;
+}
+
+.cds--card--horizontal > .cds--card__content > .cds--card__body {
+  flex: 1 0 auto;
+}
+
+.cds--card--horizontal > .cds--card__content > .cds--card__footer {
+  margin-block-start: auto;
+}
+
+.cds--card__title > .cds--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);
+  color: var(--cds-text-secondary, #525252);
+}
+
+.cds--card--disabled .cds--card__label {
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--card__label--truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cds--card__label--truncate-multi {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--cds--card--label-line-clamp);
+  text-overflow: ellipsis;
+}
+
+.cds--card__title {
+  display: flex;
+  overflow: hidden;
+  flex-direction: column;
+  gap: 0.125rem;
+  margin-inline: 1rem;
+  min-inline-size: 0;
+}
+
+.cds--card__header > .cds--card__title {
+  margin-block: 1rem;
+}
+
+.cds--card--expressive .cds--card__title-text-row {
+  font-size: var(--cds-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-heading-03-font-weight, 400);
+  line-height: var(--cds-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
+}
+
+.cds--card--productive .cds--card__title-text-row {
+  font-size: var(--cds-heading-compact-02-font-size, 1rem);
+  font-weight: var(--cds-heading-compact-02-font-weight, 600);
+  line-height: var(--cds-heading-compact-02-line-height, 1.375);
+  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
+}
+
+.cds--card__title-text-row {
+  display: block;
+}
+
+.cds--card__title-text-row--truncate {
+  overflow: hidden;
+  max-inline-size: var(--cds--card--title-max-width, 100%);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cds--card__title-text-row--truncate-multi {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--cds--card--title-line-clamp);
+  max-inline-size: var(--cds--card--title-max-width, 100%);
+  text-overflow: ellipsis;
+}
+
+.cds--card__title-text-row--with-start-icon {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5rem;
+}
+
+.cds--card__title-text-row--with-end-icon {
+  display: block;
+}
+
+.cds--card__title-start-icon {
+  display: flex;
+  flex-shrink: 0;
+  margin-block-start: 0.125rem;
+}
+
+.cds--card__title-end-icon {
+  display: inline-flex;
+  align-items: center;
+  margin-inline-start: 0.5rem;
+  vertical-align: middle;
+}
+
+.cds--card__title > .cds--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);
+  color: var(--cds-text-secondary, #525252);
+}
+
+.cds--card--disabled .cds--card__description {
+  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+}
+
+.cds--card__description--truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cds--card__description--truncate-multi {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: var(--cds--card--description-line-clamp);
+  text-overflow: ellipsis;
+}
+
+.cds--card__title-media {
+  display: flex;
+  flex-shrink: 0;
+  align-items: flex-start;
+  justify-content: center;
+  grid-column: 1;
+  margin-block-start: 1rem;
+  margin-inline-start: 1rem;
+  max-block-size: 4rem;
+}
+
+.cds--card__header:has(> .cds--card__title-media) > .cds--card__title {
+  grid-column: 2;
+  margin-inline-start: 0;
+}
+
+.cds--card__actions {
+  position: absolute;
+  display: inline-flex;
+  align-items: center;
+  justify-content: flex-end;
+  block-size: 2rem;
+  gap: 0.25rem;
+  inline-size: 50%;
+  inset-block-start: 0.5rem;
+  inset-inline-end: 0.5rem;
+  max-inline-size: 50%;
+}
+
+.cds--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--card__decorator {
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  block-size: 2rem;
+  inset-block-start: 0.5rem;
+  inset-inline-end: 0.5rem;
+}
+
+.cds--card--has-ai-label .cds--card__title {
+  padding-inline-end: 3rem;
+}
+
+.cds--card--has-ai-label:has(.cds--card__actions) .cds--card__title {
+  padding-inline-end: 10rem;
+}
+
+.cds--card--has-ai-label .cds--card__label {
+  padding-inline-end: 3rem;
+}
+
+.cds--card--has-ai-label:has(.cds--card__actions) .cds--card__label {
+  padding-inline-end: 10rem;
+}
+
+.cds--card--has-ai-label .cds--card__description {
+  padding-inline-end: 3rem;
+}
+
+.cds--card--has-ai-label:has(.cds--card__actions) .cds--card__description {
+  padding-inline-end: 10rem;
+}
+
+.cds--card--has-ai-label .cds--card__actions {
+  inset-inline-end: 2.5rem;
+}
+
+.cds--card--clickable.cds--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--card--clickable.cds--card--has-ai-label:hover::before {
+  opacity: 1;
+}
+
+/* stylelint-disable declaration-no-important */
+.cds--coachmark--floating span:has(> div > .cds--coachmark--content-header--drag-icon) {
+  margin-inline-end: auto;
+}
+.cds--coachmark .cds--coachmark--content-header--is-dragging {
+  border-radius: 0;
+  box-shadow: 0 0 0 0.25rem var(--cds-icon-inverse, #ffffff);
+  outline: 0.125rem solid var(--cds-background-inverse, #393939);
+}
+.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header {
+  display: flex;
+  justify-content: flex-end;
+}
+.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header--drag-icon,
+.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header .cds--btn {
+  color: var(--cds-icon-inverse, #ffffff);
+}
+.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header--drag-icon .cds--btn__icon,
+.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header--drag-icon svg,
+.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header .cds--btn .cds--btn__icon,
+.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-header .cds--btn svg {
+  color: var(--cds-icon-inverse, #ffffff);
+  fill: var(--cds-icon-inverse, #ffffff);
+}
+.cds--coachmark .cds--coachmark--coachmark-content .cds--coachmark--content-body {
+  display: flex;
+  flex-direction: column;
+  padding: 0.125rem 1rem 0;
+}
+
+.cds--coachmark-beacon {
+  position: relative;
+}
+.cds--coachmark-beacon-default .cds--coachmark-beacon__target::before {
+  display: none;
+}
+.cds--coachmark-beacon-default .cds--coachmark-beacon__target::after {
+  position: absolute;
+  border-radius: 50%;
+  background-color: #4589ff;
+  block-size: 0.75rem;
+  content: "";
+  inline-size: 0.75rem;
+  inset-block-start: 0.625rem;
+  inset-inline-start: 0.625rem;
+}
+.cds--coachmark-beacon-default .cds--coachmark-beacon__target:focus {
+  outline: transparent;
+}
+.cds--coachmark-beacon-default .cds--coachmark-beacon__target:focus::before {
+  position: absolute;
+  display: block;
+  border-radius: 100%;
+  block-size: 18px;
+  content: "";
+  inline-size: 18px;
+  inset-block-start: 7px;
+  inset-inline-start: 7px;
+  outline: 0.125rem var(--cds-focus, #0f62fe) solid;
+}
+.cds--coachmark-beacon .cds--coachmark-beacon__target {
+  display: flex;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background-color: transparent;
+  block-size: 2rem;
+  cursor: pointer;
+  inline-size: 2rem;
+}
+.cds--coachmark-beacon .cds--coachmark-beacon__target[aria-expanded=true] circle {
+  animation: none;
+}
+.cds--coachmark-beacon__center {
+  position: absolute;
+  z-index: 6900;
+  block-size: 5rem;
+  inline-size: 5rem;
+  inset-block-start: -1.375rem;
+  inset-inline-start: -1.375rem;
+  pointer-events: none;
 }
-.cds--link:hover {
-  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
-  text-decoration: underline;
+.cds--coachmark-beacon__center circle {
+  animation: ripple 2s infinite;
+  fill: var(--cds-support-info, #0043ce);
+  fill-opacity: 0;
+  -webkit-mask-image: none;
+  mask-image: none;
+  stroke: var(--cds-support-info, #0043ce);
+  stroke-opacity: 0;
+  stroke-width: 1px;
+  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
 }
-.cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
-  outline: 1px solid var(--cds-focus, #0f62fe);
+@media (prefers-reduced-motion) {
+  .cds--coachmark-beacon__center circle {
+    animation: none;
+  }
 }
-@media screen and (prefers-contrast) {
-  .cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
-    outline-style: dotted;
+
+@keyframes ripple {
+  0% {
+    fill-opacity: 0;
+    r: 1px;
+    stroke-opacity: 0;
+    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
+  }
+  31% {
+    fill-opacity: 0.2;
+    stroke-opacity: 1;
+  }
+  62% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
+  }
+  100% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
   }
 }
-.cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
-  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
-  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
-  text-decoration: underline;
+@keyframes ring-ripple {
+  0% {
+    fill-opacity: 0;
+    r: 12px;
+    stroke-opacity: 0;
+    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
+  }
+  31% {
+    fill-opacity: 0.2;
+    stroke-opacity: 1;
+  }
+  62% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
+  }
+  100% {
+    fill-opacity: 0;
+    r: 32px;
+    stroke-opacity: 0;
+  }
 }
-.cds--link:focus:not(.cds--link--disabled) {
-  outline: 1px solid var(--cds-focus, #0f62fe);
+.cds--coachmark-tagline {
+  position: fixed;
+  z-index: 1000;
+  display: grid;
+  overflow: hidden;
+  border-radius: 0.125rem 0.125rem 0 0;
+  background: #6929c4;
+  background-image: linear-gradient(90deg, #001d6c 0%, #6929c4 100%);
+  color: #ffffff !important;
+  grid-template-columns: [cta-col] auto [close-btn-col] 2.5rem;
+  inline-size: 18rem;
+  inset-block-end: 0;
+  inset-inline-end: 1rem;
+  opacity: 1;
+  transition: opacity 240ms cubic-bezier(0.2, 0, 1, 0.9) 300ms;
+  transition-delay: 240ms;
 }
-@media screen and (prefers-contrast) {
-  .cds--link:focus:not(.cds--link--disabled) {
-    outline-style: dotted;
+@media (prefers-reduced-motion) {
+  .cds--coachmark-tagline {
+    transition: none;
   }
 }
-.cds--link:focus:not(.cds--link--disabled) {
-  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
-  text-decoration: underline;
+.cds--coachmark-tagline::before {
+  position: absolute;
+  z-index: -1;
+  background: linear-gradient(90deg, #0043ce 0%, #6929c4 100%);
+  content: "";
+  inset: 0;
+  opacity: 0;
+  transition: opacity 240ms cubic-bezier(0.2, 0, 1, 0.9);
 }
-.cds--link:visited {
-  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
+@media (prefers-reduced-motion) {
+  .cds--coachmark-tagline::before {
+    transition: none;
+  }
 }
-.cds--link:visited:hover {
-  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
+.cds--coachmark-tagline:hover::before {
+  opacity: 1;
 }
-
-.cds--link--disabled,
-.cds--link--disabled:hover {
-  box-sizing: border-box;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  font-family: inherit;
-  font-size: 100%;
-  vertical-align: baseline;
+.cds--coachmark-tagline--is-open {
+  background: #ffffff;
+  opacity: 0;
 }
-.cds--link--disabled *,
-.cds--link--disabled *::before,
-.cds--link--disabled *::after,
-.cds--link--disabled:hover *,
-.cds--link--disabled:hover *::before,
-.cds--link--disabled:hover *::after {
-  box-sizing: inherit;
+.cds--coachmark-tagline--is-open cds--coachmark-tagline__cta {
+  opacity: 0;
 }
-.cds--link--disabled,
-.cds--link--disabled:hover {
-  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-compact-01-font-weight, 400);
-  line-height: var(--cds-body-compact-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
-  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
-  cursor: not-allowed;
-  font-weight: 400;
-  text-decoration: none;
+.cds--coachmark-tagline--is-open cds--coachmark-tagline--close-btn {
+  display: none;
 }
-
-.cds--link.cds--link--visited:visited {
-  color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
+.cds--coachmark-tagline--is-open::before {
+  background: #ffffff;
 }
-
-.cds--link.cds--link--visited:visited:hover {
-  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
+.cds--coachmark-tagline__cta {
+  display: grid;
+  padding: 0.5rem 0;
+  border: none;
+  background: transparent;
+  color: #ffffff !important;
+  grid-template-columns: [icon-col] 2rem [body-col] auto;
+  text-align: start;
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
 }
-
-.cds--link.cds--link--inline {
-  display: inline;
-  text-decoration: underline;
+.cds--coachmark-tagline__cta:focus {
+  box-shadow: inset 0 0 0 3px #6929c4, inset 0 0 0 0.25rem #ffffff;
+  outline: 1px solid transparent;
 }
-
-.cds--link--disabled.cds--link--inline {
-  text-decoration: underline;
+.cds--coachmark-tagline__cta:hover {
+  cursor: pointer !important;
 }
-
-.cds--link--sm,
-.cds--link--sm.cds--link--disabled:hover {
-  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
-  line-height: var(--cds-helper-text-01-line-height, 1.33333);
-  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
+.cds--coachmark-tagline__cta .cds--coachmark-tagline__idea {
+  justify-self: center;
 }
-
-.cds--link--lg,
-.cds--link--lg.cds--link--disabled:hover {
-  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);
+.cds--coachmark-tagline--close-btn-container {
+  block-size: 2rem;
+  inline-size: 2rem;
+  margin-inline-start: auto;
 }
-
-.cds--link--icon {
-  display: inline-block;
+.cds--coachmark-tagline--close-btn {
+  border-color: transparent !important;
+  border-radius: 0;
+  block-size: 2rem;
+  color: #ffffff;
+  inline-size: 2rem;
+  margin-inline-start: auto !important;
+  outline: 1px solid transparent;
 }
-
-.cds--link__icon {
-  display: inline-flex;
-  align-items: center;
-  block-size: 1lh;
-  line-height: inherit;
-  margin-inline-start: 0.5rem;
-  vertical-align: text-bottom;
+.cds--coachmark-tagline--close-btn:active {
+  background-color: var(--cds-button-secondary-active, #6f6f6f);
 }
-
-.cds--link--lg .cds--link__icon > svg {
-  block-size: 1.25rem;
-  inline-size: 1.25rem;
+.cds--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;
 }
-
-.cds--link--lg .cds--link__icon {
-  block-size: 1.25rem;
+.cds--coachmark-tagline--close-btn svg > path {
+  margin: 0;
+  fill: #ffffff !important;
+}
+.cds--coachmark-tagline--close-btn:hover {
+  background-color: #7c3dd6 !important;
 }
 
 .cds--chat-btn {
@@ -13327,26 +14149,24 @@ fieldset[disabled] .cds--form__helper-text {
   transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
 }
 
-.cds--data-table tbody tr:not([data-child-row]):hover,
-.cds--data-table tbody tr[data-child-row]:hover > td {
-  background-color: var(--cds-layer-hover);
-}
-
-.cds--data-table tbody tr:hover td,
-.cds--data-table tbody tr:hover th {
-  border-block-end: 1px solid var(--cds-layer-hover);
-  border-block-start: 1px solid var(--cds-layer-hover);
-  color: var(--cds-text-primary, #161616);
-}
-
-.cds--data-table tr:hover .cds--link:not(.cds--popover-container .cds--link) {
-  color: var(--cds-link-secondary, #0043ce);
-}
-
-.cds--data-table tr:hover .cds--link--disabled:not(.cds--popover-container .cds--link) {
-  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+@media (any-hover: hover) {
+  .cds--data-table tbody tr:not([data-child-row]):hover,
+  .cds--data-table tbody tr[data-child-row]:hover > td {
+    background-color: var(--cds-layer-hover);
+  }
+  .cds--data-table tbody tr:hover td,
+  .cds--data-table tbody tr:hover th {
+    border-block-end: 1px solid var(--cds-layer-hover);
+    border-block-start: 1px solid var(--cds-layer-hover);
+    color: var(--cds-text-primary, #161616);
+  }
+  .cds--data-table tr:hover .cds--link:not(.cds--popover-container .cds--link) {
+    color: var(--cds-link-secondary, #0043ce);
+  }
+  .cds--data-table tr:hover .cds--link--disabled:not(.cds--popover-container .cds--link) {
+    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+  }
 }
-
 .cds--data-table th,
 .cds--data-table td {
   text-align: start;
@@ -13469,11 +14289,15 @@ fieldset[disabled] .cds--form__helper-text {
 
 .cds--data-table.cds--data-table--visible-overflow-menu td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon,
 .cds--data-table td.cds--table-column-menu .cds--overflow-menu:hover .cds--overflow-menu__icon,
-.cds--data-table td.cds--table-column-menu .cds--overflow-menu:focus .cds--overflow-menu__icon,
-.cds--data-table tr:hover td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon {
+.cds--data-table td.cds--table-column-menu .cds--overflow-menu:focus .cds--overflow-menu__icon {
   opacity: 1;
 }
 
+@media (any-hover: hover) {
+  .cds--data-table tr:hover td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon {
+    opacity: 1;
+  }
+}
 .cds--table-row--menu-option .cds--overflow-menu-options__btn .cds--overflow-menu-options__option-content svg {
   position: relative;
   inset-block-start: 0.1875rem;
@@ -13525,15 +14349,15 @@ fieldset[disabled] .cds--form__helper-text {
   background-color: var(--cds-layer-accent);
 }
 
-.cds--data-table--zebra tbody tr:not(.cds--parent-row):hover td {
-  border-block-end: 1px solid var(--cds-layer-hover);
-  border-block-start: 1px solid var(--cds-layer-hover);
-}
-
-.cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):hover {
-  background-color: var(--cds-layer-hover);
+@media (any-hover: hover) {
+  .cds--data-table--zebra tbody tr:not(.cds--parent-row):hover td {
+    border-block-end: 1px solid var(--cds-layer-hover);
+    border-block-start: 1px solid var(--cds-layer-hover);
+  }
+  .cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):hover {
+    background-color: var(--cds-layer-hover);
+  }
 }
-
 .cds--table-column-checkbox .cds--checkbox-label {
   min-block-size: 1.5rem;
   padding-inline-start: 0;
@@ -13645,22 +14469,21 @@ tr.cds--data-table--selected:last-of-type td {
   border-block-end: 1px solid var(--cds-layer-active);
 }
 
-.cds--data-table--zebra tbody tr:nth-child(even).cds--data-table--selected:hover td {
-  border-block-end: 1px solid var(--cds-layer-selected-hover);
-}
-
-.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover td,
-.cds--data-table tbody .cds--data-table--selected:hover td {
-  border-block-end: 1px solid var(--cds-layer-selected-hover);
-  border-block-start: 1px solid var(--cds-layer-selected-hover);
-  color: var(--cds-text-primary, #161616);
-}
-
-.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover,
-.cds--data-table tbody .cds--data-table--selected:hover {
-  background-color: var(--cds-layer-selected-hover);
+@media (any-hover: hover) {
+  .cds--data-table--zebra tbody tr:nth-child(even).cds--data-table--selected:hover td {
+    border-block-end: 1px solid var(--cds-layer-selected-hover);
+  }
+  .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover td,
+  .cds--data-table tbody .cds--data-table--selected:hover td {
+    border-block-end: 1px solid var(--cds-layer-selected-hover);
+    border-block-start: 1px solid var(--cds-layer-selected-hover);
+    color: var(--cds-text-primary, #161616);
+  }
+  .cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover,
+  .cds--data-table tbody .cds--data-table--selected:hover {
+    background-color: var(--cds-layer-selected-hover);
+  }
 }
-
 .cds--data-table--selected .cds--overflow-menu .cds--overflow-menu__icon {
   opacity: 1;
 }
@@ -13788,6 +14611,9 @@ tr.cds--data-table--selected:last-of-type td {
 
 .cds--data-table--sticky-header {
   display: block;
+  inline-size: -moz-fit-content;
+  inline-size: fit-content;
+  min-inline-size: 100%;
   overflow-y: scroll;
 }
 .cds--data-table--sticky-header thead,
@@ -13800,7 +14626,6 @@ tr.cds--data-table--selected:last-of-type td {
 .cds--data-table--sticky-header thead {
   position: sticky;
   z-index: 1;
-  overflow: scroll;
   inline-size: 100%;
   inset-block-start: 0;
   -ms-overflow-style: none;
@@ -13812,7 +14637,6 @@ tr.cds--data-table--selected:last-of-type td {
 .cds--data-table--sticky-header tbody {
   flex-direction: column;
   -ms-overflow-style: none;
-  overflow-x: scroll;
   will-change: transform;
 }
 .cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row {
@@ -13834,8 +14658,10 @@ tr.cds--data-table--selected:last-of-type td {
 .cds--data-table--sticky-header:not(.cds--data-table--xs):not(.cds--data-table--xl):not(.cds--data-table--sm) td:not(.cds--table-column-menu):not(.cds--table-column-checkbox) {
   padding-block-start: 0.875rem;
 }
-.cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row:hover + tr[data-child-row] td {
-  border-block-start: 1px solid var(--cds-layer-hover);
+@media (any-hover: hover) {
+  .cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row:hover + tr[data-child-row] td {
+    border-block-start: 1px solid var(--cds-layer-hover);
+  }
 }
 .cds--data-table--sticky-header tr.cds--expandable-row:last-of-type {
   overflow: hidden;
@@ -13970,29 +14796,38 @@ tr.cds--data-table--ai-label-row + .cds--expandable-row {
   box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
 }
 
-.cds--data-table tbody tr.cds--data-table--ai-label-row:hover td,
-tr.cds--data-table--ai-label-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,
-tr.cds--data-table--ai-label-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,
 tr.cds--data-table--ai-label-row.cds--expandable-row--hover > td,
 tr.cds--data-table--selected.cds--data-table--ai-label-row.cds--expandable-row + tr.cds--expandable-row[data-child-row] > td,
-tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
-tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
-tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,
-tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td,
 tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td,
 tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td:first-of-type {
   background-color: transparent;
 }
 
-.cds--data-table tbody tr.cds--data-table--ai-label-row:hover,
-tr.cds--data-table--ai-label-row:hover + .cds--expandable-row[data-child-row],
-tr.cds--data-table--ai-label-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
+@media (any-hover: hover) {
+  .cds--data-table tbody tr.cds--data-table--ai-label-row:hover td,
+  tr.cds--data-table--ai-label-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,
+  tr.cds--data-table--ai-label-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,
+  tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
+  tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
+  tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,
+  tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td {
+    background-color: transparent;
+  }
+}
 tr.cds--expandable-row--hover.cds--data-table--ai-label-row,
 tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--ai-label-row {
   background: linear-gradient(to right, 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%), var(--cds-ai-aura-hover-background, #edf5ff);
   background-attachment: fixed;
 }
 
+@media (any-hover: hover) {
+  .cds--data-table tbody tr.cds--data-table--ai-label-row:hover,
+  tr.cds--data-table--ai-label-row:hover + .cds--expandable-row[data-child-row],
+  tr.cds--data-table--ai-label-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover {
+    background: linear-gradient(to right, 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%), var(--cds-ai-aura-hover-background, #edf5ff);
+    background-attachment: fixed;
+  }
+}
 tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
 .cds--data-table--selected.cds--data-table--slug-row,
 tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row,
@@ -14003,24 +14838,29 @@ tr.cds--data-table--selected.cds--data-table--ai-label-row + .cds--expandable-ro
   background-attachment: fixed;
 }
 
-tr.cds--data-table--ai-label-row.cds--data-table--selected td,
-tr.cds--data-table--ai-label-row.cds--data-table--selected:hover td,
-tbody tr.cds--data-table--ai-label-row:hover td,
-tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
+tr.cds--data-table--ai-label-row.cds--data-table--selected td {
   border-block-end-color: var(--cds-border-subtle);
 }
 
+@media (any-hover: hover) {
+  tr.cds--data-table--ai-label-row.cds--data-table--selected:hover td,
+  tbody tr.cds--data-table--ai-label-row:hover td,
+  tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
+    border-block-end-color: var(--cds-border-subtle);
+  }
+}
 tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug),
 tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
   border-block-end: 1px solid var(--cds-layer-selected);
 }
 
-tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type,
-tr.cds--parent-row.cds--data-table--ai-label-row.cds--expandable-row:hover td:first-of-type,
-tr.cds--parent-row.cds--data-table--decoratorß-row.cds--expandable-row:hover td:first-of-type {
-  border-block-end: 1px solid transparent;
+@media (any-hover: hover) {
+  tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type,
+  tr.cds--parent-row.cds--data-table--ai-label-row.cds--expandable-row:hover td:first-of-type,
+  tr.cds--parent-row.cds--data-table--decoratorß-row.cds--expandable-row:hover td:first-of-type {
+    border-block-end: 1px solid transparent;
+  }
 }
-
 .cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
 .cds--data-table thead th:has(> .cds--table-header-label--slug),
 .cds--data-table thead th.cds--table-sort__header--ai-label .cds--table-sort,
@@ -15011,38 +15851,36 @@ tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-i
   box-shadow: none;
 }
 
-.cds--parent-row.cds--expandable-row > td:first-of-type {
-  box-shadow: none;
-}
-
-tr.cds--parent-row:not(.cds--expandable-row) td,
-tr.cds--parent-row.cds--expandable-row td,
-tr.cds--parent-row.cds--expandable-row {
-  transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
-}
-
-tr.cds--parent-row:not(.cds--expandable-row):first-of-type:hover td {
-  border-block-end: 1px solid var(--cds-border-subtle);
-  border-block-start: 1px solid var(--cds-border-subtle);
-}
-
-tr.cds--parent-row.cds--expandable-row:hover td {
-  background-color: var(--cds-layer-hover);
-  border-block-end: 1px solid var(--cds-border-subtle);
-  border-block-start: 1px solid var(--cds-border-subtle);
-  color: var(--cds-text-primary, #161616);
-}
-
-tr.cds--parent-row.cds--expandable-row:hover td:first-of-type {
-  border-block-end: 1px solid var(--cds-layer-hover);
+.cds--parent-row.cds--expandable-row > td:first-of-type {
+  box-shadow: none;
 }
 
-tr.cds--parent-row.cds--expandable-row:hover + tr[data-child-row] td {
-  background-color: var(--cds-layer-hover);
-  border-block-end: 1px solid var(--cds-border-subtle);
-  color: var(--cds-text-primary, #161616);
+tr.cds--parent-row:not(.cds--expandable-row) td,
+tr.cds--parent-row.cds--expandable-row td,
+tr.cds--parent-row.cds--expandable-row {
+  transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
+@media (any-hover: hover) {
+  tr.cds--parent-row:not(.cds--expandable-row):first-of-type:hover td {
+    border-block-end: 1px solid var(--cds-border-subtle);
+    border-block-start: 1px solid var(--cds-border-subtle);
+  }
+  tr.cds--parent-row.cds--expandable-row:hover td {
+    background-color: var(--cds-layer-hover);
+    border-block-end: 1px solid var(--cds-border-subtle);
+    border-block-start: 1px solid var(--cds-border-subtle);
+    color: var(--cds-text-primary, #161616);
+  }
+  tr.cds--parent-row.cds--expandable-row:hover td:first-of-type {
+    border-block-end: 1px solid var(--cds-layer-hover);
+  }
+  tr.cds--parent-row.cds--expandable-row:hover + tr[data-child-row] td {
+    background-color: var(--cds-layer-hover);
+    border-block-end: 1px solid var(--cds-border-subtle);
+    color: var(--cds-text-primary, #161616);
+  }
+}
 tr.cds--expandable-row--hover + tr[data-child-row] td {
   border-block-end: 1px solid var(--cds-border-subtle);
 }
@@ -15191,14 +16029,15 @@ tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td:first-of-ty
   transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-top 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
 
-.cds--data-table--zebra tbody tr[data-parent-row]:hover td,
-.cds--data-table--zebra tbody tr[data-parent-row]:hover + tr[data-child-row] td,
-.cds--data-table--zebra tbody tr[data-child-row]:hover td {
-  background-color: var(--cds-layer-hover);
-  border-block-end: 1px solid var(--cds-layer-hover);
-  border-block-start: 1px solid var(--cds-layer-hover);
+@media (any-hover: hover) {
+  .cds--data-table--zebra tbody tr[data-parent-row]:hover td,
+  .cds--data-table--zebra tbody tr[data-parent-row]:hover + tr[data-child-row] td,
+  .cds--data-table--zebra tbody tr[data-child-row]:hover td {
+    background-color: var(--cds-layer-hover);
+    border-block-end: 1px solid var(--cds-layer-hover);
+    border-block-start: 1px solid var(--cds-layer-hover);
+  }
 }
-
 .cds--data-table--zebra tr.cds--parent-row.cds--expandable-row.cds--expandable-row--hover td {
   background-color: var(--cds-layer-hover);
   border-block-end: 1px solid var(--cds-layer-hover);
@@ -15225,21 +16064,20 @@ tr.cds--parent-row.cds--data-table--selected:last-of-type td {
   box-shadow: 0 1px var(--cds-border-subtle);
 }
 
-tr.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover td {
-  background-color: var(--cds-layer-selected-hover);
-  border-block-end: 1px solid var(--cds-border-subtle);
-  border-block-start: 1px solid var(--cds-layer-selected-hover);
-  box-shadow: 0 1px var(--cds-layer-selected-hover);
+@media (any-hover: hover) {
+  tr.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover td {
+    background-color: var(--cds-layer-selected-hover);
+    border-block-end: 1px solid var(--cds-border-subtle);
+    border-block-start: 1px solid var(--cds-layer-selected-hover);
+    box-shadow: 0 1px var(--cds-layer-selected-hover);
+  }
 }
-
 tr.cds--parent-row.cds--data-table--selected.cds--expandable-row td,
 tr.cds--parent-row.cds--data-table--selected.cds--expandable-row td:first-of-type {
   border-block-end: 1px solid transparent;
   box-shadow: 0 1px var(--cds-layer-selected);
 }
 
-tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
-tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
 tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td,
 tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td:first-of-type {
   background-color: var(--cds-layer-selected-hover);
@@ -15248,6 +16086,15 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover td:first
   box-shadow: 0 1px var(--cds-layer-selected-hover);
 }
 
+@media (any-hover: hover) {
+  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
+  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type {
+    background-color: var(--cds-layer-selected-hover);
+    border-block-end: 1px solid transparent;
+    border-block-start: 1px solid var(--cds-layer-selected-hover);
+    box-shadow: 0 1px var(--cds-layer-selected-hover);
+  }
+}
 tr.cds--parent-row.cds--data-table--selected.cds--expandable-row + tr[data-child-row] td {
   background-color: var(--cds-layer-hover);
   border-block-end: 1px solid var(--cds-border-subtle);
@@ -15261,11 +16108,15 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row + tr[data-child
   padding-block-end: 1.5rem;
 }
 
-tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] td,
 tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[data-child-row] td {
   background-color: var(--cds-layer-selected);
 }
 
+@media (any-hover: hover) {
+  tr.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] td {
+    background-color: var(--cds-layer-selected);
+  }
+}
 .cds--parent-row .cds--table-column-slug,
 .cds--parent-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed],
 .cds--parent-row .cds--table-column-decorator,
@@ -15281,12 +16132,16 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
 }
 
 .cds--data-table--slug-row td,
-.cds--data-table tr.cds--data-table--slug-row:hover td,
-.cds--data-table--ai-label-row td,
-.cds--data-table tr.cds--data-table--ai-label-row:hover td {
+.cds--data-table--ai-label-row td {
   border-block-start: 1px solid transparent;
 }
 
+@media (any-hover: hover) {
+  .cds--data-table tr.cds--data-table--slug-row:hover td,
+  .cds--data-table tr.cds--data-table--ai-label-row:hover td {
+    border-block-start: 1px solid transparent;
+  }
+}
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
   .cds--table-expand__button:focus .cds--table-expand__svg {
     color: Highlight;
@@ -15351,16 +16206,16 @@ tr.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover + tr[dat
   inline-size: 4rem;
 }
 
-.cds--data-table.cds--skeleton tr:hover td {
-  border-color: var(--cds-border-subtle);
-  background: transparent;
-}
-
-.cds--data-table.cds--skeleton tr:hover td:first-of-type,
-.cds--data-table.cds--skeleton tr:hover td:last-of-type {
-  border-color: var(--cds-border-subtle);
+@media (any-hover: hover) {
+  .cds--data-table.cds--skeleton tr:hover td {
+    border-color: var(--cds-border-subtle);
+    background: transparent;
+  }
+  .cds--data-table.cds--skeleton tr:hover td:first-of-type,
+  .cds--data-table.cds--skeleton tr:hover td:last-of-type {
+    border-color: var(--cds-border-subtle);
+  }
 }
-
 .cds--data-table.cds--skeleton .cds--table-sort {
   pointer-events: none;
 }
@@ -15742,6 +16597,22 @@ th .cds--table-sort__flex {
     opacity: 1;
   }
 }
+@position-try --bottom-left {
+  inset-area: block-end span-inline-start;
+  margin-block-start: 0.25rem;
+}
+@position-try --top-left {
+  inset-area: block-start span-inline-start;
+  margin-block-end: 0.25rem;
+}
+@position-try --bottom-right {
+  inset-area: block-end span-inline-end;
+  margin-block-start: 0.25rem;
+}
+@position-try --top-right {
+  inset-area: block-start span-inline-end;
+  margin-block-end: 0.25rem;
+}
 .flatpickr-calendar {
   position: absolute;
   overflow: hidden;
@@ -16603,30 +17474,6 @@ th .cds--table-sort__flex {
 .cds--date-picker--next .cds--date-picker__calendar-popover {
   position-try-options: --bottom-left, --top-left, --bottom-right, --top-right;
 }
-@position-try --bottom-left {
-  .cds--date-picker--next .cds--date-picker__calendar-popover {
-    inset-area: block-end span-inline-start;
-    margin-block-start: 0.25rem;
-  }
-}
-@position-try --top-left {
-  .cds--date-picker--next .cds--date-picker__calendar-popover {
-    inset-area: block-start span-inline-start;
-    margin-block-end: 0.25rem;
-  }
-}
-@position-try --bottom-right {
-  .cds--date-picker--next .cds--date-picker__calendar-popover {
-    inset-area: block-end span-inline-end;
-    margin-block-start: 0.25rem;
-  }
-}
-@position-try --top-right {
-  .cds--date-picker--next .cds--date-picker__calendar-popover {
-    inset-area: block-start span-inline-end;
-    margin-block-end: 0.25rem;
-  }
-}
 .cds--date-picker--next .cds--date-picker__calendar.open {
   margin-block-start: 0;
 }
@@ -17952,10 +18799,6 @@ button.cds--dropdown-text:focus {
   text-decoration: none;
 }
 
-.cds--file-browse-btn--disabled .cds--file__drop-container {
-  border: 1px dashed var(--cds-button-disabled, #c6c6c6);
-}
-
 .cds--label-description html {
   font-size: 100%;
 }
@@ -18319,6 +19162,12 @@ button.cds--dropdown-text:focus {
   block-size: 6rem;
 }
 
+.cds--file-browse-btn--disabled.cds--file__drop-container,
+.cds--file-browse-btn--disabled .cds--file__drop-container {
+  border: 1px dashed var(--cds-button-disabled, #c6c6c6);
+  cursor: no-drop;
+}
+
 .cds--file__drop-container--drag-over {
   background: none;
   outline: 2px solid var(--cds-focus, #0f62fe);
@@ -21560,6 +22409,119 @@ optgroup.cds--select-optgroup:disabled,
   inline-size: 50%;
 }
 
+.cds--full-page-error {
+  block-size: inherit;
+}
+
+.cds--full-page-error__container {
+  margin: 0 1.5rem;
+  block-size: 100%;
+}
+@media (max-width: 41.98rem) {
+  .cds--full-page-error__container {
+    margin: 0 0.5rem;
+  }
+}
+
+.cds--full-page-error__grid {
+  block-size: 100%;
+  padding-block: 2rem;
+}
+
+.cds--full-page-error__column {
+  padding: 0;
+}
+@media (min-width: 66rem) {
+  .cds--full-page-error__column {
+    padding: 0 2rem 0 0;
+  }
+}
+
+.cds--full-page-error__svg-container {
+  display: flex;
+  padding: 0.5rem 0.5rem 5rem 0.5rem;
+  block-size: 100%;
+}
+@media (min-width: 42rem) {
+  .cds--full-page-error__svg-container {
+    padding: auto 0.5rem 5rem;
+  }
+}
+
+.cds--full-page-error__label,
+.cds--full-page-error__title {
+  font-size: 2rem;
+  font-weight: 400;
+  line-height: 1.25;
+  letter-spacing: 0;
+  font-size: calc(2rem + 0.25 * (100vw - 20rem) / 22);
+}
+@media (min-width: 42rem) {
+  .cds--full-page-error__label,
+  .cds--full-page-error__title {
+    font-size: 2.25rem;
+    font-weight: 300;
+    line-height: 1.22;
+    font-size: calc(2.25rem + 0.375 * (100vw - 42rem) / 24);
+  }
+}
+@media (min-width: 66rem) {
+  .cds--full-page-error__label,
+  .cds--full-page-error__title {
+    font-size: 2.625rem;
+    line-height: 1.19;
+    font-size: calc(2.625rem + 0.375 * (100vw - 66rem) / 16);
+  }
+}
+@media (min-width: 82rem) {
+  .cds--full-page-error__label,
+  .cds--full-page-error__title {
+    font-size: 3rem;
+    line-height: 1.17;
+    font-size: calc(3rem + 0.75 * (100vw - 82rem) / 17);
+  }
+}
+@media (min-width: 99rem) {
+  .cds--full-page-error__label,
+  .cds--full-page-error__title {
+    font-size: 3.75rem;
+    font-size: 3.75rem;
+  }
+}
+
+.cds--full-page-error__label {
+  display: block;
+  color: var(--cds-text-error, #da1e28);
+}
+
+.cds--full-page-error__title {
+  margin-block-end: 3rem;
+}
+
+.cds--full-page-error__description {
+  font-size: var(--cds-body-02-font-size, 1rem);
+  font-weight: var(--cds-body-02-font-weight, 400);
+  line-height: var(--cds-body-02-line-height, 1.5);
+  letter-spacing: var(--cds-body-02-letter-spacing, 0);
+  margin-block-end: 2rem;
+}
+
+.cds--full-page-error__body {
+  font-size: var(--cds-body-02-font-size, 1rem);
+  font-weight: var(--cds-body-02-font-weight, 400);
+  line-height: var(--cds-body-02-line-height, 1.5);
+  letter-spacing: var(--cds-body-02-letter-spacing, 0);
+}
+
+.cds--full-page-error__svg-container svg.cds--full-page-error__svg {
+  inline-size: 100%;
+}
+
+.cds--full-page-error__svg-container svg.cds--full-page-error__svg path {
+  fill: var(--cds-background, #ffffff);
+  stroke: var(--cds-border-inverse, #161616);
+}
+
 .cds--icon-indicator {
   font-size: var(--cds-body-compact-01-font-size, 0.875rem);
   font-weight: var(--cds-body-compact-01-font-weight, 400);
@@ -21744,29 +22706,163 @@ optgroup.cds--select-optgroup:disabled,
 .cds--loading--small .cds--inline-loading__svg {
   stroke: var(--cds-interactive, #0f62fe);
 }
-
-.cds--btn .cds--inline-loading--btn {
-  min-block-size: 0;
+
+.cds--btn .cds--inline-loading--btn {
+  min-block-size: 0;
+}
+.cds--btn .cds--inline-loading--btn .cds--inline-loading__text {
+  font-size: var(--cds-body-short-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-short-01-font-weight, 400);
+  line-height: var(--cds-body-short-01-line-height, 1.28572);
+  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+}
+
+/* If IE11 Don't show check animation */
+@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+  .cds--inline-loading__checkmark-container {
+    inset-block-start: 1px;
+    inset-inline-end: 0.5rem;
+  }
+  .cds--inline-loading__checkmark {
+    animation: none;
+    stroke-dasharray: 0;
+    stroke-dashoffset: 0;
+  }
+}
+/* stylelint-disable declaration-no-important */
+.cds--interstitial-screen--body {
+  overflow: hidden auto;
+  flex-grow: 1;
+  padding: 0;
+  margin: 0;
+  background-color: var(--cds-background, #ffffff);
+}
+.cds--interstitial-screen--progress {
+  overflow: auto;
+  margin-block-end: 0.75rem;
+}
+.cds--interstitial-screen__carousel {
+  block-size: 100%;
+}
+.cds--interstitial-screen__carousel .cds--carousel__item {
+  flex: 0 0 100%;
+  scroll-snap-align: start;
+}
+.cds--interstitial-screen--internal-body {
+  padding: 0 !important;
+  margin: 0 !important;
+}
+.cds--interstitial-screen--content {
+  block-size: 100%;
+}
+.cds--interstitial-screen--internal-header {
+  position: relative;
+  background-color: var(--cds-background, #ffffff);
+  margin-block-end: 0 !important;
+  padding-block-start: 1.5rem !important;
+  padding-inline-start: 2rem !important;
+}
+@media (max-width: 41.98rem) {
+  .cds--interstitial-screen--internal-header {
+    padding-inline: 1rem !important;
+  }
+}
+.cds--interstitial-screen--internal-header:empty {
+  min-block-size: 0;
+}
+.cds--interstitial-screen--internal-header .cds--interstitial-screen--titleContainer {
+  margin-block-end: 1rem;
+}
+.cds--interstitial-screen--internal-header .cds--interstitial-screen--titleContainer h1 {
+  font-size: var(--cds-productive-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-productive-heading-04-font-weight, 400);
+  line-height: var(--cds-productive-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-productive-heading-04-letter-spacing, 0);
+  margin-block-end: 0.5rem;
+}
+.cds--interstitial-screen--internal-header .cds--interstitial-screen--titleContainer h1:empty {
+  padding: 0;
+}
+.cds--interstitial-screen--internal-header .cds--interstitial-screen--titleContainer h2 {
+  font-size: var(--cds-productive-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-productive-heading-03-font-weight, 400);
+  line-height: var(--cds-productive-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-productive-heading-03-letter-spacing, 0);
+}
+.cds--interstitial-screen--internal-header .cds--interstitial-screen--titleContainer h2:empty {
+  padding: 0;
+}
+.cds--interstitial-screen--internal-header--has-title {
+  background: var(--cds-layer-01, #f4f4f4);
+  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+}
+.cds--interstitial-screen--internal-header--has-title .cds--interstitial-screen--progress {
+  margin-block-start: 0;
+}
+.cds--interstitial-screen--footer {
+  background: var(--cds-background, #ffffff);
+  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
+  inline-size: 100%;
+}
+@media (max-width: 41.98rem) {
+  .cds--interstitial-screen--footer {
+    block-size: auto;
+  }
+}
+.cds--interstitial-screen--footer .cds--btn-set {
+  display: flex;
+  justify-content: flex-end;
+  inline-size: 100%;
+}
+@media (max-width: 41.98rem) {
+  .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--prev-btn,
+  .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--next-btn,
+  .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--start-btn,
+  .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--skip-btn {
+    flex: 1 1;
+    inline-size: auto;
+    max-inline-size: none;
+    min-inline-size: 0;
+  }
+}
+@media (min-width: 42rem) {
+  .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--prev-btn,
+  .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--next-btn,
+  .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--start-btn {
+    flex: 0 0 auto;
+    inline-size: 15rem;
+    max-inline-size: 15rem;
+  }
+  .cds--interstitial-screen--footer .cds--btn.cds--interstitial-screen--skip-btn {
+    flex: 1 1 auto;
+    max-inline-size: none;
+  }
+}
+.cds--interstitial-screen--footer .cds--inline-loading {
+  position: absolute;
+  inline-size: 2rem;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+}
+.cds--interstitial-screen--footer-controls {
+  display: flex;
+  flex-direction: row;
+  margin-inline-start: auto;
 }
-.cds--btn .cds--inline-loading--btn .cds--inline-loading__text {
-  font-size: var(--cds-body-short-01-font-size, 0.875rem);
-  font-weight: var(--cds-body-short-01-font-weight, 400);
-  line-height: var(--cds-body-short-01-line-height, 1.28572);
-  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
+.cds--interstitial-screen--full-screen {
+  position: fixed;
+  inset-block-start: 0;
+  inset-inline: 0;
 }
-
-/* If IE11 Don't show check animation */
-@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-  .cds--inline-loading__checkmark-container {
-    inset-block-start: 1px;
-    inset-inline-end: 0.5rem;
-  }
-  .cds--inline-loading__checkmark {
-    animation: none;
-    stroke-dasharray: 0;
-    stroke-dashoffset: 0;
-  }
+.cds--interstitial-screen--full-screen .cds--interstitial-screen--container {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  margin: 0;
+  block-size: 100vh;
+  max-inline-size: 100vw;
 }
+
 .cds--list--nested,
 .cds--list--unordered,
 .cds--list--ordered,
@@ -23474,6 +24570,230 @@ optgroup.cds--select-optgroup:disabled,
   }
 }
 
+.cds--options-tile {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  background-color: var(--cds-layer);
+  border-block-end: 1px solid var(--cds-border-subtle);
+}
+
+.cds--options-tile__toggle-container {
+  position: absolute;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  inline-size: calc(1rem + 2rem + 1rem);
+  inset-block: 0;
+  inset-inline-end: 0;
+  padding-inline-end: 1rem;
+  padding-inline-start: 1rem;
+}
+
+.cds--options-tile__toggle {
+  position: absolute;
+}
+
+.cds--options-tile__toggle .cds--toggle-input__label .cds--toggle__switch {
+  margin: 0;
+}
+
+.cds--options-tile__toggle .cds--toggle__label-text {
+  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--options-tile__details {
+  display: inline-flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+.cds--options-tile__header,
+.cds--options-tile__static-content {
+  display: grid;
+  box-sizing: border-box;
+  align-items: center;
+  grid-template-columns: 3rem 1fr 0;
+  padding-inline-end: 1rem;
+}
+
+.cds--options-tile__header {
+  flex-grow: 1;
+  background-color: transparent;
+  cursor: pointer;
+  inline-size: 100%;
+  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
+}
+.cds--options-tile__header--has-toggle {
+  inline-size: calc(100% - (1rem + 2rem + 1rem));
+}
+
+.cds--options-tile__header::-webkit-details-marker {
+  display: none;
+}
+
+.cds--options-tile__header:hover {
+  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+}
+
+.cds--options-tile__header:has(.cds--options-tile__toggle-container:hover) {
+  background-color: transparent;
+}
+
+.cds--options-tile__header:focus {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: -2px;
+}
+@media screen and (prefers-contrast) {
+  .cds--options-tile__header:focus {
+    outline-style: dotted;
+  }
+}
+
+.cds--options-tile__heading {
+  grid-column: 2;
+}
+
+.cds--options-tile__title {
+  font-size: var(--cds-productive-heading-01-font-size, 0.875rem);
+  font-weight: var(--cds-productive-heading-01-font-weight, 600);
+  line-height: var(--cds-productive-heading-01-line-height, 1.28572);
+  letter-spacing: var(--cds-productive-heading-01-letter-spacing, 0.16px);
+  color: var(--cds-text-primary, #161616);
+}
+
+.cds--options-tile__summary {
+  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
+  line-height: var(--cds-helper-text-01-line-height, 1.33333);
+  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
+  display: grid;
+  block-size: 1rem;
+  color: var(--cds-text-secondary, #525252);
+  margin-block-start: 0.25rem;
+  opacity: 1;
+  transition-duration: 150ms;
+  transition-property: height, opacity, margin-top;
+  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.cds--options-tile__summary--invalid,
+.cds--options-tile__summary--warn,
+.cds--options-tile__summary--locked {
+  -moz-column-gap: 0.25rem;
+       column-gap: 0.25rem;
+  grid-template-columns: 1rem 1fr;
+}
+
+.cds--options-tile__summary--invalid {
+  color: var(--cds-support-error, #da1e28);
+}
+
+.cds--options-tile__summary--warn {
+  color: var(--cds-text-primary, #161616);
+}
+
+.cds--options-tile__summary--warn svg {
+  color: var(--cds-support-warning, #f1c21b);
+}
+
+.cds--options-tile__summary--warn svg path[fill=none] {
+  fill: #000000;
+}
+
+.cds--options-tile__summary-text {
+  overflow: hidden;
+  block-size: -moz-max-content;
+  block-size: max-content;
+  padding-inline-end: 1rem;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cds--options-tile__chevron {
+  display: block;
+  justify-self: center;
+  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
+}
+
+.cds--options-tile__content {
+  padding-inline: 3rem 1rem;
+}
+
+.cds--options-tile__content > .cds--fieldset > .cds--label:empty {
+  display: none;
+}
+
+.cds--options-tile--closing .cds--options-tile__content {
+  overflow: hidden;
+}
+
+.cds--options-tile__summary.cds--options-tile__summary--open:not(.cds--options-tile__summary--closing),
+.cds--options-tile__summary--hidden {
+  block-size: 0;
+  margin-block-start: 0;
+  opacity: 0;
+}
+
+.cds--options-tile__chevron.cds--options-tile__chevron--open:not(.cds--options-tile__chevron--closing) {
+  transform: rotate(180deg);
+}
+
+.cds--options-tile > details[open] .cds--options-tile__content {
+  padding-block: 0.5rem 1.5rem;
+}
+
+.cds--options-tile__locked-text {
+  font-size: var(--cds-body-long-01-font-size, 0.875rem);
+  font-weight: var(--cds-body-long-01-font-weight, 400);
+  line-height: var(--cds-body-long-01-line-height, 1.42857);
+  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
+  display: inline-flex;
+  align-items: center;
+  color: var(--cds-text-secondary, #525252);
+  margin-block-end: 1.5rem;
+}
+
+.cds--options-tile__locked-text > svg {
+  margin-inline-end: 0.25rem;
+}
+
+.cds--options-tile--lg .cds--options-tile__header,
+.cds--options-tile--lg .cds--options-tile__static-content {
+  block-size: 3rem;
+}
+
+.cds--options-tile--xl .cds--options-tile__header,
+.cds--options-tile--xl .cds--options-tile__static-content {
+  block-size: 4rem;
+}
+
+.cds--options-tile--lg .cds--options-tile__toggle {
+  inset-block-start: 1rem;
+}
+
+.cds--options-tile--xl .cds--options-tile__toggle {
+  inset-block-start: 1.5rem;
+}
+
+.cds--options-tile--lg .cds--options-tile__summary {
+  margin-block-start: 0.125rem;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .cds--options-tile__summary,
+  .cds--options-tile__chevron {
+    transition: none;
+  }
+}
 .cds--page-header {
   background-color: var(--cds-layer-01, #f4f4f4);
   border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
@@ -24930,6 +26250,89 @@ span.cds--pagination__text.cds--pagination__items-count {
   }
 }
 
+.cds--scroll-gradient {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  justify-content: stretch;
+  block-size: inherit;
+  inline-size: inherit;
+}
+
+.cds--scroll-gradient__content {
+  display: grid;
+  overflow: auto;
+  block-size: inherit;
+  grid-template-columns: 1fr;
+  inline-size: 100%;
+}
+
+.cds--scroll-gradient__content-children {
+  block-size: 100%;
+  grid-column-start: 1;
+  grid-row-start: 1;
+  inline-size: 100%;
+}
+
+.cds--scroll-gradient__content-children > * {
+  grid-area: 1/1;
+}
+
+.cds--scroll-gradient__start-vertical,
+.cds--scroll-gradient__start-horizontal,
+.cds--scroll-gradient__end-vertical,
+.cds--scroll-gradient__end-horizontal {
+  position: absolute;
+  z-index: 1;
+  display: none;
+  pointer-events: none;
+}
+
+.cds--scroll-gradient--y-scrollable .cds--scroll-gradient__start-vertical {
+  block-size: 3rem;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+}
+
+.cds--scroll-gradient--y-scrollable .cds--scroll-gradient__end-vertical {
+  block-size: 3rem;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+}
+
+.cds--scroll-gradient--x-scrollable .cds--scroll-gradient__start-horizontal {
+  inline-size: 3rem;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+}
+
+.cds--scroll-gradient--x-scrollable .cds--scroll-gradient__end-horizontal {
+  inline-size: 3rem;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+}
+
+.cds--scroll-gradient [data-start-vertical],
+.cds--scroll-gradient [data-end-vertical] {
+  block-size: 3rem;
+  grid-column-start: 1;
+  grid-row-start: 1;
+  inline-size: 100%;
+}
+
+.cds--scroll-gradient [data-end-vertical],
+.cds--scroll-gradient [data-end-horizontal] {
+  place-self: flex-end;
+}
+
+.cds--scroll-gradient [data-start-horizontal],
+.cds--scroll-gradient [data-end-horizontal] {
+  block-size: 100%;
+  grid-column-start: 1;
+  grid-row-start: 1;
+  inline-size: 3rem;
+}
+
 @keyframes side-panel-entrance-reduced {
   0% {
     opacity: 0;
@@ -25904,8 +27307,10 @@ span.cds--pagination__text.cds--pagination__items-count {
   outline: none;
   transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-.cds--slider__thumb:hover {
-  transform: scale(1.4286);
+@media (any-hover: hover) {
+  .cds--slider__thumb:hover {
+    transform: scale(1.4286);
+  }
 }
 .cds--slider__thumb:focus {
   background-color: var(--cds-interactive, #0f62fe);
@@ -25947,13 +27352,15 @@ span.cds--pagination__text.cds--pagination__items-count {
   inset-block-start: calc(50% - 0.0625rem);
   inset-inline-end: 0;
 }
-.cds--slider__thumb--lower:hover,
-.cds--slider__thumb--upper:hover {
-  transform: none;
-}
-.cds--slider__thumb--lower:hover .cds--slider__thumb-icon,
-.cds--slider__thumb--upper:hover .cds--slider__thumb-icon {
-  fill: var(--cds-text-secondary, #525252);
+@media (any-hover: hover) {
+  .cds--slider__thumb--lower:hover,
+  .cds--slider__thumb--upper:hover {
+    transform: none;
+  }
+  .cds--slider__thumb--lower:hover .cds--slider__thumb-icon,
+  .cds--slider__thumb--upper:hover .cds--slider__thumb-icon {
+    fill: var(--cds-text-secondary, #525252);
+  }
 }
 .cds--slider__thumb--lower:active,
 .cds--slider__thumb--upper:active {
@@ -25987,9 +27394,14 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--slider__thumb--upper::before {
   inset-inline: 0 auto;
 }
-.cds--slider__thumb--upper:hover, .cds--slider__thumb--upper:active, .cds--slider__thumb--upper:focus {
+.cds--slider__thumb--upper:active, .cds--slider__thumb--upper:focus {
   transform: none;
 }
+@media (any-hover: hover) {
+  .cds--slider__thumb--upper:hover {
+    transform: none;
+  }
+}
 
 .cds--slider__input {
   display: none;
@@ -26066,9 +27478,11 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--slider--disabled .cds--slider__thumb {
   background-color: var(--cds-border-disabled, #c6c6c6);
 }
-.cds--slider--disabled .cds--slider__thumb:hover {
-  cursor: not-allowed;
-  transform: none;
+@media (any-hover: hover) {
+  .cds--slider--disabled .cds--slider__thumb:hover {
+    cursor: not-allowed;
+    transform: none;
+  }
 }
 .cds--slider--disabled .cds--slider__thumb:focus {
   background-color: var(--cds-border-disabled, #c6c6c6);
@@ -26086,13 +27500,19 @@ span.cds--pagination__text.cds--pagination__items-count {
 .cds--slider--disabled .cds--slider__thumb--upper {
   background-color: transparent;
 }
-.cds--slider--disabled .cds--slider__thumb--lower:active, .cds--slider--disabled .cds--slider__thumb--lower:hover, .cds--slider--disabled .cds--slider__thumb--lower:focus,
+.cds--slider--disabled .cds--slider__thumb--lower:active, .cds--slider--disabled .cds--slider__thumb--lower:focus,
 .cds--slider--disabled .cds--slider__thumb--upper:active,
-.cds--slider--disabled .cds--slider__thumb--upper:hover,
 .cds--slider--disabled .cds--slider__thumb--upper:focus {
   background-color: transparent;
   transform: none;
 }
+@media (any-hover: hover) {
+  .cds--slider--disabled .cds--slider__thumb--lower:hover,
+  .cds--slider--disabled .cds--slider__thumb--upper:hover {
+    background-color: transparent;
+    transform: none;
+  }
+}
 .cds--slider--disabled .cds--slider__thumb--lower .cds--slider__thumb-icon,
 .cds--slider--disabled .cds--slider__thumb--upper .cds--slider__thumb-icon {
   fill: var(--cds-border-disabled, #c6c6c6);
@@ -26112,13 +27532,19 @@ span.cds--pagination__text.cds--pagination__items-count {
   cursor: not-allowed;
   transition: none;
 }
-.cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:active, .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:focus, .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:hover,
+.cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:active, .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:focus,
 .cds--slider--disabled ~ .cds--slider-text-input:active,
-.cds--slider--disabled ~ .cds--slider-text-input:focus,
-.cds--slider--disabled ~ .cds--slider-text-input:hover {
+.cds--slider--disabled ~ .cds--slider-text-input:focus {
   color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
   outline: none;
 }
+@media (any-hover: hover) {
+  .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:hover,
+  .cds--slider--disabled ~ .cds--slider-text-input:hover {
+    color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
+    outline: none;
+  }
+}
 
 .cds--slider--readonly {
   cursor: default;
@@ -26576,6 +28002,14 @@ span.cds--pagination__text.cds--pagination__items-count {
   white-space: normal;
 }
 
+.cds--tabs .cds--icon-tooltip .cds--popover-content {
+  --cds-popover-offset: 0.5rem;
+}
+
+.cds--tabs .cds--icon-tooltip .cds--popover-caret {
+  --cds-popover-offset: 0.5rem;
+}
+
 .cds--tabs.cds--tabs--vertical.cds--layout--size-sm .cds--tabs__nav-link .cds--tabs__nav-item-label {
   -webkit-line-clamp: 1;
 }
@@ -30648,4 +32082,413 @@ a.cds--side-nav__link--current::before {
 .cds--switcher__item-link--selected {
   background: var(--cds-layer-selected);
   color: var(--cds-text-primary, #161616);
+}
+
+.cds--edit-in-place {
+  --cds--edit-in-place--size: 2rem;
+  display: flex;
+  align-items: center;
+  background: transparent;
+  cursor: pointer;
+}
+
+.cds--edit-in-place--sm {
+  --cds--edit-in-place--size: 2.5rem;
+}
+
+.cds--edit-in-place--md {
+  --cds--edit-in-place--size: 3rem;
+}
+
+.cds--edit-in-place--lg {
+  --cds--edit-in-place--size: 4rem;
+}
+
+.cds--edit-in-place__toggletip-wrapper {
+  display: block;
+  inline-size: 100%;
+}
+
+.cds--edit-in-place__toggletip-wrapper .cds--toggletip-button {
+  display: block;
+  inline-size: 100%;
+}
+
+.cds--edit-in-place:hover {
+  background: var(--cds-field-01, #f4f4f4);
+}
+
+.cds--edit-in-place:hover .cds--edit-in-place__btn-edit,
+.cds--edit-in-place__btn-edit.cds--edit-in-place__btn-edit--always-visible {
+  visibility: visible;
+}
+
+.cds--edit-in-place__btn-edit {
+  visibility: hidden;
+}
+
+.cds--edit-in-place--invalid {
+  border: 2px solid var(--cds-support-error, #da1e28);
+}
+
+.cds--edit-in-place--focused {
+  background: var(--cds-field-01, #f4f4f4);
+}
+
+.cds--edit-in-place--focused:has(.cds--edit-in-place__text-input:focus) {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+}
+
+.cds--edit-in-place--invalid.cds--edit-in-place--focused {
+  border: none;
+}
+
+.cds--edit-in-place__text-input {
+  flex: 1 1;
+}
+
+.cds--edit-in-place--inherit-type .cds--edit-in-place__text-input {
+  /* match font of container */
+  font-size: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  line-height: inherit;
+}
+
+.cds--edit-in-place__text-input-label {
+  display: none;
+}
+
+.cds--edit-in-place__warning-icon {
+  margin: auto 0.5rem;
+  color: var(--cds-support-error, #da1e28);
+  inline-size: 1rem;
+}
+
+.cds--edit-in-place__warning-text {
+  font-size: var(--cds-label-01-font-size, 0.75rem);
+  font-weight: var(--cds-label-01-font-weight, 400);
+  line-height: var(--cds-label-01-line-height, 1.33333);
+  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
+  color: var(--cds-support-error, #da1e28);
+  margin-block-start: 0.5rem;
+}
+
+.cds--edit-in-place__text-input.cds--text-input {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  outline: none;
+}
+
+.cds--edit-in-place:not(.cds--edit-in-place--focused) .cds--edit-in-place__text-input.cds--text-input:focus,
+.cds--edit-in-place:not(.cds--edit-in-place--focused) .cds--edit-in-place__text-input.cds--text-input:active {
+  outline: none;
+}
+
+.cds--edit-in-place__toolbar {
+  --toolbar-width: var(--cds--edit-in-place--size);
+  --toolbar-width-focussed: calc(2 * var(--cds--edit-in-place--size));
+  display: inline-flex;
+  align-self: stretch;
+  inline-size: var(--toolbar-width);
+}
+.cds--edit-in-place__toolbar .cds--btn.cds--btn--icon-only:not(cds-icon-button) {
+  padding: 0;
+  min-block-size: unset;
+}
+
+.cds--edit-in-place__toolbar .cds--btn.cds--btn--icon-only:not(cds-icon-button) {
+  block-size: var(--cds--edit-in-place--size);
+  inline-size: var(--cds--edit-in-place--size);
+}
+
+.cds--edit-in-place__toolbar cds-icon-button::part(button) {
+  padding: 0.25rem;
+}
+
+.cds--edit-in-place--invalid .cds--edit-in-place__toolbar {
+  --toolbar-width: calc(var(--cds--edit-in-place--size) + 2rem);
+  --toolbar-width-focussed: calc(
+    2 * var(--cds--edit-in-place--size) + 2rem
+  );
+}
+
+@keyframes edit-in-place-slide-in {
+  0% {
+    overflow: hidden;
+    inline-size: var(--toolbar-width);
+  }
+  99% {
+    overflow: hidden;
+    inline-size: var(--toolbar-width-focussed);
+  }
+  100% {
+    overflow: visible;
+    inline-size: var(--toolbar-width-focussed);
+  }
+}
+.cds--edit-in-place--focused:not(.cds--edit-in-place--readonly) .cds--edit-in-place__toolbar {
+  overflow: initial;
+  animation: edit-in-place-slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
+  inline-size: var(--toolbar-width-focussed);
+}
+
+.cds--user-avatar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 0.5px solid transparent;
+  border-radius: 100%;
+  block-size: 4rem;
+  color: var(--cds-text-inverse, #ffffff);
+  inline-size: 4rem;
+  outline: none;
+  outline-offset: 3px;
+}
+
+.cds--user-avatar svg {
+  color: var(--cds-icon-inverse, #ffffff);
+}
+
+.cds--user-avatar__tooltip-trigger {
+  display: flex;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: 0;
+  margin: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background: none;
+  block-size: 100%;
+  cursor: pointer;
+  inline-size: 100%;
+  outline: none;
+}
+
+.cds--user-avatar__tooltip:focus-within .cds--user-avatar {
+  outline: 2px solid var(--cds-focus, #0f62fe);
+  outline-offset: 1px;
+}
+
+.cds--user-avatar__photo {
+  border-radius: 100%;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+
+.cds--user-avatar--xl {
+  block-size: 4rem;
+  inline-size: 4rem;
+}
+
+.cds--user-avatar--lg {
+  block-size: 3rem;
+  inline-size: 3rem;
+}
+
+.cds--user-avatar--md {
+  block-size: 2rem;
+  inline-size: 2rem;
+}
+
+.cds--user-avatar--sm {
+  block-size: 1.5rem;
+  inline-size: 1.5rem;
+}
+
+.cds--user-avatar--xl {
+  font-size: var(--cds-heading-04-font-size, 1.75rem);
+  font-weight: var(--cds-heading-04-font-weight, 400);
+  line-height: var(--cds-heading-04-line-height, 1.28572);
+  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
+}
+
+.cds--user-avatar--lg {
+  font-size: var(--cds-heading-03-font-size, 1.25rem);
+  font-weight: var(--cds-heading-03-font-weight, 400);
+  line-height: var(--cds-heading-03-line-height, 1.4);
+  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
+}
+
+.cds--user-avatar--md {
+  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--user-avatar--sm {
+  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);
+}
+
+.cds--user-avatar__photo--xl {
+  border-radius: 100%;
+  block-size: 4rem;
+  inline-size: 4rem;
+  -o-object-fit: fill;
+     object-fit: fill;
+}
+
+.cds--user-avatar__photo--lg {
+  border-radius: 100%;
+  block-size: 3rem;
+  inline-size: 3rem;
+  -o-object-fit: fill;
+     object-fit: fill;
+}
+
+.cds--user-avatar__photo--md {
+  border-radius: 100%;
+  block-size: 2rem;
+  inline-size: 2rem;
+  -o-object-fit: fill;
+     object-fit: fill;
+}
+
+.cds--user-avatar__photo--sm {
+  border-radius: 100%;
+  block-size: 1.5rem;
+  inline-size: 1.5rem;
+  -o-object-fit: fill;
+     object-fit: fill;
+}
+
+:root .cds--user-avatar--order-1-cyan,
+.cds--g10 .cds--user-avatar--order-1-cyan,
+.cds--white .cds--user-avatar--order-1-cyan {
+  background-color: #0072c3;
+}
+
+:root .cds--user-avatar--order-2-gray,
+.cds--g10 .cds--user-avatar--order-2-gray,
+.cds--white .cds--user-avatar--order-2-gray {
+  background-color: #6f6f6f;
+}
+
+:root .cds--user-avatar--order-3-green,
+.cds--g10 .cds--user-avatar--order-3-green,
+.cds--white .cds--user-avatar--order-3-green {
+  background-color: #198038;
+}
+
+:root .cds--user-avatar--order-4-magenta,
+.cds--g10 .cds--user-avatar--order-4-magenta,
+.cds--white .cds--user-avatar--order-4-magenta {
+  background-color: #d02670;
+}
+
+:root .cds--user-avatar--order-5-purple,
+.cds--g10 .cds--user-avatar--order-5-purple,
+.cds--white .cds--user-avatar--order-5-purple {
+  background-color: #8a3ffc;
+}
+
+:root .cds--user-avatar--order-6-teal,
+.cds--g10 .cds--user-avatar--order-6-teal,
+.cds--white .cds--user-avatar--order-6-teal {
+  background-color: #007d79;
+}
+
+:root .cds--user-avatar--order-7-cyan,
+.cds--g10 .cds--user-avatar--order-7-cyan,
+.cds--white .cds--user-avatar--order-7-cyan {
+  background-color: #003a6d;
+}
+
+:root .cds--user-avatar--order-8-gray,
+.cds--g10 .cds--user-avatar--order-8-gray,
+.cds--white .cds--user-avatar--order-8-gray {
+  background-color: #393939;
+}
+
+:root .cds--user-avatar--order-9-green,
+.cds--g10 .cds--user-avatar--order-9-green,
+.cds--white .cds--user-avatar--order-9-green {
+  background-color: #044317;
+}
+
+:root .cds--user-avatar--order-10-magenta,
+.cds--g10 .cds--user-avatar--order-10-magenta,
+.cds--white .cds--user-avatar--order-10-magenta {
+  background-color: #740937;
+}
+
+:root .cds--user-avatar--order-11-purple,
+.cds--g10 .cds--user-avatar--order-11-purple,
+.cds--white .cds--user-avatar--order-11-purple {
+  background-color: #491d8b;
+}
+
+:root .cds--user-avatar--order-12-teal,
+.cds--g10 .cds--user-avatar--order-12-teal,
+.cds--white .cds--user-avatar--order-12-teal {
+  background-color: #004144;
+}
+
+.cds--g90 .cds--user-avatar--order-1-cyan,
+.cds--g100 .cds--user-avatar--order-1-cyan {
+  background-color: #1192e8;
+}
+
+.cds--g90 .cds--user-avatar--order-2-gray,
+.cds--g100 .cds--user-avatar--order-2-gray {
+  background-color: #8d8d8d;
+}
+
+.cds--g90 .cds--user-avatar--order-3-green,
+.cds--g100 .cds--user-avatar--order-3-green {
+  background-color: #24a148;
+}
+
+.cds--g90 .cds--user-avatar--order-4-magenta,
+.cds--g100 .cds--user-avatar--order-4-magenta {
+  background-color: #ee5396;
+}
+
+.cds--g90 .cds--user-avatar--order-5-purple,
+.cds--g100 .cds--user-avatar--order-5-purple {
+  background-color: #a56eff;
+}
+
+.cds--g90 .cds--user-avatar--order-6-teal,
+.cds--g100 .cds--user-avatar--order-6-teal {
+  background-color: #009d9a;
+}
+
+.cds--g90 .cds--user-avatar--order-7-cyan,
+.cds--g100 .cds--user-avatar--order-7-cyan {
+  background-color: #82cfff;
+}
+
+.cds--g90 .cds--user-avatar--order-8-gray,
+.cds--g100 .cds--user-avatar--order-8-gray {
+  background-color: #c6c6c6;
+}
+
+.cds--g90 .cds--user-avatar--order-9-green,
+.cds--g100 .cds--user-avatar--order-9-green {
+  background-color: #6fdc8c;
+}
+
+.cds--g90 .cds--user-avatar--order-10-magenta,
+.cds--g100 .cds--user-avatar--order-10-magenta {
+  background-color: #ffafd2;
+}
+
+.cds--g90 .cds--user-avatar--order-11-purple,
+.cds--g100 .cds--user-avatar--order-11-purple {
+  background-color: #d4bbff;
+}
+
+.cds--g90 .cds--user-avatar--order-12-teal,
+.cds--g100 .cds--user-avatar--order-12-teal {
+  background-color: #3ddbd9;
 }