@charset "UTF-8";
.c4p--apikey-modal .cds--modal-close {
  display: none;
}

.c4p--apikey-modal .cds--inline-loading {
  min-block-size: 3rem;
}

.c4p--apikey-modal .cds--modal-content {
  padding-inline-end: 1rem;
}

.c4p--apikey-modal__body {
  margin-block-end: 1rem;
  padding-inline-end: calc(20% - 1rem);
}

.c4p--apikey-modal__messaging {
  display: flex;
  margin-block-start: 0.5rem;
  padding-inline-end: calc(20% - 1rem);
}

.c4p--apikey-modal__messaging-text {
  flex: 1;
  margin-inline-start: 0.5rem;
  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);
}

.c4p--apikey-modal__messaging-text > * {
  font: inherit;
}

.c4p--apikey-modal__error-icon svg {
  fill: var(--cds-button-danger-primary, #da1e28);
}

.c4p--apikey-modal__checkmark-icon {
  fill: var(--cds-button-primary, #0f62fe);
}

.c4p--about-modal .cds--modal-container {
  grid-template-rows: auto auto 1fr auto;
}

.c4p--about-modal .c4p--about-modal__logo {
  margin: 1rem 1rem 2rem 1rem;
}

.c4p--about-modal .c4p--about-modal__header {
  padding: 0;
  grid-row: auto;
  margin-block-end: 0;
  padding-inline-end: 20%;
  padding-inline-start: 1rem;
}

.c4p--about-modal .c4p--about-modal__title {
  font-size: var(--cds-heading-04-font-size, 1.75rem);
  font-weight: var(--cds-heading-04-font-weight, 400);
  line-height: var(--cds-heading-04-line-height, 1.28572);
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
  color: var(--cds-text-primary, #161616);
}

.c4p--about-modal .c4p--about-modal__body {
  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);
  overflow: hidden auto;
  grid-row: auto;
  min-block-size: 4rem;
  padding-block-start: 0;
  padding-inline: 1rem 20%;
}
.c4p--about-modal .c4p--about-modal__body:not(.cds--modal-scroll-content) {
  margin-block-end: 1.5rem;
  padding-block-end: 0;
}

.c4p--about-modal .cds--modal-content--overflow-indicator {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--cds-layer-01, #f4f4f4));
  inset-block-end: 1.5rem;
}

.c4p--about-modal .c4p--about-modal__links-container {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  margin-block-start: 1.5rem;
}

.c4p--about-modal .c4p--about-modal__version {
  color: var(--cds-text-secondary, #525252);
}

.c4p--about-modal .c4p--about-modal__links-container a + a {
  border-inline-start: 1px solid var(--cds-border-strong-01, #8d8d8d);
  margin-inline-start: 0.5rem;
  padding-inline-start: 0.5rem;
}

.c4p--about-modal .c4p--about-modal__content,
.c4p--about-modal .c4p--about-modal__copyright-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-text-secondary, #525252);
  margin-block: 1.5rem 0;
}

.c4p--about-modal .c4p--about-modal__copyright-text {
  margin-block-start: 1rem;
}

p.c4p--about-modal__content:first-child,
p.c4p--about-modal__copyright-text:first-child {
  margin-block-start: 2rem;
}

.c4p--about-modal .c4p--about-modal__footer {
  display: block;
  padding: 1rem;
  background-color: var(--cds-layer-02, #ffffff);
  block-size: auto;
}

.c4p--action-set {
  align-items: stretch;
  justify-content: flex-end;
  background-color: var(--cds-layer-01, #f4f4f4);
}

.c4p--action-set .c4p--action-set__action-button {
  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);
  align-items: center;
  margin: 0;
}
.c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
  block-size: 4rem;
  padding-block: 1rem 2rem;
}

.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn.cds--btn--expressive,
.c4p--action-set.cds--btn-set .c4p--action-set__action-button.cds--btn {
  max-inline-size: none;
}

.c4p--action-set:not(.c4p--action-set--stacking) .c4p--action-set__action-button--ghost {
  padding-inline-start: 2rem;
}

.c4p--action-set.c4p--action-set--row-single.c4p--action-set--md .c4p--action-set__action-button,
.c4p--action-set.c4p--action-set--row-single .c4p--action-set__action-button--ghost {
  flex: 0 0 100%;
}

.c4p--action-set.c4p--action-set--row-double .c4p--action-set__action-button--ghost {
  flex: 1 1 75%;
}

.c4p--action-set.c4p--action-set--row-single.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
.c4p--action-set.c4p--action-set--row-double.c4p--action-set--md .c4p--action-set__action-button,
.c4p--action-set.c4p--action-set--row-double.c4p--action-set--lg .c4p--action-set__action-button,
.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost {
  flex: 0 1 50%;
}

.c4p--action-set.c4p--action-set--row-triple .c4p--action-set__action-button--ghost {
  flex: 1 1 50%;
}

.c4p--action-set.cds--btn-set.c4p--action-set--row-triple.c4p--action-set--lg .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
.c4p--action-set.cds--btn-set.c4p--action-set--xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
.c4p--action-set.cds--btn-set.c4p--action-set--2xl .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost),
.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button:not(.c4p--action-set__action-button--ghost) {
  flex: 0 1 25%;
  /* stylelint-disable-next-line function-no-unknown -- to-rem carbon replacement for rem */
  max-inline-size: 14.5rem;
}

.c4p--action-set.cds--btn-set.c4p--action-set--row-quadruple .c4p--action-set__action-button--ghost {
  flex: 1 1 25%;
}

.c4p--action-set .c4p--action-set__action-button .cds--inline-loading {
  position: absolute;
  inline-size: 2rem;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.c4p--button-menu {
  min-inline-size: 160px;
}
.c4p--button-menu.c4p--button-menu__wrapper--primary, .c4p--button-menu.c4p--button-menu__wrapper--primary.cds--overflow-menu.cds--overflow-menu--open {
  background-color: var(--cds-button-primary, #0f62fe);
}
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--primary:hover {
  background-color: var(--cds-button-primary-hover, #0050e6);
}
.c4p--button-menu.c4p--button-menu__wrapper--tertiary, .c4p--button-menu.c4p--button-menu__wrapper--tertiary.cds--overflow-menu.cds--overflow-menu--open {
  background-color: var(--cds-button-tertiary, #0f62fe);
}
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--tertiary:hover {
  background-color: var(--cds-button-tertiary-hover, #0050e6);
}
.c4p--button-menu.c4p--button-menu__wrapper--ghost, .c4p--button-menu.c4p--button-menu__wrapper--ghost.cds--overflow-menu.cds--overflow-menu--open {
  background-color: transparent;
}
.c4p--button-menu.cds--overflow-menu.c4p--button-menu__wrapper--ghost:hover {
  background-color: var(--cds-layer-hover);
}
.c4p--button-menu .c4p--button-menu__trigger {
  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: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  inline-size: 100%;
}

.c4p--button-menu__options.cds--overflow-menu-options::after {
  content: initial;
}

:root {
  --cds-grid-gutter: 2rem;
  --cds-grid-columns: 4;
  --cds-grid-margin: 0;
}
@media (min-width: 42rem) {
  :root {
    --cds-grid-columns: 8;
    --cds-grid-margin: 1rem;
  }
}
@media (min-width: 66rem) {
  :root {
    --cds-grid-columns: 16;
  }
}
@media (min-width: 99rem) {
  :root {
    --cds-grid-margin: 1.5rem;
  }
}

.cds--css-grid {
  --cds-grid-gutter-start: calc(var(--cds-grid-gutter) / 2);
  --cds-grid-gutter-end: calc(var(--cds-grid-gutter) / 2);
  --cds-grid-column-hang: calc(var(--cds-grid-gutter) / 2);
  display: grid;
  grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
  inline-size: 100%;
  margin-inline: auto;
  max-inline-size: 99rem;
  padding-inline: var(--cds-grid-margin);
}

.cds--css-grid--full-width {
  max-inline-size: 100%;
}

.cds--css-grid-column {
  --cds-grid-mode-start: var(--cds-grid-gutter-start);
  --cds-grid-mode-end: var(--cds-grid-gutter-end);
  margin-inline: var(--cds-grid-gutter-start) var(--cds-grid-gutter-end);
}
[dir=rtl] .cds--css-grid-column {
  margin-inline: var(--cds-grid-gutter-end) var(--cds-grid-gutter-start);
}

.cds--css-grid--narrow {
  --cds-grid-gutter-start: 0rem; /* stylelint-disable-line length-zero-no-unit */
}

.cds--css-grid--condensed {
  --cds-grid-gutter: 0.0625rem;
  --cds-grid-column-hang: 0.96875rem;
}

.cds--css-grid--start {
  margin-inline-start: 0;
}

.cds--css-grid--end {
  margin-inline-end: 0;
}

.cds--subgrid {
  display: grid;
  grid-template-columns: repeat(var(--cds-grid-columns), minmax(0, 1fr));
  margin-inline: calc(var(--cds-grid-mode-start) * -1) calc(var(--cds-grid-mode-end) * -1);
}
[dir=rtl] .cds--subgrid {
  margin-inline: calc(var(--cds-grid-mode-end) * -1) calc(var(--cds-grid-mode-start) * -1);
}

.cds--subgrid--wide {
  --cds-grid-gutter-start: 1rem;
  --cds-grid-gutter-end: 1rem;
  --cds-grid-column-hang: 0;
}

.cds--subgrid--narrow {
  --cds-grid-gutter-start: 0rem; /* stylelint-disable-line length-zero-no-unit */
  --cds-grid-gutter-end: 1rem;
  --cds-grid-column-hang: 1rem;
}

.cds--subgrid--condensed {
  --cds-grid-gutter-start: 0.03125rem;
  --cds-grid-gutter-end: 0.03125rem;
  --cds-grid-column-hang: 0.96875rem;
}

.cds--grid-column-hang {
  margin-inline-start: var(--cds-grid-column-hang);
}
[dir=rtl] .cds--grid-column-hang {
  margin-inline: initial var(--cds-grid-column-hang);
}

.cds--col-span-0 {
  display: none;
}

.cds--col-span-1 {
  --cds-grid-columns: 1;
  display: block;
  grid-column: span 1/span 1;
}

.cds--col-span-2 {
  --cds-grid-columns: 2;
  display: block;
  grid-column: span 2/span 2;
}

.cds--col-span-3 {
  --cds-grid-columns: 3;
  display: block;
  grid-column: span 3/span 3;
}

.cds--col-span-4 {
  --cds-grid-columns: 4;
  display: block;
  grid-column: span 4/span 4;
}

.cds--col-span-5 {
  --cds-grid-columns: 5;
  display: block;
  grid-column: span 5/span 5;
}

.cds--col-span-6 {
  --cds-grid-columns: 6;
  display: block;
  grid-column: span 6/span 6;
}

.cds--col-span-7 {
  --cds-grid-columns: 7;
  display: block;
  grid-column: span 7/span 7;
}

.cds--col-span-8 {
  --cds-grid-columns: 8;
  display: block;
  grid-column: span 8/span 8;
}

.cds--col-span-9 {
  --cds-grid-columns: 9;
  display: block;
  grid-column: span 9/span 9;
}

.cds--col-span-10 {
  --cds-grid-columns: 10;
  display: block;
  grid-column: span 10/span 10;
}

.cds--col-span-11 {
  --cds-grid-columns: 11;
  display: block;
  grid-column: span 11/span 11;
}

.cds--col-span-12 {
  --cds-grid-columns: 12;
  display: block;
  grid-column: span 12/span 12;
}

.cds--col-span-13 {
  --cds-grid-columns: 13;
  display: block;
  grid-column: span 13/span 13;
}

.cds--col-span-14 {
  --cds-grid-columns: 14;
  display: block;
  grid-column: span 14/span 14;
}

.cds--col-span-15 {
  --cds-grid-columns: 15;
  display: block;
  grid-column: span 15/span 15;
}

.cds--col-span-16 {
  --cds-grid-columns: 16;
  display: block;
  grid-column: span 16/span 16;
}

.cds--sm\:col-span-0 {
  display: none;
}

.cds--sm\:col-span-1 {
  --cds-grid-columns: 1;
  display: block;
  grid-column: span 1/span 1;
}

.cds--sm\:col-span-2 {
  --cds-grid-columns: 2;
  display: block;
  grid-column: span 2/span 2;
}

.cds--sm\:col-span-3 {
  --cds-grid-columns: 3;
  display: block;
  grid-column: span 3/span 3;
}

.cds--sm\:col-span-4 {
  --cds-grid-columns: 4;
  display: block;
  grid-column: span 4/span 4;
}

.cds--sm\:col-span-auto {
  grid-column: auto;
}

.cds--sm\:col-span-100 {
  grid-column: 1/-1;
}

.cds--sm\:col-span-75 {
  --cds-grid-columns: 3;
  grid-column: span 3 / span 3;
}

.cds--sm\:col-span-50 {
  --cds-grid-columns: 2;
  grid-column: span 2 / span 2;
}

.cds--sm\:col-span-25 {
  --cds-grid-columns: 1;
  grid-column: span 1 / span 1;
}

@media (min-width: 42rem) {
  .cds--md\:col-span-0 {
    display: none;
  }
}
@media (min-width: 42rem) {
  .cds--md\:col-span-1 {
    --cds-grid-columns: 1;
    display: block;
    grid-column: span 1/span 1;
  }
}
@media (min-width: 42rem) {
  .cds--md\:col-span-2 {
    --cds-grid-columns: 2;
    display: block;
    grid-column: span 2/span 2;
  }
}
@media (min-width: 42rem) {
  .cds--md\:col-span-3 {
    --cds-grid-columns: 3;
    display: block;
    grid-column: span 3/span 3;
  }
}
@media (min-width: 42rem) {
  .cds--md\:col-span-4 {
    --cds-grid-columns: 4;
    display: block;
    grid-column: span 4/span 4;
  }
}
@media (min-width: 42rem) {
  .cds--md\:col-span-5 {
    --cds-grid-columns: 5;
    display: block;
    grid-column: span 5/span 5;
  }
}
@media (min-width: 42rem) {
  .cds--md\:col-span-6 {
    --cds-grid-columns: 6;
    display: block;
    grid-column: span 6/span 6;
  }
}
@media (min-width: 42rem) {
  .cds--md\:col-span-7 {
    --cds-grid-columns: 7;
    display: block;
    grid-column: span 7/span 7;
  }
}
@media (min-width: 42rem) {
  .cds--md\:col-span-8 {
    --cds-grid-columns: 8;
    display: block;
    grid-column: span 8/span 8;
  }
}
@media (min-width: 42rem) {
  .cds--md\:col-span-auto {
    grid-column: auto;
  }
  .cds--md\:col-span-100 {
    grid-column: 1/-1;
  }
  .cds--md\:col-span-75 {
    --cds-grid-columns: 6;
    grid-column: span 6 / span 6;
  }
  .cds--md\:col-span-50 {
    --cds-grid-columns: 4;
    grid-column: span 4 / span 4;
  }
  .cds--md\:col-span-25 {
    --cds-grid-columns: 2;
    grid-column: span 2 / span 2;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-0 {
    display: none;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-1 {
    --cds-grid-columns: 1;
    display: block;
    grid-column: span 1/span 1;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-2 {
    --cds-grid-columns: 2;
    display: block;
    grid-column: span 2/span 2;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-3 {
    --cds-grid-columns: 3;
    display: block;
    grid-column: span 3/span 3;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-4 {
    --cds-grid-columns: 4;
    display: block;
    grid-column: span 4/span 4;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-5 {
    --cds-grid-columns: 5;
    display: block;
    grid-column: span 5/span 5;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-6 {
    --cds-grid-columns: 6;
    display: block;
    grid-column: span 6/span 6;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-7 {
    --cds-grid-columns: 7;
    display: block;
    grid-column: span 7/span 7;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-8 {
    --cds-grid-columns: 8;
    display: block;
    grid-column: span 8/span 8;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-9 {
    --cds-grid-columns: 9;
    display: block;
    grid-column: span 9/span 9;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-10 {
    --cds-grid-columns: 10;
    display: block;
    grid-column: span 10/span 10;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-11 {
    --cds-grid-columns: 11;
    display: block;
    grid-column: span 11/span 11;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-12 {
    --cds-grid-columns: 12;
    display: block;
    grid-column: span 12/span 12;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-13 {
    --cds-grid-columns: 13;
    display: block;
    grid-column: span 13/span 13;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-14 {
    --cds-grid-columns: 14;
    display: block;
    grid-column: span 14/span 14;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-15 {
    --cds-grid-columns: 15;
    display: block;
    grid-column: span 15/span 15;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-16 {
    --cds-grid-columns: 16;
    display: block;
    grid-column: span 16/span 16;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-span-auto {
    grid-column: auto;
  }
  .cds--lg\:col-span-100 {
    grid-column: 1/-1;
  }
  .cds--lg\:col-span-75 {
    --cds-grid-columns: 12;
    grid-column: span 12 / span 12;
  }
  .cds--lg\:col-span-50 {
    --cds-grid-columns: 8;
    grid-column: span 8 / span 8;
  }
  .cds--lg\:col-span-25 {
    --cds-grid-columns: 4;
    grid-column: span 4 / span 4;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-0 {
    display: none;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-1 {
    --cds-grid-columns: 1;
    display: block;
    grid-column: span 1/span 1;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-2 {
    --cds-grid-columns: 2;
    display: block;
    grid-column: span 2/span 2;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-3 {
    --cds-grid-columns: 3;
    display: block;
    grid-column: span 3/span 3;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-4 {
    --cds-grid-columns: 4;
    display: block;
    grid-column: span 4/span 4;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-5 {
    --cds-grid-columns: 5;
    display: block;
    grid-column: span 5/span 5;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-6 {
    --cds-grid-columns: 6;
    display: block;
    grid-column: span 6/span 6;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-7 {
    --cds-grid-columns: 7;
    display: block;
    grid-column: span 7/span 7;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-8 {
    --cds-grid-columns: 8;
    display: block;
    grid-column: span 8/span 8;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-9 {
    --cds-grid-columns: 9;
    display: block;
    grid-column: span 9/span 9;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-10 {
    --cds-grid-columns: 10;
    display: block;
    grid-column: span 10/span 10;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-11 {
    --cds-grid-columns: 11;
    display: block;
    grid-column: span 11/span 11;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-12 {
    --cds-grid-columns: 12;
    display: block;
    grid-column: span 12/span 12;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-13 {
    --cds-grid-columns: 13;
    display: block;
    grid-column: span 13/span 13;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-14 {
    --cds-grid-columns: 14;
    display: block;
    grid-column: span 14/span 14;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-15 {
    --cds-grid-columns: 15;
    display: block;
    grid-column: span 15/span 15;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-16 {
    --cds-grid-columns: 16;
    display: block;
    grid-column: span 16/span 16;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-span-auto {
    grid-column: auto;
  }
  .cds--xlg\:col-span-100 {
    grid-column: 1/-1;
  }
  .cds--xlg\:col-span-75 {
    --cds-grid-columns: 12;
    grid-column: span 12 / span 12;
  }
  .cds--xlg\:col-span-50 {
    --cds-grid-columns: 8;
    grid-column: span 8 / span 8;
  }
  .cds--xlg\:col-span-25 {
    --cds-grid-columns: 4;
    grid-column: span 4 / span 4;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-0 {
    display: none;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-1 {
    --cds-grid-columns: 1;
    display: block;
    grid-column: span 1/span 1;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-2 {
    --cds-grid-columns: 2;
    display: block;
    grid-column: span 2/span 2;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-3 {
    --cds-grid-columns: 3;
    display: block;
    grid-column: span 3/span 3;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-4 {
    --cds-grid-columns: 4;
    display: block;
    grid-column: span 4/span 4;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-5 {
    --cds-grid-columns: 5;
    display: block;
    grid-column: span 5/span 5;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-6 {
    --cds-grid-columns: 6;
    display: block;
    grid-column: span 6/span 6;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-7 {
    --cds-grid-columns: 7;
    display: block;
    grid-column: span 7/span 7;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-8 {
    --cds-grid-columns: 8;
    display: block;
    grid-column: span 8/span 8;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-9 {
    --cds-grid-columns: 9;
    display: block;
    grid-column: span 9/span 9;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-10 {
    --cds-grid-columns: 10;
    display: block;
    grid-column: span 10/span 10;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-11 {
    --cds-grid-columns: 11;
    display: block;
    grid-column: span 11/span 11;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-12 {
    --cds-grid-columns: 12;
    display: block;
    grid-column: span 12/span 12;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-13 {
    --cds-grid-columns: 13;
    display: block;
    grid-column: span 13/span 13;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-14 {
    --cds-grid-columns: 14;
    display: block;
    grid-column: span 14/span 14;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-15 {
    --cds-grid-columns: 15;
    display: block;
    grid-column: span 15/span 15;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-16 {
    --cds-grid-columns: 16;
    display: block;
    grid-column: span 16/span 16;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-span-auto {
    grid-column: auto;
  }
  .cds--max\:col-span-100 {
    grid-column: 1/-1;
  }
  .cds--max\:col-span-75 {
    --cds-grid-columns: 12;
    grid-column: span 12 / span 12;
  }
  .cds--max\:col-span-50 {
    --cds-grid-columns: 8;
    grid-column: span 8 / span 8;
  }
  .cds--max\:col-span-25 {
    --cds-grid-columns: 4;
    grid-column: span 4 / span 4;
  }
}
.cds--col-span-auto {
  grid-column: auto;
}

.cds--col-span-100 {
  grid-column: 1/-1;
}

.cds--col-span-75 {
  --cds-grid-columns: 3;
  grid-column: span 3 / span 3;
}
@media (min-width: 42rem) {
  .cds--col-span-75 {
    --cds-grid-columns: 6;
    grid-column: span 6 / span 6;
  }
}
@media (min-width: 66rem) {
  .cds--col-span-75 {
    --cds-grid-columns: 12;
    grid-column: span 12 / span 12;
  }
}

.cds--col-span-50 {
  --cds-grid-columns: 2;
  grid-column: span 2 / span 2;
}
@media (min-width: 42rem) {
  .cds--col-span-50 {
    --cds-grid-columns: 4;
    grid-column: span 4 / span 4;
  }
}
@media (min-width: 66rem) {
  .cds--col-span-50 {
    --cds-grid-columns: 8;
    grid-column: span 8 / span 8;
  }
}

.cds--col-span-25 {
  --cds-grid-columns: 1;
  grid-column: span 1 / span 1;
}
@media (min-width: 42rem) {
  .cds--col-span-25 {
    --cds-grid-columns: 2;
    grid-column: span 2 / span 2;
  }
}
@media (min-width: 66rem) {
  .cds--col-span-25 {
    --cds-grid-columns: 4;
    grid-column: span 4 / span 4;
  }
}

.cds--col-start-1 {
  grid-column-start: 1;
}

.cds--col-start-2 {
  grid-column-start: 2;
}

.cds--col-start-3 {
  grid-column-start: 3;
}

.cds--col-start-4 {
  grid-column-start: 4;
}

.cds--col-start-5 {
  grid-column-start: 5;
}

.cds--col-start-6 {
  grid-column-start: 6;
}

.cds--col-start-7 {
  grid-column-start: 7;
}

.cds--col-start-8 {
  grid-column-start: 8;
}

.cds--col-start-9 {
  grid-column-start: 9;
}

.cds--col-start-10 {
  grid-column-start: 10;
}

.cds--col-start-11 {
  grid-column-start: 11;
}

.cds--col-start-12 {
  grid-column-start: 12;
}

.cds--col-start-13 {
  grid-column-start: 13;
}

.cds--col-start-14 {
  grid-column-start: 14;
}

.cds--col-start-15 {
  grid-column-start: 15;
}

.cds--col-start-16 {
  grid-column-start: 16;
}

.cds--col-end-2 {
  grid-column-end: 2;
}

.cds--col-end-3 {
  grid-column-end: 3;
}

.cds--col-end-4 {
  grid-column-end: 4;
}

.cds--col-end-5 {
  grid-column-end: 5;
}

.cds--col-end-6 {
  grid-column-end: 6;
}

.cds--col-end-7 {
  grid-column-end: 7;
}

.cds--col-end-8 {
  grid-column-end: 8;
}

.cds--col-end-9 {
  grid-column-end: 9;
}

.cds--col-end-10 {
  grid-column-end: 10;
}

.cds--col-end-11 {
  grid-column-end: 11;
}

.cds--col-end-12 {
  grid-column-end: 12;
}

.cds--col-end-13 {
  grid-column-end: 13;
}

.cds--col-end-14 {
  grid-column-end: 14;
}

.cds--col-end-15 {
  grid-column-end: 15;
}

.cds--col-end-16 {
  grid-column-end: 16;
}

.cds--col-end-17 {
  grid-column-end: 17;
}

.cds--col-start-auto {
  grid-column-start: auto;
}

.cds--col-end-auto {
  grid-column-end: auto;
}

.cds--sm\:col-start-1 {
  grid-column-start: 1;
}

.cds--sm\:col-start-2 {
  grid-column-start: 2;
}

.cds--sm\:col-start-3 {
  grid-column-start: 3;
}

.cds--sm\:col-start-4 {
  grid-column-start: 4;
}

.cds--sm\:col-start-5 {
  grid-column-start: 5;
}

.cds--sm\:col-start-6 {
  grid-column-start: 6;
}

.cds--sm\:col-start-7 {
  grid-column-start: 7;
}

.cds--sm\:col-start-8 {
  grid-column-start: 8;
}

.cds--sm\:col-start-9 {
  grid-column-start: 9;
}

.cds--sm\:col-start-10 {
  grid-column-start: 10;
}

.cds--sm\:col-start-11 {
  grid-column-start: 11;
}

.cds--sm\:col-start-12 {
  grid-column-start: 12;
}

.cds--sm\:col-start-13 {
  grid-column-start: 13;
}

.cds--sm\:col-start-14 {
  grid-column-start: 14;
}

.cds--sm\:col-start-15 {
  grid-column-start: 15;
}

.cds--sm\:col-start-16 {
  grid-column-start: 16;
}

.cds--sm\:col-end-2 {
  grid-column-end: 2;
}

.cds--sm\:col-end-3 {
  grid-column-end: 3;
}

.cds--sm\:col-end-4 {
  grid-column-end: 4;
}

.cds--sm\:col-end-5 {
  grid-column-end: 5;
}

.cds--sm\:col-end-6 {
  grid-column-end: 6;
}

.cds--sm\:col-end-7 {
  grid-column-end: 7;
}

.cds--sm\:col-end-8 {
  grid-column-end: 8;
}

.cds--sm\:col-end-9 {
  grid-column-end: 9;
}

.cds--sm\:col-end-10 {
  grid-column-end: 10;
}

.cds--sm\:col-end-11 {
  grid-column-end: 11;
}

.cds--sm\:col-end-12 {
  grid-column-end: 12;
}

.cds--sm\:col-end-13 {
  grid-column-end: 13;
}

.cds--sm\:col-end-14 {
  grid-column-end: 14;
}

.cds--sm\:col-end-15 {
  grid-column-end: 15;
}

.cds--sm\:col-end-16 {
  grid-column-end: 16;
}

.cds--sm\:col-end-17 {
  grid-column-end: 17;
}

.cds--sm\:col-start-auto {
  grid-column-start: auto;
}

.cds--sm\:col-end-auto {
  grid-column-end: auto;
}

@media (min-width: 42rem) {
  .cds--md\:col-start-1 {
    grid-column-start: 1;
  }
  .cds--md\:col-start-2 {
    grid-column-start: 2;
  }
  .cds--md\:col-start-3 {
    grid-column-start: 3;
  }
  .cds--md\:col-start-4 {
    grid-column-start: 4;
  }
  .cds--md\:col-start-5 {
    grid-column-start: 5;
  }
  .cds--md\:col-start-6 {
    grid-column-start: 6;
  }
  .cds--md\:col-start-7 {
    grid-column-start: 7;
  }
  .cds--md\:col-start-8 {
    grid-column-start: 8;
  }
  .cds--md\:col-start-9 {
    grid-column-start: 9;
  }
  .cds--md\:col-start-10 {
    grid-column-start: 10;
  }
  .cds--md\:col-start-11 {
    grid-column-start: 11;
  }
  .cds--md\:col-start-12 {
    grid-column-start: 12;
  }
  .cds--md\:col-start-13 {
    grid-column-start: 13;
  }
  .cds--md\:col-start-14 {
    grid-column-start: 14;
  }
  .cds--md\:col-start-15 {
    grid-column-start: 15;
  }
  .cds--md\:col-start-16 {
    grid-column-start: 16;
  }
  .cds--md\:col-end-2 {
    grid-column-end: 2;
  }
  .cds--md\:col-end-3 {
    grid-column-end: 3;
  }
  .cds--md\:col-end-4 {
    grid-column-end: 4;
  }
  .cds--md\:col-end-5 {
    grid-column-end: 5;
  }
  .cds--md\:col-end-6 {
    grid-column-end: 6;
  }
  .cds--md\:col-end-7 {
    grid-column-end: 7;
  }
  .cds--md\:col-end-8 {
    grid-column-end: 8;
  }
  .cds--md\:col-end-9 {
    grid-column-end: 9;
  }
  .cds--md\:col-end-10 {
    grid-column-end: 10;
  }
  .cds--md\:col-end-11 {
    grid-column-end: 11;
  }
  .cds--md\:col-end-12 {
    grid-column-end: 12;
  }
  .cds--md\:col-end-13 {
    grid-column-end: 13;
  }
  .cds--md\:col-end-14 {
    grid-column-end: 14;
  }
  .cds--md\:col-end-15 {
    grid-column-end: 15;
  }
  .cds--md\:col-end-16 {
    grid-column-end: 16;
  }
  .cds--md\:col-end-17 {
    grid-column-end: 17;
  }
  .cds--md\:col-start-auto {
    grid-column-start: auto;
  }
  .cds--md\:col-end-auto {
    grid-column-end: auto;
  }
}
@media (min-width: 66rem) {
  .cds--lg\:col-start-1 {
    grid-column-start: 1;
  }
  .cds--lg\:col-start-2 {
    grid-column-start: 2;
  }
  .cds--lg\:col-start-3 {
    grid-column-start: 3;
  }
  .cds--lg\:col-start-4 {
    grid-column-start: 4;
  }
  .cds--lg\:col-start-5 {
    grid-column-start: 5;
  }
  .cds--lg\:col-start-6 {
    grid-column-start: 6;
  }
  .cds--lg\:col-start-7 {
    grid-column-start: 7;
  }
  .cds--lg\:col-start-8 {
    grid-column-start: 8;
  }
  .cds--lg\:col-start-9 {
    grid-column-start: 9;
  }
  .cds--lg\:col-start-10 {
    grid-column-start: 10;
  }
  .cds--lg\:col-start-11 {
    grid-column-start: 11;
  }
  .cds--lg\:col-start-12 {
    grid-column-start: 12;
  }
  .cds--lg\:col-start-13 {
    grid-column-start: 13;
  }
  .cds--lg\:col-start-14 {
    grid-column-start: 14;
  }
  .cds--lg\:col-start-15 {
    grid-column-start: 15;
  }
  .cds--lg\:col-start-16 {
    grid-column-start: 16;
  }
  .cds--lg\:col-end-2 {
    grid-column-end: 2;
  }
  .cds--lg\:col-end-3 {
    grid-column-end: 3;
  }
  .cds--lg\:col-end-4 {
    grid-column-end: 4;
  }
  .cds--lg\:col-end-5 {
    grid-column-end: 5;
  }
  .cds--lg\:col-end-6 {
    grid-column-end: 6;
  }
  .cds--lg\:col-end-7 {
    grid-column-end: 7;
  }
  .cds--lg\:col-end-8 {
    grid-column-end: 8;
  }
  .cds--lg\:col-end-9 {
    grid-column-end: 9;
  }
  .cds--lg\:col-end-10 {
    grid-column-end: 10;
  }
  .cds--lg\:col-end-11 {
    grid-column-end: 11;
  }
  .cds--lg\:col-end-12 {
    grid-column-end: 12;
  }
  .cds--lg\:col-end-13 {
    grid-column-end: 13;
  }
  .cds--lg\:col-end-14 {
    grid-column-end: 14;
  }
  .cds--lg\:col-end-15 {
    grid-column-end: 15;
  }
  .cds--lg\:col-end-16 {
    grid-column-end: 16;
  }
  .cds--lg\:col-end-17 {
    grid-column-end: 17;
  }
  .cds--lg\:col-start-auto {
    grid-column-start: auto;
  }
  .cds--lg\:col-end-auto {
    grid-column-end: auto;
  }
}
@media (min-width: 82rem) {
  .cds--xlg\:col-start-1 {
    grid-column-start: 1;
  }
  .cds--xlg\:col-start-2 {
    grid-column-start: 2;
  }
  .cds--xlg\:col-start-3 {
    grid-column-start: 3;
  }
  .cds--xlg\:col-start-4 {
    grid-column-start: 4;
  }
  .cds--xlg\:col-start-5 {
    grid-column-start: 5;
  }
  .cds--xlg\:col-start-6 {
    grid-column-start: 6;
  }
  .cds--xlg\:col-start-7 {
    grid-column-start: 7;
  }
  .cds--xlg\:col-start-8 {
    grid-column-start: 8;
  }
  .cds--xlg\:col-start-9 {
    grid-column-start: 9;
  }
  .cds--xlg\:col-start-10 {
    grid-column-start: 10;
  }
  .cds--xlg\:col-start-11 {
    grid-column-start: 11;
  }
  .cds--xlg\:col-start-12 {
    grid-column-start: 12;
  }
  .cds--xlg\:col-start-13 {
    grid-column-start: 13;
  }
  .cds--xlg\:col-start-14 {
    grid-column-start: 14;
  }
  .cds--xlg\:col-start-15 {
    grid-column-start: 15;
  }
  .cds--xlg\:col-start-16 {
    grid-column-start: 16;
  }
  .cds--xlg\:col-end-2 {
    grid-column-end: 2;
  }
  .cds--xlg\:col-end-3 {
    grid-column-end: 3;
  }
  .cds--xlg\:col-end-4 {
    grid-column-end: 4;
  }
  .cds--xlg\:col-end-5 {
    grid-column-end: 5;
  }
  .cds--xlg\:col-end-6 {
    grid-column-end: 6;
  }
  .cds--xlg\:col-end-7 {
    grid-column-end: 7;
  }
  .cds--xlg\:col-end-8 {
    grid-column-end: 8;
  }
  .cds--xlg\:col-end-9 {
    grid-column-end: 9;
  }
  .cds--xlg\:col-end-10 {
    grid-column-end: 10;
  }
  .cds--xlg\:col-end-11 {
    grid-column-end: 11;
  }
  .cds--xlg\:col-end-12 {
    grid-column-end: 12;
  }
  .cds--xlg\:col-end-13 {
    grid-column-end: 13;
  }
  .cds--xlg\:col-end-14 {
    grid-column-end: 14;
  }
  .cds--xlg\:col-end-15 {
    grid-column-end: 15;
  }
  .cds--xlg\:col-end-16 {
    grid-column-end: 16;
  }
  .cds--xlg\:col-end-17 {
    grid-column-end: 17;
  }
  .cds--xlg\:col-start-auto {
    grid-column-start: auto;
  }
  .cds--xlg\:col-end-auto {
    grid-column-end: auto;
  }
}
@media (min-width: 99rem) {
  .cds--max\:col-start-1 {
    grid-column-start: 1;
  }
  .cds--max\:col-start-2 {
    grid-column-start: 2;
  }
  .cds--max\:col-start-3 {
    grid-column-start: 3;
  }
  .cds--max\:col-start-4 {
    grid-column-start: 4;
  }
  .cds--max\:col-start-5 {
    grid-column-start: 5;
  }
  .cds--max\:col-start-6 {
    grid-column-start: 6;
  }
  .cds--max\:col-start-7 {
    grid-column-start: 7;
  }
  .cds--max\:col-start-8 {
    grid-column-start: 8;
  }
  .cds--max\:col-start-9 {
    grid-column-start: 9;
  }
  .cds--max\:col-start-10 {
    grid-column-start: 10;
  }
  .cds--max\:col-start-11 {
    grid-column-start: 11;
  }
  .cds--max\:col-start-12 {
    grid-column-start: 12;
  }
  .cds--max\:col-start-13 {
    grid-column-start: 13;
  }
  .cds--max\:col-start-14 {
    grid-column-start: 14;
  }
  .cds--max\:col-start-15 {
    grid-column-start: 15;
  }
  .cds--max\:col-start-16 {
    grid-column-start: 16;
  }
  .cds--max\:col-end-2 {
    grid-column-end: 2;
  }
  .cds--max\:col-end-3 {
    grid-column-end: 3;
  }
  .cds--max\:col-end-4 {
    grid-column-end: 4;
  }
  .cds--max\:col-end-5 {
    grid-column-end: 5;
  }
  .cds--max\:col-end-6 {
    grid-column-end: 6;
  }
  .cds--max\:col-end-7 {
    grid-column-end: 7;
  }
  .cds--max\:col-end-8 {
    grid-column-end: 8;
  }
  .cds--max\:col-end-9 {
    grid-column-end: 9;
  }
  .cds--max\:col-end-10 {
    grid-column-end: 10;
  }
  .cds--max\:col-end-11 {
    grid-column-end: 11;
  }
  .cds--max\:col-end-12 {
    grid-column-end: 12;
  }
  .cds--max\:col-end-13 {
    grid-column-end: 13;
  }
  .cds--max\:col-end-14 {
    grid-column-end: 14;
  }
  .cds--max\:col-end-15 {
    grid-column-end: 15;
  }
  .cds--max\:col-end-16 {
    grid-column-end: 16;
  }
  .cds--max\:col-end-17 {
    grid-column-end: 17;
  }
  .cds--max\:col-start-auto {
    grid-column-start: auto;
  }
  .cds--max\:col-end-auto {
    grid-column-end: auto;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.c4p--cascade__element,
.c4p--cascade__col {
  /* stylelint-disable-next-line max-nesting-depth */
}
@media (prefers-reduced-motion: no-preference) {
  .c4p--cascade__element,
  .c4p--cascade__col {
    /* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- Carbon animation duration defined above in $animationProps */
    animation: 240ms cubic-bezier(0.2, 0, 0.38, 0.9) 0s 1 fade;
    animation-fill-mode: forwards;
    opacity: 0;
  }
}

.c4p--cascade__element:nth-child(n+1),
.c4p--cascade__col-1 {
  animation-delay: 60ms;
}

.c4p--cascade__element:nth-child(n+2),
.c4p--cascade__col-2 {
  animation-delay: 120ms;
}

.c4p--cascade__element:nth-child(n+3),
.c4p--cascade__col-3 {
  animation-delay: 180ms;
}

.c4p--cascade__element:nth-child(n+4),
.c4p--cascade__col-4 {
  animation-delay: 240ms;
}

.c4p--cascade__element:nth-child(n+5),
.c4p--cascade__col-5 {
  animation-delay: 300ms;
}

.c4p--cascade__element:nth-child(n+6),
.c4p--cascade__col-6 {
  animation-delay: 360ms;
}

.c4p--cascade__element:nth-child(n+7),
.c4p--cascade__col-7 {
  animation-delay: 420ms;
}

.c4p--cascade__element:nth-child(n+8),
.c4p--cascade__col-8 {
  animation-delay: 480ms;
}

.c4p--coachmark-dragbar {
  display: flex;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--coachmark-dragbar svg {
  color: var(--cds-icon-inverse, #ffffff);
}

.c4p--coachmark-header {
  display: flex;
}

/* stylelint-disable function-no-unknown */
/* stylelint-disable max-nesting-depth */
/* stylelint-disable carbon/layout-use */
/* stylelint-disable carbon/theme-use */
/* stylelint-disable declaration-no-important */
.c4p--coachmark-overlay {
  position: absolute;
  z-index: 5901;
  border-radius: 0.125rem;
  background-color: var(--cds-background-inverse, #393939);
  color: var(--cds-text-inverse, #ffffff);
  inline-size: 18rem;
  visibility: hidden;
}
.c4p--coachmark-overlay--tooltip {
  position: initial;
  transform: none !important;
}
.c4p--coachmark-overlay--fixed {
  position: fixed;
  inset-block-end: 0;
  inset-inline-end: 1rem;
  transform: translateY(100%);
  transition: transform 240ms cubic-bezier(0.2, 0, 1, 0.9);
}
@media (prefers-reduced-motion) {
  .c4p--coachmark-overlay--fixed {
    transition: none;
  }
}
.c4p--coachmark-overlay--is-dragmode {
  border-radius: 0;
  box-shadow: 0 0 0 0.25rem var(--cds-background-inverse, #393939);
  outline: 0.125rem solid var(--cds-icon-inverse, #ffffff);
}
.c4p--coachmark-overlay--is-visible {
  transform: translateY(0);
  visibility: visible;
}
.c4p--coachmark-overlay--top {
  transform: translate(-50%, calc(-1 * (100% + 1.5rem + 0.375rem)));
}
.c4p--coachmark-overlay--top-left {
  transform: translate(-1.5rem, calc(-1 * (100% + 1.5rem + 0.375rem)));
}
.c4p--coachmark-overlay--top-right {
  transform: translate(calc(-1 * (100% - 1.5rem)), calc(-1 * (100% + 1.5rem + 0.375rem)));
}
.c4p--coachmark-overlay--bottom {
  transform: translate(-50%, 1.875rem);
}
.c4p--coachmark-overlay--bottom-left {
  transform: translate(-1.5rem, 1.875rem);
}
.c4p--coachmark-overlay--bottom-right {
  transform: translate(calc(-1 * (100% - 1.5rem)), 1.875rem);
}
.c4p--coachmark-overlay--left {
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -50%);
}
.c4p--coachmark-overlay--left-top {
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), -1.5rem);
}
.c4p--coachmark-overlay--left-bottom {
  transform: translate(calc(-1 * (100% + 1.5rem + 0.375rem)), calc(-1 * (100% - 1.5rem)));
}
.c4p--coachmark-overlay--right {
  transform: translate(1.875rem, -50%);
}
.c4p--coachmark-overlay--right-top {
  transform: translate(1.875rem, -1.5rem);
}
.c4p--coachmark-overlay--right-bottom {
  transform: translate(1.875rem, calc(-1 * (100% - 1.5rem)));
}
.c4p--coachmark-overlay__element-stepped-media {
  block-size: 8rem;
  margin-block-end: 1rem;
}
.c4p--coachmark-overlay__body .cds--btn--ghost {
  color: var(--cds-link-inverse, #78a9ff);
}
.c4p--coachmark-overlay__body .cds--btn--ghost:hover {
  color: var(--cds-link-inverse, #78a9ff);
}
.c4p--coachmark-overlay__body c4p--coachmark-overlay-element {
  display: block;
  flex: 0 0 100%;
  max-inline-size: 100%;
}
.c4p--coachmark-overlay__body c4p--coachmark-overlay-element c4p--coachmark-overlay-element__content {
  padding-block-end: 1rem;
}
.c4p--coachmark-overlay__body c4p--coachmark-overlay-element c4p--coachmark-overlay-element__title > div {
  margin: 0 0 0.5rem;
}
.c4p--coachmark-overlay__body c4p--coachmark-overlay-element c4p--coachmark-overlay-element__title > div > h2 {
  font-size: var(--cds-productive-heading-02-font-size, 1rem);
  font-weight: var(--cds-productive-heading-02-font-weight, 600);
  line-height: var(--cds-productive-heading-02-line-height, 1.375);
  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
  order: 1;
}
.c4p--coachmark-overlay__handle {
  position: relative;
  flex-grow: 1;
  padding: 0.25rem 0 0 0.5rem;
  border: 0;
  background-color: transparent;
  text-align: start;
}
.c4p--coachmark-overlay__handle::before {
  position: absolute;
  block-size: 1.625rem;
  content: "";
  inline-size: 1.625rem;
  inset-block-start: 0.125rem;
  inset-inline-start: 0.125rem;
}
.c4p--coachmark-overlay__handle:hover {
  cursor: move;
}
.c4p--coachmark-overlay__handle:focus {
  border: none;
  outline: none;
}
.c4p--coachmark-overlay__handle:focus::before {
  border: 1px solid var(--cds-icon-inverse, #ffffff);
  outline: 1px solid #0f62fe;
}
.c4p--coachmark-overlay--close-btn-container {
  block-size: 2rem;
  inline-size: 2rem;
  margin-inline-start: auto !important;
}
.c4p--coachmark-overlay--close-btn {
  block-size: 2rem;
  inline-size: 2rem;
  margin-inline-start: auto !important;
}
.c4p--coachmark-overlay--close-btn svg > path {
  margin: 0;
  fill: var(--cds-icon-inverse, #ffffff) !important;
}
.c4p--coachmark-overlay--close-btn:hover {
  background-color: var(--cds-background-inverse-hover, #474747) !important;
}
.c4p--coachmark-overlay__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-block-start: 1rem;
  padding-block-end: 1rem;
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .cds--link {
  color: var(--cds-link-inverse, #78a9ff);
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .cds--link:hover {
  color: #a6c8ff;
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .cds--link:active {
  color: var(--cds-text-on-color, #ffffff);
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .cds--link:focus {
  outline-color: var(--cds-text-on-color, #ffffff);
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .cds--btn--ghost {
  border-color: transparent !important;
  border-radius: 0;
  outline: 1px solid transparent;
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .cds--btn--ghost:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .cds--btn--ghost:active {
  background-color: var(--cds-button-secondary-active, #6f6f6f);
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay__body .cds--btn--ghost:focus {
  box-shadow: inset 0 0 0 1px var(--cds-background-inverse, #393939), inset 0 0 0 0.125rem #ffffff;
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay__handle:focus::before {
  border: 1px solid #ffffff;
  outline: 1px solid transparent;
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay--close-btn {
  border-color: transparent !important;
  border-radius: 0;
  outline: 1px solid transparent;
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay--close-btn:active {
  background-color: var(--cds-button-secondary-active, #6f6f6f);
}
.c4p--coachmark-overlay__light .c4p--coachmark-overlay--close-btn:focus {
  box-shadow: inset 0 0 0 1px var(--cds-background-inverse, #393939), inset 0 0 0 0.125rem #ffffff;
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .cds--link {
  color: #0062fe;
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .cds--link:hover {
  color: #0043ce;
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .cds--link:active {
  color: var(--cds-link-secondary, #0043ce);
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .cds--link:focus {
  color: var(--cds-text-inverse, #ffffff);
  outline-color: var(--cds-text-inverse, #ffffff);
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .cds--btn--primary:focus {
  background-color: var(--cds-button-primary-active, #002d9c);
  box-shadow: inset 0 0 0 0.125rem var(--cds-button-primary, #0f62fe), inset 0 0 0 0.1875rem var(--cds-button-tertiary, #0f62fe);
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .cds--btn--ghost {
  border-color: transparent;
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .cds--btn--ghost:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .cds--btn--ghost:active {
  background-color: var(--cds-button-tertiary-active, #002d9c);
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__body .cds--btn--ghost:focus {
  box-shadow: inset 0 0 0 1px #0f62fe, inset 0 0 0 0.125rem #ffffff;
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay__handle:focus::before {
  border: 1px solid #ffffff;
  outline: 1px solid #0f62fe;
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay--close-btn {
  border-color: transparent;
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay--close-btn:focus {
  box-shadow: inset 0 0 0 1px #0f62fe, inset 0 0 0 0.125rem #ffffff;
}
.c4p--coachmark-overlay__dark .c4p--coachmark-overlay--close-btn:active {
  background-color: var(--cds-button-tertiary-active, #002d9c);
}
.c4p--coachmark-overlay .c4p--carousel__item {
  flex: 0 0 100% !important;
}

/* stylelint-disable max-nesting-depth */
/* stylelint-disable carbon/theme-use */
/* stylelint-disable declaration-no-important */
.c4p--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 (prefers-reduced-motion) {
  .c4p--coachmark-tagline {
    transition: none;
  }
}
.c4p--coachmark-tagline::before {
  position: absolute;
  z-index: -1;
  background: linear-gradient(90deg, #0043ce 0%, #6929c4 100%);
  content: "";
  inset: 0;
  opacity: 0;
  /* stylelint-disable-next-line carbon/motion-duration-use */
  transition: opacity 240ms cubic-bezier(0.2, 0, 1, 0.9);
}
@media (prefers-reduced-motion) {
  .c4p--coachmark-tagline::before {
    transition: none;
  }
}
.c4p--coachmark-tagline:hover::before {
  opacity: 1;
}
.c4p--coachmark-tagline--is-open {
  background: #ffffff;
  opacity: 0;
}
.c4p--coachmark-tagline--is-open c4p--coachmark-tagline__cta {
  opacity: 0;
}
.c4p--coachmark-tagline--is-open c4p--coachmark-tagline--close-btn {
  display: none;
}
.c4p--coachmark-tagline--is-open::before {
  background: #ffffff;
}
.c4p--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);
}
.c4p--coachmark-tagline__cta:focus {
  box-shadow: inset 0 0 0 3px #6929c4, inset 0 0 0 0.25rem #ffffff;
  outline: 1px solid transparent;
}
.c4p--coachmark-tagline__cta:hover {
  cursor: pointer !important;
}
.c4p--coachmark-tagline__cta .c4p--coachmark-tagline__idea {
  justify-self: center;
}
.c4p--coachmark-tagline--close-btn-container {
  block-size: 2rem;
  inline-size: 2rem;
  margin-inline-start: auto;
}
.c4p--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;
}
.c4p--coachmark-tagline--close-btn:active {
  background-color: var(--cds-button-secondary-active, #6f6f6f);
}
.c4p--coachmark-tagline--close-btn:focus {
  box-shadow: inset 0 0 0 1px var(--cds-background-inverse, #393939), inset 0 0 0 0.125rem #ffffff !important;
}
.c4p--coachmark-tagline--close-btn svg > path {
  margin: 0;
  fill: #ffffff !important;
}
.c4p--coachmark-tagline--close-btn:hover {
  background-color: #7c3dd6 !important;
}

/**
 * Copyright IBM Corp. 2025
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
@keyframes cds--hide-feedback {
  0% {
    opacity: 1;
    visibility: inherit;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes cds--show-feedback {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: inherit;
  }
}
@keyframes cds--skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
.cds--layout--size-xs {
  --cds-layout-size-height-context: var(--cds-layout-size-height-xs, 1.5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}

.cds--layout-constraint--size__default-xs {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem));
}

.cds--layout-constraint--size__min-xs {
  --cds-layout-size-height-min: var(--cds-layout-size-height-xs, 1.5rem);
}

.cds--layout-constraint--size__max-xs {
  --cds-layout-size-height-max: var(--cds-layout-size-height-xs, 1.5rem);
}

.cds--layout--size-sm {
  --cds-layout-size-height-context: var(--cds-layout-size-height-sm, 2rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}

.cds--layout-constraint--size__default-sm {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem));
}

.cds--layout-constraint--size__min-sm {
  --cds-layout-size-height-min: var(--cds-layout-size-height-sm, 2rem);
}

.cds--layout-constraint--size__max-sm {
  --cds-layout-size-height-max: var(--cds-layout-size-height-sm, 2rem);
}

.cds--layout--size-md {
  --cds-layout-size-height-context: var(--cds-layout-size-height-md, 2.5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}

.cds--layout-constraint--size__default-md {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem));
}

.cds--layout-constraint--size__min-md {
  --cds-layout-size-height-min: var(--cds-layout-size-height-md, 2.5rem);
}

.cds--layout-constraint--size__max-md {
  --cds-layout-size-height-max: var(--cds-layout-size-height-md, 2.5rem);
}

.cds--layout--size-lg {
  --cds-layout-size-height-context: var(--cds-layout-size-height-lg, 3rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}

.cds--layout-constraint--size__default-lg {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem));
}

.cds--layout-constraint--size__min-lg {
  --cds-layout-size-height-min: var(--cds-layout-size-height-lg, 3rem);
}

.cds--layout-constraint--size__max-lg {
  --cds-layout-size-height-max: var(--cds-layout-size-height-lg, 3rem);
}

.cds--layout--size-xl {
  --cds-layout-size-height-context: var(--cds-layout-size-height-xl, 4rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}

.cds--layout-constraint--size__default-xl {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem));
}

.cds--layout-constraint--size__min-xl {
  --cds-layout-size-height-min: var(--cds-layout-size-height-xl, 4rem);
}

.cds--layout-constraint--size__max-xl {
  --cds-layout-size-height-max: var(--cds-layout-size-height-xl, 4rem);
}

.cds--layout--size-2xl {
  --cds-layout-size-height-context: var(--cds-layout-size-height-2xl, 5rem);
  --cds-layout-size-height: var(--cds-layout-size-height-context);
}

.cds--layout-constraint--size__default-2xl {
  --cds-layout-size-height: var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem));
}

.cds--layout-constraint--size__min-2xl {
  --cds-layout-size-height-min: var(--cds-layout-size-height-2xl, 5rem);
}

.cds--layout-constraint--size__max-2xl {
  --cds-layout-size-height-max: var(--cds-layout-size-height-2xl, 5rem);
}

.cds--layout--density-condensed {
  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
}

.cds--layout-constraint--density__default-condensed {
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem));
}

.cds--layout-constraint--density__min-condensed {
  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
}

.cds--layout-constraint--density__max-condensed {
  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-condensed, 0.5rem);
}

.cds--layout--density-normal {
  --cds-layout-density-padding-inline-context: var(--cds-layout-density-padding-inline-normal, 1rem);
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context);
}

.cds--layout-constraint--density__default-normal {
  --cds-layout-density-padding-inline: var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem));
}

.cds--layout-constraint--density__min-normal {
  --cds-layout-density-padding-inline-min: var(--cds-layout-density-padding-inline-normal, 1rem);
}

.cds--layout-constraint--density__max-normal {
  --cds-layout-density-padding-inline-max: var(--cds-layout-density-padding-inline-normal, 1rem);
}

:root {
  --cds-layout-size-height-xs: 1.5rem;
  --cds-layout-size-height-sm: 2rem;
  --cds-layout-size-height-md: 2.5rem;
  --cds-layout-size-height-lg: 3rem;
  --cds-layout-size-height-xl: 4rem;
  --cds-layout-size-height-2xl: 5rem;
  --cds-layout-size-height-min: 0px;
  --cds-layout-size-height-max: 999999999px;
  --cds-layout-density-padding-inline-condensed: 0.5rem;
  --cds-layout-density-padding-inline-normal: 1rem;
  --cds-layout-density-padding-inline-min: 0px;
  --cds-layout-density-padding-inline-max: 999999999px;
}

.cds--assistive-text,
.cds--visually-hidden {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
  visibility: inherit;
  white-space: nowrap;
}

.c4p__bubble {
  position: fixed;
  z-index: 10000;
  display: none;
  padding: 1rem;
  border-radius: 0.125rem;
  /* stylelint-disable-next-line declaration-no-important */
  background: var(--cds-layer) !important;
  color: var(--cds-text-primary, #161616);
  font-weight: bold;
  inline-size: max-content;
  inset-block-start: 0;
  inset-inline-start: 0;
  pointer-events: none;
}

.c4p__bubble-hidden {
  display: none;
}

.c4p__bubble-open {
  display: grid;
  pointer-events: all;
}

.c4p__bubble-drop-shadow {
  filter: drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2));
}

.c4p__bubble__arrow {
  position: absolute;
  z-index: 10010;
  background: var(--cds-layer);
  block-size: 0.75rem;
  inline-size: 0.75rem;
  transform: rotate(45deg);
}

.c4p__bubble__header {
  z-index: 10020;
  display: flex;
  justify-content: flex-end;
  margin-block-start: -1rem;
  margin-inline: -1rem;
}

/* stylelint-disable carbon/layout-use */
/* stylelint-disable carbon/motion-easing-use */
/* stylelint-disable max-nesting-depth */
.c4p--coachmark-beacon {
  position: relative;
}
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::before {
  display: none;
}
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::after {
  position: absolute;
  border-radius: 50%;
  /* stylelint-disable-next-line carbon/theme-use */
  background-color: #4589ff;
  block-size: 0.75rem;
  content: "";
  inline-size: 0.75rem;
  inset-block-start: 0.625rem;
  inset-inline-start: 0.625rem;
}
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus {
  outline: transparent;
}
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus::before {
  position: absolute;
  display: block;
  border-radius: 100%;
  block-size: 18px;
  content: "";
  inline-size: 18px;
  inset-block-start: 7px;
  inset-inline-start: 7px;
  /* stylelint-disable-next-line carbon/theme-use */
  outline: 0.125rem var(--cds-focus, #0f62fe) solid;
}
.c4p--coachmark-beacon .c4p--coachmark-beacon__target {
  display: flex;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  block-size: 2rem;
  cursor: pointer;
  inline-size: 2rem;
}
.c4p--coachmark-beacon .c4p--coachmark-beacon__target[aria-expanded=true] circle {
  animation: none;
}
.c4p--coachmark-beacon__center {
  position: absolute;
  z-index: 6900;
  block-size: 5rem;
  inline-size: 5rem;
  inset-block-start: -1.375rem;
  inset-inline-start: -1.375rem;
  pointer-events: none;
}
.c4p--coachmark-beacon__center circle {
  /* stylelint-disable-next-line carbon/motion-duration-use */
  animation: ripple 2s infinite;
  fill: var(--cds-support-info, #0043ce);
  fill-opacity: 0;
  -webkit-mask-image: none;
  mask-image: none;
  stroke: var(--cds-support-info, #0043ce);
  stroke-opacity: 0;
  stroke-width: 1px;
  transition-timing-function: motion exit, productive;
}
@media (prefers-reduced-motion) {
  .c4p--coachmark-beacon__center circle {
    animation: none;
  }
}

@keyframes ripple {
  0% {
    fill-opacity: 0;
    r: 1px;
    stroke-opacity: 0;
    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
  }
  31% {
    fill-opacity: 0.2;
    stroke-opacity: 1;
  }
  62% {
    fill-opacity: 0;
    r: 32px;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 0;
    r: 32px;
    stroke-opacity: 0;
  }
}
@keyframes ring-ripple {
  0% {
    fill-opacity: 0;
    r: 12px;
    stroke-opacity: 0;
    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
  }
  31% {
    fill-opacity: 0.2;
    stroke-opacity: 1;
  }
  62% {
    fill-opacity: 0;
    r: 32px;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 0;
    r: 32px;
    stroke-opacity: 0;
  }
}
.c4p--coachmark {
  position: relative;
}

.c4p--coachmark__next.c4p--coachmark__next--floating span:has(> div > .c4p--coachmark__next--content-header--drag-icon) {
  margin-inline-end: auto;
}
.c4p--coachmark__next .c4p--coachmark__next--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);
}

/* stylelint-disable carbon/layout-use */
/* stylelint-disable carbon/motion-easing-use */
/* stylelint-disable max-nesting-depth */
.c4p--coachmark-beacon {
  position: relative;
}
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::before {
  display: none;
}
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target::after {
  position: absolute;
  border-radius: 50%;
  /* stylelint-disable-next-line carbon/theme-use */
  background-color: #4589ff;
  block-size: 0.75rem;
  content: "";
  inline-size: 0.75rem;
  inset-block-start: 0.625rem;
  inset-inline-start: 0.625rem;
}
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus {
  outline: transparent;
}
.c4p--coachmark-beacon-default .c4p--coachmark-beacon__target:focus::before {
  position: absolute;
  display: block;
  border-radius: 100%;
  block-size: 18px;
  content: "";
  inline-size: 18px;
  inset-block-start: 7px;
  inset-inline-start: 7px;
  /* stylelint-disable-next-line carbon/theme-use */
  outline: 0.125rem var(--cds-focus, #0f62fe) solid;
}
.c4p--coachmark-beacon .c4p--coachmark-beacon__target {
  display: flex;
  padding: 0;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  block-size: 2rem;
  cursor: pointer;
  inline-size: 2rem;
}
.c4p--coachmark-beacon .c4p--coachmark-beacon__target[aria-expanded=true] circle {
  animation: none;
}
.c4p--coachmark-beacon__center {
  position: absolute;
  z-index: 6900;
  block-size: 5rem;
  inline-size: 5rem;
  inset-block-start: -1.375rem;
  inset-inline-start: -1.375rem;
  pointer-events: none;
}
.c4p--coachmark-beacon__center circle {
  /* stylelint-disable-next-line carbon/motion-duration-use */
  animation: ripple 2s infinite;
  fill: var(--cds-support-info, #0043ce);
  fill-opacity: 0;
  -webkit-mask-image: none;
  mask-image: none;
  stroke: var(--cds-support-info, #0043ce);
  stroke-opacity: 0;
  stroke-width: 1px;
  transition-timing-function: motion exit, productive;
}
@media (prefers-reduced-motion) {
  .c4p--coachmark-beacon__center circle {
    animation: none;
  }
}

@keyframes ripple {
  0% {
    fill-opacity: 0;
    r: 1px;
    stroke-opacity: 0;
    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
  }
  31% {
    fill-opacity: 0.2;
    stroke-opacity: 1;
  }
  62% {
    fill-opacity: 0;
    r: 32px;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 0;
    r: 32px;
    stroke-opacity: 0;
  }
}
@keyframes ring-ripple {
  0% {
    fill-opacity: 0;
    r: 12px;
    stroke-opacity: 0;
    transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
  }
  31% {
    fill-opacity: 0.2;
    stroke-opacity: 1;
  }
  62% {
    fill-opacity: 0;
    r: 32px;
    stroke-opacity: 0;
  }
  100% {
    fill-opacity: 0;
    r: 32px;
    stroke-opacity: 0;
  }
}
/* stylelint-disable max-nesting-depth */
.c4p--coachmark-overlay-element {
  padding: 0.125rem 1rem 0;
}
.c4p--coachmark-overlay-element__content {
  padding-block-end: 1rem;
}
.c4p--coachmark-overlay-element__title {
  font-size: var(--cds-productive-heading-02-font-size, 1rem);
  font-weight: var(--cds-productive-heading-02-font-weight, 600);
  line-height: var(--cds-productive-heading-02-line-height, 1.375);
  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
  margin: 0 0 0.5rem;
}
.c4p--coachmark-overlay-element__body {
  font-size: var(--cds-body-long-01-font-size, 0.875rem);
  font-weight: var(--cds-body-long-01-font-weight, 400);
  line-height: var(--cds-body-long-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-long-01-letter-spacing, 0.16px);
}
.c4p--coachmark-overlay-element__button {
  margin-block-end: 0;
}

.c4p--carousel__item .c4p--coachmark-overlay-element__button {
  margin-block-end: 1rem;
}

/* stylelint-disable max-nesting-depth */
.c4p--carousel {
  position: relative;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--carousel:focus {
  outline: none;
}

.c4p--carousel__elements-container {
  overflow: hidden;
}

.c4p--carousel__elements-container--scrolled,
.c4p--carousel__elements-container--scroll-max {
  position: absolute;
  z-index: 1;
  inline-size: 2rem;
  inset-block: 0;
  pointer-events: none;
}

.c4p--carousel__elements-container--scrolled {
  inset-inline-start: 0;
}

.c4p--carousel__elements-container--scroll-max {
  inset-inline-end: 0;
}

.c4p--carousel__elements {
  display: flex;
  overflow: scroll;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.c4p--carousel__elements:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .c4p--carousel__elements:focus {
    outline-style: dotted;
  }
}
.c4p--carousel__elements {
  /* stylelint-disable-next-line max-nesting-depth */
}
@media (prefers-reduced-motion) {
  .c4p--carousel__elements {
    scroll-behavior: auto;
  }
}

.c4p--carousel__elements::-webkit-scrollbar {
  display: none;
}

.c4p--coachmark-overlay-elements__element-stepped-media {
  padding: 0 1rem;
  /* stylelint-disable-next-line function-no-unknown -- to-rem carbon replacement for rem */
  block-size: 8rem;
  margin-block-end: 1rem;
}
.c4p--coachmark-overlay-elements__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 1rem 1rem;
}
.c4p--coachmark-overlay-elements--controls-progress {
  justify-self: flex-start;
  margin-inline-end: auto;
  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);
}

/* stylelint-disable max-nesting-depth */
.c4p--coachmark-stack-element {
  position: fixed;
  z-index: 5901;
  inset-block-end: -100%;
  inset-inline-end: 1rem;
  transform: translateY(100%);
  visibility: hidden;
}
.c4p--coachmark-stack-element--is-mounted {
  inset-block-end: 0;
  /* stylelint-disable-next-line carbon/motion-easing-use, carbon/motion-duration-use */
  transition: 110ms cubic-bezier(0.2, 0, 1, 0.9);
}
@media (prefers-reduced-motion) {
  .c4p--coachmark-stack-element--is-mounted {
    transition: none;
  }
}
.c4p--coachmark-stack-element--is-visible {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.c4p--coachmark-stack-element--is-stacked {
  overflow: hidden;
  inset-block-end: 0;
  pointer-events: none;
  /* stylelint-disable-next-line function-no-unknown -- to-rem carbon replacement for rem */
  transform: perspective(9rem) translate3d(0, -3rem, -1rem);
  transform-origin: top center;
  visibility: visible;
}
.c4p--coachmark-stack-element--is-stacked__light {
  /* stylelint-disable-next-line carbon/theme-use */
  background-color: #262626;
}
.c4p--coachmark-stack-element--is-stacked__dark {
  /* stylelint-disable-next-line carbon/theme-use */
  background-color: var(--cds-button-tertiary-active, #002d9c);
}

.c4p--coachmark-stack-element ~ .c4p--coachmark-stack-element {
  z-index: 5902;
}

.c4p--coachmark-stacked-home__nav-links {
  margin-block-start: 0.75rem;
  margin-inline-start: -1rem;
}
.c4p--coachmark-stacked-home__icon-idea {
  margin-block-end: 0.5rem;
}
.c4p--coachmark-stacked-home li {
  display: block;
  max-inline-size: 100%;
  white-space: nowrap;
}
.c4p--coachmark-stacked-home button, .c4p--coachmark-stacked-home__navLinkLabels-tooltip {
  max-inline-size: 100%;
}
.c4p--coachmark-stacked-home button .cds--tooltip-content, .c4p--coachmark-stacked-home__navLinkLabels-tooltip .cds--tooltip-content {
  color: var(--cds-text-primary, #161616);
  margin-inline-start: 0.375rem;
  max-inline-size: 100%;
}
.c4p--coachmark-stacked-home__navLinkLabels-text {
  display: inline-block;
  overflow: hidden;
  max-inline-size: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4p--coachmark-stack--scaled-home {
  opacity: 0.8;
  transform: scale(0.9);
}

.c4p--coachmark-stack--unscaled-home {
  opacity: 1;
  transform: none;
}

.c4p--combo-button {
  position: relative;
  display: inline-flex;
}

.c4p--combo-button__action {
  display: block;
  overflow-x: hidden;
}
@supports (overflow-inline: hidden) {
  .c4p--combo-button__action {
    overflow-inline: hidden;
  }
}
.c4p--combo-button__action {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4p--combo-button .c4p--combo-button__overflow-menu {
  background-color: var(--cds-background-brand, #0f62fe);
  block-size: 3rem;
  border-inline-start: 0.125rem solid var(--cds-border-subtle-01, #c6c6c6);
  inline-size: 3rem;
}

.c4p--combo-button .c4p--combo-button__overflow-menu.cds--overflow-menu:hover,
.c4p--combo-button .c4p--combo-button__overflow-menu.cds--overflow-menu--open,
.c4p--combo-button .cds--overflow-menu.cds--overflow-menu--open:hover,
.c4p--combo-button .cds--overflow-menu.cds--overflow-menu--open {
  background-color: var(--cds-button-primary-hover, #0050e6);
}

.c4p--combo-button .cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
  block-size: 0;
  inline-size: 0;
}

.c4p--combo-button__overflow-menu.cds--overflow-menu:active {
  background-color: var(--cds-button-primary-active, #002d9c);
}

.c4p--combo-button__overflow-menu__icon {
  fill: var(--cds-icon-on-color, #ffffff);
  pointer-events: none;
}

.c4p--combo-button__overflow-menu__list.cds--overflow-menu-options {
  inline-size: 100%;
  inset-inline-start: 0;
}

.c4p--combo-button__overflow-menu__list:after {
  display: none;
}

.c4p--combo-button__overflow-menu__item.cds--overflow-menu-options__btn {
  max-inline-size: 100%;
}

.c4p--combo-button__overflow-menu__item__icon {
  margin-inline-start: auto;
}

@keyframes influencer-menu-entrance {
  0% {
    opacity: 0;
    transform: translateX(calc(-1 * 1rem));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes influencer-menu-exit {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(calc(-1 * 1rem));
  }
}
.c4p--create-influencer {
  display: grid;
  padding: 1.5rem 2rem;
  block-size: 100%;
  grid-template-columns: 100%;
  grid-template-rows: 1fr auto;
}

.c4p--create-influencer__left-nav {
  grid-column: 1/-1;
  grid-row: 1/-1;
  overflow-y: auto;
}
@supports (overflow-block: auto) {
  .c4p--create-influencer__left-nav {
    overflow-block: auto;
  }
}

.c4p--create-influencer__title {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
  margin-block-end: 1.5rem;
}

.c4p--create-influencer__view-all-toggle {
  padding: 1.5rem;
  grid-column: 1/-1;
  grid-row: -1/-1;
}

.c4p--create-influencer__side-nav-opening,
.c4p--create-influencer__progress-indicator-opening {
  animation: influencer-menu-entrance 240ms 1;
  animation-fill-mode: forwards;
  transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);
}

.c4p--create-influencer__side-nav-closing,
.c4p--create-influencer__progress-indicator-closing {
  animation: influencer-menu-exit 240ms 1;
  animation-fill-mode: forwards;
  transition-timing-function: cubic-bezier(0.2, 0, 1, 0.9);
}

@media (prefers-reduced-motion) {
  .c4p--create-influencer__side-nav-opening,
  .c4p--create-influencer__progress-indicator-opening,
  .c4p--create-influencer__side-nav-closing,
  .c4p--create-influencer__progress-indicator-closing {
    animation: none;
    opacity: 1;
  }
}
.c4p--simple-header {
  padding: 0.75rem 2rem;
  background-color: var(--cds-layer-01, #f4f4f4);
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  inline-size: 100%;
}

.c4p--simple-header__title {
  font-size: var(--cds-heading-04-font-size, 1.75rem);
  font-weight: var(--cds-heading-04-font-weight, 400);
  line-height: var(--cds-heading-04-line-height, 1.28572);
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
}

.c4p--simple-header__breadcrumbs + .c4p--simple-header__title {
  margin-block-start: 0.25rem;
}

.c4p--simple-header__breadcrumbs .cds--breadcrumb-item,
.c4p--simple-header__breadcrumbs .cds--breadcrumb-item .cds--link {
  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);
}

.c4p--create-full-page {
  display: grid;
  block-size: 100%;
  color: var(--cds-text-primary, #161616);
  grid-template-rows: minmax(auto, 100%);
}
.c4p--create-full-page:has(.c4p--create-full-page__header) {
  grid-template-rows: auto minmax(auto, 100%);
}

.c4p--create-full-page .c4p--create-full-page__content .cds--grid {
  margin-inline: 0;
  padding-block-start: 1.5rem;
}

.c4p--create-full-page .c4p--create-full-page__step__step--hidden-step {
  display: none;
}

.c4p--create-full-page .c4p--create-full-page__step__step--visible-step {
  display: block;
}

.c4p--create-full-page .c4p--create-full-page__step-subtitle {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  margin-block-end: 0.5rem;
}

.c4p--create-full-page .c4p--create-full-page__step-description {
  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);
  margin-block-end: 1.5rem;
}

.c4p--create-full-page .cds--fieldset {
  margin-block-end: 0;
}

.c4p--create-full-page .c4p--create-full-page__step-fieldset > * {
  margin-block-end: 1rem;
}

.c4p--create-full-page .cds--modal-close {
  display: none;
}

.c4p--create-full-page__influencer-and-body-container {
  display: flex;
  overflow: hidden;
  padding: 0;
  margin: 0;
  max-block-size: 100%;
}

.c4p--create-full-page .c4p--create-full-page__left-nav {
  grid-column: 1/-1;
  grid-row: 1/-1;
  overflow-y: auto;
}
@supports (overflow-block: auto) {
  .c4p--create-full-page .c4p--create-full-page__left-nav {
    overflow-block: auto;
  }
}

.c4p--create-full-page .c4p--create-full-page__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.c4p--create-full-page .c4p--create-full-page__main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-block-size: 100%;
}

.c4p--create-full-page .c4p--create-full-page__content {
  overflow: auto;
  flex-grow: 1;
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-primary, #161616);
  overflow-x: hidden;
}
@supports (overflow-inline: hidden) {
  .c4p--create-full-page .c4p--create-full-page__content {
    overflow-inline: hidden;
  }
}
.c4p--create-full-page .c4p--create-full-page__content {
  padding-block-start: 1.5rem;
}

.c4p--create-full-page .c4p--create-full-page__step {
  position: relative;
  padding-block-end: 2rem;
}

.c4p--create-full-page__step .cds--css-grid {
  margin-inline-start: 0;
}

.c4p--create-full-page .cds--side-nav--ux {
  background-color: transparent;
  block-size: min-content;
  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  grid-row: 1;
  inset-block-start: 0;
  overflow-x: auto;
}
@supports (overflow-inline: auto) {
  .c4p--create-full-page .cds--side-nav--ux {
    overflow-inline: auto;
  }
}
.c4p--create-full-page .cds--side-nav--ux {
  padding-block-start: 0;
}

.c4p--create-full-page .c4p--create-full-page__section-divider {
  position: relative;
  display: block;
  margin: 2rem calc(-1 * 2.5rem) 2rem calc(-1 * 2.5rem);
  block-size: 1px;
  inline-size: 0;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--create-full-page .c4p--create-full-page__section-divider::after {
  position: absolute;
  background-color: var(--cds-layer-accent-01, #e0e0e0);
  block-size: 1px;
  content: "";
  inline-size: 100vw;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.c4p--create-full-page .c4p--create-full-page__step-title {
  font-size: var(--cds-heading-04-font-size, 1.75rem);
  font-weight: var(--cds-heading-04-font-weight, 400);
  line-height: var(--cds-heading-04-line-height, 1.28572);
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
  margin-block-end: 1rem;
}

.c4p--create-full-page .c4p--create-full-page__influencer {
  display: grid;
  flex: 0 0 257px;
  background-color: var(--cds-layer-01, #f4f4f4);
  border-inline-end: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  grid-template-columns: 100%;
  grid-template-rows: 1fr auto;
}

.c4p--create-full-page .c4p--create-full-page__progress-indicator.cds--progress {
  padding: 1.5rem;
}

.c4p--create-full-page .c4p--create-full-page__influencer-toggle {
  padding: 1.5rem;
  grid-column: 1/-1;
  grid-row: -1/-1;
}

.c4p--create-full-page .c4p--create-full-page__buttons {
  border-block-start: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}

.c4p--create-modal .cds--modal-close {
  display: none;
}

@media (min-width: 42rem) {
  .c4p--create-modal .cds--modal-container {
    max-block-size: 95%;
  }
}
@media (min-width: 66rem) {
  .c4p--create-modal .cds--modal-container {
    max-block-size: 95%;
  }
}

.c4p--create-modal .cds--modal-header {
  border-block-end: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  margin-block-end: 0;
  padding-block-end: 0.5rem;
  padding-inline-end: 20%;
}

.c4p--create-modal .cds--modal-footer .cds--btn {
  max-inline-size: none;
}

.c4p--create-modal__title {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
  margin-block-end: 0.25rem;
}

.c4p--create-modal__subtitle {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 0.5rem;
}

.c4p--create-modal__description {
  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);
  margin: 0.5rem 0 1rem 0;
  padding-inline-end: calc(20% - 1rem);
}

.c4p--create-modal__form .cds--fieldset {
  margin-block-end: 0;
  min-inline-size: 100%;
}

.c4p--create-modal__form > * {
  margin-block-end: 1rem;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--create-modal__form > *:last-child {
  margin-block-end: 0;
}

/**
 * Copyright IBM Corp. 2025
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.clabs__resizer {
  position: relative;
  flex: none;
  background-color: var(--cds-border-subtle);
}
@media (prefers-reduced-motion: no-preference) {
  .clabs__resizer:hover {
    background-color: var(--cds-border-interactive, #0f62fe);
    transition: background-color 150ms;
  }
}
.clabs__resizer:focus {
  background-color: var(--cds-border-interactive, #0f62fe);
  outline: none;
}
.clabs__resizer:active {
  background-color: var(--cds-border-interactive, #0f62fe);
}
.clabs__resizer:focus:not(:focus-visible) {
  box-shadow: none;
  outline: none;
}
.clabs__resizer--horizontal {
  cursor: ns-resize;
}
.clabs__resizer--vertical {
  cursor: ew-resize;
}

.sr-only {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
  white-space: nowrap;
}

@media (prefers-reduced-motion: no-preference) {
  .smooth-resize {
    transition: all 150ms linear;
  }
}

@keyframes side-panel-entrance-reduced {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes side-panel-exit-reduced {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes side-panel-entrance-right {
  0% {
    opacity: 0;
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(var(--panel-transform));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes side-panel-entrance-left {
  0% {
    opacity: 0;
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(calc(var(--panel-transform) * -1));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes side-panel-exit-right {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(var(--panel-transform));
  }
}
@keyframes side-panel-exit-left {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(calc(var(--panel-transform) * -1));
  }
}
@property --panel-transform {
  inherits: true;
  initial-value: 320px;
  syntax: "<length>";
}
.c4p--side-panel--scrolls {
  overflow: auto;
  overflow-x: hidden;
}
@supports (overflow-inline: hidden) {
  .c4p--side-panel--scrolls {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    overflow-inline: hidden;
  }
}

.c4p--side-panel {
  --panel-transform: 320px;
  --c4p--side-panel--title-stop: 1rem;
  --c4p--side-panel--scroll-animation-progress: 0;
  --c4p--side-panel--title-padding-right: 2rem;
  --c4p--side-panel--actions-height: 4rem;
  position: fixed;
  z-index: 9000;
  display: grid;
  box-sizing: border-box;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: calc(100% - 3rem);
  color: var(--cds-text-primary, #161616);
  /* if the title does not scroll then we have a child scrolling section. */
  grid-template-rows: auto 1fr auto; /* titles content and actions */
  inset-block-start: 3rem;
  max-inline-size: 100%;
  min-inline-size: 16rem;
  transform: translateX(0);
  transition-behavior: allow-discrete;
  transition-duration: 150ms;
  transition-property: display, opacity, transform;
}
.c4p--side-panel:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer {
  grid-template-columns: 0 1fr;
}
@media (prefers-reduced-motion: no-preference) {
  .c4p--side-panel:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer {
    transition: all 150ms linear;
  }
}
@starting-style {
  .c4p--side-panel {
    opacity: 0;
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(var(--panel-transform));
  }
}
@media (min-width: 42rem) {
  .c4p--side-panel {
    max-inline-size: 75vw;
  }
}
.c4p--side-panel.c4p--side-panel--xs {
  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 16rem), 100%);
}
.c4p--side-panel.c4p--side-panel--sm {
  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 20rem), 100%);
}
.c4p--side-panel.c4p--side-panel--md {
  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 30rem), 100%);
}
.c4p--side-panel.c4p--side-panel--lg {
  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 40rem), 100%);
}
.c4p--side-panel.c4p--side-panel--xl {
  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 65rem), 100%);
}
.c4p--side-panel.c4p--side-panel--2xl {
  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 80rem), 100%);
}
.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement {
  animation: side-panel-entrance-right 150ms cubic-bezier(0, 0, 0.38, 0.9) forwards;
}
.c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement {
  animation: side-panel-entrance-left 150ms cubic-bezier(0, 0, 0.38, 0.9) forwards;
}
.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement {
  animation: side-panel-exit-right 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
}
.c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement {
  animation: side-panel-exit-left 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
}
@supports (transition-behavior: allow-discrete) {
  .c4p--side-panel.c4p--side-panel--closing {
    opacity: 0;
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(var(--panel-transform, 320px));
    transition-duration: 150ms;
  }
  .c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement {
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(calc(-1 * var(--panel-transform, 320px)));
  }
}
@media (prefers-reduced-motion) {
  .c4p--side-panel {
    /* styles to apply if a user's device settings are set to reduced motion */
  }
  .c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement, .c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement {
    animation: side-panel-entrance-reduced 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
  }
  @starting-style {
    .c4p--side-panel.c4p--side-panel--open.c4p--side-panel--right-placement, .c4p--side-panel.c4p--side-panel--open.c4p--side-panel--left-placement {
      opacity: 0;
      transform: translateX(0);
    }
  }
  .c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement, .c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement {
    animation: side-panel-exit-reduced 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
  }
  @starting-style {
    .c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--left-placement, .c4p--side-panel.c4p--side-panel--closing.c4p--side-panel--right-placement {
      opacity: 1;
      transform: translateX(0);
    }
  }
}
.c4p--side-panel.c4p--side-panel--animated-title {
  grid-template-rows: 1fr auto; /* titles and content (actions are external to this element) */
}
.c4p--side-panel.c4p--side-panel--condensed-actions {
  --c4p--side-panel--actions-height: 3rem;
}
.c4p--side-panel:not(.c4p--side-panel--has-overlay) {
  box-shadow: 0 0.125rem 0.25rem var(--cds-overlay, rgba(0, 0, 0, 0.6));
}
.c4p--side-panel.c4p--side-panel--slide-in, .c4p--side-panel.c4p--side-panel--slide-in:not(.c4p--side-panel--has-overlay) {
  box-shadow: none;
}
.c4p--side-panel .c4p--side-panel__actions-container {
  inline-size: 100%;
}
.c4p--side-panel.c4p--side-panel--right-placement {
  border-inline-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  inset-inline-end: 0;
}
.c4p--side-panel.c4p--side-panel--left-placement .clabs__resizer {
  grid-column: 2;
  inset-inline-start: 0;
}
.c4p--side-panel.c4p--side-panel--left-placement .clabs__resizer::before {
  inset-inline-start: 0;
}
.c4p--side-panel.c4p--side-panel--left-placement:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer {
  grid-template-columns: 1fr 0;
}
@media (prefers-reduced-motion: no-preference) {
  .c4p--side-panel.c4p--side-panel--left-placement:not(.c4p--side-panel--slide-in).c4p--side-panel--enable-sidepanel-resizer {
    transition: all 150ms linear;
  }
}
.c4p--side-panel.c4p--side-panel--left-placement {
  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  inset-inline-start: 0;
}
.c4p--side-panel.c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel.c4p--side-panel--has-decorator {
  border-color: transparent;
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}
.c4p--side-panel .clabs__resizer--vertical::before {
  position: absolute;
  z-index: -1;
  background-color: transparent;
  block-size: 100%;
  content: "";
  inline-size: 0.125rem;
  inset-block-end: 0;
  inset-inline-end: 0;
  transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.c4p--side-panel:hover .clabs__resizer--vertical::before {
  background-color: var(--cds-button-secondary-hover, #474747);
}
.c4p--side-panel .clabs__resizer {
  background-color: transparent;
  grid-row: span 4/span 3;
  inset-inline-start: -0.25rem;
}
.c4p--side-panel .clabs__resizer--vertical::after {
  position: absolute;
  z-index: 10;
  block-size: 100%;
  content: "";
  inline-size: 0.5rem;
  inset-inline-start: -0.125rem;
}
.c4p--side-panel .clabs__resizer:hover, .c4p--side-panel .clabs__resizer:focus {
  background-color: var(--cds-border-interactive, #0f62fe);
}
.c4p--side-panel .c4p--side-panel__header {
  --c4p--side-panel--title-padding-bottom: 1rem;
  position: sticky;
  z-index: 4;
  padding: 1rem;
  background-color: var(--cds-layer-01, #f4f4f4);
  /* stylelint-disable-next-line carbon/layout-use */
  inset-block-start: calc(-1px * var(--c4p--side-panel--scroll-animation-distance));
  min-block-size: 2.5rem;
  padding-block-end: 0;
}
.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-title {
  min-block-size: auto;
}
.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__subtitle-text), .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-subtitle {
  --c4p--side-panel--title-padding-bottom: 0.5rem;
}
.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button), .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back {
  padding-block-start: 2rem;
}
.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__navigation-back-button.cds--btn--md), .c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--has-navigation-back.cds--btn--md {
  padding-block-start: 2.5rem;
}
.c4p--side-panel .c4p--side-panel__header {
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--side-panel .c4p--side-panel__header::before {
  position: absolute;
  background-color: var(--cds-border-subtle-01, #c6c6c6);
  block-size: 1px;
  content: "";
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-start: 0;
  opacity: var(--c4p--side-panel--scroll-animation-progress);
  z-index: 9;
}
.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--no-title-animation {
  position: relative;
  inset-block-start: 0;
}
.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--no-title-animation::before {
  opacity: 1;
}
.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion {
  z-index: 5;
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  margin-block-end: 1rem;
}
.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--reduced-motion.c4p--side-panel__header--no-title-animation {
  border-block-end: 0;
  margin-block-end: 0;
}
.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step .c4p--side-panel__navigation-back-button.cds--btn--md ~ .c4p--side-panel__collapsed-title-text {
  inset-block-start: 1.5rem;
}
.c4p--side-panel .c4p--side-panel__header.c4p--side-panel__header--on-detail-step:not(.c4p--side-panel__header--has-title) {
  padding: 1rem 1rem 0.5rem 1rem;
  block-size: calc(2.5rem + 0.25rem);
}
.c4p--side-panel .c4p--side-panel__header:not(.c4p--side-panel__header--has-title)::before {
  background-color: transparent;
}
.c4p--side-panel .c4p--side-panel__header:empty {
  min-block-size: unset;
}
.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar), .c4p--side-panel.c4p--side-panel--has-action-toolbar, .c4p--side-panel.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel--has-decorator {
  --c4p--side-panel--title-padding-right: 4rem;
}
.c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel:has(.c4p--side-panel__action-toolbar).c4p--side-panel--has-decorator, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-slug, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-ai-label, .c4p--side-panel.c4p--side-panel--has-action-toolbar.c4p--side-panel--has-decorator {
  --c4p--side-panel--title-padding-right: 5rem;
}
.c4p--side-panel .c4p--side-panel__animated-scroll-wrapper {
  display: grid;
  grid-template-rows: auto 1fr;
}
.c4p--side-panel .c4p--side-panel__title {
  position: sticky;
  z-index: 4;
  background-color: var(--cds-layer-01, #f4f4f4);
  /* border-bottom used instead of padding which wrapped text shows through */
  border-block-end: var(--c4p--side-panel--title-padding-bottom) solid transparent;
  /* stylelint-disable-next-line carbon/layout-use */
  inset-block-start: var(--c4p--side-panel--title-stop);
}
.c4p--side-panel .c4p--side-panel__title-text {
  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);
  /* stylelint-disable-next-line carbon/layout-use -- custom css property set below */
  padding-inline-end: var(--c4p--side-panel--title-padding-right);
  opacity: calc(1 - var(--c4p--side-panel--scroll-animation-progress));
}
.c4p--side-panel .c4p--side-panel__title--no-label .c4p--side-panel__title-text {
  /* stylelint-disable-next-line carbon/layout-use */
  transform: translateY(calc(-1 * 1rem * var(--c4p--side-panel--scroll-animation-progress)));
}
.c4p--side-panel .c4p--side-panel__header--no-title-animation .c4p--side-panel__title-text {
  position: static;
}
.c4p--side-panel .c4p--side-panel__label-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);
  opacity: calc(1 - var(--c4p--side-panel--scroll-animation-progress));
  padding-inline-end: var(--c4p--side-panel--title-padding-right);
}
.c4p--side-panel .c4p--side-panel__collapsed-title-text {
  font-size: var(--cds-heading-compact-02-font-size, 1rem);
  font-weight: var(--cds-heading-compact-02-font-weight, 600);
  line-height: var(--cds-heading-compact-02-line-height, 1.375);
  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
  /* stylelint-disable-next-line carbon/layout-use -- custom css property set below */
  padding-inline-end: var(--c4p--side-panel--title-padding-right);
  position: absolute;
  inset-block-start: 0;
  opacity: var(--c4p--side-panel--scroll-animation-progress);
}
.c4p--side-panel .c4p--side-panel__title--no-label .c4p--side-panel__collapsed-title-text {
  /* stylelint-disable-next-line carbon/layout-use */
  transform: translateY(calc(1rem * (1 - var(--c4p--side-panel--scroll-animation-progress))));
}
.c4p--side-panel .c4p--side-panel__subtitle-text {
  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);
  opacity: calc(1 - var(--c4p--side-panel--scroll-animation-progress));
  padding-block-end: 1rem;
  padding-inline-end: var(--c4p--side-panel--title-padding-right);
}
.c4p--side-panel .c4p--side-panel__header--no-title-animation .c4p--side-panel__subtitle-text {
  z-index: 2;
  background-color: var(--cds-layer-01, #f4f4f4);
}
.c4p--side-panel .c4p--side-panel__title-text + .c4p--side-panel__subtitle-text {
  padding-block-start: 1rem;
}
.c4p--side-panel .c4p--side-panel__inner-content {
  padding: 0 1rem 1rem;
}
.c4p--side-panel .c4p--side-panel__inner-content--no-animated-title {
  padding-block-start: 1rem;
}
.c4p--side-panel .c4p--side-panel__header:has(.c4p--side-panel__action-toolbar) + .c4p--side-panel__inner-content,
.c4p--side-panel .c4p--side-panel__header--has-action-toolbar + .c4p--side-panel__inner-content {
  padding-block-start: 0.5rem;
}
.c4p--side-panel.c4p--side-panel--has-slug .c4p--side-panel--scrolls, .c4p--side-panel.c4p--side-panel--has-ai-label .c4p--side-panel--scrolls, .c4p--side-panel.c4p--side-panel--has-decorator .c4p--side-panel--scrolls {
  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;
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}
.c4p--side-panel .c4p--side-panel__action-toolbar {
  position: sticky;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--cds-layer-01, #f4f4f4);
}
.c4p--side-panel .c4p--side-panel__action-toolbar-leading-button {
  margin-inline-end: 0.5rem;
}
.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button {
  position: fixed;
  z-index: 5;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button,
.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  background-color: unset;
  block-size: 2rem;
  color: var(--cds-text-primary, #161616);
  inline-size: 2rem;
  min-block-size: 0;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button:hover,
.c4p--side-panel .cds--btn.c4p--side-panel__close-button:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}
.c4p--side-panel .cds--btn.c4p--side-panel__navigation-back-button .c4p--side-panel--btn__icon,
.c4p--side-panel .cds--btn.c4p--side-panel__close-button .c4p--side-panel--btn__icon {
  margin: 0;
}
.c4p--side-panel .cds--btn--md.c4p--side-panel__navigation-back-button,
.c4p--side-panel .cds--btn--md.c4p--side-panel__close-button {
  block-size: 2.5rem;
  inline-size: 2.5rem;
}
.c4p--side-panel .c4p--side-panel__slug-and-close,
.c4p--side-panel .c4p--side-panel__ai-label-and-close,
.c4p--side-panel .c4p--side-panel__decorator-and-close {
  position: absolute;
  z-index: 10; /* must be higher than title container border bottom */
  display: flex;
  block-size: 2rem;
  inset-block-start: 0;
  inset-inline-end: 0;
  /* stylelint-disable-next-line max-nesting-depth */
}
@media (prefers-reduced-motion) {
  .c4p--side-panel .c4p--side-panel__slug-and-close,
  .c4p--side-panel .c4p--side-panel__ai-label-and-close,
  .c4p--side-panel .c4p--side-panel__decorator-and-close {
    position: absolute;
  }
}
.c4p--side-panel .c4p--side-panel__actions-container {
  position: sticky;
  background-color: var(--cds-layer-01, #f4f4f4);
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  inset-block-end: 0;
}
.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button {
  inline-size: 100%;
  max-inline-size: 100%;
}
@media (min-width: 42rem) {
  .c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl {
    flex-direction: row;
  }
  .c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl .c4p--action-set__action-button {
    inline-size: 25%;
  }
}
.c4p--side-panel .c4p--side-panel__actions-container.c4p--action-set--2xl {
  flex-direction: column;
}
.c4p--side-panel .c4p--side-panel__actions-container .c4p--action-set__action-button.c4p--action-set__action-button {
  block-size: var(--c4p--side-panel--actions-height);
}

@keyframes side-panel-overlay-entrance {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes side-panel-overlay-exit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.c4p--side-panel__visually-hidden {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
  visibility: inherit;
  white-space: nowrap;
}

.c4p--side-panel__overlay {
  position: fixed;
  z-index: 6000;
  animation: side-panel-overlay-entrance 150ms cubic-bezier(0, 0, 0.38, 0.9) forwards;
  background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
  block-size: 100%;
  inline-size: 100%;
  inset: 0;
}

.c4p--side-panel__overlay--closing {
  animation: side-panel-overlay-exit 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
}

/* stylelint-disable-next-line carbon/theme-token-use */
.c4p--side-panel--has-slug + .c4p--side-panel__overlay,
.c4p--side-panel--has-ai-label + .c4p--side-panel__overlay,
.c4p--side-panel--has-decorator + .c4p--side-panel__overlay {
  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
}

.c4p--create-side-panel.c4p--side-panel .c4p--create-side-panel__content-text {
  padding-inline-end: calc(20% - 1rem);
}

.cds--form.c4p--create-side-panel__form {
  padding-block-start: 1rem;
}

.c4p--create-side-panel__form.cds--fieldset {
  padding-block-start: 0.5rem;
}

.c4p--create-side-panel__form > * {
  margin-block-end: 1rem;
}

.c4p--create-side-panel__form-title-text {
  font-size: var(--cds-heading-compact-02-font-size, 1rem);
  font-weight: var(--cds-heading-compact-02-font-weight, 600);
  line-height: var(--cds-heading-compact-02-line-height, 1.375);
  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
  padding-block-end: 0.5rem;
}

.c4p--create-side-panel__form-description-text {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.c4p--create-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
  display: none;
}

.c4p--create-side-panel .c4p--side-panel__subtitle-text {
  color: var(--cds-text-secondary, #525252);
}

/**
 * Copyright IBM Corp. 2025
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.c4p--tearsheet__next .c4p--tearsheet__next__container {
  align-self: flex-end;
  border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  block-size: 100%;
  inset-block-start: auto;
  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem));
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next:not(.c4p--tearsheet__next--stack-activated.is-visible) .c4p--tearsheet__next__container {
    max-block-size: none;
  }
}
.c4p--tearsheet__next:not(.is-visible).c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
  transform: translate3d(0, min(95vh, 500px), 0);
}
.c4p--tearsheet__next.c4p--tearsheet__next.c4p--tearsheet__next--has-ai-label .c4p--tearsheet__next__container {
  border: 1px solid transparent;
  /* override carbon ai removing background gradient */
  background: linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
  border-block-end: 0;
  box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}
.c4p--tearsheet__next.c4p--tearsheet__next.c4p--tearsheet__next--has-ai-label .c4p--tearsheet__next__main-content {
  position: relative;
  background: linear-gradient(to top, var(--cds-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-background, var(--cds-ai-popover-background, #ffffff))) border-box;
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
}
.c4p--tearsheet__next.c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-block-size 240ms cubic-bezier(0, 0, 0.3, 1);
}
@media (min-width: 42rem) {
  .c4p--tearsheet__next.c4p--tearsheet__next--wide .c4p--tearsheet__next__container {
    inline-size: calc(100% - 2 * 4rem);
  }
}
.c4p--tearsheet__next .c4p--tearsheet__next__header {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  margin-block: 0;
  max-block-size: 50vh;
  padding-block-end: 0;
  padding-block-start: 1.5rem;
  padding-inline: 2rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header > * {
  flex-basis: 100%;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header > *:not(.c4p--tearsheet__next__navigation-bar,
.c4p--tearsheet__next__header-content-wrapper,
.cds--modal-close-button) {
  margin-block-end: 1.5rem;
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next .c4p--tearsheet__next__header {
    padding-inline: 1rem;
  }
}
.c4p--tearsheet__next .cds--modal-container--sm .cds--modal-header {
  padding-inline-end: 2rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-content-wrapper {
  display: grid;
  flex-basis: unset;
  gap: 1rem;
  grid-template-columns: minmax(auto, 40rem) minmax(var(--tearsheet-header-title-grid-width, 0), 1fr);
  inline-size: calc(100% - var(--tearsheet-header-action-offset));
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next .c4p--tearsheet__next__header-content-wrapper {
    display: flex;
    flex-direction: column;
  }
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-content,
.c4p--tearsheet__next .c4p--tearsheet__next__header-actions {
  margin-block-end: 1.5rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 0.25rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-title {
  font-size: var(--cds-heading-04-font-size, 1.75rem);
  font-weight: var(--cds-heading-04-font-weight, 400);
  line-height: var(--cds-heading-04-line-height, 1.28572);
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next .c4p--tearsheet__next__header-title {
    font-size: var(--cds-heading-03-font-size, 1.25rem);
    font-weight: var(--cds-heading-03-font-weight, 400);
    line-height: var(--cds-heading-03-line-height, 1.4);
    letter-spacing: var(--cds-heading-03-letter-spacing, 0);
  }
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-title {
  display: flex;
  align-items: flex-start;
  margin-block-end: 0.5rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-title svg {
  flex-shrink: 0;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-title .c4p--tearsheet__next__title-start {
  margin-inline-end: 1rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-title .c4p--tearsheet__next__title-end {
  margin-inline-start: 1rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-description {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}
.c4p--tearsheet__next .c4p--tearsheet__next__header--no-close-icon {
  display: none;
}
.c4p--tearsheet__next .c4p--tearsheet__next__navigation-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
  max-inline-size: 100%;
  min-block-size: 2.5rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__navigation-bar .c4p--tearsheet__next__scroller-container {
  position: absolute;
  inset-block-end: 0.125rem;
  inset-inline-end: calc(-2rem + 0.125rem);
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next .c4p--tearsheet__next__navigation-bar .c4p--tearsheet__next__scroller-container {
    inset-inline-end: -1rem;
  }
}
.c4p--tearsheet__next .c4p--tearsheet__next__navigation-bar .c4p--tearsheet__next__scroller-container .c4p--tearsheet__next__scroller-button-icon-collapsed {
  transform: rotate(-180deg);
}
.c4p--tearsheet__next .c4p--tearsheet__next__navigation-bar .cds--tabs {
  margin-inline-start: -1rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-actions {
  display: flex;
  justify-content: flex-end;
}
.c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions {
  display: flex;
  overflow: hidden;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  block-size: 2rem;
  inline-size: 100%;
  margin-block-start: -14px;
}
.c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions > *.c4p--tearsheet__next__header-action-item:not([data-hidden=true]) {
  margin-inline-end: 0.5rem; /* space between visible items */
}
.c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions {
  /* Remove margin on the last visible item */
}
.c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions > *.c4p--tearsheet__next__header-action-item:not([data-hidden=true]):nth-last-child(2) {
  margin-inline-end: 0;
}
.c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions > * {
  flex-shrink: 0;
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next .c4p--tearsheet__next__content__header-actions {
    justify-content: flex-start;
    margin-inline-end: 0;
  }
}
.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header {
  padding-inline: 1rem;
}
.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header.c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions {
  display: none;
}
.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header-content-wrapper {
  display: flex;
  flex-direction: column;
}
.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header-title {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
}
.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__content__header-actions {
  justify-content: flex-start;
  margin-inline-end: 0;
}
.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__body {
  grid-template-columns: 1fr 0;
}
.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__influencer:not(.c4p--tearsheet__next__flush),
.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
.c4p--tearsheet__next.c4p--tearsheet__next--narrow .c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
  padding-inline: 1rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header > *:not(.c4p--tearsheet__next__navigation-bar,
.c4p--tearsheet__next__header-content-wrapper,
.cds--modal-close-button,
.excludeFromCollapse) {
  overflow: hidden;
  max-block-size: 50vh;
  opacity: 1;
  transition: max-block-size 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1), margin 240ms cubic-bezier(0, 0, 0.3, 1), padding 240ms cubic-bezier(0, 0, 0.3, 1);
}
.c4p--tearsheet__next .c4p--tearsheet__next__header .c4p--tearsheet__next__header-actions,
.c4p--tearsheet__next .c4p--tearsheet__next__header .c4p--tearsheet__next__header-content-wrapper .c4p--tearsheet__next__header-content *:not(.c4p--tearsheet__next__content__title-wrapper,
.c4p--tearsheet__next__header-label) {
  opacity: 1;
  transition: all 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed {
  padding-block-start: 0.75rem;
  transition: padding 240ms cubic-bezier(0, 0, 0.3, 1);
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed > *:not(.c4p--tearsheet__next__navigation-bar,
.c4p--tearsheet__next__header-content-wrapper,
.cds--modal-close-button,
.excludeFromCollapse),
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions > *:not(.c4p--tearsheet__next__content__header-actions),
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content > *:not(.c4p--tearsheet__next__content__title-wrapper),
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed > *:not(.c4p--tearsheet__next__navigation-bar,
.c4p--tearsheet__next__header-content-wrapper,
.cds--modal-close-button,
.excludeFromCollapse) *,
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content-wrapper .c4p--tearsheet__next__header-content > *:not(.c4p--tearsheet__next__content__title-wrapper) * {
  overflow: hidden;
  padding: 0;
  margin: 0;
  max-block-size: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 240ms cubic-bezier(0, 0, 0.3, 1);
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title {
  font-size: var(--cds-label-02-font-size, 0.875rem);
  font-weight: var(--cds-label-02-font-weight, 400);
  line-height: var(--cds-label-02-line-height, 1.28572);
  letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
  align-items: center;
  margin-block-start: 0.25rem;
  transition: all 240ms cubic-bezier(0, 0, 0.3, 1);
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title > span {
  display: flex;
  align-items: center;
  block-size: 1.5rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content {
  align-self: center;
  margin-block-end: 0;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__content__header-actions {
  margin-block-start: -0.125rem;
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions {
    display: none;
  }
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content-wrapper,
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content,
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__content__title-wrapper,
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions,
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title {
  margin-block: 0;
  transition: margin-block 240ms ease;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-content-wrapper {
  min-block-size: 2.5rem;
  padding-block-end: 0.75rem;
}
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__navigation-bar::before {
  position: absolute;
  z-index: 1;
  background: rgba(0, 0, 0, 0.12);
  block-size: 1px;
  content: "";
  inline-size: 100vw;
  inset-block-start: -0.25rem;
  inset-inline-start: 50%;
  pointer-events: none;
  transform: translateX(-50%);
}
.c4p--tearsheet__next .c4p--tearsheet__next__body-layout {
  display: grid;
  grid-template-areas: "influencer body" "influencer footer";
  grid-template-columns: var(--tearsheet-influencer-width, 16rem) 1fr;
  grid-template-rows: 1fr auto;
  padding-block: 0;
  padding-inline-end: 0;
  /* Redefine grid when influencer is absent */
}
.c4p--tearsheet__next .c4p--tearsheet__next__body-layout:not(:has(> .c4p--tearsheet__next__influencer)) {
  grid-template-areas: "body" "footer";
  grid-template-columns: 1fr;
}
.c4p--tearsheet__next {
  /* Assign components to their named grid areas */
}
.c4p--tearsheet__next .c4p--tearsheet__next__influencer {
  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  grid-area: influencer;
}
.c4p--tearsheet__next .c4p--tearsheet__next__body {
  position: relative;
  display: grid;
  overflow: hidden;
  grid-area: body;
  grid-template-columns: 1fr var(--tearsheet-summary-content-width, 16rem);
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next .c4p--tearsheet__next__body {
    grid-template-columns: 1fr 0;
  }
}
.c4p--tearsheet__next .c4p--tearsheet__next__body > *:only-child {
  grid-column: 1/-1;
}
.c4p--tearsheet__next .c4p--tearsheet__next__footer {
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  grid-area: footer;
}
.c4p--tearsheet__next .c4p--tearsheet__next__influencer,
.c4p--tearsheet__next .c4p--tearsheet__next__main-content,
.c4p--tearsheet__next .c4p--tearsheet__next__summary-content {
  overflow: auto;
}
.c4p--tearsheet__next .c4p--tearsheet__next__influencer:not(.c4p--tearsheet__next__flush),
.c4p--tearsheet__next .c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
.c4p--tearsheet__next .c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
  padding-inline: 2rem;
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next .c4p--tearsheet__next__influencer:not(.c4p--tearsheet__next__flush),
  .c4p--tearsheet__next .c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
  .c4p--tearsheet__next .c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
    padding-inline: 1rem;
  }
}
.c4p--tearsheet__next .c4p--tearsheet__next__main-content {
  position: relative;
}
.c4p--tearsheet__next .c4p--side-panel {
  position: absolute;
  z-index: 9999;
  block-size: 100%;
  inline-size: 100%;
  inset-block-start: 0;
  max-inline-size: none;
}
.c4p--tearsheet__next .c4p--side-panel .c4p--side-panel__header {
  min-block-size: 0;
}
.c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible {
  --overlay-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
  --overlay-alpha: 0.5;
  z-index: calc(9000 - var(--stack-depth, 0));
  background-color: initial;
}
.c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible::before {
  position: absolute;
  display: block;
  background: var(--overlay-color);
  content: "";
  inset: 0;
  opacity: calc(var(--overlay-alpha) - var(--stack-depth) * 0.1);
  transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
}
@media (prefers-reduced-motion: reduce) {
  .c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible::before {
    transition: none;
  }
}
.c4p--tearsheet__next.c4p--tearsheet__next--stack-activated.is-visible.is-visible .c4p--tearsheet__next__container {
  max-block-size: calc(100% - var(--tearsheet-vertical-gap, 3rem) + var(--block-size-change));
  transform: scaleX(var(--scale-factor));
}

.c4p--tearsheet.c4p--tearsheet {
  --overlay-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
  --overlay-opacity: 1;
}
.c4p--tearsheet.c4p--tearsheet::before {
  position: absolute;
  display: block;
  background: var(--overlay-color);
  content: "";
  inset: 0;
  opacity: var(--overlay-opacity);
  transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
}
@media (prefers-reduced-motion: reduce) {
  .c4p--tearsheet.c4p--tearsheet::before {
    transition: none;
  }
}
.c4p--tearsheet.c4p--tearsheet:not(.is-visible).c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
  transform: translate3d(0, min(95vh, 500px), 0);
}
.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet {
  /* tearsheet uses --overlay-color and --overlay-opacity in ::before */
  background: initial;
}
.c4p--tearsheet.c4p--tearsheet {
  z-index: 9001;
  align-items: flex-end;
  color: var(--cds-text-primary, #161616);
  transition: visibility 0s linear 240ms, background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
  --c4p--tearsheet--stacking-scale-factor-single: 0.95;
  --c4p--tearsheet--stacking-scale-factor-double: 0.9;
}
.c4p--tearsheet.is-visible {
  z-index: 9000;
  align-items: flex-end;
  transition: visibility 0s linear, background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
}
@media (prefers-reduced-motion: reduce) {
  .c4p--tearsheet.is-visible {
    transition: none;
  }
}
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 {
  --overlay-opacity: 0.67;
  z-index: 8999;
}
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 {
  --overlay-opacity: 0.22;
  z-index: 8998;
}
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 {
  --overlay-opacity: 0.5;
  z-index: 8999;
}
.c4p--tearsheet.c4p--tearsheet--stacked-2-of-2, .c4p--tearsheet.c4p--tearsheet--stacked-3-of-3 {
  --overlay-opacity: 0.5;
}
.c4p--tearsheet .c4p--tearsheet__container {
  block-size: 100%;
  inset-block-start: auto;
  max-block-size: calc(100% - 3rem);
}
.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__container {
  border: 1px solid transparent;
  /* override carbon ai removing background gradient */
  background: linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, #78a9ff), var(--cds-ai-border-end, #d0e2ff)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
  border-block-end: 0;
  box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}
.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1), max-height 240ms cubic-bezier(0, 0, 0.3, 1);
}
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
  max-block-size: calc(100% - 3rem + 1rem);
}
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container:not(.c4p--tearsheet__container--mixed-size-stacking) {
  max-block-size: calc(100% - 3rem + 2 * 1rem);
}
.c4p--tearsheet .c4p--tearsheet__container--lower {
  max-block-size: calc(100% - (3rem + 2.5rem));
}
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking), .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
  max-block-size: calc(100% - (3rem + 2.5rem) + 1rem);
}
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3 .c4p--tearsheet__container--lower:not(.c4p--tearsheet__container--mixed-size-stacking) {
  max-block-size: calc(100% - (3rem + 2.5rem) + 2 * 1rem);
}
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
  inline-size: 100%;
}
.c4p--tearsheet.c4p--tearsheet--wide .c4p--action-set .c4p--action-set__action-button.c4p--action-set__action-button--expressive {
  block-size: 5rem;
}
@media (min-width: 42rem) {
  .c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__container {
    inline-size: calc(100% - 2 * 4rem);
  }
}
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2.is-visible .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet--stacked-2-of-3.is-visible .c4p--tearsheet__container {
  transform: scale(var(--c4p--tearsheet--stacking-scale-factor-single));
}
.c4p--tearsheet.c4p--tearsheet--stacked-1-of-3.is-visible .c4p--tearsheet__container {
  transform: scale(var(--c4p--tearsheet--stacking-scale-factor-double));
}
.c4p--tearsheet .c4p--tearsheet__header {
  min-block-size: fit-content;
}
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header {
  padding: 1.5rem 2rem;
  margin: 0;
  background-color: var(--cds-layer);
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header {
  padding: 1rem;
  margin: 0;
  background-color: var(--cds-layer);
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}
.c4p--tearsheet .c4p--tearsheet__header-content {
  display: flex;
  justify-content: space-between;
}
.c4p--tearsheet .c4p--tearsheet__header-fields {
  flex: 1 1 100%;
}
.c4p--tearsheet .c4p--tearsheet__header-actions {
  flex: 0 0 auto;
  padding-inline-start: 1.5rem;
}
.c4p--tearsheet .c4p--tearsheet__header-actions .cds--btn-set .cds--btn:not(:first-of-type) {
  margin-inline-start: 0.5rem;
}
.c4p--tearsheet .c4p--tearsheet__header--no-close-icon {
  display: none;
}
.c4p--tearsheet.c4p--tearsheet--wide .cds--modal-header__heading.c4p--tearsheet__heading {
  font-size: var(--cds-heading-04-font-size, 1.75rem);
  font-weight: var(--cds-heading-04-font-weight, 400);
  line-height: var(--cds-heading-04-line-height, 1.28572);
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
}
.c4p--tearsheet .c4p--tearsheet__header-description {
  display: inline-flex;
  margin-block-start: 1rem;
  max-inline-size: 100%;
  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);
}
@media (min-width: 42rem) {
  .c4p--tearsheet .c4p--tearsheet__header-description {
    max-inline-size: 60%;
  }
}
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
  margin-block-start: 0.5rem;
}
.c4p--tearsheet .c4p--tearsheet__header-navigation {
  margin: 0.75rem 0 0;
}
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-nav {
  padding: 1.5rem 2rem 0;
}
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header {
  padding-inline-end: 5rem;
}
.c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-slug .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon, .c4p--tearsheet.c4p--tearsheet--wide.c4p--tearsheet--has-ai-label .c4p--tearsheet__header.c4p--tearsheet__header--with-close-icon {
  /* spacing 11 plus additional space for slug/close */
  /* stylelint-disable-next-line carbon/layout-use */
  padding-inline-end: calc(8rem);
}
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__header-description {
  max-inline-size: 80%;
}
.c4p--tearsheet .c4p--tearsheet__header-navigation {
  margin: 0.75rem 0 0;
}
.c4p--tearsheet .c4p--tearsheet__layer {
  display: contents;
}
.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__body {
  display: flex;
  overflow: hidden;
  flex-direction: row;
  padding: 0;
  margin: 0;
}
.c4p--tearsheet .c4p--tearsheet__resize-detector {
  block-size: 0;
  inline-size: 100%;
}
.c4p--tearsheet .c4p--tearsheet__influencer {
  flex: 0 0 257px;
  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  overflow-y: auto;
}
@supports (overflow-block: auto) {
  .c4p--tearsheet .c4p--tearsheet__influencer {
    overflow-block: auto;
  }
}
.c4p--tearsheet .c4p--tearsheet__influencer.c4p--tearsheet__influencer p {
  padding-inline-end: 0;
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet .c4p--tearsheet__container {
    max-block-size: 100%;
  }
  .c4p--tearsheet .c4p--tearsheet__influencer {
    flex-basis: auto;
  }
}
.c4p--tearsheet .c4p--tearsheet__influencer--wide {
  flex-basis: 321px;
}
.c4p--tearsheet .c4p--tearsheet__right {
  display: grid;
  flex-grow: 1;
  grid-template-columns: 100%;
  grid-template-rows: 1fr auto;
}
.c4p--tearsheet .c4p--tearsheet__main {
  display: flex;
  flex-direction: row;
  background-color: var(--cds-background, #ffffff);
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.c4p--tearsheet.c4p--tearsheet--narrow .c4p--tearsheet__main {
  background-color: var(--cds-layer);
}
.c4p--tearsheet .c4p--tearsheet__main .c4p--tearsheet__influencer {
  background-color: var(--cds-layer);
  border-inline-end: none;
  border-inline-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}
.c4p--tearsheet .c4p--tearsheet__content {
  overflow: auto;
  flex-grow: 1;
}
.c4p--tearsheet.c4p--tearsheet--has-slug .c4p--tearsheet__content, .c4p--tearsheet.c4p--tearsheet--has-ai-label .c4p--tearsheet__content {
  background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
}
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--radio-button[readonly] + .cds--radio-button__label .cds--radio-button__appearance {
  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--inline .cds--select-input {
  background-color: transparent;
}
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-input--light,
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--text-area--light,
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--search--light .cds--search-input,
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--select--light .cds--select-input,
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown--light,
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown--light .cds--dropdown-list,
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--number--light input[type=number],
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--date-picker--light .cds--date-picker__input {
  background-color: var(--cds-field-02, #ffffff);
}
.c4p--tearsheet .c4p--tearsheet__button-container {
  grid-column: 1/-1;
  grid-row: -1/-1;
  min-block-size: fit-content;
  overflow-x: auto;
}
@supports (overflow-inline: auto) {
  .c4p--tearsheet .c4p--tearsheet__button-container {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    overflow-inline: auto;
  }
}
.c4p--tearsheet .c4p--tearsheet__buttons {
  display: inline-flex;
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  min-inline-size: 100%;
}
.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__buttons {
  background: var(--cds-background, #ffffff);
}
.c4p--tearsheet.c4p--tearsheet--has-slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label {
  --overlay-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
}
.c4p--tearsheet.c4p--tearsheet--has-slug:not(.c4p--tearsheet--has-close) .cds--slug, .c4p--tearsheet.c4p--tearsheet--has-ai-label:not(.c4p--tearsheet--has-close) .cds--slug {
  inset-inline-end: 0;
  /* stylelint-disable-next-line carbon/layout-use */
  margin-block: 6px;
  margin-inline-end: 1rem;
}

@keyframes step-content-entrance {
  0% {
    opacity: 0;
    transform: translateY(-0.75rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
  animation: step-content-entrance 400ms;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
  margin-inline-start: 0;
  opacity: 0;
  padding-inline: 0.5rem;
}

.c4p--tearsheet-create {
  --c4p--tearsheet-create--total-width: 0;
}

.c4p--tearsheet-create__step .cds--css-grid {
  margin-inline-start: 0;
}

.c4p--tearsheet-create .c4p--tearsheet-create__step__step--hidden-step {
  display: none;
}

.c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
  animation: step-content-entrance 400ms;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
  opacity: 0;
}

@media (prefers-reduced-motion) {
  .c4p--tearsheet-create .c4p--tearsheet-create__step__step--visible-step {
    animation: none;
    opacity: 1;
  }
}
.c4p--tearsheet-create .c4p--tearsheet-create__content {
  min-block-size: 100%;
  overflow-x: hidden;
}
@supports (overflow-inline: hidden) {
  .c4p--tearsheet-create .c4p--tearsheet-create__content {
    overflow-inline: hidden;
  }
}
.c4p--tearsheet-create .c4p--tearsheet-create__content {
  padding-block: 1.5rem;
}

.c4p--tearsheet-create .c4p--tearsheet-create__content .cds--form {
  block-size: inherit;
}

.c4p--tearsheet-create .c4p--tearsheet-create__content .cds--grid {
  padding: 0;
  margin: 0;
}

.c4p--tearsheet-create .c4p--tearsheet-create__step--heading {
  padding-block-end: 1.5rem;
}

.c4p--tearsheet-create .cds--btn-set .cds--btn.cds--btn--disabled {
  box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
}

.c4p--tearsheet-create .cds--side-nav--ux {
  position: initial;
  background-color: transparent;
}

.c4p--tearsheet-create .c4p--tearsheet-create__section--divider {
  position: relative;
  display: block;
  margin: 1.5rem calc(-1 * 2.5rem) 2rem calc(-1 * 1.5rem);
  background-color: var(--cds-layer-accent-01, #e0e0e0);
  block-size: 1px;
  inline-size: var(--c4p--tearsheet-create--total-width);
}

.c4p--tearsheet-create .c4p--tearsheet-create__step--title,
.c4p--tearsheet-create .c4p--tearsheet-create__section--title {
  margin-block-end: 1rem;
}

.c4p--tearsheet-create .c4p--tearsheet-create__section--subtitle,
.c4p--tearsheet-create .c4p--tearsheet-create__step--subtitle {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  margin-block-end: 0.5rem;
}

.c4p--tearsheet-create .c4p--tearsheet-create__section--description,
.c4p--tearsheet-create .c4p--tearsheet-create__step--description {
  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);
  margin-block-end: 1.5rem;
}

.c4p--tearsheet-create .cds--fieldset {
  margin-block-end: 0;
}

.c4p--tearsheet-create .c4p--tearsheet-create__step--fieldset > * {
  margin-block-end: 1rem;
}

.c4p--create-tearsheet-narrow .cds--modal-header__heading,
.c4p--create-tearsheet-narrow .cds--modal-header__label,
.c4p--create-tearsheet-narrow .c4p--tearsheet__header-description {
  max-inline-size: 100%;
  padding-inline-end: calc(20% - 1rem);
}

.c4p--create-tearsheet-narrow .c4p--tearsheet__header-description {
  margin-block-start: 0.25rem;
}

.c4p--create-tearsheet-narrow .c4p--tearsheet__header {
  border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
}

.c4p--create-tearsheet-narrow .c4p--tearsheet__content {
  padding: 1rem;
}

.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form {
  padding-block-start: 1rem;
}

.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form > * {
  margin-block-end: 1rem;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form > *:last-child {
  margin-block-end: 0;
}

.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-title-text {
  font-size: var(--cds-heading-compact-02-font-size, 1rem);
  font-weight: var(--cds-heading-compact-02-font-weight, 600);
  line-height: var(--cds-heading-compact-02-line-height, 1.375);
  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
  padding-block-end: 0.5rem;
}

.c4p--create-tearsheet-narrow .c4p--create-tearsheet-narrow__form-description-text {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.c4p--empty-state {
  display: flex;
  color: var(--cds-text-primary, #161616);
}
.c4p--empty-state .c4p--empty-state__header {
  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);
  margin: 0;
  padding-block-end: 0.5rem;
}
.c4p--empty-state .c4p--empty-state__subtitle {
  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);
  color: var(--cds-text-secondary, #525252);
  padding-block-end: 1rem;
}
.c4p--empty-state .c4p--empty-state__header--small {
  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-end: 0.5rem;
}
.c4p--empty-state .c4p--empty-state__subtitle--small {
  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);
}

.c4p--empty-state__illustration {
  block-size: auto;
  margin-block-end: 1rem;
}
.c4p--empty-state__illustration.c4p--empty-state__illustration--lg {
  max-inline-size: 5rem;
  min-inline-size: 5rem;
}
.c4p--empty-state__illustration.c4p--empty-state__illustration--sm {
  max-inline-size: 4rem;
  min-inline-size: 4rem;
}

.c4p--empty-state-position--top {
  flex-direction: column;
}

.c4p--empty-state-position--right {
  flex-direction: row-reverse;
}

.c4p--empty-state-position--bottom {
  flex-direction: column-reverse;
}

.c4p--empty-state-position--left {
  flex-direction: row;
}

.c4p--empty-state .c4p--empty-state__action-button {
  display: block;
  margin-block-end: 1rem;
}

.c4p--empty-state .c4p--empty-state__link {
  display: inline-block;
}

.c4p--export-modal .cds--modal-footer .cds--btn {
  max-inline-size: none;
}

.c4p--export-modal.cds--modal .cds--modal-content {
  padding-inline-end: 1rem;
}

.c4p--export-modal__body {
  margin-block-end: 1rem;
  padding-inline-end: calc(20% - 1rem);
}

.c4p--export-modal__messaging {
  display: flex;
  align-items: center;
}

.c4p--export-modal__messaging p {
  margin-inline-start: 0.5rem;
}

.c4p--export-modal__checkmark-icon {
  fill: var(--cds-button-primary, #0f62fe);
}

.c4p--export-modal__error-icon {
  fill: var(--cds-button-danger-primary, #da1e28);
}

.c4p--card {
  border: 1px solid transparent;
  background-color: var(--cds-layer-01, #f4f4f4);
  color: var(--cds-text-primary, #161616);
}

.c4p--card__clickable {
  border-color: var(--cds-border-tile-01, #c6c6c6);
  cursor: pointer;
  transition: background-color 110ms;
}

.c4p--card__clickable:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .c4p--card__clickable:focus {
    outline-style: dotted;
  }
}

.c4p--card__clickable:hover {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}

.c4p--card__media-left {
  display: flex;
  flex-direction: row;
}

.c4p--card__media-left .c4p--card__content-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.c4p--card__media-left .c4p--card__footer {
  align-self: flex-end;
  margin-block-start: auto;
}

.c4p--card__media > * {
  display: block;
  max-inline-size: 100%;
}

.c4p--card__header {
  padding: 1rem;
  padding-inline-end: 0;
}

.c4p--card__header-label-only {
  padding-block-end: 0.5rem;
}

.c4p--card__header-label-only .c4p--card__label {
  margin-block-end: 0;
}

.c4p--card__header-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.c4p--card__label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  margin-block-end: 0.125rem;
}

.c4p--card__description {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  margin-block-start: 0.125rem;
}

.c4p--card__body {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  padding: 1rem;
  padding-block-start: 0;
}

.c4p--card__footer {
  display: flex;
  justify-content: flex-end;
}

.c4p--card__actions {
  display: flex;
  flex-direction: row;
}

.c4p--card__icon {
  padding: 0.5rem;
  color: inherit;
  cursor: pointer;
}

.c4p--card__icon:hover {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}

.c4p--card__icon:active {
  color: var(--cds-link-primary-hover, #0043ce);
}

.c4p--card__link {
  color: inherit;
  text-decoration: inherit;
}

.c4p--card__pictogram {
  padding-block-start: 1rem;
  padding-inline-start: 1rem;
}

.c4p--card__header-container--has-actions {
  padding-inline-end: 0.5rem;
}

.c4p--card {
  position: relative;
}

.c4p--card__media + .c4p--card__content-container {
  /* display relative to container when media displayed */
  position: relative;
}

.c4p--card .cds--slug,
.c4p--card .cds--ai-label {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
}

.c4p--card__header__inner-wrapper--decorator {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
}
.c4p--card__header__inner-wrapper--decorator .cds--slug,
.c4p--card__header__inner-wrapper--decorator .cds--ai-label {
  position: relative;
  inset-block-start: unset;
  inset-inline-end: unset;
}

.c4p--card__header-container--has-slug,
.c4p--card__header-container--has-decorator {
  inline-size: 100%;
  padding-inline-end: 2rem;
}

.c4p--card__header-container--has-slug.c4p--card__header-container--has-actions,
.c4p--card__header-container--has-decorator.c4p--card__header-container--has-actions {
  padding-inline-end: 2.5rem;
}

.c4p--card__header-container--has-slug.c4p--card__header-container--large-tile-or-label,
.c4p--card__header-container--has-decorator.c4p--card__header-container--large-tile-or-label {
  padding-inline-end: 3rem;
}

.c4p--card__clickable {
  position: relative;
}

.c4p--card__clickable .cds--slug,
.c4p--card__clickable .cds--slug-icon {
  pointer-events: none;
}

.c4p--card--has-slug,
.c4p--card--has-ai-label {
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
  border: 1px solid transparent;
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.c4p--card__clickable.c4p--card--has-slug::before,
.c4p--card__clickable.c4p--card--has-ai-label::before {
  background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
  position: absolute;
  display: block;
  block-size: 100%;
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1));
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.c4p--card__clickable.c4p--card--has-slug:hover::before,
.c4p--card__clickable.c4p--card--has-ai-label:hover::before {
  opacity: 1;
}

.c4p--card__clickable .c4p--card__content-container {
  position: relative;
  z-index: 1;
}

.c4p--card .cds--slug-icon rect {
  stroke: var(--cds-icon-primary, #161616);
}

.c4p--card .cds--slug-icon path {
  fill: var(--cds-icon-primary, #161616);
}

.c4p--card__title {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
}

@property --panel-transform {
  inherits: true;
  initial-value: 16px;
  syntax: "<length>";
}
.c4p--filter-summary {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  background: var(--cds-layer-01, #f4f4f4);
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  block-size: 3rem;
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  inline-size: 100%;
}
.c4p--filter-summary.c4p--filter-summary__expanded {
  block-size: fit-content;
}

.c4p--filter-summary .c4p--tag-set.c4p--tag-set.c4p--filter-summary__clear-button-inline {
  inline-size: auto;
}

.c4p--filter-summary__view-all--wrapper {
  position: absolute;
  inset-block-start: 0.5rem;
  inset-inline-end: 0;
}

.c4p--filter-summary__expanded .c4p--filter-summary__clear-all-button.cds--btn {
  margin-inline-end: 2rem;
}

.c4p--filter-summary__view-all--wrapper .c4p--filter-summary__view-all--chevron-multiline {
  transform: rotate(180deg);
  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.c4p--http-errors .c4p--http-errors__content {
  position: fixed;
  z-index: 2;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -75%);
}
@media (min-width: 42rem) {
  .c4p--http-errors .c4p--http-errors__content {
    transform: translate(-50%, -100%);
  }
}
@media (min-width: 66rem) {
  .c4p--http-errors .c4p--http-errors__content {
    transform: translate(-50%, -50%);
  }
}

.c4p--http-errors .c4p--http-errors__error-code-label {
  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);
  margin-block-end: 0.25rem;
}

.c4p--http-errors .c4p--http-errors__title {
  font-size: var(--cds-heading-05-font-size, 2rem);
  font-weight: var(--cds-heading-05-font-weight, 400);
  line-height: var(--cds-heading-05-line-height, 1.25);
  letter-spacing: var(--cds-heading-05-letter-spacing, 0);
  margin-block-end: 0.75rem;
}

.c4p--http-errors .c4p--http-errors__description {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  margin-block-end: 1.5rem;
}

.c4p--http-errors .c4p--http-errors__error-code-label,
.c4p--http-errors .c4p--http-errors__title,
.c4p--http-errors .c4p--http-errors__description {
  color: var(--cds-text-primary, #161616);
}

.c4p--http-errors .c4p--http-errors__link {
  display: block;
  margin-block-end: 0.25rem;
}

.c4p--http-errors .c4p--http-errors__image {
  position: fixed;
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-start: 0;
  max-block-size: 100%;
}
@media (max-width: 41.98rem) {
  .c4p--http-errors .c4p--http-errors__image {
    inset-inline-start: 10%;
    transform: scale(1.5);
  }
}

/* stylelint-disable carbon/theme-use */
.c4p--http-errors-404__prefix-cls-1 {
  fill: none;
}

.c4p--http-errors-404__prefix-cls-67 {
  fill: #697077;
}

.c4p--http-errors-404__prefix-cls-68 {
  fill: #282828;
}

.c4p--http-errors-404__prefix-cls-69 {
  fill: #51565c;
}

.c4p--http-errors-404__prefix-cls-70 {
  fill: #002b50;
}

.c4p--http-errors-404__prefix-cls-71 {
  fill: #413d3d;
}

.c4p--http-errors-404__prefix-cls-72 {
  fill: #908b8b;
}

.c4p--http-errors-404__prefix-cls-75 {
  fill: #a4a4a5;
}

.c4p--http-errors-404__prefix-cls-76 {
  opacity: 0.15;
}

.c4p--http-errors-403__prefix-cls-1 {
  fill: none;
}

.c4p--http-errors-403__prefix-cls-80 {
  mix-blend-mode: multiply;
  opacity: 0.25;
}

.c4p--http-errors-403__prefix-cls-75 {
  fill: #595655;
}

.c4p--http-errors-403__prefix-cls-76 {
  opacity: 0.15;
}

.c4p--http-errors-403__prefix-cls-77 {
  fill: #373d42;
}

.c4p--http-errors-403__prefix-cls-78 {
  fill: #002b50;
}

.c4p--http-errors-403__prefix-cls-81 {
  fill: #2b2828;
}

.c4p--http-errors-other__prefix-cls-1 {
  fill: none;
}

.c4p--http-errors-other__prefix-cls-69 {
  fill: #697077;
}

.c4p--http-errors-other__prefix-cls-70 {
  fill: #282828;
}

.c4p--http-errors-other__prefix-cls-71 {
  fill: #51565c;
}

.c4p--http-errors-other__prefix-cls-72 {
  fill: #e0dbda;
}

.c4p--http-errors-other__prefix-cls-73 {
  fill: #003d73;
}

.c4p--http-errors-other__prefix-cls-75 {
  opacity: 0.15;
}

/* stylelint-enable */
.c4p--import-modal .cds--modal-close {
  display: none;
}

.c4p--import-modal .cds--modal-footer .cds--btn {
  max-inline-size: none;
}

.c4p--import-modal.cds--modal .cds--modal-content {
  padding-inline-end: 1rem;
}

.cds--file .cds--file-container,
.cds--file ~ .cds--file-container {
  margin-block-start: 0;
}

.cds--modal-container--sm .cds--modal-header {
  padding-inline-end: calc(20% - 1rem);
}

.c4p--import-modal__input-group {
  display: flex;
}

.c4p--import-modal__import-button.cds--btn {
  margin-inline-start: 0.5rem;
}

.c4p--import-modal__file-container {
  inline-size: 100%;
}

.c4p--import-modal .c4p--import-modal__file-drop-header,
.c4p--import-modal .c4p--import-modal__label {
  margin-block-end: 0.5rem;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
}

.c4p--import-modal__helper-text {
  margin-block: 1.5rem 0.5rem;
  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);
}

.c4p--import-modal__body {
  margin-block-end: 1.5rem;
  padding-inline-end: calc(20% - 1rem);
}

.c4p--import-modal .cds--file__selected-file {
  background: var(--cds-layer-02, #ffffff);
  max-inline-size: none;
}

.c4p--import-modal .cds--file {
  margin-block-end: 1rem;
}

.c4p--import-modal .cds--text-input:disabled {
  background: var(--cds-layer-02, #ffffff);
}

.c4p--add-select__header {
  padding: 1rem;
  border-block-start: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  padding-block-end: 0;
}

.c4p--add-select__body {
  padding: 1rem;
}

/* stylelint-disable max-nesting-depth */
.c4p--add-select__selections-wrapper {
  display: block;
}
.c4p--add-select__selections-cell-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  block-size: 3rem;
  border-block-end: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.c4p--add-select__selections-cell-title {
  display: block;
  color: var(--cds-text-primary, #161616);
}
.c4p--add-select__selections-cell-subtitle {
  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;
  color: var(--cds-text-secondary, #525252);
}
.c4p--add-select__selections-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c4p--add-select__selections-dropdown .cds--dropdown {
  background: transparent;
}
.c4p--add-select__selections-row--selected {
  background-color: var(--cds-layer-selected-01, #e0e0e0);
}
.c4p--add-select__selections-row--active {
  background-color: var(--cds-layer-active-01, #c6c6c6);
}
.c4p--add-select__selections-form-control {
  display: flex;
  align-items: center;
}
.c4p--add-select__selections-form-control-wrapper--radio {
  cursor: pointer;
}
.c4p--add-select__selections-form-control-label-wrapper {
  display: flex;
  margin-inline-start: 1rem;
}
.c4p--add-select__selections-form-control-label-text {
  display: flex;
  flex-direction: column;
}
.c4p--add-select__selections-cell-avatar {
  margin-inline-end: 0.5rem;
}
.c4p--add-select__selections-cell-icon {
  margin-inline-end: 0.5rem;
}
.c4p--add-select__selections-row {
  border-inline-start: 0.125rem solid transparent;
}
.c4p--add-select__selections-row-meta--selected {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
  border-inline-start: 0.125rem solid var(--cds-interactive, #0f62fe);
}

.c4p--add-select .c4p--add-select__selections-row:hover {
  background: var(--cds-layer-hover-01, #e8e8e8);
}
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-cell-title {
  color: var(--cds-interactive, #0f62fe);
}
.c4p--add-select .c4p--add-select__selections-row:hover .c4p--add-select__selections-view-children svg {
  color: var(--cds-interactive, #0f62fe);
}
.c4p--add-select .c4p--add-select__selections-row:hover button.c4p--add-select__selections-view-children.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path {
  fill: currentColor;
}

.c4p--add-select__sub-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.c4p--add-select__sub-header-multi {
  padding: 0 1rem;
}

.c4p--add-select__sidebar-header {
  display: flex;
  padding: 2rem 1rem 0.5rem 1rem;
  border-block-end: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.c4p--add-select__sidebar-header .c4p--add-select__sidebar-title {
  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);
}

.c4p--add-select__sidebar-title {
  margin-inline-end: 0.5rem;
}

.c4p--add-select__sidebar-selected-item-title {
  color: var(--cds-text-primary, #161616);
}
.c4p--add-select__sidebar-selected-item-subtitle {
  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);
}

.c4p--add-select__sidebar-body {
  padding: 0 1rem;
}

.c4p--add-select .c4p--add-select__sidebar-item-header {
  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);
  margin-block-end: 0.5rem;
}

.c4p--add-select .c4p--add-select__sidebar-item-body {
  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);
  margin-block-end: 1rem;
}

.c4p--add-select .c4p--add-select__sidebar-item-remove-button:hover {
  background: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.c4p--add-select .c4p--add-select__sidebar-accordion-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c4p--add-select__columns {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.c4p--add-select__columns .c4p--add-select__selections-form-control-label-wrapper {
  margin-inline-start: 0.5rem;
}
.c4p--add-select__columns .c4p--add-select__selections-row {
  border-inline-start: 0;
}
.c4p--add-select__columns .c4p--add-select__selections .c4p--add-select__selections-cell {
  padding: 0;
}
.c4p--add-select__columns .c4p--add-select__selections-cell-wrapper {
  padding: 0 0.5rem;
  block-size: 2rem;
}
.c4p--add-select__columns .c4p--add-select__tags {
  padding: 0 0.5rem;
  margin-block-end: 0;
}
.c4p--add-select__columns .c4p--add-select__selections-wrapper-multi {
  padding: 0;
}

.c4p--add-select__selections-wrapper-multi .c4p--add-select__selections-cell {
  padding: 0 1rem;
}

.c4p--add-select__selections-row:first-child .c4p--add-select__selections-cell-wrapper {
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.c4p--add-select__column {
  flex: 0 0 20rem;
  padding: 1rem;
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}
.c4p--add-select__column-search-bar {
  display: flex;
}
.c4p--add-select__column-search-bar .cds--btn {
  border-block-end: 1px solid var(--cds-border-strong-01, #8d8d8d);
}
.c4p--add-select__column .cds--popover--tab-tip.cds--popover--open .cds--btn {
  background: var(--cds-layer);
}
.c4p--add-select__column-filter-popover.cds--popover-content {
  padding: 1rem;
  min-inline-size: 10rem;
}
.c4p--add-select__column-sort-filter {
  display: flex;
}
.c4p--add-select__column .cds--overflow-menu {
  border-block-end: 1px solid var(--cds-border-strong-01, #8d8d8d);
}

.c4p--add-select-sort_overflow {
  z-index: 9999;
}

.c4p--add-select__tags {
  display: flex;
  align-items: center;
  margin-block: 1rem 0.5rem;
}
.c4p--add-select__tags-label {
  margin-inline-end: 0.5rem;
}

.c4p--add-select__global-filter {
  position: absolute;
  z-index: 999999;
  background: var(--cds-layer-01, #f4f4f4);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
  inline-size: 100%;
  inset-inline-end: 0;
  max-inline-size: 40rem;
  transform: translate(0, 100%);
}
.c4p--add-select__global-filter-search {
  position: relative;
  display: flex;
  align-items: flex-end;
}
.c4p--add-select__global-filter-content {
  padding: 1rem;
}
.c4p--add-select__global-filter-opts {
  display: grid;
  grid-gap: 1rem 2rem;
  grid-template-columns: repeat(2, 1fr);
}
.c4p--add-select__global-filter-applied {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  background: var(--cds-layer-01, #f4f4f4);
}

.c4p--add-select__global-filter-button-set button.c4p--add-select__global-filter-button {
  flex: 1;
  max-inline-size: none;
}

button.c4p--add-select__global-filter-toggle {
  background: var(--cds-field-01, #f4f4f4);
  border-block-end-color: var(--cds-border-strong-01, #8d8d8d);
}
button.c4p--add-select__global-filter-toggle--open {
  border-block-end: var(--cds-border-strong-01, #8d8d8d);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.c4p--add-select__meta-panel {
  padding: 1rem;
}
.c4p--add-select__meta-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 1rem;
}
.c4p--add-select__meta-panel-entry {
  margin-block-end: 1rem;
}

.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-title {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
}

.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-title {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
}

.c4p--add-select__meta-panel p.c4p--add-select__meta-panel-entry-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);
}

.c4p--add-select__selections .cds--list-box__menu {
  inset-inline-start: auto;
}

.c4p--add-select__tags .cds--tag {
  margin: 0;
}

.c4p--add-select.c4p--tearsheet .c4p--tearsheet__influencer {
  flex-basis: 22.5rem;
  background: var(--cds-layer-01, #f4f4f4);
}

.c4p--add-select.c4p--tearsheet.c4p--tearsheet--wide .c4p--tearsheet__content .cds--dropdown {
  background-color: transparent;
}

.c4p--add-select.c4p--tearsheet .c4p--tearsheet__header-description {
  color: var(--cds-text-secondary, #525252);
}

.c4p--add-select.c4p--tearsheet .c4p--tearsheet__content {
  display: flex;
  flex-direction: column;
}

.c4p--add-select.c4p--add-select__multi .c4p--action-set.cds--btn-set.c4p--action-set--max .c4p--action-set__action-button {
  max-inline-size: 11.25rem;
}

.c4p--add-select .c4p--add-select__items-label {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
}

.c4p--add-select .cds--modal-container--sm .cds--modal-content p {
  padding-inline-end: 0;
}

.c4p--add-select .cds--radio-button__appearance {
  margin: 0 1rem 0 0;
}

.c4p--add-select .cds--radio-button-wrapper .cds--radio-button__label {
  justify-content: left;
}

.c4p--add-select .cds--breadcrumb .cds--link {
  cursor: pointer;
}

.c4p--add-select .cds--accordion__item:hover .c4p--add-select__sidebar-accordion-title button {
  opacity: 1;
}
.c4p--add-select .cds--accordion__item .c4p--add-select__sidebar-accordion-title button {
  opacity: 0;
}

.c4p--add-select__multi .c4p--empty-state {
  margin-block-start: 3rem;
  max-inline-size: 16rem;
}

.c4p--add-select .cds--accordion__arrow {
  transform: rotate(0deg);
}

.c4p--add-select .cds--accordion__item--active .cds--accordion__arrow {
  transform: rotate(90deg);
}

.c4p--add-select .cds--accordion--start .cds--accordion__arrow {
  margin: 0 0 0 1rem;
}

.c4p--add-select .cds--accordion--start .cds--accordion__title {
  margin: 0 1rem 0 0.5rem;
}

.c4p--add-select .cds--accordion__item--active .cds--accordion__content {
  margin-block-start: 0.5rem;
  padding-block: 0;
}

@keyframes notifications-panel-fade-in {
  0% {
    opacity: 0;
    transform: translateY(-38.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes notifications-panel-fade-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-38.5rem);
  }
}
@keyframes notifications-panel-entrance-reduced {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes notifications-panel-exit-reduced {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.c4p--notifications-panel__entrance {
  animation: notifications-panel-fade-in 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.c4p--notifications-panel__exit {
  animation: notifications-panel-fade-out 240ms cubic-bezier(0.2, 0, 0.38, 0.9) forwards;
}

@media (prefers-reduced-motion) {
  .c4p--notifications-panel__entrance {
    animation: notifications-panel-entrance-reduced 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
  }
  .c4p--notifications-panel__exit {
    animation: notifications-panel-exit-reduced 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
  }
}
.c4p--notifications-panel__container {
  position: fixed;
  z-index: 2;
  overflow: auto;
  background-color: var(--cds-layer-01, #f4f4f4);
  border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
  border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
  box-shadow: 0 0.125rem 0.25rem var(--cds-overlay, rgba(0, 0, 0, 0.6));
  color: var(--cds-text-primary, #161616);
  inset-block-start: 3rem;
  inset-inline-end: 0;
  max-block-size: 38.5rem;
  max-inline-size: 22.75rem;
  min-block-size: 38.5rem;
  min-inline-size: 20rem;
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.c4p--notifications-panel__container .c4p--notifications-panel__header-container {
  position: sticky;
  z-index: 2;
  padding: 0.5rem 1rem;
  background-color: var(--cds-layer-01, #f4f4f4);
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  inset-block-start: 0;
}
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__do-not-disturb-toggle {
  padding-block-end: 0.5rem;
}
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__do-not-disturb-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;
}
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__dismiss-button {
  color: var(--cds-text-primary, #161616);
}
.c4p--notifications-panel__container .c4p--notifications-panel__header-container .c4p--notifications-panel__header {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  margin: 0;
}
.c4p--notifications-panel__container .c4p--notifications-panel__time-section-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);
  font-weight: 600;
  position: sticky;
  z-index: 2;
  padding: 0.5rem 1rem;
  background-color: var(--cds-layer-01, #f4f4f4);
  color: var(--cds-text-secondary, #525252);
  inset-block-start: 3.0625rem;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification:hover,
.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus {
  background-color: var(--cds-layer-accent-01, #e0e0e0);
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification:hover .c4p--notifications-panel__dismiss-single-button,
.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus .c4p--notifications-panel__dismiss-single-button {
  opacity: 1;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification:focus {
  border-color: var(--cds-focus, #0f62fe);
  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
  outline: 0;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  border: 0;
  background-color: var(--cds-layer-01, #f4f4f4);
  cursor: pointer;
  inline-size: 100%;
  min-block-size: 6.25rem;
  text-align: start;
  transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title {
  font-size: var(--cds-heading-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-01-font-weight, 600);
  line-height: var(--cds-heading-01-line-height, 1.42857);
  letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 0.25rem;
  font-weight: 400;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-title.c4p--notifications-panel__notification-title-unread {
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 0.25rem;
  font-weight: 600;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notifications-link {
  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);
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon {
  margin-inline-end: 0.5rem;
  min-inline-size: 1rem;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-error {
  fill: var(--cds-support-error, #da1e28);
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-success {
  fill: var(--cds-support-success, #24a148);
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-warning {
  fill: var(--cds-support-warning, #f1c21b);
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-status-icon.c4p--notifications-panel__notification-status-icon-informational {
  fill: var(--cds-support-info, #0043ce);
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-time-label {
  margin-block-end: 0.5rem;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-time-label,
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-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);
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-description.c4p--notifications-panel__notification-short-description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-description.c4p--notifications-panel__notification-long-description {
  display: block;
  overflow: initial;
  -webkit-line-clamp: initial;
  line-clamp: initial;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button,
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button {
  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: flex;
  align-items: center;
  padding: 0;
  min-inline-size: 5.5rem;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .cds--btn__icon,
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .cds--btn__icon {
  transition: transform 240ms ease;
  /* stylelint-disable-next-line max-nesting-depth */
}
@media (prefers-reduced-motion: reduce) {
  .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button .cds--btn__icon,
  .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button .cds--btn__icon {
    transition: none;
  }
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button.c4p--notifications-panel__notification-read-more-button .cds--btn__icon,
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button.c4p--notifications-panel__notification-read-more-button .cds--btn__icon {
  transform: rotate(0deg);
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-more-button.c4p--notifications-panel__notification-read-less-button .cds--btn__icon,
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__notification-content .c4p--notifications-panel__notification-read-less-button.c4p--notifications-panel__notification-read-less-button .cds--btn__icon {
  transform: rotate(180deg);
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .cds--popover-container {
  position: initial;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--cds-text-primary, #161616);
  inset-block-start: 0;
  inset-inline-end: 0;
  min-inline-size: 2rem;
  opacity: 0;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button:hover, .c4p--notifications-panel__container .c4p--notifications-panel__notification .c4p--notifications-panel__dismiss-single-button:focus {
  opacity: 1;
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:not(:first-of-type):before,
.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before,
.c4p--notifications-panel__container .c4p--notifications-panel__notification-previous:not(:first-of-type):before {
  position: absolute;
  margin: 0 auto;
  background-color: var(--cds-border-subtle-01, #c6c6c6);
  block-size: 1px;
  content: "";
  inline-size: calc(100% - 2 * 1rem);
  inset-block-start: 0;
  transition: background-color 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.c4p--notifications-panel__container .c4p--notifications-panel__notification-today:hover + .c4p--notifications-panel__notification-today:not(:first-of-type):before,
.c4p--notifications-panel__container .c4p--notifications-panel__notification-yesterday:hover + .c4p--notifications-panel__notification-yesterday:not(:first-of-type):before,
.c4p--notifications-panel__container .c4p--notifications-panel__notification-previous:hover + .c4p--notifications-panel__notification-previous:not(:first-of-type):before {
  background-color: transparent;
}
.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 100%;
  margin-block-start: 10rem;
  min-block-size: initial;
}
.c4p--notifications-panel__container .c4p--notifications-panel__main-section-empty.c4p--notifications-panel__main-section .c4p-subtext {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}
.c4p--notifications-panel__container .c4p--notifications-panel__main-section {
  min-block-size: 498px;
}
.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions {
  position: sticky;
  z-index: 2;
  display: flex;
  align-items: center;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 2.5rem;
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  inset-block-end: 0;
  min-block-size: 2.5rem;
}
.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__view-all-button {
  display: flex;
  align-items: center;
  block-size: 2.5rem;
  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  color: var(--cds-text-primary, #161616);
  inline-size: 100%;
  max-inline-size: calc(100% - 2.5rem);
  min-block-size: 2.5rem;
}
.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__settings-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  block-size: 2.5rem;
  color: var(--cds-text-primary, #161616);
  min-block-size: 2.5rem;
  min-inline-size: 2.5rem;
}
.c4p--notifications-panel__container .c4p--notifications-panel__bottom-actions .c4p--notifications-panel__settings-button .cds--btn__icon {
  margin: 0;
}

.c4p--notifications-panel__header-container:has(.c4p--notifications-panel__do-not-disturb-toggle) + .c4p--notifications-panel__main-section .c4p--notifications-panel__time-section-label {
  inset-block-start: 4.8125rem;
}

.cds--grid {
  margin-inline: auto;
  max-inline-size: 99rem;
  padding-inline: 1rem;
}
@media (min-width: 42rem) {
  .cds--grid {
    padding-inline: 2rem;
  }
}
@media (min-width: 99rem) {
  .cds--grid {
    padding-inline: 2.5rem;
  }
}

@media (min-width: 99rem) {
  .cds--grid--full-width {
    max-inline-size: 100%;
  }
}
.cds--row {
  display: flex;
  flex-wrap: wrap;
  margin-inline: -1rem;
}

.cds--row-padding [class*=cds--col],
.cds--col-padding {
  padding-block: 1rem;
}

.cds--grid--condensed [class*=cds--col] {
  padding-block: 0.03125rem;
}

.cds--col {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col, .cds--grid--condensed .cds--col {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col, .cds--grid--narrow .cds--col {
  padding-inline: 0 1rem;
}

.cds--col-sm-0 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-sm-0, .cds--grid--condensed .cds--col-sm-0 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-sm-0, .cds--grid--narrow .cds--col-sm-0 {
  padding-inline: 0 1rem;
}

.cds--col-sm-1 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-sm-1, .cds--grid--condensed .cds--col-sm-1 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-sm-1, .cds--grid--narrow .cds--col-sm-1 {
  padding-inline: 0 1rem;
}

.cds--col-sm-2 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-sm-2, .cds--grid--condensed .cds--col-sm-2 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-sm-2, .cds--grid--narrow .cds--col-sm-2 {
  padding-inline: 0 1rem;
}

.cds--col-sm-3 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-sm-3, .cds--grid--condensed .cds--col-sm-3 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-sm-3, .cds--grid--narrow .cds--col-sm-3 {
  padding-inline: 0 1rem;
}

.cds--col-sm-4 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-sm-4, .cds--grid--condensed .cds--col-sm-4 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-sm-4, .cds--grid--narrow .cds--col-sm-4 {
  padding-inline: 0 1rem;
}

.cds--col-sm,
.cds--col-sm--auto {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-sm, .cds--grid--condensed .cds--col-sm,
.cds--row--condensed .cds--col-sm--auto,
.cds--grid--condensed .cds--col-sm--auto {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-sm, .cds--grid--narrow .cds--col-sm,
.cds--row--narrow .cds--col-sm--auto,
.cds--grid--narrow .cds--col-sm--auto {
  padding-inline: 0 1rem;
}

.cds--col,
.cds--col-sm {
  flex-basis: 0;
  flex-grow: 1;
  max-inline-size: 100%;
}

.cds--col--auto,
.cds--col-sm--auto {
  flex: 1 0 0%;
  inline-size: auto;
  max-inline-size: 100%;
}

.cds--col-sm-0 {
  display: none;
}

.cds--col-sm-1 {
  display: block;
  flex: 0 0 25%;
  max-inline-size: 25%;
}

.cds--col-sm-2 {
  display: block;
  flex: 0 0 50%;
  max-inline-size: 50%;
}

.cds--col-sm-3 {
  display: block;
  flex: 0 0 75%;
  max-inline-size: 75%;
}

.cds--col-sm-4 {
  display: block;
  flex: 0 0 100%;
  max-inline-size: 100%;
}

.cds--offset-sm-0 {
  margin-inline-start: 0;
}

.cds--offset-sm-1 {
  margin-inline-start: 25%;
}

.cds--offset-sm-2 {
  margin-inline-start: 50%;
}

.cds--offset-sm-3 {
  margin-inline-start: 75%;
}

.cds--col-md-0 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-md-0, .cds--grid--condensed .cds--col-md-0 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-md-0, .cds--grid--narrow .cds--col-md-0 {
  padding-inline: 0 1rem;
}

.cds--col-md-1 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-md-1, .cds--grid--condensed .cds--col-md-1 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-md-1, .cds--grid--narrow .cds--col-md-1 {
  padding-inline: 0 1rem;
}

.cds--col-md-2 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-md-2, .cds--grid--condensed .cds--col-md-2 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-md-2, .cds--grid--narrow .cds--col-md-2 {
  padding-inline: 0 1rem;
}

.cds--col-md-3 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-md-3, .cds--grid--condensed .cds--col-md-3 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-md-3, .cds--grid--narrow .cds--col-md-3 {
  padding-inline: 0 1rem;
}

.cds--col-md-4 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-md-4, .cds--grid--condensed .cds--col-md-4 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-md-4, .cds--grid--narrow .cds--col-md-4 {
  padding-inline: 0 1rem;
}

.cds--col-md-5 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-md-5, .cds--grid--condensed .cds--col-md-5 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-md-5, .cds--grid--narrow .cds--col-md-5 {
  padding-inline: 0 1rem;
}

.cds--col-md-6 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-md-6, .cds--grid--condensed .cds--col-md-6 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-md-6, .cds--grid--narrow .cds--col-md-6 {
  padding-inline: 0 1rem;
}

.cds--col-md-7 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-md-7, .cds--grid--condensed .cds--col-md-7 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-md-7, .cds--grid--narrow .cds--col-md-7 {
  padding-inline: 0 1rem;
}

.cds--col-md-8 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-md-8, .cds--grid--condensed .cds--col-md-8 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-md-8, .cds--grid--narrow .cds--col-md-8 {
  padding-inline: 0 1rem;
}

.cds--col-md,
.cds--col-md--auto {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-md, .cds--grid--condensed .cds--col-md,
.cds--row--condensed .cds--col-md--auto,
.cds--grid--condensed .cds--col-md--auto {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-md, .cds--grid--narrow .cds--col-md,
.cds--row--narrow .cds--col-md--auto,
.cds--grid--narrow .cds--col-md--auto {
  padding-inline: 0 1rem;
}

@media (min-width: 42rem) {
  .cds--col,
  .cds--col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-inline-size: 100%;
  }
  .cds--col--auto,
  .cds--col-md--auto {
    flex: 1 0 0%;
    inline-size: auto;
    max-inline-size: 100%;
  }
  .cds--col-md-0 {
    display: none;
  }
  .cds--col-md-1 {
    display: block;
    flex: 0 0 12.5%;
    max-inline-size: 12.5%;
  }
  .cds--col-md-2 {
    display: block;
    flex: 0 0 25%;
    max-inline-size: 25%;
  }
  .cds--col-md-3 {
    display: block;
    flex: 0 0 37.5%;
    max-inline-size: 37.5%;
  }
  .cds--col-md-4 {
    display: block;
    flex: 0 0 50%;
    max-inline-size: 50%;
  }
  .cds--col-md-5 {
    display: block;
    flex: 0 0 62.5%;
    max-inline-size: 62.5%;
  }
  .cds--col-md-6 {
    display: block;
    flex: 0 0 75%;
    max-inline-size: 75%;
  }
  .cds--col-md-7 {
    display: block;
    flex: 0 0 87.5%;
    max-inline-size: 87.5%;
  }
  .cds--col-md-8 {
    display: block;
    flex: 0 0 100%;
    max-inline-size: 100%;
  }
  .cds--offset-md-0 {
    margin-inline-start: 0;
  }
  .cds--offset-md-1 {
    margin-inline-start: 12.5%;
  }
  .cds--offset-md-2 {
    margin-inline-start: 25%;
  }
  .cds--offset-md-3 {
    margin-inline-start: 37.5%;
  }
  .cds--offset-md-4 {
    margin-inline-start: 50%;
  }
  .cds--offset-md-5 {
    margin-inline-start: 62.5%;
  }
  .cds--offset-md-6 {
    margin-inline-start: 75%;
  }
  .cds--offset-md-7 {
    margin-inline-start: 87.5%;
  }
}
.cds--col-lg-0 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-0, .cds--grid--condensed .cds--col-lg-0 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-0, .cds--grid--narrow .cds--col-lg-0 {
  padding-inline: 0 1rem;
}

.cds--col-lg-1 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-1, .cds--grid--condensed .cds--col-lg-1 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-1, .cds--grid--narrow .cds--col-lg-1 {
  padding-inline: 0 1rem;
}

.cds--col-lg-2 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-2, .cds--grid--condensed .cds--col-lg-2 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-2, .cds--grid--narrow .cds--col-lg-2 {
  padding-inline: 0 1rem;
}

.cds--col-lg-3 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-3, .cds--grid--condensed .cds--col-lg-3 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-3, .cds--grid--narrow .cds--col-lg-3 {
  padding-inline: 0 1rem;
}

.cds--col-lg-4 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-4, .cds--grid--condensed .cds--col-lg-4 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-4, .cds--grid--narrow .cds--col-lg-4 {
  padding-inline: 0 1rem;
}

.cds--col-lg-5 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-5, .cds--grid--condensed .cds--col-lg-5 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-5, .cds--grid--narrow .cds--col-lg-5 {
  padding-inline: 0 1rem;
}

.cds--col-lg-6 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-6, .cds--grid--condensed .cds--col-lg-6 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-6, .cds--grid--narrow .cds--col-lg-6 {
  padding-inline: 0 1rem;
}

.cds--col-lg-7 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-7, .cds--grid--condensed .cds--col-lg-7 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-7, .cds--grid--narrow .cds--col-lg-7 {
  padding-inline: 0 1rem;
}

.cds--col-lg-8 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-8, .cds--grid--condensed .cds--col-lg-8 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-8, .cds--grid--narrow .cds--col-lg-8 {
  padding-inline: 0 1rem;
}

.cds--col-lg-9 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-9, .cds--grid--condensed .cds--col-lg-9 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-9, .cds--grid--narrow .cds--col-lg-9 {
  padding-inline: 0 1rem;
}

.cds--col-lg-10 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-10, .cds--grid--condensed .cds--col-lg-10 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-10, .cds--grid--narrow .cds--col-lg-10 {
  padding-inline: 0 1rem;
}

.cds--col-lg-11 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-11, .cds--grid--condensed .cds--col-lg-11 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-11, .cds--grid--narrow .cds--col-lg-11 {
  padding-inline: 0 1rem;
}

.cds--col-lg-12 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-12, .cds--grid--condensed .cds--col-lg-12 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-12, .cds--grid--narrow .cds--col-lg-12 {
  padding-inline: 0 1rem;
}

.cds--col-lg-13 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-13, .cds--grid--condensed .cds--col-lg-13 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-13, .cds--grid--narrow .cds--col-lg-13 {
  padding-inline: 0 1rem;
}

.cds--col-lg-14 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-14, .cds--grid--condensed .cds--col-lg-14 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-14, .cds--grid--narrow .cds--col-lg-14 {
  padding-inline: 0 1rem;
}

.cds--col-lg-15 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-15, .cds--grid--condensed .cds--col-lg-15 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-15, .cds--grid--narrow .cds--col-lg-15 {
  padding-inline: 0 1rem;
}

.cds--col-lg-16 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg-16, .cds--grid--condensed .cds--col-lg-16 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg-16, .cds--grid--narrow .cds--col-lg-16 {
  padding-inline: 0 1rem;
}

.cds--col-lg,
.cds--col-lg--auto {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-lg, .cds--grid--condensed .cds--col-lg,
.cds--row--condensed .cds--col-lg--auto,
.cds--grid--condensed .cds--col-lg--auto {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-lg, .cds--grid--narrow .cds--col-lg,
.cds--row--narrow .cds--col-lg--auto,
.cds--grid--narrow .cds--col-lg--auto {
  padding-inline: 0 1rem;
}

@media (min-width: 66rem) {
  .cds--col,
  .cds--col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-inline-size: 100%;
  }
  .cds--col--auto,
  .cds--col-lg--auto {
    flex: 1 0 0%;
    inline-size: auto;
    max-inline-size: 100%;
  }
  .cds--col-lg-0 {
    display: none;
  }
  .cds--col-lg-1 {
    display: block;
    flex: 0 0 6.25%;
    max-inline-size: 6.25%;
  }
  .cds--col-lg-2 {
    display: block;
    flex: 0 0 12.5%;
    max-inline-size: 12.5%;
  }
  .cds--col-lg-3 {
    display: block;
    flex: 0 0 18.75%;
    max-inline-size: 18.75%;
  }
  .cds--col-lg-4 {
    display: block;
    flex: 0 0 25%;
    max-inline-size: 25%;
  }
  .cds--col-lg-5 {
    display: block;
    flex: 0 0 31.25%;
    max-inline-size: 31.25%;
  }
  .cds--col-lg-6 {
    display: block;
    flex: 0 0 37.5%;
    max-inline-size: 37.5%;
  }
  .cds--col-lg-7 {
    display: block;
    flex: 0 0 43.75%;
    max-inline-size: 43.75%;
  }
  .cds--col-lg-8 {
    display: block;
    flex: 0 0 50%;
    max-inline-size: 50%;
  }
  .cds--col-lg-9 {
    display: block;
    flex: 0 0 56.25%;
    max-inline-size: 56.25%;
  }
  .cds--col-lg-10 {
    display: block;
    flex: 0 0 62.5%;
    max-inline-size: 62.5%;
  }
  .cds--col-lg-11 {
    display: block;
    flex: 0 0 68.75%;
    max-inline-size: 68.75%;
  }
  .cds--col-lg-12 {
    display: block;
    flex: 0 0 75%;
    max-inline-size: 75%;
  }
  .cds--col-lg-13 {
    display: block;
    flex: 0 0 81.25%;
    max-inline-size: 81.25%;
  }
  .cds--col-lg-14 {
    display: block;
    flex: 0 0 87.5%;
    max-inline-size: 87.5%;
  }
  .cds--col-lg-15 {
    display: block;
    flex: 0 0 93.75%;
    max-inline-size: 93.75%;
  }
  .cds--col-lg-16 {
    display: block;
    flex: 0 0 100%;
    max-inline-size: 100%;
  }
  .cds--offset-lg-0 {
    margin-inline-start: 0;
  }
  .cds--offset-lg-1 {
    margin-inline-start: 6.25%;
  }
  .cds--offset-lg-2 {
    margin-inline-start: 12.5%;
  }
  .cds--offset-lg-3 {
    margin-inline-start: 18.75%;
  }
  .cds--offset-lg-4 {
    margin-inline-start: 25%;
  }
  .cds--offset-lg-5 {
    margin-inline-start: 31.25%;
  }
  .cds--offset-lg-6 {
    margin-inline-start: 37.5%;
  }
  .cds--offset-lg-7 {
    margin-inline-start: 43.75%;
  }
  .cds--offset-lg-8 {
    margin-inline-start: 50%;
  }
  .cds--offset-lg-9 {
    margin-inline-start: 56.25%;
  }
  .cds--offset-lg-10 {
    margin-inline-start: 62.5%;
  }
  .cds--offset-lg-11 {
    margin-inline-start: 68.75%;
  }
  .cds--offset-lg-12 {
    margin-inline-start: 75%;
  }
  .cds--offset-lg-13 {
    margin-inline-start: 81.25%;
  }
  .cds--offset-lg-14 {
    margin-inline-start: 87.5%;
  }
  .cds--offset-lg-15 {
    margin-inline-start: 93.75%;
  }
}
.cds--col-xlg-0 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-0, .cds--grid--condensed .cds--col-xlg-0 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-0, .cds--grid--narrow .cds--col-xlg-0 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-1 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-1, .cds--grid--condensed .cds--col-xlg-1 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-1, .cds--grid--narrow .cds--col-xlg-1 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-2 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-2, .cds--grid--condensed .cds--col-xlg-2 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-2, .cds--grid--narrow .cds--col-xlg-2 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-3 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-3, .cds--grid--condensed .cds--col-xlg-3 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-3, .cds--grid--narrow .cds--col-xlg-3 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-4 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-4, .cds--grid--condensed .cds--col-xlg-4 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-4, .cds--grid--narrow .cds--col-xlg-4 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-5 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-5, .cds--grid--condensed .cds--col-xlg-5 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-5, .cds--grid--narrow .cds--col-xlg-5 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-6 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-6, .cds--grid--condensed .cds--col-xlg-6 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-6, .cds--grid--narrow .cds--col-xlg-6 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-7 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-7, .cds--grid--condensed .cds--col-xlg-7 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-7, .cds--grid--narrow .cds--col-xlg-7 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-8 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-8, .cds--grid--condensed .cds--col-xlg-8 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-8, .cds--grid--narrow .cds--col-xlg-8 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-9 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-9, .cds--grid--condensed .cds--col-xlg-9 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-9, .cds--grid--narrow .cds--col-xlg-9 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-10 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-10, .cds--grid--condensed .cds--col-xlg-10 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-10, .cds--grid--narrow .cds--col-xlg-10 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-11 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-11, .cds--grid--condensed .cds--col-xlg-11 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-11, .cds--grid--narrow .cds--col-xlg-11 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-12 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-12, .cds--grid--condensed .cds--col-xlg-12 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-12, .cds--grid--narrow .cds--col-xlg-12 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-13 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-13, .cds--grid--condensed .cds--col-xlg-13 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-13, .cds--grid--narrow .cds--col-xlg-13 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-14 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-14, .cds--grid--condensed .cds--col-xlg-14 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-14, .cds--grid--narrow .cds--col-xlg-14 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-15 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-15, .cds--grid--condensed .cds--col-xlg-15 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-15, .cds--grid--narrow .cds--col-xlg-15 {
  padding-inline: 0 1rem;
}

.cds--col-xlg-16 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg-16, .cds--grid--condensed .cds--col-xlg-16 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg-16, .cds--grid--narrow .cds--col-xlg-16 {
  padding-inline: 0 1rem;
}

.cds--col-xlg,
.cds--col-xlg--auto {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-xlg, .cds--grid--condensed .cds--col-xlg,
.cds--row--condensed .cds--col-xlg--auto,
.cds--grid--condensed .cds--col-xlg--auto {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-xlg, .cds--grid--narrow .cds--col-xlg,
.cds--row--narrow .cds--col-xlg--auto,
.cds--grid--narrow .cds--col-xlg--auto {
  padding-inline: 0 1rem;
}

@media (min-width: 82rem) {
  .cds--col,
  .cds--col-xlg {
    flex-basis: 0;
    flex-grow: 1;
    max-inline-size: 100%;
  }
  .cds--col--auto,
  .cds--col-xlg--auto {
    flex: 1 0 0%;
    inline-size: auto;
    max-inline-size: 100%;
  }
  .cds--col-xlg-0 {
    display: none;
  }
  .cds--col-xlg-1 {
    display: block;
    flex: 0 0 6.25%;
    max-inline-size: 6.25%;
  }
  .cds--col-xlg-2 {
    display: block;
    flex: 0 0 12.5%;
    max-inline-size: 12.5%;
  }
  .cds--col-xlg-3 {
    display: block;
    flex: 0 0 18.75%;
    max-inline-size: 18.75%;
  }
  .cds--col-xlg-4 {
    display: block;
    flex: 0 0 25%;
    max-inline-size: 25%;
  }
  .cds--col-xlg-5 {
    display: block;
    flex: 0 0 31.25%;
    max-inline-size: 31.25%;
  }
  .cds--col-xlg-6 {
    display: block;
    flex: 0 0 37.5%;
    max-inline-size: 37.5%;
  }
  .cds--col-xlg-7 {
    display: block;
    flex: 0 0 43.75%;
    max-inline-size: 43.75%;
  }
  .cds--col-xlg-8 {
    display: block;
    flex: 0 0 50%;
    max-inline-size: 50%;
  }
  .cds--col-xlg-9 {
    display: block;
    flex: 0 0 56.25%;
    max-inline-size: 56.25%;
  }
  .cds--col-xlg-10 {
    display: block;
    flex: 0 0 62.5%;
    max-inline-size: 62.5%;
  }
  .cds--col-xlg-11 {
    display: block;
    flex: 0 0 68.75%;
    max-inline-size: 68.75%;
  }
  .cds--col-xlg-12 {
    display: block;
    flex: 0 0 75%;
    max-inline-size: 75%;
  }
  .cds--col-xlg-13 {
    display: block;
    flex: 0 0 81.25%;
    max-inline-size: 81.25%;
  }
  .cds--col-xlg-14 {
    display: block;
    flex: 0 0 87.5%;
    max-inline-size: 87.5%;
  }
  .cds--col-xlg-15 {
    display: block;
    flex: 0 0 93.75%;
    max-inline-size: 93.75%;
  }
  .cds--col-xlg-16 {
    display: block;
    flex: 0 0 100%;
    max-inline-size: 100%;
  }
  .cds--offset-xlg-0 {
    margin-inline-start: 0;
  }
  .cds--offset-xlg-1 {
    margin-inline-start: 6.25%;
  }
  .cds--offset-xlg-2 {
    margin-inline-start: 12.5%;
  }
  .cds--offset-xlg-3 {
    margin-inline-start: 18.75%;
  }
  .cds--offset-xlg-4 {
    margin-inline-start: 25%;
  }
  .cds--offset-xlg-5 {
    margin-inline-start: 31.25%;
  }
  .cds--offset-xlg-6 {
    margin-inline-start: 37.5%;
  }
  .cds--offset-xlg-7 {
    margin-inline-start: 43.75%;
  }
  .cds--offset-xlg-8 {
    margin-inline-start: 50%;
  }
  .cds--offset-xlg-9 {
    margin-inline-start: 56.25%;
  }
  .cds--offset-xlg-10 {
    margin-inline-start: 62.5%;
  }
  .cds--offset-xlg-11 {
    margin-inline-start: 68.75%;
  }
  .cds--offset-xlg-12 {
    margin-inline-start: 75%;
  }
  .cds--offset-xlg-13 {
    margin-inline-start: 81.25%;
  }
  .cds--offset-xlg-14 {
    margin-inline-start: 87.5%;
  }
  .cds--offset-xlg-15 {
    margin-inline-start: 93.75%;
  }
}
.cds--col-max-0 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-0, .cds--grid--condensed .cds--col-max-0 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-0, .cds--grid--narrow .cds--col-max-0 {
  padding-inline: 0 1rem;
}

.cds--col-max-1 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-1, .cds--grid--condensed .cds--col-max-1 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-1, .cds--grid--narrow .cds--col-max-1 {
  padding-inline: 0 1rem;
}

.cds--col-max-2 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-2, .cds--grid--condensed .cds--col-max-2 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-2, .cds--grid--narrow .cds--col-max-2 {
  padding-inline: 0 1rem;
}

.cds--col-max-3 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-3, .cds--grid--condensed .cds--col-max-3 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-3, .cds--grid--narrow .cds--col-max-3 {
  padding-inline: 0 1rem;
}

.cds--col-max-4 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-4, .cds--grid--condensed .cds--col-max-4 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-4, .cds--grid--narrow .cds--col-max-4 {
  padding-inline: 0 1rem;
}

.cds--col-max-5 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-5, .cds--grid--condensed .cds--col-max-5 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-5, .cds--grid--narrow .cds--col-max-5 {
  padding-inline: 0 1rem;
}

.cds--col-max-6 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-6, .cds--grid--condensed .cds--col-max-6 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-6, .cds--grid--narrow .cds--col-max-6 {
  padding-inline: 0 1rem;
}

.cds--col-max-7 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-7, .cds--grid--condensed .cds--col-max-7 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-7, .cds--grid--narrow .cds--col-max-7 {
  padding-inline: 0 1rem;
}

.cds--col-max-8 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-8, .cds--grid--condensed .cds--col-max-8 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-8, .cds--grid--narrow .cds--col-max-8 {
  padding-inline: 0 1rem;
}

.cds--col-max-9 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-9, .cds--grid--condensed .cds--col-max-9 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-9, .cds--grid--narrow .cds--col-max-9 {
  padding-inline: 0 1rem;
}

.cds--col-max-10 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-10, .cds--grid--condensed .cds--col-max-10 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-10, .cds--grid--narrow .cds--col-max-10 {
  padding-inline: 0 1rem;
}

.cds--col-max-11 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-11, .cds--grid--condensed .cds--col-max-11 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-11, .cds--grid--narrow .cds--col-max-11 {
  padding-inline: 0 1rem;
}

.cds--col-max-12 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-12, .cds--grid--condensed .cds--col-max-12 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-12, .cds--grid--narrow .cds--col-max-12 {
  padding-inline: 0 1rem;
}

.cds--col-max-13 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-13, .cds--grid--condensed .cds--col-max-13 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-13, .cds--grid--narrow .cds--col-max-13 {
  padding-inline: 0 1rem;
}

.cds--col-max-14 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-14, .cds--grid--condensed .cds--col-max-14 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-14, .cds--grid--narrow .cds--col-max-14 {
  padding-inline: 0 1rem;
}

.cds--col-max-15 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-15, .cds--grid--condensed .cds--col-max-15 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-15, .cds--grid--narrow .cds--col-max-15 {
  padding-inline: 0 1rem;
}

.cds--col-max-16 {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max-16, .cds--grid--condensed .cds--col-max-16 {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max-16, .cds--grid--narrow .cds--col-max-16 {
  padding-inline: 0 1rem;
}

.cds--col-max,
.cds--col-max--auto {
  inline-size: 100%;
  padding-inline: 1rem;
}
.cds--row--condensed .cds--col-max, .cds--grid--condensed .cds--col-max,
.cds--row--condensed .cds--col-max--auto,
.cds--grid--condensed .cds--col-max--auto {
  padding-inline: 0.03125rem;
}
.cds--row--narrow .cds--col-max, .cds--grid--narrow .cds--col-max,
.cds--row--narrow .cds--col-max--auto,
.cds--grid--narrow .cds--col-max--auto {
  padding-inline: 0 1rem;
}

@media (min-width: 99rem) {
  .cds--col,
  .cds--col-max {
    flex-basis: 0;
    flex-grow: 1;
    max-inline-size: 100%;
  }
  .cds--col--auto,
  .cds--col-max--auto {
    flex: 1 0 0%;
    inline-size: auto;
    max-inline-size: 100%;
  }
  .cds--col-max-0 {
    display: none;
  }
  .cds--col-max-1 {
    display: block;
    flex: 0 0 6.25%;
    max-inline-size: 6.25%;
  }
  .cds--col-max-2 {
    display: block;
    flex: 0 0 12.5%;
    max-inline-size: 12.5%;
  }
  .cds--col-max-3 {
    display: block;
    flex: 0 0 18.75%;
    max-inline-size: 18.75%;
  }
  .cds--col-max-4 {
    display: block;
    flex: 0 0 25%;
    max-inline-size: 25%;
  }
  .cds--col-max-5 {
    display: block;
    flex: 0 0 31.25%;
    max-inline-size: 31.25%;
  }
  .cds--col-max-6 {
    display: block;
    flex: 0 0 37.5%;
    max-inline-size: 37.5%;
  }
  .cds--col-max-7 {
    display: block;
    flex: 0 0 43.75%;
    max-inline-size: 43.75%;
  }
  .cds--col-max-8 {
    display: block;
    flex: 0 0 50%;
    max-inline-size: 50%;
  }
  .cds--col-max-9 {
    display: block;
    flex: 0 0 56.25%;
    max-inline-size: 56.25%;
  }
  .cds--col-max-10 {
    display: block;
    flex: 0 0 62.5%;
    max-inline-size: 62.5%;
  }
  .cds--col-max-11 {
    display: block;
    flex: 0 0 68.75%;
    max-inline-size: 68.75%;
  }
  .cds--col-max-12 {
    display: block;
    flex: 0 0 75%;
    max-inline-size: 75%;
  }
  .cds--col-max-13 {
    display: block;
    flex: 0 0 81.25%;
    max-inline-size: 81.25%;
  }
  .cds--col-max-14 {
    display: block;
    flex: 0 0 87.5%;
    max-inline-size: 87.5%;
  }
  .cds--col-max-15 {
    display: block;
    flex: 0 0 93.75%;
    max-inline-size: 93.75%;
  }
  .cds--col-max-16 {
    display: block;
    flex: 0 0 100%;
    max-inline-size: 100%;
  }
  .cds--offset-max-0 {
    margin-inline-start: 0;
  }
  .cds--offset-max-1 {
    margin-inline-start: 6.25%;
  }
  .cds--offset-max-2 {
    margin-inline-start: 12.5%;
  }
  .cds--offset-max-3 {
    margin-inline-start: 18.75%;
  }
  .cds--offset-max-4 {
    margin-inline-start: 25%;
  }
  .cds--offset-max-5 {
    margin-inline-start: 31.25%;
  }
  .cds--offset-max-6 {
    margin-inline-start: 37.5%;
  }
  .cds--offset-max-7 {
    margin-inline-start: 43.75%;
  }
  .cds--offset-max-8 {
    margin-inline-start: 50%;
  }
  .cds--offset-max-9 {
    margin-inline-start: 56.25%;
  }
  .cds--offset-max-10 {
    margin-inline-start: 62.5%;
  }
  .cds--offset-max-11 {
    margin-inline-start: 68.75%;
  }
  .cds--offset-max-12 {
    margin-inline-start: 75%;
  }
  .cds--offset-max-13 {
    margin-inline-start: 81.25%;
  }
  .cds--offset-max-14 {
    margin-inline-start: 87.5%;
  }
  .cds--offset-max-15 {
    margin-inline-start: 93.75%;
  }
}
.cds--no-gutter,
.cds--row.cds--no-gutter [class*=cds--col] {
  padding-inline: 0;
}

.cds--no-gutter--start,
.cds--row.cds--no-gutter--start [class*=cds--col] {
  padding-inline-start: 0;
}

.cds--no-gutter--end,
.cds--row.cds--no-gutter--end [class*=cds--col] {
  padding-inline-end: 0;
}

.cds--hang--start {
  padding-inline-start: 1rem;
}

.cds--hang--end {
  padding-inline-end: 1rem;
}

.c4p--action-bar.c4p--action-bar {
  display: block;
}
.c4p--action-bar .c4p--action-bar__displayed-items {
  display: inline-flex;
  inline-size: 100%;
  white-space: nowrap;
}
.c4p--action-bar .c4p--action-bar__displayed-items--right {
  justify-content: flex-end;
}
.c4p--action-bar .c4p--action-bar__hidden-sizing-items {
  position: absolute;
  overflow: hidden;
  inset-block-start: -100vh;
  inset-inline-start: -100vw;
  max-inline-size: 100vw;
  pointer-events: none;
  visibility: hidden;
}

.c4p--action-bar-overflow-items__options .c4p--action-bar-overflow-items__item {
  padding: 0 0.5rem;
}
.c4p--action-bar-overflow-items__options .c4p--action-bar-overflow-items__item-content {
  display: flex;
  justify-content: space-between;
  inline-size: 100%;
}
.c4p--action-bar-overflow-items__options .c4p--action-bar-overflow-items__item svg {
  margin: 0 0.25rem;
}

.c4p--breadcrumb-with-overflow.c4p--breadcrumb-with-overflow {
  display: block;
}
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__space {
  position: relative;
  display: block;
  inline-size: 100%;
  white-space: nowrap;
}
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container.c4p--breadcrumb-with-overflow__breadcrumb-container-with-items {
  display: inline-flex;
  inline-size: 100%;
}
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container .cds--breadcrumb {
  flex-wrap: nowrap;
  align-items: flex-start;
  inline-size: 100%;
}
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-container--hidden {
  position: absolute;
  overflow: hidden;
  inset-block-start: -100vh;
  inset-inline-start: -100vw;
  max-inline-size: 100vw;
  pointer-events: none;
  visibility: hidden;
}
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back {
  display: none;
}
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back svg {
  fill: var(--cds-icon-primary, #161616);
}
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__back__button.cds--btn {
  padding: 0;
  min-block-size: revert;
}
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__back__button.cds--btn--ghost:hover {
  background-color: inherit;
}
@media (max-width: 41.98rem) {
  .c4p--breadcrumb-with-overflow .cds--breadcrumb-item {
    display: none;
  }
  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__breadcrumb-back,
  .c4p--breadcrumb-with-overflow .cds--breadcrumb-item:last-child {
    display: inline-flex;
    vertical-align: middle;
  }
  .c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
    max-inline-size: calc(100% - 2rem);
  }
}
.c4p--breadcrumb-with-overflow .cds--breadcrumb-item:last-child {
  display: inline-flex;
}
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child {
  display: inline-flex;
}
.c4p--breadcrumb-with-overflow .c4p--breadcrumb-with-overflow__displayed-breadcrumb:last-child .cds--link {
  display: inline-block;
  overflow: hidden;
  inline-size: 100%;
  text-overflow: ellipsis;
}

.c4p--breadcrumb-with-overflow__overflow-menu {
  /* stylelint-disable-next-line carbon/type-use */
  line-height: 0;
}

.c4p--tag-set.c4p--tag-set {
  display: block;
  inline-size: 100%;
}
.c4p--tag-set .c4p--tag-set__space {
  position: relative;
  display: block;
  inline-size: 100%;
  white-space: nowrap;
}
.c4p--tag-set .c4p--tag-set__space--align-end {
  text-align: end;
}
.c4p--tag-set .c4p--tag-set__space--align-center {
  text-align: center;
}
.c4p--tag-set .c4p--tag-set__tag-container {
  display: inline-flex;
  white-space: nowrap;
}
.c4p--tag-set .c4p--tag-set__tag-container--multiline {
  flex-wrap: wrap;
}
.c4p--tag-set .c4p--tag-set__tag-container--hidden {
  position: absolute;
  overflow: hidden;
  inset-block-start: -100vh;
  inset-inline-start: -100vw;
  max-inline-size: 100vw;
  pointer-events: none;
  visibility: hidden;
}
.c4p--tag-set .c4p--tag-set-overflow {
  display: inline-block;
  vertical-align: bottom;
}
.c4p--tag-set .c4p--tag-set-overflow .cds--tag.cds--tag--interactive {
  border: 0;
}
.c4p--tag-set .c4p--tag-set-overflow .cds--popover .cds--popover-content {
  padding: 1rem;
}
.c4p--tag-set .c4p--tag-set-overflow--hidden {
  overflow: hidden;
  max-inline-size: 0;
  visibility: hidden;
}
.c4p--tag-set .cds--tag {
  margin-block-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.c4p--tag-set-modal.c4p--tag-set-modal {
  text-align: initial;
  white-space: initial;
}
@media (min-width: 42rem) {
  .c4p--tag-set-modal .c4p--tag-set-modal__container {
    block-size: 90%;
    max-block-size: 450px;
  }
}
.c4p--tag-set-modal .c4p--tag-set-modal__search {
  margin-block: 1rem 0;
}
.c4p--tag-set-modal .c4p--tag-set-modal__header {
  margin-inline-end: 1rem;
  padding-inline-end: 0;
}
.c4p--tag-set-modal .c4p--tag-set-modal__body .cds--tag {
  margin-block-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.c4p--tag-set-overflow__tagset-popover.c4p--tag-set-overflow__tagset-popover {
  min-inline-size: initial;
  text-align: start;
}
.c4p--tag-set-overflow__tagset-popover .cds--link:active,
.c4p--tag-set-overflow__tagset-popover .cds--link:active:visited,
.c4p--tag-set-overflow__tagset-popover .cds--link:active:visited:hover {
  color: var(--cds-text-inverse, #ffffff);
}
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-list {
  display: flex;
  flex-direction: column;
}
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link {
  color: var(--cds-link-inverse, #78a9ff);
  margin-block-start: 0.5rem;
}
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:hover, .c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:visited:hover {
  color: var(--cds-link-inverse-hover, #a6c8ff);
}
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:focus {
  color: var(--cds-focus-inverse, #ffffff);
}
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__show-all-tags-link:visited {
  color: var(--cds-link-inverse, #78a9ff);
}
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--tag .cds--tag {
  background-color: var(--cds-background-inverse-hover, #474747);
  margin-block-end: 0.125rem;
}
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default,
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag-item.c4p--tag-set-overflow__tag-item--default .cds--tag {
  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: block;
  overflow: hidden;
  padding: 0;
  border-radius: 0;
  margin: 0;
  background-color: inherit;
  color: inherit;
  min-block-size: initial;
  min-inline-size: initial;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag .cds--tag__close-icon {
  padding: 0;
}
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag .cds--tag--high-contrast {
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-primary, #161616);
}
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag .cds--tag__close-icon:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}
.c4p--tag-set-overflow__tagset-popover .c4p--tag-set-overflow__tag .cds--tag__close-icon:focus {
  box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
}

.c4p--button-set-with-overflow.c4p--button-set-with-overflow {
  display: flex;
  inline-size: 100%;
}
.c4p--button-set-with-overflow .c4p--button-set-with-overflow__space {
  position: relative;
  display: block;
  inline-size: 100%;
  white-space: nowrap;
}
.c4p--button-set-with-overflow .c4p--button-set-with-overflow__button-container {
  display: inline-flex;
}
.c4p--button-set-with-overflow .c4p--button-set-with-overflow__button-container--hidden {
  position: absolute;
  overflow: hidden;
  inset-block-start: -100vh;
  inset-inline-start: -100vw;
  max-inline-size: 100vw;
  pointer-events: none;
  visibility: hidden;
}
.c4p--button-set-with-overflow.c4p--button-set-with-overflow--right {
  justify-content: flex-end;
}

@keyframes background-appear {
  from {
    /* stylelint-disable-next-line carbon/theme-use */
    background-color: var(--from-color);
  }
  to {
    /* stylelint-disable-next-line carbon/theme-use */
    background-color: var(--to-color);
  }
}
@keyframes background-and-shadow-appear {
  from {
    /* stylelint-disable-next-line carbon/theme-use */
    background-color: var(--from-color);
    /* stylelint-disable-next-line carbon/theme-use */
    box-shadow: 0 1px 0 var(--from-color);
  }
  to {
    /* stylelint-disable-next-line carbon/theme-use */
    background-color: var(--to-color);
    /* stylelint-disable-next-line carbon/theme-use */
    box-shadow: 0 1px 0 var(--to-color-shadow);
  }
}
.c4p--page-header.c4p--page-header {
  /* Bleed class for the background */
  position: sticky;
  /* z-index used to raise above any position relative content as per Carbon header */
  /* dropped  1 below Carbon header so as not to overlay the side panel */
  z-index: 7999;
  display: inline-block; /* cause top/bottom margin to reserve space */
  background-color: var(--cds-background, #ffffff);
  border-block-end: 1px solid var(--cds-border-subtle-00, #e0e0e0);
  color: var(--cds-text-primary, #161616);
  inline-size: 100%;
  /* stylelint-disable-next-line carbon/layout-use */
  inset-block-start: var(--c4p--page-header--header-top);
  /* custom props */
  --c4p--page-header--breadcrumb-title-visibility: hidden;
  --c4p--page-header--breadcrumb-title-opacity: 1;
  --c4p--page-header--breadcrumb-top: 0;
  --c4p--page-header--background-opacity: 1;
  --c4p--page-header--breadcrumb-title-top: initial;
  --c4p--page-header--button-set-in-breadcrumb-width-px: initial;
}
.c4p--page-header.c4p--page-header--without-background {
  border-block-end: none;
}
.c4p--page-header::before {
  --from-color: var(--cds-background, #ffffff);
  --to-color: var(--cds-layer-01, #f4f4f4);
  --to-color-shadow: var(--cds-layer-accent-01, #e0e0e0);
  position: absolute;
  display: block;
  /* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- non-standard duration used */
  animation: background-appear 1000ms linear paused forwards;
  animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: -1;
}
.c4p--page-header .c4p--page-header--width--xl {
  padding-inline: 2rem;
}
.c4p--page-header .c4p--page-header__breadcrumb-row {
  position: sticky;
  z-index: 99;
  inset-block-start: var(--c4p--page-header--breadcrumb-top);
  min-block-size: 2.5rem;
}
.c4p--page-header .c4p--page-header__breadcrumb-row + .c4p--page-header__last-row-buffer--active {
  block-size: 0.25rem;
}
.c4p--page-header .c4p--page-header__breadcrumb-row:not(.c4p--page-header__breadcrumb-row--has-action-bar) {
  min-block-size: 2.5rem;
}
.c4p--page-header .c4p--page-header__breadcrumb-row--container {
  display: flex;
  flex-wrap: nowrap;
  min-inline-size: 100%;
}
.c4p--page-header .c4p--page-header__has-page-actions-without-action-bar {
  max-inline-size: calc(0.6 * (100% + 2 * 1rem));
  min-inline-size: calc(0.6 * (100% + 2 * 1rem));
}
.c4p--page-header .c4p--page-header__has-page-actions-with-title-collapsed {
  max-inline-size: none;
}
.c4p--page-header .c4p--page-header__has-page-actions-without-action-bar .c4p--page-header__has-page-actions-without-action-bar {
  min-inline-size: 100%;
}
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar .c4p--page-header__breadcrumb-row--container {
  min-inline-size: calc(100% + (var(--c4p--page-header--width-px) - var(--c4p--page-header--breadcrumb-row-width-px)) / 2);
}
.c4p--page-header .c4p--page-header__breadcrumb-row::after {
  position: absolute;
  display: block;
  block-size: 1px;
  /* creates a full width box shadow without causing scroll */
  box-shadow: 0 1px 0 0 var(--cds-layer-accent-01, #e0e0e0), 0 1px 0 0 var(--cds-layer-accent-01, #e0e0e0);
  content: "";
  inline-size: 50vw;
  inset-block-end: 0;
  inset-inline-start: 50%;
  opacity: 0;
  transform: translateX(-50%) scaleX(1);
  transition: all 150ms ease-out;
}
.c4p--page-header .c4p--page-header__breadcrumb-row--next-to-tabs:not(.c4p--page-header__has-page-actions-without-action-bar)::after,
.c4p--page-header .c4p--page-header__has-page-actions-without-action-bar.c4p--page-header__has-page-actions-with-title-collapsed::after,
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar::after {
  /* creates a full width box shadow without causing scroll */
  box-shadow: 25vw 1px 0 0 var(--cds-layer-accent-01, #e0e0e0), -25vw 1px 0 0 var(--cds-layer-accent-01, #e0e0e0);
  opacity: 1;
}
.c4p--page-header .c4p--page-header__breadcrumb-container {
  inline-size: 100%;
}
.c4p--page-header .c4p--page-header__action-bar-column {
  display: none;
}
.c4p--page-header .c4p--page-header__breadcrumb-row--has-breadcrumbs .c4p--page-header__action-bar-column {
  flex: 0 1 25%;
  max-inline-size: 25%;
}
@media (min-width: 42rem) {
  .c4p--page-header .c4p--page-header__breadcrumb-row--has-breadcrumbs .c4p--page-header__action-bar-column {
    flex: 1 0 40%;
    max-inline-size: 40%;
  }
}
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar .c4p--page-header__action-bar-column {
  display: initial;
}
.c4p--page-header .c4p--page-header__action-bar-column-content {
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
}
@media (min-width: 66rem) {
  .c4p--page-header .c4p--page-header__action-bar-column-content {
    flex-wrap: nowrap; /* assume enough space */
  }
}
.c4p--page-header .c4p--page-header__breadcrumb-row .c4p--page-header__page-actions {
  position: relative;
  display: inline-block;
  flex: 1 1 var(--c4p--page-header--button-set-in-breadcrumb-width-px);
  inline-size: 100%;
  max-inline-size: var(--c4p--page-header--button-set-in-breadcrumb-width-px);
  opacity: 0;
  transition: opacity 240ms cubic-bezier(0, 0, 0.38, 0.9);
  visibility: hidden;
  white-space: nowrap;
}
.c4p--page-header .c4p--page-header__breadcrumb-row .c4p--page-header__page-actions--in-breadcrumb {
  opacity: 1;
  visibility: visible;
}
.c4p--page-header .c4p--page-header__breadcrumb-column {
  overflow: hidden; /* required for ellipsis in title, title not visible in breadcrumb with back arrow */
  flex: 0 0 100%;
  max-inline-size: 100%;
}
@media (min-width: 42rem) {
  .c4p--page-header .c4p--page-header__breadcrumb-column {
    overflow: hidden; /* required for ellipsis in title, title not visible in breadcrumb with back arrow */
  }
}
.c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar.c4p--page-header__breadcrumb-row .c4p--page-header__breadcrumb-column {
  flex: 0 1 75%;
  max-inline-size: 75%;
}
@media (min-width: 42rem) {
  .c4p--page-header .c4p--page-header__breadcrumb-row--has-action-bar.c4p--page-header__breadcrumb-row .c4p--page-header__breadcrumb-column {
    flex: 0 1 60%;
    max-inline-size: 60%;
  }
}
.c4p--page-header .c4p--page-header__has-page-actions-without-action-bar.c4p--page-header__breadcrumb-row .c4p--page-header__breadcrumb-column {
  flex: 0 1 100%;
  max-inline-size: 100%;
}
.c4p--page-header .c4p--page-header__breadcrumb-column--background,
.c4p--page-header .c4p--page-header__action-bar-column--background {
  position: relative;
}
.c4p--page-header .c4p--page-header__breadcrumb-column--background::before,
.c4p--page-header .c4p--page-header__action-bar-column--background::before {
  --from-color: var(--cds-background, #ffffff);
  --to-color: var(--cds-layer-01, #f4f4f4);
  --to-color-shadow: var(--cds-layer-accent-01, #e0e0e0);
  position: absolute;
  display: block;
  /* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- non-standard duration used */
  animation: background-appear 1000ms linear paused forwards;
  animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.c4p--page-header .c4p--page-header__action-bar-column--influenced-by-collapse-button {
  padding-inline-end: 2.5rem;
}
.c4p--page-header .c4p--page-header__breadcrumb {
  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);
  padding-block-start: 0.75rem;
}
.c4p--page-header .c4p--page-header--breadcrumb.c4p--breadcrumb-with-overflow__with-items {
  padding-block-start: 0;
}
@media (min-width: 42rem) {
  .c4p--page-header .c4p--page-header--breadcrumb.c4p--breadcrumb-with-overflow__with-items {
    padding-block-start: 0.75rem;
  }
}
.c4p--page-header .c4p--page-header__breadcrumb .cds--breadcrumb-item {
  margin-inline-end: 0.25rem;
}
.c4p--page-header .c4p--page-header__breadcrumb .cds--breadcrumb-item::after {
  margin-inline-start: 0.25rem;
}
.c4p--page-header .c4p--page-header__breadcrumb .cds--breadcrumb-item,
.c4p--page-header .c4p--page-header__breadcrumb .cds--breadcrumb-item .cds--link {
  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);
}
.c4p--page-header .c4p--page-header__breadcrumb-title {
  position: relative;
}
.c4p--page-header .c4p--page-header__breadcrumb-title:not(.c4p--page-header__breadcrumb-title--pre-collapsed) {
  opacity: var(--c4p--page-header--breadcrumb-title-opacity);
  transform: translateY(var(--c4p--page-header--breadcrumb-title-top));
  visibility: var(--c4p--page-header--breadcrumb-title-visibility);
}
.c4p--page-header .c4p--page-header__breadcrumb-container--hidden .c4p--page-header__breadcrumb-title.c4p--page-header__breadcrumb-title {
  overflow: initial;
}
.c4p--page-header .c4p--page-header__action-bar {
  flex: 1 1 var(--c4p--page-header--max-action-bar-width-px);
  inline-size: 100%;
  margin-block-start: calc(-1 * 0.75rem); /* align with breadcrumb */
  max-inline-size: var(--c4p--page-header--max-action-bar-width-px);
  padding-block-start: 0.75rem;
  vertical-align: top;
  white-space: nowrap;
}
.c4p--page-header .c4p--page-header__title-row {
  --title-row-margin-top: 0.125rem; /* spacing needed in case of editable title, otherwise top of focus indicator hidden */
  margin-block-end: 0;
  transform: translateY(0.125rem);
}
@media (min-width: 42rem) {
  .c4p--page-header .c4p--page-header__title-row {
    flex-wrap: nowrap; /* assume enough space */
  }
}
.c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--under-action-bar {
  margin-block-start: 1rem;
  transform: translateY(0);
}
.c4p--page-header .c4p--page-header__title-row + .c4p--page-header__last-row-buffer--active {
  block-size: 2rem;
}
.c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--spacing-below-03 {
  margin-block-end: 0.5rem;
}
.c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--spacing-below-05 + .c4p--page-header__last-row-buffer--active {
  block-size: 1rem;
}
.c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--spacing-below-06 {
  margin-block-end: 1.5rem;
}
.c4p--page-header .c4p--page-header__title-row.c4p--page-header__title-row--no-breadcrumb-row {
  margin-block-start: 2rem;
}
.c4p--page-header.c4p--page-header--has-navigation .c4p--page-header__title-row + .c4p--page-header__last-row-buffer--active {
  block-size: calc(1.5rem);
}
.c4p--page-header.c4p--page-header--has-navigation-tags-only .c4p--page-header__title-row + .c4p--page-header__last-row-buffer--active {
  block-size: calc(1rem);
}
.c4p--page-header .c4p--page-header__title-row--sticky {
  position: sticky;
}
.c4p--page-header .c4p--page-header__breadcrumb-row--has-breadcrumbs + .c4p--page-header__title-row--sticky {
  inset-block-start: calc(var(--c4p--page-header--breadcrumb-top) - var(--title-row-margin-top));
}
.c4p--page-header .c4p--page-header__title-column {
  flex: 0 0 100%;
  min-block-size: 40px;
}
@media (min-width: 42rem) {
  .c4p--page-header .c4p--page-header__title-column {
    flex: 1 0 60%;
    max-inline-size: 60%;
  }
}
.c4p--page-header .c4p--page-header__tooltip {
  flex-basis: auto;
  min-inline-size: 0;
}
.c4p--page-header .c4p--page-header__tooltip button {
  border-block-end: none;
  cursor: default;
}
.c4p--page-header .c4p--page-header__titleText {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4p--page-header .c4p--page-header__title {
  font-size: var(--cds-heading-04-font-size, 1.75rem);
  font-weight: var(--cds-heading-04-font-weight, 400);
  line-height: var(--cds-heading-04-line-height, 1.28572);
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
  display: flex;
  min-block-size: 2.5rem;
}
.c4p--page-header .c4p--page-header__title--editable {
  display: flex;
  overflow: visible;
  margin-block-start: calc(-1 * 0.125rem);
  margin-inline-start: calc(-1 * 1rem);
}
.c4p--page-header .c4p--page-header__title-skeleton {
  block-size: 2rem;
}
.c4p--page-header .c4p--page-header__title--fades {
  opacity: calc(1 - var(--c4p--page-header--breadcrumb-title-opacity));
}
.c4p--page-header .c4p--page-header__title-icon {
  margin-inline-end: 0.75rem;
  transform: translateY(-0.125rem);
  vertical-align: middle;
}
.c4p--page-header .c4p--page-header__page-actions {
  flex: 0 0 100%;
  margin-block-start: 1rem;
  white-space: nowrap;
}
@media (min-width: 42rem) {
  .c4p--page-header .c4p--page-header__page-actions {
    flex: 0 1 40%;
    margin-block-start: 0;
    max-inline-size: 40%;
  }
}
.c4p--page-header .c4p--page-header__page-actions .cds--btn-set .cds--btn {
  inline-size: initial;
}
.c4p--page-header .c4p--page-header__action-bar-column .c4p--page-header__page-actions {
  margin-block-start: 0;
}
.c4p--page-header .c4p--page-header__page-actions-container {
  justify-content: flex-start;
}
@media (min-width: 42rem) {
  .c4p--page-header .c4p--page-header__page-actions-container {
    justify-content: flex-end;
  }
}
.c4p--page-header .c4p--page-header__title-row .c4p--page-header__page-actions {
  position: relative;
  opacity: 1;
  transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9);
  transition-property: opacity, visibility;
  visibility: visible;
}
.c4p--page-header .c4p--page-header__title-row .c4p--page-header__page-actions::before {
  --from-color: var(--cds-background, #ffffff);
  --to-color: var(--cds-layer-01, #f4f4f4);
  --to-color-shadow: var(--cds-layer-accent-01, #e0e0e0);
  position: absolute;
  display: block;
  /* stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use -- non-standard duration used */
  animation: background-appear 1000ms linear paused forwards;
  animation-delay: calc(-1000ms * var(--c4p--page-header--background-opacity));
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.c4p--page-header .c4p--page-header__page-actions-content {
  position: relative;
  display: flex;
  overflow: hidden;
  justify-content: flex-end;
  block-size: 100%;
  inline-size: 100%;
}
.c4p--page-header .c4p--page-header__title-row .c4p--page-header__page-actions--in-breadcrumb {
  opacity: 0;
  visibility: hidden;
}
.c4p--page-header .c4p--page-header__subtitle-row {
  margin-block-start: 0.5rem;
}
@media (min-width: 42rem) {
  .c4p--page-header .c4p--page-header__subtitle-row {
    max-inline-size: 60%;
  }
}
.c4p--page-header .c4p--page-header__subtitle-row + .c4p--page-header__last-row-buffer--active {
  block-size: 1rem;
}
.c4p--page-header .c4p--page-header__subtitle {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}
.c4p--page-header .c4p--page-header__subtitle-tooltip .cds--definition-term {
  border-block-end: 0;
  letter-spacing: inherit;
}
.c4p--page-header .c4p--page-header__subtitle-tooltip .cds--popover-content.cds--definition-tooltip {
  max-inline-size: fit-content;
}
.c4p--page-header .c4p--page-header__subtitle-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.c4p--page-header .c4p--page-header__available-row {
  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);
  margin-block-start: 0.5rem;
}
.c4p--page-header .c4p--page-header__available-row + .c4p--page-header__last-row-buffer--active {
  block-size: 1rem;
}
.c4p--page-header .c4p--page-header__title-row + .c4p--page-header__available-row {
  margin-block-start: 1rem;
}
.c4p--page-header .c4p--page-header__available-row * {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}
.c4p--page-header .c4p--page-header__navigation-row {
  flex-wrap: wrap-reverse;
  margin-block-start: 0;
}
.c4p--page-header .c4p--page-header__navigation-row .cds--content-switcher {
  box-sizing: content-box;
  padding-block-end: 1rem;
}
.c4p--page-header .c4p--page-header__navigation-row .cds--tab-content {
  display: none; /* need to figure out how to handle the tab content */
}
.c4p--page-header .c4p--page-header__action-bar-column--has-page-actions {
  display: block;
}
.c4p--page-header .c4p--page-header__has-page-actions-with-title-collapsed .c4p--page-header__action-bar-column--has-page-actions {
  display: block;
}
.c4p--page-header .c4p--page-header__navigation-tabs {
  margin-inline-start: calc(-1 * 1rem);
}
.c4p--page-header .c4p--page-header__navigation-row--has-tags .c4p--page-header__navigation-tabs {
  flex: 0 1 75%;
  max-inline-size: 75%;
}
.c4p--page-header .c4p--page-header__navigation-tags {
  display: flex;
  flex: 1 0 25%;
  align-items: center;
  justify-content: flex-end;
  max-inline-size: 25%;
  padding-block: 0.25rem;
  padding-inline-end: 2rem;
  text-align: end;
  white-space: nowrap;
}
@media (min-width: 42rem) {
  .c4p--page-header .c4p--page-header__navigation-tags {
    padding-inline-end: 1rem;
  }
}
.c4p--page-header .c4p--page-header__navigation-tags--tags-only {
  justify-content: flex-start;
  margin-inline-start: calc(-1 * 0.25rem);
  padding-block: 0 0.75rem;
  text-align: initial;
}
.c4p--page-header .c4p--page-header__navigation-row .cds--content-switcher-btn {
  background-color: var(--cds-background, #ffffff);
}
.c4p--page-header .c4p--page-header__collapse-expand-toggle {
  position: absolute;
  z-index: 100;
  inset-block-end: 0;
  inset-inline-end: 0;
}
.c4p--page-header .c4p--page-header__collapse-expand-toggle .cds--btn__icon {
  transition: all 400ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.c4p--page-header .c4p--page-header__collapse-expand-toggle--collapsed svg {
  transform: scaleY(-1);
}

:root {
  --c4p--page-header--tagset-tooltip-offset: 0;
}

.c4p--page-header__tagset-tooltip.c4p--page-header__tagset-tooltip {
  position: var(--c4p--page-header--tagset-tooltip-position) !important;
  inset-block-start: var(--c4p--page-header--tagset-tooltip-offset) !important;
}

.c4p--page-header__navigation-tags-overflow.cds--tooltip {
  z-index: 7999;
}

.c4p--page-header__action-bar-menu-options.cds--overflow-menu-options,
.cds--breadcrumb-menu-options.cds--overflow-menu-options,
.c4p--page-header__button-set-menu-options.cds--overflow-menu-options {
  z-index: 7999;
}

.c4p--page-header__button-set-menu-options > button.cds--menu-button__trigger {
  min-inline-size: 0;
}

.c4p--page-header__next.c4p--page-header {
  position: sticky;
  background-color: var(--cds-layer-01, #f4f4f4);
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  /* stylelint-disable-next-line carbon/layout-use */
  inset-block-start: var(--c4p-page-header-header-top);
}
.c4p--page-header__next .c4p--page-header__breadcrumb-bar {
  position: sticky;
  z-index: 1;
  background-color: var(--cds-layer);
  block-size: 2.5rem;
  /* stylelint-disable-next-line carbon/layout-use */
  inset-block-start: var(--c4p-page-header-breadcrumb-top);
}
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--subgrid,
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid {
  block-size: 100%;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column {
  block-size: 2.5rem;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column,
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .c4p--page-header__breadcrumb-container {
  block-size: 2.5rem;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .cds--css-grid .cds--css-grid-column .c4p--page-header__breadcrumb-wrapper,
.c4p--page-header__next .c4p--page-header__breadcrumb-bar .c4p--page-header__breadcrumb-container .c4p--page-header__breadcrumb-wrapper {
  align-items: center;
  block-size: inherit;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-container {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  block-size: 100%;
  inline-size: 100%;
}
.c4p--page-header__next .c4p--page-header__breadcrumb__actions-flush .cds--css-grid {
  padding-inline-end: 0;
}
.c4p--page-header__next .c4p--page-header__breadcrumb__actions-flush .cds--css-grid-column {
  margin-inline-end: 0;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-bar-border {
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}
.c4p--page-header__next .c4p--page-header__breadcrumb__icon {
  margin-inline-end: 0.5rem;
}
.c4p--page-header__next .c4p--page-header__breadcrumb__icon svg {
  fill: var(--cds-icon-primary, #161616);
}
.c4p--page-header__next .c4p--page-header__breadcrumb__actions {
  display: inline-flex;
  justify-content: flex-end;
  inline-size: 100%;
}
.c4p--page-header__next .c4p--page-header__breadcrumb__content-actions {
  inline-size: fit-content;
  margin-inline-end: 0.75rem;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper {
  display: inline-flex;
  inline-size: 100%;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow {
  inline-size: 100%;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb {
  display: flex;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow-item {
  display: none;
  opacity: 0;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-overflow-breadcrumb-item-with-items {
  display: flex;
  opacity: 1;
}
.c4p--page-header__next .c4p--page-header__content {
  padding: 1.5rem 0;
  background-color: var(--cds-layer);
}
@media (max-width: 41.98rem) {
  .c4p--page-header__next .c4p--page-header__content__title-wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 1rem;
  }
}
.c4p--page-header__next .c4p--page-header__content__title-wrapper {
  display: grid;
  gap: 1rem;
  grid-template-columns: auto minmax(var(--page-header-title-grid-width, 0), 1fr);
  margin-block-end: 1rem;
  min-block-size: 2.5rem;
}
.c4p--page-header__next .c4p--page-header__content__start {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.c4p--page-header__next .c4p--page-header__content__title-container {
  display: flex;
}
.c4p--page-header__next .c4p--page-header__content__title-container .cds--definition-term {
  border-block-end: none;
}
.c4p--page-header__next .c4p--page-header__content__contextual-actions {
  display: flex;
}
.c4p--page-header__next .c4p--page-header__content__title {
  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);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-inline-size: 40rem;
  text-overflow: ellipsis;
  white-space: normal;
}
.c4p--page-header__next .c4p--page-header__content:has(.c4p--page-header__content__contextual-actions) .c4p--page-header__content__title {
  -webkit-line-clamp: 1;
}
.c4p--page-header__next .c4p--page-header__content__icon {
  margin-inline-end: 1rem;
}
.c4p--page-header__next .c4p--page-header__content__icon svg {
  fill: var(--cds-icon-primary, #161616);
}
.c4p--page-header__next .c4p--page-header__content__page-actions {
  display: flex;
  justify-content: right;
  /* stylelint-disable-next-line carbon/motion-easing-use */
  transition: opacity cubic-bezier(0.2, 0, 0.38, 0.9) 240ms;
}
.c4p--page-header__next .c4p--page-header__content__page-actions.c4p--page-header__content__page-actions--clipped {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 41.98rem) {
  .c4p--page-header__next .c4p--page-header__content__page-actions {
    justify-content: left;
    margin-block-start: 0;
  }
}
.c4p--page-header__next .c4p--page-header__content__page-actions .cds--menu-button__trigger:not(.cds--btn--ghost) {
  min-inline-size: 0;
}
.c4p--page-header__next .c4p--page-header__content__subtitle {
  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);
  margin-block-end: 0.5rem;
}
.c4p--page-header__next .c4p--page-header__content__body {
  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);
  margin-block-start: 0.5rem;
  max-inline-size: 40rem;
}
.c4p--page-header__next [data-hidden]:not([data-fixed]) {
  display: none;
}
.c4p--page-header__next .c4p--page-header__hero-image {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: flex-end;
  block-size: 100%;
}
.c4p--page-header__next .c4p--page-header__tab-bar {
  background-color: var(--cds-layer);
}
.c4p--page-header__next .c4p--page-header__tab-bar--tablist {
  display: grid;
  gap: 2rem;
  grid-template-columns: auto minmax(0, 1fr);
}
.c4p--page-header__next .c4p--page-header__tab-bar--tablist .c4p--page-header__tags {
  display: flex;
  align-self: center;
  justify-content: flex-end;
}
.c4p--page-header__next .c4p--page-header__tab-bar--tablist.c4p--page-header__tab-bar--with-scroller .c4p--page-header__tags {
  display: flex;
  align-items: center;
  justify-content: right;
  transform: translateX(-1.5rem);
}
@media (min-width: 42rem) {
  .c4p--page-header__next .c4p--page-header__tab-bar--tablist.c4p--page-header__tab-bar--with-scroller .c4p--page-header__tags {
    padding-inline-end: 0.5rem;
    transform: translateX(0);
  }
}
@media (min-width: 99rem) {
  .c4p--page-header__next .c4p--page-header__tab-bar--tablist.c4p--page-header__tab-bar--with-scroller .c4p--page-header__tags {
    padding-inline-end: 1rem;
  }
}
.c4p--page-header__next .cds--tabs .cds--tab--overflow-nav-button {
  background-color: var(--cds-layer-01, #f4f4f4);
}
.c4p--page-header__next .cds--tabs .cds--tab--overflow-nav-button.cds--tab--overflow-nav-button--next::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer-01, #f4f4f4));
}
.c4p--page-header__next .cds--tabs .cds--tab--overflow-nav-button.cds--tab--overflow-nav-button--previous::before {
  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-01, #f4f4f4));
}
.c4p--page-header__next .cds--tabs .cds--tabs__nav-link {
  margin-inline-end: 0.125rem;
}
.c4p--page-header__next .c4p--page-header__tags {
  display: flex;
  align-items: center;
  justify-content: right;
}
.c4p--page-header__next .c4p--page-header__tags-popover-list {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.c4p--page-header__next .c4p--page-header--tag-overflow-container {
  align-content: center;
  text-align: end;
  transform: translateX(calc(-1 * 1.5rem));
}
@media (min-width: 42rem) {
  .c4p--page-header__next .c4p--page-header--tag-overflow-container {
    transform: translateX(calc(-1 * 0.5rem));
  }
}
@media (min-width: 66rem) {
  .c4p--page-header__next .c4p--page-header--tag-overflow-container {
    transform: translateX(2.5rem);
  }
}
.c4p--page-header__next .c4p--page-header--tag-overflow-container .cds--tag {
  margin-inline-end: 0.5rem;
}
.c4p--page-header__next .c4p--page-header--tag-overflow-popover__hidden {
  visibility: hidden;
}
.c4p--page-header__next .c4p--page-header--tag-overflow-container__has-no-hidden-items {
  /* stylelint-disable-next-line carbon/layout-use */
  transform: translateX(2rem);
}
.c4p--page-header__next .c4p--page-header__tag-item {
  flex-shrink: 0;
}
.c4p--page-header__next .c4p--page-header--scroller-button-icon {
  /* stylelint-disable-next-line */
  transition: transform 250ms;
}
@media (prefers-reduced-motion: reduce) {
  .c4p--page-header__next .c4p--page-header--scroller-button-icon {
    transition: none;
  }
}
.c4p--page-header__next .c4p--page-header--scroller-button-icon-collapsed {
  transform: rotate(-180deg);
}
.c4p--page-header__next .c4p--page-header--scroller-button-container {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0.125rem;
}
@keyframes page-header-title-breadcrumb-animation {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  5% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes page-header-title-breadcrumb-animation-reduced-motion {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.c4p--page-header__next .c4p--page-header__breadcrumb__content-actions {
  opacity: 0;
}
.c4p--page-header__next .c4p--page-header__breadcrumb__content-actions-with-global-actions--show {
  opacity: 1;
  transition: opacity cubic-bezier(0.2, 0, 0.38, 0.9) 150ms;
}
.c4p--page-header__next .c4p--page-header-title-breadcrumb {
  opacity: 0;
  transform: translateY(1rem);
  transition: transform cubic-bezier(0.2, 0, 0.38, 0.9) 150ms, opacity cubic-bezier(0.2, 0, 0.38, 0.9) 150ms;
}
@supports not (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: reduce) {
    .c4p--page-header__next .c4p--page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show {
      transform: translateY(0);
      /* stylelint-disable-next-line */
      transition: opacity cubic-bezier(0.2, 0, 0.38, 0.9) 150ms;
    }
  }
}
@supports (animation-timeline: scroll()) {
  .c4p--page-header__next .c4p--page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content-element {
    animation-direction: alternate;
    animation-duration: 1ms; /* Firefox requires this to apply the animation */
    animation-name: page-header-title-breadcrumb-animation;
    animation-timeline: scroll(block nearest);
  }
  @media (prefers-reduced-motion: reduce) {
    .c4p--page-header__next .c4p--page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__with-content-element {
      animation-name: page-header-title-breadcrumb-animation-reduced-motion;
      transform: translateY(0);
    }
  }
}
.c4p--page-header__next .c4p--page-header-title-breadcrumb.c4p--page-header-title-breadcrumb-show__without-content-element {
  opacity: 1;
  transform: translateY(0);
}

.c4p--card__productive {
  display: flex;
  flex-direction: column;
}
.c4p--card__productive .c4p--card__title {
  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);
}
.c4p--card__productive .c4p--card__title-lg .c4p--card__title {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
}
.c4p--card__productive .c4p--card__body {
  padding-block-start: 0.5rem;
}
.c4p--card__productive .c4p--card__footer {
  align-items: center;
  justify-content: space-between;
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}
.c4p--card__productive .c4p--card__footer-no-button {
  justify-content: flex-end;
}
.c4p--card__productive .c4p--card__actions {
  margin: 0;
  min-block-size: 2rem;
}
.c4p--card__productive .c4p--card__actions-header {
  margin-block-start: calc(-1 * 0.25rem);
}
.c4p--card__productive .c4p--card__actions-header-ghost-button {
  min-block-size: 2rem;
  padding-inline: 0.625rem;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--card__productive .c4p--card__actions-header-ghost-button::before {
  position: absolute;
  background-color: var(--cds-layer-hover-01, #e8e8e8);
  block-size: 1.5rem;
  content: "";
  inline-size: 0.05rem;
  inset-inline-start: 0;
  opacity: 1;
}
.c4p--card__productive .c4p--card__actions-header-ghost-button {
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--card__productive .c4p--card__actions-header-ghost-button:hover {
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--card__productive .c4p--card__actions-header-ghost-button:hover::before {
  opacity: 0;
}
.c4p--card__productive .c4p--card__actions-header-ghost-button:hover + .c4p--card__actions-header-ghost-button {
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--card__productive .c4p--card__actions-header-ghost-button:hover + .c4p--card__actions-header-ghost-button::before {
  opacity: 0;
}
.c4p--card__productive .c4p--card__actions-header-ghost-button {
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--card__productive .c4p--card__actions-header-ghost-button:first-child:not(:last-child) {
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--card__productive .c4p--card__actions-header-ghost-button:first-child:not(:last-child)::before {
  display: none;
}
.c4p--card__productive .c4p--card__title-lg .c4p--card__actions-header,
.c4p--card__productive .c4p--card__header-has-label .c4p--card__actions-header {
  margin-block-start: 0;
}
.c4p--card__productive .c4p--card__icon {
  margin-inline-end: 1rem;
}
.c4p--card__productive .c4p--card__header-container {
  align-items: flex-start;
}
.c4p--card__productive .c4p--card__content-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.c4p--card__productive .c4p--card__header-body-container {
  flex: 1;
}

.c4p--remove-modal .cds--modal-footer .cds--btn {
  max-inline-size: none;
}

.c4p--remove-modal .cds--modal-content {
  padding-inline-end: 1rem;
}

.c4p--remove-modal__body {
  margin-block-end: 1rem;
  padding-inline-end: 20%;
}

.c4p--saving__message {
  display: flex;
}

.c4p--saving__error-icon {
  margin-inline-end: 1rem;
}

.c4p--saving__error-icon svg {
  fill: var(--cds-button-danger-primary, #da1e28);
}

.c4p--saving__text {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}

.c4p--saving__buttons {
  display: flex;
}

.c4p--saving__buttons .cds--btn .cds--inline-loading {
  min-block-size: auto;
}

@keyframes rotating {
  0% {
    transform: scaleY(-1) rotate(360deg);
  }
  100% {
    transform: scaleY(-1) rotate(0deg);
  }
}
.c4p--status-icon {
  display: flex;
  justify-content: flex-end;
}

.c4p--status-icon--light.c4p--status-icon--light-minor-warning,
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
  fill: #fddc69;
}

.c4p--status-icon--light.c4p--status-icon--light-major-warning path:nth-of-type(1),
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning path:nth-of-type(1),
.c4p--status-icon--light.c4p--status-icon--light-minor-warning path:nth-of-type(1),
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning path:nth-of-type(1) {
  fill: #161616;
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-fatal,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal,
.c4p--status-icon--light.c4p--status-icon--light-fatal {
  fill: #000000;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .c4p--status-icon--light.c4p--status-icon--light-fatal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-fatal,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal,
.c4p--status-icon--light.c4p--status-icon--dark-fatal {
  fill: #000000;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--light.c4p--status-icon--dark-fatal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-critical,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical,
.c4p--status-icon--light.c4p--status-icon--light-critical {
  fill: #da1e28;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .c4p--status-icon--light.c4p--status-icon--light-critical .c4p--status-icon--light.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-critical,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical,
.c4p--status-icon--light.c4p--status-icon--dark-critical {
  fill: #da1e28;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--light.c4p--status-icon--dark-critical .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-major-warning,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning,
.c4p--status-icon--light.c4p--status-icon--light-major-warning {
  fill: #ff832b;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .c4p--status-icon--light.c4p--status-icon--light-major-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-major-warning,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning,
.c4p--status-icon--light.c4p--status-icon--dark-major-warning {
  fill: #ff832b;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--light.c4p--status-icon--dark-major-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-minor-warning,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning,
.c4p--status-icon--light.c4p--status-icon--light-minor-warning {
  fill: #fddc69;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .c4p--status-icon--light.c4p--status-icon--light-minor-warning .c4p--status-icon--light.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-minor-warning,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning,
.c4p--status-icon--light.c4p--status-icon--dark-minor-warning {
  fill: #fddc69;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--light.c4p--status-icon--dark-minor-warning .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-undefined,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined,
.c4p--status-icon--light.c4p--status-icon--light-undefined {
  fill: #8a3ffc;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .c4p--status-icon--light.c4p--status-icon--light-undefined .c4p--status-icon--light.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-undefined,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined,
.c4p--status-icon--light.c4p--status-icon--dark-undefined {
  fill: #8a3ffc;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--light.c4p--status-icon--dark-undefined .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-unknown,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown,
.c4p--status-icon--light.c4p--status-icon--light-unknown {
  fill: #6f6f6f;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .c4p--status-icon--light.c4p--status-icon--light-unknown .c4p--status-icon--light.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-unknown,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown,
.c4p--status-icon--light.c4p--status-icon--dark-unknown {
  fill: #6f6f6f;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--light.c4p--status-icon--dark-unknown .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-normal,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal,
.c4p--status-icon--light.c4p--status-icon--light-normal {
  fill: #198038;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .c4p--status-icon--light.c4p--status-icon--light-normal .c4p--status-icon--light.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-normal,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal,
.c4p--status-icon--light.c4p--status-icon--dark-normal {
  fill: #198038;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--light.c4p--status-icon--dark-normal .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-info,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info,
.c4p--status-icon--light.c4p--status-icon--light-info {
  fill: #0f62fe;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .c4p--status-icon--light.c4p--status-icon--light-info .c4p--status-icon--light.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-info,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info,
.c4p--status-icon--light.c4p--status-icon--dark-info {
  fill: #0f62fe;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--light.c4p--status-icon--dark-info .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .c4p--status-icon--light.c4p--status-icon--light-in-progress {
    animation: none;
  }
}
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-in-progress,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-in-progress,
.c4p--status-icon--light.c4p--status-icon--light-in-progress {
  animation: rotating 8000ms infinite linear;
  fill: #0f62fe;
}

@media (prefers-reduced-motion: reduce) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}
.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
.c4p--status-icon--light.c4p--status-icon--dark-in-progress {
  animation: rotating 8000ms infinite linear;
  fill: #0f62fe;
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-running,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-running,
.c4p--status-icon--light.c4p--status-icon--light-running {
  fill: #198038;
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-running,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-running,
.c4p--status-icon--light.c4p--status-icon--dark-running {
  fill: #198038;
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-pending,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending,
.c4p--status-icon--light.c4p--status-icon--light-pending {
  fill: #6f6f6f;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress,
  .c4p--status-icon--light.c4p--status-icon--light-pending .c4p--status-icon--light.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-pending,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending,
.c4p--status-icon--light.c4p--status-icon--dark-pending {
  fill: #6f6f6f;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--light.c4p--status-icon--dark-pending .c4p--status-icon--light.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-fatal,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal,
.c4p--status-icon--dark.c4p--status-icon--light-fatal {
  fill: #8d8d8d;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--light-fatal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-fatal,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal,
.c4p--status-icon--dark.c4p--status-icon--dark-fatal {
  fill: #8d8d8d;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--dark-fatal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-critical,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical,
.c4p--status-icon--dark.c4p--status-icon--light-critical {
  fill: #fa4d56;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--light-critical .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-critical,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical,
.c4p--status-icon--dark.c4p--status-icon--dark-critical {
  fill: #fa4d56;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--dark-critical .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-major-warning,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning,
.c4p--status-icon--dark.c4p--status-icon--light-major-warning {
  fill: #ff832b;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--light-major-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-major-warning,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning,
.c4p--status-icon--dark.c4p--status-icon--dark-major-warning {
  fill: #ff832b;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--dark-major-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-minor-warning,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning,
.c4p--status-icon--dark.c4p--status-icon--light-minor-warning {
  fill: #fddc69;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--light-minor-warning .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning,
.c4p--status-icon--dark.c4p--status-icon--dark-minor-warning {
  fill: #fddc69;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--dark-minor-warning .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-undefined,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined,
.c4p--status-icon--dark.c4p--status-icon--light-undefined {
  fill: #a56eff;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--light-undefined .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-undefined,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined,
.c4p--status-icon--dark.c4p--status-icon--dark-undefined {
  fill: #a56eff;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--dark-undefined .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-unknown,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown,
.c4p--status-icon--dark.c4p--status-icon--light-unknown {
  fill: #8d8d8d;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--light-unknown .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-unknown,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown,
.c4p--status-icon--dark.c4p--status-icon--dark-unknown {
  fill: #8d8d8d;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--dark-unknown .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-normal,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal,
.c4p--status-icon--dark.c4p--status-icon--light-normal {
  fill: #24a148;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--light-normal .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-normal,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal,
.c4p--status-icon--dark.c4p--status-icon--dark-normal {
  fill: #24a148;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--dark-normal .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-info,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info,
.c4p--status-icon--dark.c4p--status-icon--light-info {
  fill: #4589ff;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--light-info .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-info,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info,
.c4p--status-icon--dark.c4p--status-icon--dark-info {
  fill: #4589ff;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--dark-info .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
    animation: none;
  }
}
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
.c4p--status-icon--dark.c4p--status-icon--light-in-progress {
  animation: rotating 8000ms infinite linear;
  fill: #4589ff;
}

@media (prefers-reduced-motion: reduce) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}
.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
.c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
  animation: rotating 8000ms infinite linear;
  fill: #4589ff;
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-running,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-running,
.c4p--status-icon--dark.c4p--status-icon--light-running {
  fill: #24a148;
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-running,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-running,
.c4p--status-icon--dark.c4p--status-icon--dark-running {
  fill: #24a148;
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-pending,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending,
.c4p--status-icon--dark.c4p--status-icon--light-pending {
  fill: #8d8d8d;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--light-pending .c4p--status-icon--dark.c4p--status-icon--light-in-progress {
    animation: none;
  }
}

.cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-pending,
.cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending,
.c4p--status-icon--dark.c4p--status-icon--dark-pending {
  fill: #8d8d8d;
}
@media (prefers-reduced-motion) {
  .cds--btn--ghost:not([disabled]) .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .cds--btn.cds--btn--icon-only.cds--tooltip__trigger .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress,
  .c4p--status-icon--dark.c4p--status-icon--dark-pending .c4p--status-icon--dark.c4p--status-icon--dark-in-progress {
    animation: none;
  }
}

@media (min-width: 66rem) {
  .c4p--toolbar {
    justify-content: flex-end;
  }
}
.c4p--toolbar {
  display: flex;
  background-color: var(--cds-layer-01, #f4f4f4);
  min-block-size: 2.5rem;
  min-inline-size: 2.5rem;
}

.c4p--toolbar--vertical,
.c4p--toolbar--vertical > .c4p--toolbar__group {
  flex-wrap: wrap;
}

.c4p--toolbar--vertical {
  max-inline-size: 2.5rem;
}

.c4p--toolbar__group {
  display: flex;
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.c4p--toolbar--vertical > .c4p--toolbar__group,
.c4p--toolbar__group:last-of-type {
  border-inline-end-width: 0;
}

.c4p--toolbar--vertical > .c4p--toolbar__group:last-of-type,
.c4p--toolbar .cds--dropdown {
  border-block-end-width: 0;
}

.c4p--toolbar__button--caret {
  position: relative;
}

.c4p--toolbar__button__caret {
  position: absolute;
  background: linear-gradient(to right bottom, transparent 50%, var(--cds-icon-primary, #161616) 50%);
  block-size: calc(0.125rem + 0.25rem);
  content: "";
  inline-size: calc(0.125rem + 0.25rem);
  inset-block-end: 0.125rem;
  inset-inline-end: 0.125rem;
}

.c4p--tooltip-trigger {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  margin: 0;
  appearance: none;
  background: none;
  block-size: 100%;
  cursor: pointer;
  inline-size: 100%;
  outline: none;
}

@keyframes web-terminal-entrance {
  from {
    opacity: 0;
    transform: translateX(40rem);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes web-terminal-exit {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(40rem);
  }
}
/*
  The reason for not using theme tokens in the web terminal
  component is because we want these colors to always be the same
  despite of which carbon theme the user has.
*/
.c4p--web-terminal--open {
  animation: web-terminal-entrance 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.c4p--web-terminal--closed {
  animation: web-terminal-exit forwards 240ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.c4p--web-terminal {
  --cds-ai-aura-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-background: #474747;
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #4589ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
  --cds-ai-border-strong: #78a9ff;
  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
  --cds-ai-popover-background: #161616;
  --cds-ai-popover-caret-bottom: #4589ff;
  --cds-ai-popover-caret-bottom-background: #202d45;
  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
  --cds-ai-popover-caret-center: #4870b5;
  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
  --cds-background: #262626;
  --cds-background-active: rgba(141, 141, 141, 0.4);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.16);
  --cds-background-inverse: #f4f4f4;
  --cds-background-inverse-hover: #e8e8e8;
  --cds-background-selected: rgba(141, 141, 141, 0.24);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: rgba(141, 141, 141, 0.5);
  --cds-border-interactive: #4589ff;
  --cds-border-inverse: #f4f4f4;
  --cds-border-strong-01: #8d8d8d;
  --cds-border-strong-02: #a8a8a8;
  --cds-border-strong-03: #c6c6c6;
  --cds-border-subtle-00: #525252;
  --cds-border-subtle-01: #6f6f6f;
  --cds-border-subtle-02: #8d8d8d;
  --cds-border-subtle-03: #8d8d8d;
  --cds-border-subtle-selected-01: #8d8d8d;
  --cds-border-subtle-selected-02: #a8a8a8;
  --cds-border-subtle-selected-03: #a8a8a8;
  --cds-border-tile-01: #6f6f6f;
  --cds-border-tile-02: #8d8d8d;
  --cds-border-tile-03: #a8a8a8;
  --cds-chat-avatar-agent: #c6c6c6;
  --cds-chat-avatar-bot: #8d8d8d;
  --cds-chat-avatar-user: #4589ff;
  --cds-chat-bubble-agent: #262626;
  --cds-chat-bubble-agent-text: #f4f4f4;
  --cds-chat-bubble-border: #525252;
  --cds-chat-bubble-user: #393939;
  --cds-chat-bubble-user-text: #f4f4f4;
  --cds-chat-button: #78a9ff;
  --cds-chat-button-active: rgba(141, 141, 141, 0.4);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
  --cds-chat-button-text-hover: #a6c8ff;
  --cds-chat-button-text-selected: #c6c6c6;
  --cds-chat-header-background: #262626;
  --cds-chat-header-text: #f4f4f4;
  --cds-chat-prompt-background: #161616;
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
  --cds-chat-prompt-border-start: #262626;
  --cds-chat-prompt-text: #f4f4f4;
  --cds-chat-shell-background: #262626;
  --cds-field-01: #393939;
  --cds-field-02: #525252;
  --cds-field-03: #6f6f6f;
  --cds-field-hover-01: #474747;
  --cds-field-hover-02: #636363;
  --cds-field-hover-03: #5e5e5e;
  --cds-focus: #ffffff;
  --cds-focus-inset: #161616;
  --cds-focus-inverse: #0f62fe;
  --cds-highlight: #002d9c;
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
  --cds-icon-interactive: #ffffff;
  --cds-icon-inverse: #161616;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-icon-primary: #f4f4f4;
  --cds-icon-secondary: #c6c6c6;
  --cds-interactive: #4589ff;
  --cds-layer-01: #393939;
  --cds-layer-02: #525252;
  --cds-layer-03: #6f6f6f;
  --cds-layer-accent-01: #525252;
  --cds-layer-accent-02: #6f6f6f;
  --cds-layer-accent-03: #8d8d8d;
  --cds-layer-accent-active-01: #8d8d8d;
  --cds-layer-accent-active-02: #393939;
  --cds-layer-accent-active-03: #525252;
  --cds-layer-accent-hover-01: #636363;
  --cds-layer-accent-hover-02: #5e5e5e;
  --cds-layer-accent-hover-03: #7a7a7a;
  --cds-layer-active-01: #6f6f6f;
  --cds-layer-active-02: #8d8d8d;
  --cds-layer-active-03: #393939;
  --cds-layer-background-01: #262626;
  --cds-layer-background-02: #393939;
  --cds-layer-background-03: #525252;
  --cds-layer-hover-01: #474747;
  --cds-layer-hover-02: #636363;
  --cds-layer-hover-03: #5e5e5e;
  --cds-layer-selected-01: #525252;
  --cds-layer-selected-02: #6f6f6f;
  --cds-layer-selected-03: #525252;
  --cds-layer-selected-disabled: #a8a8a8;
  --cds-layer-selected-hover-01: #636363;
  --cds-layer-selected-hover-02: #5e5e5e;
  --cds-layer-selected-hover-03: #636363;
  --cds-layer-selected-inverse: #f4f4f4;
  --cds-link-inverse: #0f62fe;
  --cds-link-inverse-active: #161616;
  --cds-link-inverse-hover: #0043ce;
  --cds-link-inverse-visited: #8a3ffc;
  --cds-link-primary: #78a9ff;
  --cds-link-primary-hover: #a6c8ff;
  --cds-link-secondary: #a6c8ff;
  --cds-link-visited: #be95ff;
  --cds-overlay: rgba(0, 0, 0, 0.6);
  --cds-shadow: rgba(0, 0, 0, 0.8);
  --cds-skeleton-background: #333333;
  --cds-skeleton-element: #525252;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #a56eff;
  --cds-support-error: #ff8389;
  --cds-support-error-inverse: #da1e28;
  --cds-support-info: #4589ff;
  --cds-support-info-inverse: #0043ce;
  --cds-support-success: #42be65;
  --cds-support-success-inverse: #24a148;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-syntax-angle-bracket: #8d8d8d;
  --cds-syntax-annotation: #08bdba;
  --cds-syntax-arithmetic-operator: #e0e0e0;
  --cds-syntax-atom: #f4f4f4;
  --cds-syntax-attribute: #33b1ff;
  --cds-syntax-attribute-name: #33b1ff;
  --cds-syntax-attribute-value: #f4f4f4;
  --cds-syntax-bitwise-operator: #e0e0e0;
  --cds-syntax-block-comment: #42be65;
  --cds-syntax-bool: #f4f4f4;
  --cds-syntax-brace: #e0e0e0;
  --cds-syntax-bracket: #e0e0e0;
  --cds-syntax-character: #f4f4f4;
  --cds-syntax-class-name: #3ddbd9;
  --cds-syntax-color: #f4f4f4;
  --cds-syntax-comment: #42be65;
  --cds-syntax-compare-operator: #e0e0e0;
  --cds-syntax-constant: #4589ff;
  --cds-syntax-content: #f4f4f4;
  --cds-syntax-content-separator: #e0e0e0;
  --cds-syntax-control-keyword: #be95ff;
  --cds-syntax-control-operator: #be95ff;
  --cds-syntax-definition: #33b1ff;
  --cds-syntax-definition-keyword: #33b1ff;
  --cds-syntax-definition-operator: #33b1ff;
  --cds-syntax-deref-operator: #e0e0e0;
  --cds-syntax-doc-comment: #42be65;
  --cds-syntax-doc-string: #f4f4f4;
  --cds-syntax-document-meta: #42be65;
  --cds-syntax-emphasis: #f4f4f4;
  --cds-syntax-escape: #e0e0e0;
  --cds-syntax-float: #6fdc8c;
  --cds-syntax-function: #f1c21b;
  --cds-syntax-heading: #33b1ff;
  --cds-syntax-heading-1: #33b1ff;
  --cds-syntax-heading-2: #33b1ff;
  --cds-syntax-heading-3: #33b1ff;
  --cds-syntax-heading-4: #33b1ff;
  --cds-syntax-heading-5: #33b1ff;
  --cds-syntax-heading-6: #33b1ff;
  --cds-syntax-integer: #6fdc8c;
  --cds-syntax-invalid: #fa4d56;
  --cds-syntax-keyword: #4589ff;
  --cds-syntax-label-name: #a6c8ff;
  --cds-syntax-line-comment: #42be65;
  --cds-syntax-link: #4589ff;
  --cds-syntax-list: #f4f4f4;
  --cds-syntax-literal: #f4f4f4;
  --cds-syntax-local: #a6c8ff;
  --cds-syntax-logic-operator: #e0e0e0;
  --cds-syntax-macro-name: #f4f4f4;
  --cds-syntax-meta: #42be65;
  --cds-syntax-modifier: #4589ff;
  --cds-syntax-module-keyword: #be95ff;
  --cds-syntax-monospace: #f4f4f4;
  --cds-syntax-name: #a6c8ff;
  --cds-syntax-namespace: #3ddbd9;
  --cds-syntax-null: #f4f4f4;
  --cds-syntax-number: #6fdc8c;
  --cds-syntax-operator: #e0e0e0;
  --cds-syntax-operator-keyword: #4589ff;
  --cds-syntax-paren: #e0e0e0;
  --cds-syntax-processing-instruction: #f4f4f4;
  --cds-syntax-property-name: #33b1ff;
  --cds-syntax-punctuation: #e0e0e0;
  --cds-syntax-quote: #42be65;
  --cds-syntax-regexp: #be95ff;
  --cds-syntax-self: #3ddbd9;
  --cds-syntax-separator: #e0e0e0;
  --cds-syntax-special: #4589ff;
  --cds-syntax-special-string: #be95ff;
  --cds-syntax-square-bracket: #e0e0e0;
  --cds-syntax-standard: #4589ff;
  --cds-syntax-strikethrough: #f4f4f4;
  --cds-syntax-string: #f4f4f4;
  --cds-syntax-strong: #f4f4f4;
  --cds-syntax-tag: #3ddbd9;
  --cds-syntax-tag-name: #3ddbd9;
  --cds-syntax-type: #3ddbd9;
  --cds-syntax-type-name: #3ddbd9;
  --cds-syntax-type-operator: #3ddbd9;
  --cds-syntax-unit: #6fdc8c;
  --cds-syntax-update-operator: #e0e0e0;
  --cds-syntax-url: #e0e0e0;
  --cds-syntax-variable: #a6c8ff;
  --cds-syntax-variable-name: #a6c8ff;
  --cds-text-disabled: rgba(244, 244, 244, 0.25);
  --cds-text-error: #ffb3b8;
  --cds-text-helper: #c6c6c6;
  --cds-text-inverse: #161616;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-text-placeholder: rgba(244, 244, 244, 0.4);
  --cds-text-primary: #f4f4f4;
  --cds-text-secondary: #c6c6c6;
  --cds-toggle-off: #8d8d8d;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --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: 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;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.19;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.42857;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.19;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .c4p--web-terminal {
    --cds-icon-primary: ButtonText;
    --cds-icon-secondary: ButtonText;
    --cds-icon-interactive: ButtonText;
    --cds-icon-disabled: GrayText;
    --cds-icon-on-color-disabled: GrayText;
    --cds-icon-inverse: SelectedItemText;
    --cds-icon-on-color: SelectedItemText;
    --cds-button-disabled: GrayText;
    --cds-interactive: ButtonText;
    --cds-link-primary: LinkText;
    --cds-link-primary-hover: LinkText;
    --cds-link-secondary: LinkText;
    --cds-link-inverse: SelectedItemText;
    --cds-link-inverse-hover: SelectedItemText;
    --cds-link-inverse-visited: SelectedItemText;
    --cds-link-visited: VisitedText;
    --cds-background-selected: SelectedItem;
    --cds-background-selected-hover: SelectedItem;
    --cds-background-inverse: SelectedItem;
    --cds-layer-selected-inverse: SelectedItem;
  }
}
.c4p--web-terminal {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
  position: fixed;
  block-size: calc(100vh - 3rem);
  border-inline-start: 1px solid #262626;
  color: var(--cds-text-primary, #161616);
  inline-size: 100%;
  inset-block-start: 3rem;
  inset-inline-end: 0;
  max-inline-size: 40rem;
}
@media (prefers-reduced-motion) {
  .c4p--web-terminal {
    animation: none;
  }
}

.c4p--web-terminal__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--cds-background, #ffffff);
  block-size: 3rem;
}

.c4p--web-terminal__actions {
  display: flex;
}

.c4p--web-terminal__documentation-overflow {
  --cds-ai-aura-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-background: #333333;
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #4589ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
  --cds-ai-border-strong: #78a9ff;
  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
  --cds-ai-popover-background: #161616;
  --cds-ai-popover-caret-bottom: #4589ff;
  --cds-ai-popover-caret-bottom-background: #202d45;
  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
  --cds-ai-popover-caret-center: #4870b5;
  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
  --cds-background: #161616;
  --cds-background-active: rgba(141, 141, 141, 0.4);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.16);
  --cds-background-inverse: #f4f4f4;
  --cds-background-inverse-hover: #e8e8e8;
  --cds-background-selected: rgba(141, 141, 141, 0.24);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: rgba(141, 141, 141, 0.5);
  --cds-border-interactive: #4589ff;
  --cds-border-inverse: #f4f4f4;
  --cds-border-strong-01: #6f6f6f;
  --cds-border-strong-02: #8d8d8d;
  --cds-border-strong-03: #a8a8a8;
  --cds-border-subtle-00: #393939;
  --cds-border-subtle-01: #525252;
  --cds-border-subtle-02: #6f6f6f;
  --cds-border-subtle-03: #6f6f6f;
  --cds-border-subtle-selected-01: #6f6f6f;
  --cds-border-subtle-selected-02: #8d8d8d;
  --cds-border-subtle-selected-03: #8d8d8d;
  --cds-border-tile-01: #525252;
  --cds-border-tile-02: #6f6f6f;
  --cds-border-tile-03: #8d8d8d;
  --cds-chat-avatar-agent: #c6c6c6;
  --cds-chat-avatar-bot: #8d8d8d;
  --cds-chat-avatar-user: #4589ff;
  --cds-chat-bubble-agent: #262626;
  --cds-chat-bubble-agent-text: #f4f4f4;
  --cds-chat-bubble-border: #525252;
  --cds-chat-bubble-user: #393939;
  --cds-chat-bubble-user-text: #f4f4f4;
  --cds-chat-button: #78a9ff;
  --cds-chat-button-active: rgba(141, 141, 141, 0.4);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
  --cds-chat-button-text-hover: #a6c8ff;
  --cds-chat-button-text-selected: #c6c6c6;
  --cds-chat-header-background: #262626;
  --cds-chat-header-text: #f4f4f4;
  --cds-chat-prompt-background: #161616;
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
  --cds-chat-prompt-border-start: #262626;
  --cds-chat-prompt-text: #f4f4f4;
  --cds-chat-shell-background: #262626;
  --cds-field-01: #262626;
  --cds-field-02: #393939;
  --cds-field-03: #525252;
  --cds-field-hover-01: #333333;
  --cds-field-hover-02: #474747;
  --cds-field-hover-03: #636363;
  --cds-focus: #ffffff;
  --cds-focus-inset: #161616;
  --cds-focus-inverse: #0f62fe;
  --cds-highlight: #001d6c;
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
  --cds-icon-interactive: #ffffff;
  --cds-icon-inverse: #161616;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-icon-primary: #f4f4f4;
  --cds-icon-secondary: #c6c6c6;
  --cds-interactive: #4589ff;
  --cds-layer-01: #262626;
  --cds-layer-02: #393939;
  --cds-layer-03: #525252;
  --cds-layer-accent-01: #393939;
  --cds-layer-accent-02: #525252;
  --cds-layer-accent-03: #6f6f6f;
  --cds-layer-accent-active-01: #6f6f6f;
  --cds-layer-accent-active-02: #8d8d8d;
  --cds-layer-accent-active-03: #393939;
  --cds-layer-accent-hover-01: #474747;
  --cds-layer-accent-hover-02: #636363;
  --cds-layer-accent-hover-03: #5e5e5e;
  --cds-layer-active-01: #525252;
  --cds-layer-active-02: #6f6f6f;
  --cds-layer-active-03: #8d8d8d;
  --cds-layer-background-01: #161616;
  --cds-layer-background-02: #262626;
  --cds-layer-background-03: #393939;
  --cds-layer-hover-01: #333333;
  --cds-layer-hover-02: #474747;
  --cds-layer-hover-03: #636363;
  --cds-layer-selected-01: #393939;
  --cds-layer-selected-02: #525252;
  --cds-layer-selected-03: #6f6f6f;
  --cds-layer-selected-disabled: #a8a8a8;
  --cds-layer-selected-hover-01: #474747;
  --cds-layer-selected-hover-02: #636363;
  --cds-layer-selected-hover-03: #5e5e5e;
  --cds-layer-selected-inverse: #f4f4f4;
  --cds-link-inverse: #0f62fe;
  --cds-link-inverse-active: #161616;
  --cds-link-inverse-hover: #0043ce;
  --cds-link-inverse-visited: #8a3ffc;
  --cds-link-primary: #78a9ff;
  --cds-link-primary-hover: #a6c8ff;
  --cds-link-secondary: #a6c8ff;
  --cds-link-visited: #be95ff;
  --cds-overlay: rgba(0, 0, 0, 0.6);
  --cds-shadow: rgba(0, 0, 0, 0.8);
  --cds-skeleton-background: #292929;
  --cds-skeleton-element: #393939;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #a56eff;
  --cds-support-error: #fa4d56;
  --cds-support-error-inverse: #da1e28;
  --cds-support-info: #4589ff;
  --cds-support-info-inverse: #0043ce;
  --cds-support-success: #42be65;
  --cds-support-success-inverse: #24a148;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-syntax-angle-bracket: #8d8d8d;
  --cds-syntax-annotation: #08bdba;
  --cds-syntax-arithmetic-operator: #e0e0e0;
  --cds-syntax-atom: #f4f4f4;
  --cds-syntax-attribute: #33b1ff;
  --cds-syntax-attribute-name: #33b1ff;
  --cds-syntax-attribute-value: #f4f4f4;
  --cds-syntax-bitwise-operator: #e0e0e0;
  --cds-syntax-block-comment: #42be65;
  --cds-syntax-bool: #f4f4f4;
  --cds-syntax-brace: #e0e0e0;
  --cds-syntax-bracket: #e0e0e0;
  --cds-syntax-character: #f4f4f4;
  --cds-syntax-class-name: #3ddbd9;
  --cds-syntax-color: #f4f4f4;
  --cds-syntax-comment: #42be65;
  --cds-syntax-compare-operator: #e0e0e0;
  --cds-syntax-constant: #4589ff;
  --cds-syntax-content: #f4f4f4;
  --cds-syntax-content-separator: #e0e0e0;
  --cds-syntax-control-keyword: #be95ff;
  --cds-syntax-control-operator: #be95ff;
  --cds-syntax-definition: #33b1ff;
  --cds-syntax-definition-keyword: #33b1ff;
  --cds-syntax-definition-operator: #33b1ff;
  --cds-syntax-deref-operator: #e0e0e0;
  --cds-syntax-doc-comment: #42be65;
  --cds-syntax-doc-string: #f4f4f4;
  --cds-syntax-document-meta: #42be65;
  --cds-syntax-emphasis: #f4f4f4;
  --cds-syntax-escape: #e0e0e0;
  --cds-syntax-float: #6fdc8c;
  --cds-syntax-function: #f1c21b;
  --cds-syntax-heading: #33b1ff;
  --cds-syntax-heading-1: #33b1ff;
  --cds-syntax-heading-2: #33b1ff;
  --cds-syntax-heading-3: #33b1ff;
  --cds-syntax-heading-4: #33b1ff;
  --cds-syntax-heading-5: #33b1ff;
  --cds-syntax-heading-6: #33b1ff;
  --cds-syntax-integer: #6fdc8c;
  --cds-syntax-invalid: #fa4d56;
  --cds-syntax-keyword: #4589ff;
  --cds-syntax-label-name: #a6c8ff;
  --cds-syntax-line-comment: #42be65;
  --cds-syntax-link: #4589ff;
  --cds-syntax-list: #f4f4f4;
  --cds-syntax-literal: #f4f4f4;
  --cds-syntax-local: #a6c8ff;
  --cds-syntax-logic-operator: #e0e0e0;
  --cds-syntax-macro-name: #f4f4f4;
  --cds-syntax-meta: #42be65;
  --cds-syntax-modifier: #4589ff;
  --cds-syntax-module-keyword: #be95ff;
  --cds-syntax-monospace: #f4f4f4;
  --cds-syntax-name: #a6c8ff;
  --cds-syntax-namespace: #3ddbd9;
  --cds-syntax-null: #f4f4f4;
  --cds-syntax-number: #6fdc8c;
  --cds-syntax-operator: #e0e0e0;
  --cds-syntax-operator-keyword: #4589ff;
  --cds-syntax-paren: #e0e0e0;
  --cds-syntax-processing-instruction: #f4f4f4;
  --cds-syntax-property-name: #33b1ff;
  --cds-syntax-punctuation: #e0e0e0;
  --cds-syntax-quote: #42be65;
  --cds-syntax-regexp: #be95ff;
  --cds-syntax-self: #3ddbd9;
  --cds-syntax-separator: #e0e0e0;
  --cds-syntax-special: #4589ff;
  --cds-syntax-special-string: #be95ff;
  --cds-syntax-square-bracket: #e0e0e0;
  --cds-syntax-standard: #4589ff;
  --cds-syntax-strikethrough: #f4f4f4;
  --cds-syntax-string: #f4f4f4;
  --cds-syntax-strong: #f4f4f4;
  --cds-syntax-tag: #3ddbd9;
  --cds-syntax-tag-name: #3ddbd9;
  --cds-syntax-type: #3ddbd9;
  --cds-syntax-type-name: #3ddbd9;
  --cds-syntax-type-operator: #3ddbd9;
  --cds-syntax-unit: #6fdc8c;
  --cds-syntax-update-operator: #e0e0e0;
  --cds-syntax-url: #e0e0e0;
  --cds-syntax-variable: #a6c8ff;
  --cds-syntax-variable-name: #a6c8ff;
  --cds-text-disabled: rgba(244, 244, 244, 0.25);
  --cds-text-error: #ff8389;
  --cds-text-helper: #a8a8a8;
  --cds-text-inverse: #161616;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-text-placeholder: rgba(244, 244, 244, 0.4);
  --cds-text-primary: #f4f4f4;
  --cds-text-secondary: #c6c6c6;
  --cds-toggle-off: #6f6f6f;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --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: 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;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.19;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.42857;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.19;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .c4p--web-terminal__documentation-overflow {
    --cds-icon-primary: ButtonText;
    --cds-icon-secondary: ButtonText;
    --cds-icon-interactive: ButtonText;
    --cds-icon-disabled: GrayText;
    --cds-icon-on-color-disabled: GrayText;
    --cds-icon-inverse: SelectedItemText;
    --cds-icon-on-color: SelectedItemText;
    --cds-button-disabled: GrayText;
    --cds-interactive: ButtonText;
    --cds-link-primary: LinkText;
    --cds-link-primary-hover: LinkText;
    --cds-link-secondary: LinkText;
    --cds-link-inverse: SelectedItemText;
    --cds-link-inverse-hover: SelectedItemText;
    --cds-link-inverse-visited: SelectedItemText;
    --cds-link-visited: VisitedText;
    --cds-background-selected: SelectedItem;
    --cds-background-selected-hover: SelectedItem;
    --cds-background-inverse: SelectedItem;
    --cds-layer-selected-inverse: SelectedItem;
  }
}
.c4p--web-terminal__documentation-overflow {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}

.c4p--web-terminal__documentation-overflow .cds--overflow-menu-options__btn {
  text-decoration: none;
}

.c4p--web-terminal__body {
  block-size: calc(100vh - 3rem);
}

.c4p--web-terminal-content-wrapper {
  block-size: 100%;
  inline-size: 100vw;
}

.c4p--web-terminal-content-wrapper--open {
  inline-size: calc(100vw - 40rem);
}

.c4p--user-profile-image--light {
  color: var(--cds-layer-01, #f4f4f4);
}

.c4p--user-profile-image--light.c4p--user-profile-image--light-cyan {
  background-color: #0072c3;
}

.c4p--user-profile-image--light.c4p--user-profile-image--dark-cyan {
  background-color: #003a6d;
}

.c4p--user-profile-image--light.c4p--user-profile-image--light-gray {
  background-color: #6f6f6f;
}

.c4p--user-profile-image--light.c4p--user-profile-image--dark-gray {
  background-color: #393939;
}

.c4p--user-profile-image--light.c4p--user-profile-image--light-green {
  background-color: #198038;
}

.c4p--user-profile-image--light.c4p--user-profile-image--dark-green {
  background-color: #044317;
}

.c4p--user-profile-image--light.c4p--user-profile-image--light-magenta {
  background-color: #d02670;
}

.c4p--user-profile-image--light.c4p--user-profile-image--dark-magenta {
  background-color: #740937;
}

.c4p--user-profile-image--light.c4p--user-profile-image--light-purple {
  background-color: #8a3ffc;
}

.c4p--user-profile-image--light.c4p--user-profile-image--dark-purple {
  background-color: #491d8b;
}

.c4p--user-profile-image--light.c4p--user-profile-image--light-teal {
  background-color: #007d79;
}

.c4p--user-profile-image--light.c4p--user-profile-image--dark-teal {
  background-color: #004144;
}

.c4p--user-profile-image--dark {
  color: var(--cds-layer-01, #f4f4f4);
}

.c4p--user-profile-image--dark.c4p--user-profile-image--light-cyan {
  background-color: #1192e8;
}

.c4p--user-profile-image--dark.c4p--user-profile-image--dark-cyan {
  background-color: #82cfff;
}

.c4p--user-profile-image--dark.c4p--user-profile-image--light-gray {
  background-color: #8d8d8d;
}

.c4p--user-profile-image--dark.c4p--user-profile-image--dark-gray {
  background-color: #c6c6c6;
}

.c4p--user-profile-image--dark.c4p--user-profile-image--light-green {
  background-color: #24a148;
}

.c4p--user-profile-image--dark.c4p--user-profile-image--dark-green {
  background-color: #6fdc8c;
}

.c4p--user-profile-image--dark.c4p--user-profile-image--light-magenta {
  background-color: #ee5396;
}

.c4p--user-profile-image--dark.c4p--user-profile-image--dark-magenta {
  background-color: #ffafd2;
}

.c4p--user-profile-image--dark.c4p--user-profile-image--light-purple {
  background-color: #a56eff;
}

.c4p--user-profile-image--dark.c4p--user-profile-image--dark-purple {
  background-color: #d4bbff;
}

.c4p--user-profile-image--dark.c4p--user-profile-image--light-teal {
  background-color: #009d9a;
}

.c4p--user-profile-image--dark.c4p--user-profile-image--dark-teal {
  background-color: #3ddbd9;
}

.cds--tooltip__trigger.c4p--user-profile-image__tooltip,
.c4p--user-profile-image__tooltip.cds--btn--ghost:not([disabled]) svg {
  /* stylelint-disable-next-line max-nesting-depth */
}
.cds--tooltip__trigger.c4p--user-profile-image__tooltip:hover, .cds--tooltip__trigger.c4p--user-profile-image__tooltip:focus,
.c4p--user-profile-image__tooltip.cds--btn--ghost:not([disabled]) svg:hover,
.c4p--user-profile-image__tooltip.cds--btn--ghost:not([disabled]) svg:focus {
  /* stylelint-disable-next-line max-nesting-depth */
}
.cds--tooltip__trigger.c4p--user-profile-image__tooltip:hover svg, .cds--tooltip__trigger.c4p--user-profile-image__tooltip:focus svg,
.c4p--user-profile-image__tooltip.cds--btn--ghost:not([disabled]) svg:hover svg,
.c4p--user-profile-image__tooltip.cds--btn--ghost:not([disabled]) svg:focus svg {
  fill: var(--cds-layer-01, #f4f4f4);
}

.c4p--user-profile-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  text-transform: uppercase;
}

.c4p--user-profile-image__tooltip.cds--btn--md.cds--btn--icon-only {
  padding: 0;
  border-radius: 50%;
  min-block-size: auto;
}

.cds--btn--ghost.c4p--user-profile-image__tooltip:focus {
  border: 0;
  box-shadow: 0 0 0 0.25rem var(--cds-focus, #0f62fe);
}

.cds--tooltip__trigger .c4p--user-profile-image svg,
.c4p--user-profile-image__tooltip.cds--btn--ghost:not([disabled]) svg {
  fill: var(--cds-layer-01, #f4f4f4);
}

.c4p--user-profile-image__photo {
  border-radius: 100%;
  inline-size: 100%;
}

.c4p--user-profile-image__photo--xl {
  block-size: 4rem;
  inline-size: 4rem;
}

.c4p--user-profile-image__photo--lg {
  block-size: 2rem;
  inline-size: 2rem;
}

.c4p--user-profile-image__photo--md {
  block-size: 1.5rem;
  inline-size: 1.5rem;
}

.c4p--user-profile-image__photo--sm {
  block-size: calc(1rem + 0.25rem);
  inline-size: calc(1rem + 0.25rem);
}

.c4p--user-profile-image__photo--xs {
  block-size: 1rem;
  inline-size: 1rem;
}

.c4p--user-profile-image--xl {
  block-size: 4rem;
  inline-size: 4rem;
  font-size: var(--cds-heading-04-font-size, 1.75rem);
  font-weight: var(--cds-heading-04-font-weight, 400);
  line-height: var(--cds-heading-04-line-height, 1.28572);
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
}

.c4p--user-profile-image--lg {
  block-size: 2rem;
  inline-size: 2rem;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}

.c4p--user-profile-image--md {
  block-size: 1.5rem;
  inline-size: 1.5rem;
  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);
  font-weight: 600;
}

.c4p--user-profile-image--sm {
  block-size: calc(1rem + 0.25rem);
  inline-size: calc(1rem + 0.25rem);
  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);
  font-weight: 600;
}

.c4p--user-profile-image--xs {
  block-size: 1rem;
  inline-size: 1rem;
  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);
  font-weight: 600;
}

.c4p--edit-side-panel .cds--form.c4p--edit-side-panel__form {
  padding-block-start: 1rem;
}
.c4p--edit-side-panel .c4p--edit-side-panel__form.cds--fieldset {
  padding-block-start: 0.5rem;
}
.c4p--edit-side-panel .c4p--edit-side-panel__form > * {
  margin-block-end: 1rem;
}
.c4p--edit-side-panel .c4p--edit-side-panel__form-title-text {
  font-size: var(--cds-heading-compact-02-font-size, 1rem);
  font-weight: var(--cds-heading-compact-02-font-weight, 600);
  line-height: var(--cds-heading-compact-02-line-height, 1.375);
  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
  padding-block-end: 0.5rem;
}
.c4p--edit-side-panel .c4p--edit-side-panel__form-description-text {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}
.c4p--edit-side-panel.c4p--side-panel .cds--btn.c4p--side-panel__close-button {
  display: none;
}

.c4p--options-tile {
  position: relative;
  background-color: var(--cds-layer);
  border-block-end: 1px solid var(--cds-border-subtle);
}

.c4p--options-tile__toggle-container {
  position: absolute;
  inline-size: calc(1rem + 2rem + 1rem);
  inset-block: 0;
  inset-inline-end: 0;
}

.c4p--options-tile__toggle {
  position: absolute;
  inset-inline-end: 1rem;
}

.c4p--options-tile__toggle .cds--toggle-input__label .cds--toggle__switch {
  margin: 0;
}

.c4p--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;
}

.c4p--options-tile__header,
.c4p--options-tile__static-content {
  display: grid;
  box-sizing: border-box;
  align-items: center;
  grid-template-columns: 3rem 1fr 2rem;
  padding-inline-end: 1rem;
}

.c4p--options-tile__header {
  background-color: transparent;
  cursor: pointer;
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.c4p--options-tile__header::-webkit-details-marker {
  display: none;
}

.c4p--options-tile__header:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.c4p--options-tile__header:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .c4p--options-tile__header:focus {
    outline-style: dotted;
  }
}

.c4p--options-tile__heading {
  grid-column: 2;
}

.c4p--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);
}

.c4p--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);
}

.c4p--options-tile__summary--invalid,
.c4p--options-tile__summary--warn,
.c4p--options-tile__summary--locked {
  column-gap: 0.25rem;
  grid-template-columns: 1rem 1fr;
}

.c4p--options-tile__summary--invalid {
  color: var(--cds-support-error, #da1e28);
}

.c4p--options-tile__summary--warn {
  color: var(--cds-text-primary, #161616);
}

.c4p--options-tile__summary--warn svg {
  color: var(--cds-support-warning, #f1c21b);
}

.c4p--options-tile__summary--warn svg path[fill=none] {
  /* stylelint-disable-next-line carbon/theme-use */
  fill: #000000;
}

.c4p--options-tile__summary--warn svg path[fill=none] {
  /* stylelint-disable-next-line carbon/theme-use */
  fill: #000000;
}

.c4p--options-tile__summary-text {
  overflow: hidden;
  block-size: max-content;
  padding-inline-end: calc(1rem + 2rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4p--options-tile__chevron {
  display: block;
  justify-self: center;
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.c4p--options-tile__content {
  padding-inline: 3rem 1rem;
}

.c4p--options-tile__content > .cds--fieldset > .cds--label:empty {
  display: none;
}

.c4p--options-tile--closing .c4p--options-tile__content {
  overflow: hidden;
}

.c4p--options-tile__summary.c4p--options-tile__summary--open:not(.c4p--options-tile__summary--closing),
.c4p--options-tile__summary--hidden {
  block-size: 0;
  margin-block-start: 0;
  opacity: 0;
}

.c4p--options-tile__chevron.c4p--options-tile__chevron--open:not(.c4p--options-tile__chevron--closing) {
  transform: rotate(180deg);
}

.c4p--options-tile > details[open] .c4p--options-tile__content {
  padding-block: 0.5rem 1.5rem;
}

.c4p--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;
}

.c4p--options-tile__locked-text > svg {
  margin-inline-end: 0.25rem;
}

.c4p--options-tile--lg .c4p--options-tile__header,
.c4p--options-tile--lg .c4p--options-tile__static-content {
  block-size: 3rem;
}

.c4p--options-tile--xl .c4p--options-tile__header,
.c4p--options-tile--xl .c4p--options-tile__static-content {
  block-size: 4rem;
}

.c4p--options-tile--lg .c4p--options-tile__toggle {
  inset-block-start: 1rem;
}

.c4p--options-tile--xl .c4p--options-tile__toggle {
  inset-block-start: 1.5rem;
}

.c4p--options-tile--lg .c4p--options-tile__summary {
  margin-block-start: 0.125rem;
}

@media (prefers-reduced-motion: reduce) {
  .c4p--options-tile__summary,
  .c4p--options-tile__chevron {
    transition: none;
  }
}
.c4p--edit-in-place {
  --c4p--edit-in-place--size: 2rem;
  display: flex;
  align-items: center;
  background: transparent;
  cursor: pointer;
}

.c4p--edit-in-place--sm {
  --c4p--edit-in-place--size: 2rem;
}

.c4p--edit-in-place--md {
  --c4p--edit-in-place--size: 2.5rem;
}

.c4p--edit-in-place--lg {
  /* April 2023 max text input size */
  --c4p--edit-in-place--size: 3rem;
}

.c4p--edit-in-place--readonly {
  cursor: not-allowed;
}

.c4p--edit-in-place:hover {
  background: var(--cds-field-01, #f4f4f4);
}

.c4p--edit-in-place:hover .c4p--edit-in-place__btn-edit,
.c4p--edit-in-place__btn-edit.c4p--edit-in-place__btn-edit--always-visible {
  visibility: visible;
}

.c4p--edit-in-place__btn-edit {
  visibility: hidden;
}

.c4p--edit-in-place--invalid {
  border: 2px solid var(--cds-support-error, #da1e28);
}

.c4p--edit-in-place--focused {
  background: var(--cds-field-01, #f4f4f4);
  outline: 2px solid var(--cds-focus, #0f62fe);
}

.c4p--edit-in-place__text-input {
  flex: 1;
}

.c4p--edit-in-place--inherit-type .c4p--edit-in-place__text-input {
  /* match font of container */
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

.c4p--edit-in-place__text-input-label {
  display: none;
}

.c4p--edit-in-place__warning-icon {
  margin: auto 0.5rem;
  color: var(--cds-support-error, #da1e28);
  inline-size: 1rem;
}

.c4p--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;
}

.c4p--edit-in-place__text-input.cds--text-input {
  border: none;
  background: transparent;
  cursor: pointer;
  outline: none;
}

.c4p--edit-in-place__text-input.cds--text-input:focus,
.c4p--edit-in-place__text-input.cds--text-input:active {
  outline: none;
}

.c4p--edit-in-place__toolbar {
  --toolbar-width: var(--c4p--edit-in-place--size);
  --toolbar-width-focussed: calc(2 * var(--c4p--edit-in-place--size));
  display: inline-flex;
  inline-size: var(--toolbar-width);
}

.c4p--edit-in-place--invalid .c4p--edit-in-place__toolbar {
  --toolbar-width: calc(var(--c4p--edit-in-place--size) + 2rem);
  --toolbar-width-focussed: calc(
    2 * var(--c4p--edit-in-place--size) + 2rem
  );
}

@keyframes 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);
  }
}
.c4p--edit-in-place--focused .c4p--edit-in-place__toolbar {
  overflow: initial;
  animation: slide-in 150ms cubic-bezier(0, 0, 0.38, 0.9);
  inline-size: var(--toolbar-width-focussed);
}

.c4p--data-spreadsheet {
  --c4p--data-spreadsheet--total-width: 0;
  display: inline-block;
  border-spacing: 0;
}
.c4p--data-spreadsheet.c4p--data-spreadsheet__container-has-focus {
  outline: 2px solid var(--cds-link-inverse, #78a9ff);
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__header--container {
  position: relative;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__tr :last-child .c4p--data-spreadsheet__body--td .c4p--data-spreadsheet__td {
  border-block-end: 0;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
  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: 0 0.5rem;
  border: 0;
  margin: 0;
  block-size: 100%;
  color: var(--cds-text-primary, #161616);
  font-family: inherit;
  inline-size: 100%;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__body--td {
  color: var(--cds-text-secondary, #525252);
}
.c4p--data-spreadsheet {
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--data-spreadsheet [role="'columnheader'"]:last-child,
.c4p--data-spreadsheet [role="'gridcell'"]:last-child {
  border-inline-end: 1px solid var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__th,
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
  border-block-end: 1px solid var(--cds-border-subtle-selected-01, #c6c6c6);
  border-inline-end: 1px solid var(--cds-border-subtle-selected-01, #c6c6c6);
  background-color: var(--cds-layer-accent-01, #e0e0e0);
  block-size: 100%;
  cursor: pointer;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__th:hover, .c4p--data-spreadsheet .c4p--data-spreadsheet__th:focus,
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td:hover,
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td:focus {
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--select-all {
  inline-size: 4rem;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--cell-container,
.c4p--data-spreadsheet .c4p--data-spreadsheet__select-all-cell-container {
  position: sticky;
  z-index: 4;
  background-color: var(--cds-background, #ffffff);
  inset-inline-start: 0;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td {
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__td {
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  overflow: hidden;
  margin: 0;
  background-color: var(--cds-field-01, #f4f4f4);
  cursor: cell;
  text-align: start;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__th {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
  text-align: start;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor {
  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);
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  z-index: 4;
  display: none;
  overflow: hidden;
  /* stylelint-disable-next-line carbon/layout-use */
  padding: 0 calc(0.5rem + 1px) 0 0.5rem;
  margin: 0;
  background-color: var(--cds-field-01, #f4f4f4);
  color: var(--cds-text-primary, #161616);
  font-family: inherit;
  min-block-size: initial;
  min-inline-size: initial;
  resize: none;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor:focus, .c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor:active {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor:focus, .c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor:active {
    outline-style: dotted;
  }
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor.c4p--data-spreadsheet__cell-editor--active {
  outline: 0.125rem solid var(--cds-background-brand, #0f62fe);
  outline-offset: -2px;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor-ruler {
  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: absolute;
  overflow: hidden;
  /* stylelint-disable-next-line carbon/layout-use */
  padding: 0 calc(0.5rem + 1px) 0 0.5rem;
  inline-size: fit-content;
  max-inline-size: var(--c4p--data-spreadsheet--total-width);
  visibility: hidden;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__cell-editor-ruler:focus {
  outline: 0.125rem solid var(--cds-background-brand, #0f62fe);
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
  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);
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  position: absolute;
  z-index: 3;
  display: none;
  overflow: hidden;
  /* stylelint-disable-next-line carbon/layout-use */
  border: 0.125rem solid var(--cds-background-brand, #0f62fe);
  background-color: var(--cds-field-01, #f4f4f4);
  color: var(--cds-text-primary, #161616);
  font-family: inherit;
  padding-block-end: 0.125rem;
  /* stylelint-disable-next-line carbon/layout-use */
  padding-inline: 0.375rem calc(0.5rem - 1px);
  text-align: start;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-row-index=header], .c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight[data-active-column-index=header] {
  z-index: 4;
  background-color: transparent;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight {
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__active-cell--highlight:focus {
  border: 0.125rem solid var(--cds-background-brand, #0f62fe);
  outline: 0;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th.c4p--data-spreadsheet__td_custom {
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element {
  position: absolute;
  z-index: 2;
  border: 1px solid var(--cds-background-brand, #0f62fe);
  pointer-events: none;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element::before {
  position: absolute;
  display: block;
  background-color: var(--cds-background-brand, #0f62fe);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0.2;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element.c4p--data-spreadsheet__selection-area--element-cloned {
  z-index: 4;
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element.c4p--data-spreadsheet__selection-area--element-cloned::before {
  background-color: var(--cds-border-inverse, #161616);
  opacity: 0.25;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__reorder-indicator-line {
  position: absolute;
  z-index: 4;
  background-color: var(--cds-background-brand, #0f62fe);
  inline-size: 0.125rem;
  pointer-events: none;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--active-header,
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
  border-block-end: 1px solid var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  border-inline-end: 1px solid var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header,
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td {
  background-color: var(--cds-background-inverse, #393939);
  color: var(--cds-text-inverse, #ffffff);
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header:focus, .c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header:hover,
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:focus,
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
  background-color: var(--cds-background-inverse, #393939);
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th:not(.c4p--data-spreadsheet__th--active-header-disabledSwapping) {
  cursor: grab;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
  cursor: grabbing;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__selection-area--element .c4p--data-spreadsheet__list--container {
  overscroll-behavior: none;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__reorder-indicator-line {
  position: absolute;
  z-index: 4;
  background-color: var(--cds-background-brand, #0f62fe);
  inline-size: 0.125rem;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header-disabledSwapping {
  cursor: pointer;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--active-header,
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--active-header.c4p--data-spreadsheet__td {
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header,
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td {
  background-color: var(--cds-background-inverse, #393939);
  color: var(--cds-text-inverse, #ffffff);
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:focus, .c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header:hover,
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:focus,
.c4p--data-spreadsheet .c4p--data-spreadsheet__td-th--selected-header.c4p--data-spreadsheet__td:hover {
  background-color: var(--cds-background-inverse, #393939);
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header.c4p--data-spreadsheet__th:not(.c4p--data-spreadsheet__th--active-header-disabledSwapping) {
  cursor: grab;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__th--selected-header-reorder-active.c4p--data-spreadsheet__th {
  cursor: grabbing;
}
.c4p--data-spreadsheet .c4p--data-spreadsheet__list--container {
  overscroll-behavior: none;
}

.c4p--datagrid__table-toolbar > section {
  z-index: 2;
  overflow: visible;
}

.c4p--datagrid__full-height,
.c4p--datagrid__full-height table,
.c4p--datagrid__full-height tbody {
  block-size: 100%;
}

.c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
  background-color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
}

.c4p--datagrid__grid-container table {
  /* Removes additional scroll introduced by Carbon table */
  overflow: hidden;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .cds--table-header-label {
  display: flex;
  align-items: center;
  block-size: 100%;
  color: var(--cds-text-primary, #161616);
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__head .c4p--datagrid__head-select-all.c4p--datagrid__checkbox-cell.c4p--datagrid__checkbox-cell-sticky-left {
  position: sticky;
  z-index: 10;
  inset-inline-start: 0;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__cell {
  align-items: center;
  padding-block: 0;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.cds--table-column-checkbox,
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.cds--table-column-checkbox {
  /* stylelint-disable-next-line carbon/layout-use */
  padding-block-start: 0.6875rem;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.cds--table-column-checkbox.c4p--datagrid__checkbox-cell,
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.cds--table-column-checkbox.c4p--datagrid__checkbox-cell {
  display: flex;
  align-items: center;
  padding-block-start: 0;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center td.cds--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left,
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center th.cds--table-column-checkbox.c4p--datagrid__checkbox-cell-sticky-left {
  position: sticky;
  inset-inline-start: 0;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.cds--table-column-checkbox {
  display: flex;
  align-items: center;
  block-size: 100%;
  padding-block-start: 0;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--xs .c4p--datagrid__cell {
  padding-block: 0.125rem;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--sm .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--md .c4p--datagrid__cell {
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  padding-block: 0.4375rem 0.375rem;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-center.c4p--datagrid__variable-row-height.cds--data-table--xl .c4p--datagrid__cell {
  padding-block: 1rem;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--xl .c4p--datagrid__cell {
  padding-block-start: 1rem;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--lg .cds--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--xl .cds--table-header-label {
  padding-block-start: 1rem;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--lg .cds--table-column-checkbox, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.cds--data-table--xl .cds--table-column-checkbox {
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  padding-block-start: 0.8125rem;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--lg .c4p--datagrid__cell, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--xl .c4p--datagrid__cell {
  padding-block-end: 1rem;
}
.c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--lg .cds--table-header-label, .c4p--datagrid__grid-container table.c4p--datagrid__vertical-align-top.c4p--datagrid__variable-row-height.cds--data-table--xl .cds--table-header-label {
  padding-block-end: 1rem;
}
.c4p--datagrid__grid-container table.c4p--datagrid__variable-row-height tr.c4p--datagrid__carbon-row {
  block-size: auto;
}

.c4p--datagrid__grid-container::-webkit-scrollbar-thumb {
  background-color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
}

.c4p--datagrid__grid-container::-webkit-scrollbar {
  background-color: var(--cds-background, #ffffff);
  inline-size: 6px;
}

/* This section to be removed after support for slug dropped  - start */
.c4p--datagrid th.c4p--datagrid__with-slug {
  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
}

.c4p--datagrid th.c4p--datagrid__with-slug,
.c4p--datagrid td.c4p--datagrid__slug--cell {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row,
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row + .c4p--datagrid__expanded-row {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
  background-attachment: fixed;
}

.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row {
  /* stylelint-disable-next-line carbon/theme-use */
  box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
}

.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row:hover,
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row.cds--data-table--selected:hover,
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row.c4p--datagrid__carbon-row-expanded:hover + .c4p--datagrid__expanded-row,
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__slug--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);
}

.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__slug--row td {
  background-color: transparent;
}

.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__slug--row.cds--data-table--selected {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
}

.c4p--datagrid th.c4p--datagrid__with-slug .cds--slug {
  margin-inline-start: 0.5rem;
}

/* This section to be removed after support for slug dropped  - end */
.c4p--datagrid th.c4p--datagrid__with-ai-label {
  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
}

.c4p--datagrid th.c4p--datagrid__with-ai-label,
.c4p--datagrid td.c4p--datagrid__ai-label--cell {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row,
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row + .c4p--datagrid__expanded-row {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
  background-attachment: fixed;
}

.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row {
  box-shadow: inset 1px 0 var(--cds-ai-border-strong, #4589ff);
}

.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row:hover,
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.cds--data-table--selected:hover,
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.c4p--datagrid__carbon-row-expanded:hover + .c4p--datagrid__expanded-row,
.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__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);
}

.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__expandable-row--hover.c4p--datagrid__ai-label--row td {
  background-color: transparent;
}

.c4p--datagrid .cds--data-table tbody tr.c4p--datagrid__ai-label--row.cds--data-table--selected {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
}

.c4p--datagrid th.c4p--datagrid__with-ai-label .cds--slug {
  margin-inline-start: 0.5rem;
}

.c4p--datagrid__grid-container {
  display: block;
  inline-size: 100%;
  padding-block-start: 0;
}
.c4p--datagrid__grid-container .cds--data-table-header__description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4p--datagrid__grid-container .cds--data-table-header__title {
  overflow: hidden;
  max-inline-size: 80ch;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 42rem) {
  .c4p--datagrid__grid-container .cds--data-table-header__title {
    max-inline-size: 55ch;
  }
}
.c4p--datagrid__grid-container .cds--data-table-content {
  block-size: 100%;
  inline-size: 100%;
  overflow-x: auto;
}
@supports (overflow-inline: auto) {
  .c4p--datagrid__grid-container .cds--data-table-content {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    overflow-inline: auto;
  }
}
.c4p--datagrid__grid-container .c4p--datagrid-filter-panel + .c4p--datagrid__table-container-inner .cds--pagination {
  background-color: var(--cds-layer-02, #ffffff);
}
.c4p--datagrid__grid-container table.c4p--datagrid__table-simple {
  display: flex;
  overflow: auto;
  flex-direction: column;
  background-color: var(--cds-layer-01, #f4f4f4);
  max-block-size: 100%;
}
.c4p--datagrid__grid-container .c4p--datagrid__head {
  display: flex;
}
.c4p--datagrid__grid-container .c4p--datagrid__head .header {
  align-items: center;
  /* Each cell should grow equally */
  inline-size: 1%;
}
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar {
  scrollbar-width: thin;
}
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
}
.c4p--datagrid__grid-container .c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
  background-color: var(--cds-background, #ffffff);
  inline-size: 6px;
}
.c4p--datagrid__grid-container .c4p--datagrid__cell {
  display: flex;
  /* Each cell should grow equally */
  inline-size: 1%;
}
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer {
  overflow: hidden;
  inline-size: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--multiline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  white-space: initial;
}
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--slug,
.c4p--datagrid__grid-container .c4p--datagrid__defaultStringRenderer.c4p--datagrid__defaultStringRenderer--ai-label {
  inline-size: fit-content;
}
.c4p--datagrid__grid-container .c4p--datagrid__expanded-row {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  block-size: 100%;
  inline-size: 100%;
}
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row {
  /* stylelint-disable-next-line declaration-no-important */
  flex: none !important;
}
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__carbon-row:hover a {
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--cds-link-primary-hover, #0043ce) !important;
}
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__left-sticky-column-cell,
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__right-sticky-column-cell,
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row .c4p--datagrid__checkbox-cell-sticky-left {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--cds-layer-01, #f4f4f4);
}
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row:hover .c4p--datagrid__left-sticky-column-cell,
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row:hover .c4p--datagrid__right-sticky-column-cell,
.c4p--datagrid__grid-container .c4p--datagrid__carbon-row:hover .c4p--datagrid__checkbox-cell-sticky-left {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}
.c4p--datagrid__grid-container .cds--data-table--selected .c4p--datagrid__left-sticky-column-cell,
.c4p--datagrid__grid-container .cds--data-table--selected .c4p--datagrid__right-sticky-column-cell,
.c4p--datagrid__grid-container .cds--data-table--selected .c4p--datagrid__checkbox-cell-sticky-left {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--cds-layer-selected-01, #e0e0e0);
}
.c4p--datagrid__grid-container .cds--select-input {
  -webkit-appearance: none;
  appearance: none;
}
.c4p--datagrid__grid-container th.cds--table-column-checkbox {
  display: block;
}
.c4p--datagrid__grid-container td.cds--table-column-checkbox,
.c4p--datagrid__grid-container th.cds--table-column-checkbox {
  /* stylelint-disable-next-line declaration-no-important */
  inline-size: 3rem !important;
  /* stylelint-disable-next-line declaration-no-important */
  padding-inline-end: 1rem !important;
}

.c4p--datagrid__empty-state .c4p--datagrid__table-simple {
  display: table;
  block-size: 100%;
}
.c4p--datagrid__empty-state .c4p--datagrid__table-simple .c4p--empty-state {
  max-inline-size: 280px;
}

.c4p--datagrid__empty-state .cds--data-table tbody tr:not([data-child-row]):hover {
  background: inherit;
}

.c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover {
  background: transparent;
}

.c4p--datagrid__empty-state .c4p--datagrid__table-simple tr:hover td {
  background: transparent;
  border-block-end: none;
}

.c4p--datagrid__empty-state .c4p--datagrid__table-simple td,
.c4p--datagrid__empty-state .c4p--datagrid__table-virtual-scroll td {
  padding: 5rem;
}

.c4p--datagrid__empty-state .c4p--datagrid__grid-container {
  flex: 1 1 auto;
}

.c4p--datagrid__empty-state .c4p--datagrid__empty-state-cell {
  border-block-end: none;
}

.c4p--datagrid__resizer {
  position: absolute;
  z-index: 1;
  display: inline-block;
  background: transparent;
  block-size: 100%;
  inline-size: 0.25rem;
  inset-block-start: 0;
  inset-inline-end: 0;
  touch-action: none;
  transform: translateX(50%);
}

.c4p--datagrid__resizer:hover {
  background: transparent;
}

.c4p--datagrid__sortableColumn:hover {
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
}

.c4p--datagrid__grid-container table.c4p--datagrid__table-simple.cds--data-table.c4p--datagrid__table-is-resizing {
  overflow-y: hidden;
}
@supports (overflow-block: hidden) {
  .c4p--datagrid__grid-container table.c4p--datagrid__table-simple.cds--data-table.c4p--datagrid__table-is-resizing {
    overflow-block: hidden;
  }
}

.c4p--datagrid__resizableColumn.c4p--datagrid__isResizing .c4p--datagrid__resizer {
  border-inline-end: 0.125rem solid var(--cds-button-secondary-hover, #474747);
}
.c4p--datagrid__resizableColumn.c4p--datagrid__isSorted {
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
}

.c4p--datagrid__resizableColumn:hover {
  background-color: var(--cds-layer-selected-hover);
}
.c4p--datagrid__resizableColumn:hover .c4p--datagrid__resizer {
  background-color: var(--cds-background-selected-hover, rgba(141, 141, 141, 0.32));
  border-inline-end: 0.125rem solid var(--cds-border-strong-01, #8d8d8d);
}

.c4p--datagrid__header-actions-column:hover {
  background-color: var(--cds-layer-accent);
}

.c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .cds--btn--icon-only {
  opacity: 0;
}

.c4p--datagrid .c4p--datagrid__carbon-row:hover .c4p--datagrid__actions-column-cell-non-sticky .cds--btn--icon-only,
.c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .cds--btn--icon-only:focus,
.c4p--datagrid .c4p--datagrid__carbon-row .c4p--datagrid__actions-column-cell-non-sticky .cds--btn--icon-only[aria-expanded=true] {
  opacity: 1;
}

.c4p--datagrid__head-hidden-select-all {
  min-inline-size: 3rem;
  padding-inline-end: 3rem;
}
.c4p--datagrid__head-hidden-select-all.c4p--datagrid__select-all-sticky-left {
  position: sticky;
  z-index: 10;
  background-color: var(--cds-layer-accent-01, #e0e0e0);
  inset-inline-start: 0;
}

.c4p--datagrid__simple-body {
  position: relative;
  display: table;
  overflow: hidden auto;
  scrollbar-width: thin;
}

.c4p--datagrid__simple-body::-webkit-scrollbar-thumb {
  background-color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
}

.c4p--datagrid__simple-body::-webkit-scrollbar {
  background-color: var(--cds-background, #ffffff);
  inline-size: 6px;
}

.c4p--datagrid__sticky.c4p--datagrid__table-simple {
  /* stylelint-disable-next-line declaration-no-important */
  min-inline-size: 0 !important;
}

.c4p--datagrid__sticky.c4p--datagrid__simple-body {
  overflow: auto;
}

.c4p--datagrid__sticky.c4p--datagrid__table-simple thead > div {
  overflow: hidden;
  /* stylelint-disable-next-line declaration-no-important */
  inline-size: 100% !important;
}

.c4p--datagrid__sticky thead {
  display: flex;
}
.c4p--datagrid__sticky thead tr.c4p--datagrid__sticky {
  inline-size: auto;
}

.c4p--datagrid__displayFlex {
  position: relative;
  display: flex;
  flex-direction: row;
  block-size: 100%;
  inline-size: 100%;
}

.c4p--datagrid__table-container-inner {
  overflow: hidden;
  flex: 1;
}

.c4p--datagrid__datagridWithPanel {
  position: relative;
  display: flex;
  flex-direction: column;
  block-size: 100%;
}
.c4p--datagrid__datagridWithPanel .c4p--datagrid__grid-container {
  display: flex;
  overflow: visible;
  flex-direction: column;
}
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-toolbar {
  inline-size: 100%;
}
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container {
  display: flex;
  overflow: visible;
  background-color: var(--cds-layer-01, #f4f4f4);
}
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-container .c4p--datagrid__filter-summary {
  border-block-end: 1px solid var(--cds-layer-03, #f4f4f4);
}
.c4p--datagrid__datagridWithPanel .c4p--datagrid__table-simple {
  block-size: 100%;
}
.c4p--datagrid__datagridWithPanel .cds--data-table-content {
  block-size: fit-content;
}

.c4p--datagrid__table-container {
  position: relative;
  display: flex;
  overflow: auto;
  inline-size: 100%;
  max-block-size: 100%;
  overflow-y: auto;
}
@supports (overflow-block: auto) {
  .c4p--datagrid__table-container {
    overflow-block: auto;
  }
}

.c4p--datagrid__carbon-row-expanded {
  position: relative;
}
.c4p--datagrid__carbon-row-expanded.c4p--datagrid__carbon-row-expanded-hover-active::before {
  position: absolute;
  z-index: 2;
  block-size: var(--c4p--datagrid--indicator-height);
  border-inline-start: 1px solid var(--cds-border-subtle-selected-01, #c6c6c6);
  content: "";
  inline-size: 1px;
  /* stylelint-disable-next-line carbon/layout-use */
  inset-block-start: var(--c4p--datagrid--row-height);
  /* stylelint-disable-next-line carbon/layout-use */
  inset-inline-start: calc(var(--c4p--datagrid--indicator-offset-amount) + 1rem);
}

.c4p--datagrid .cds--data-table-header {
  background: transparent;
}

.c4p--datagrid__dense-header {
  display: flex;
  flex-wrap: wrap;
}
.c4p--datagrid__dense-header .cds--data-table-header {
  flex: 1 1 auto;
  padding-block-end: 1rem;
}
.c4p--datagrid__dense-header .c4p--datagrid__table-toolbar {
  display: flex;
  flex: 1 0 auto;
  align-items: flex-end;
}
.c4p--datagrid__dense-header .cds--table-toolbar {
  background: transparent;
}
.c4p--datagrid__dense-header .cds__table-container {
  flex: 1 1 100%;
}
.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider {
  position: relative;
}
.c4p--datagrid__dense-header .c4p--datagrid__toolbar-divider::before {
  position: absolute;
  block-size: 1rem;
  border-inline-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  content: "";
  inline-size: 1px;
  inset-block-start: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
}

.c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row) {
  position: relative;
}

.c4p--datagrid .cds--data-table--selected:not(.c4p--datagrid__active-row)::before {
  position: absolute;
  background-color: var(--cds-background-brand, #0f62fe);
  block-size: 100%;
  content: "";
  inline-size: 0.25rem;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.c4p--datagrid__table-toolbar .cds--batch-summary__para {
  white-space: nowrap;
}

.c4p--datagrid__table-toolbar .cds--batch-actions .cds--batch-actions--active {
  overflow-x: hidden;
}
@supports (overflow-inline: hidden) {
  .c4p--datagrid__table-toolbar .cds--batch-actions .cds--batch-actions--active {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    overflow-inline: hidden;
  }
}

.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu {
  display: flex;
  justify-content: center;
  margin-inline-end: 0.75rem;
  min-inline-size: 2.5rem;
}

.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu {
  min-inline-size: calc(6rem + 0.5rem);
}

.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  inline-size: 100%;
  min-inline-size: 3rem;
}
.c4p--datagrid__table-toolbar .c4p--datagrid__button-menu--icon-only.c4p--button-menu .c4p--button-menu__trigger .cds--btn__icon {
  margin: 0;
}

.c4p--datagrid .c4p--button-menu {
  block-size: 3rem;
}

.c4p--datagrid .c4p--datagrid__row-size-button {
  display: flex;
  justify-content: center;
  block-size: 3rem;
  inline-size: 3rem;
}

.c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
  flex: 0 0 auto;
  margin-inline-end: 0.5rem;
}

.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar {
  block-size: 7px;
  inline-size: 10px;
}

.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-track {
  background: var(--cds-layer);
}

.c4p--datagrid__virtual-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

.c4p--datagrid__virtualScrollContainer {
  inline-size: 100%;
}
.c4p--datagrid__virtualScrollContainer .cds--data-table-content {
  overflow-x: hidden;
}
@supports (overflow-inline: hidden) {
  .c4p--datagrid__virtualScrollContainer .cds--data-table-content {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    overflow-inline: hidden;
  }
}

.c4p--datagrid .cds--modal {
  inline-size: 100%;
}

.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger {
  flex-shrink: 0;
  background-color: var(--cds-interactive, #0f62fe);
}

.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger svg {
  fill: var(--cds-background, #ffffff);
}

.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger:hover,
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open:hover,
.cds--overflow-menu.c4p--datagrid__toolbar-menu__trigger.cds--overflow-menu--open {
  background-color: var(--cds-button-primary-hover, #0050e6);
}

.c4p--datagrid__toolbar-options.c4p--datagrid__toolbar-options {
  background-color: var(--cds-layer-02, #ffffff);
}

.c4p--datagrid__toolbar-options.cds--overflow-menu-options::after {
  background-color: transparent;
}

.c4p--datagrid__mobile-toolbar-modal .cds--modal-container {
  position: absolute;
}

.c4p--datagrid__table-toolbar--sm .c4p--filter-summary,
.c4p--datagrid__table-toolbar--xs .c4p--filter-summary {
  padding: 0 0.5rem;
}

.c4p--datagrid .c4p--datagrid__head-wrap {
  overflow: hidden;
  background-color: var(--cds-layer-accent);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.c4p--datagrid .c4p--datagrid__head-wrap::-webkit-scrollbar {
  display: none;
}

.c4p--datagrid .cds--action-list .cds--btn.c4p--button-menu {
  padding: 0;
}

.c4p--datagrid .cds--noLabel svg.cds--btn__icon {
  margin-inline-start: 0;
}

.c4p--datagrid .cds--action-list .cds--btn__icon {
  margin-block-start: 0;
}

.c4p--datagrid .c4p--datagrid__col-resizer-range {
  position: absolute;
  z-index: 2;
  margin: 0;
  -moz-appearance: initial;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  block-size: 100%;
  inline-size: 1rem;
  inset-block-start: 0;
  inset-inline-end: calc(0.5rem * -1);
}

.c4p--datagrid .c4p--datagrid__col-resizer-range:focus {
  outline: 0;
}

.c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator::before {
  position: absolute;
  background-color: var(--cds-focus, #0f62fe);
  block-size: var(--c4p--datagrid--header-height);
  content: "";
  inline-size: 2px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
}

.c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator {
  position: absolute;
  z-index: 2;
  border-radius: 100%;
  margin: 0;
  background-color: var(--cds-focus, #0f62fe);
  block-size: 0.5rem;
  inline-size: 0.5rem;
  inset-inline-end: calc(0.5rem * -1);
  transform: translate(-50%, 0);
}

.c4p--datagrid .c4p--datagrid__col-resizer-range:focus + .c4p--datagrid__col-resize-indicator::after {
  position: absolute;
  background-color: var(--cds-layer-active-01, #c6c6c6);
  block-size: calc(var(--c4p--datagrid--grid-height) - var(--c4p--datagrid--row-height));
  content: "";
  inline-size: 1px;
  /* stylelint-disable-next-line carbon/layout-use */
  inset-block-start: calc(var(--c4p--datagrid--row-height) - 20px);
  inset-inline-end: 0.25rem;
}

.c4p--datagrid .c4p--datagrid__col-resizer-range::-webkit-slider-thumb {
  border: none;
  border-radius: 50%;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  block-size: 16px;
  inline-size: 16px;
}

.c4p--datagrid .c4p--datagrid__col-resizer-range::-moz-range-thumb {
  visibility: hidden;
}

.c4p--datagrid .c4p--datagrid__table-row-ai-enabled {
  display: flex;
  align-items: center;
}
.c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__slug--expanded, .c4p--datagrid .c4p--datagrid__table-row-ai-enabled.c4p--datagrid__ai-label--expanded {
  border: none;
}

.c4p--datagrid .c4p--datagrid__table-row-ai-spacer,
.c4p--datagrid .c4p--datagrid__table-row-ai-enabled {
  inline-size: 1rem;
}

/**
 * Copyright IBM Corp. 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.cds--data-table tr.c4p--datagrid__carbon-nested-row {
  border-inline-start: 1px solid transparent;
}
.cds--data-table tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__cell {
  border-block-end: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}

.c4p--datagrid .c4p--datagrid__expander-icon {
  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.c4p--datagrid .c4p--datagrid__expander-icon--open {
  transform: rotate(90deg);
}

.c4p--datagrid__expanded-row .c4p--datagrid__carbon-row-expanded td:first-child {
  border-block-end: none;
}

.c4p--datagrid .c4p--datagrid__carbon-row-expandable {
  position: relative;
}

.c4p--datagrid tr.c4p--datagrid__carbon-nested-row + :not(tr.c4p--datagrid__carbon-nested-row)::after {
  position: absolute;
  background-color: var(--cds-border-subtle);
  block-size: 1px;
  content: "";
  inline-size: 100%;
  /* stylelint-disable-next-line carbon/layout-use */
  inset-block-start: -1px;
  inset-inline-start: 0;
}

.c4p--datagrid tr.c4p--datagrid__carbon-nested-row td:first-child:empty,
.c4p--datagrid tr.c4p--datagrid__carbon-nested-row .c4p--datagrid__expandable-row-cell {
  border-block-end: none;
}

.cds--data-table td.c4p--datagrid__expandable-row-cell {
  padding-inline-start: 0.5rem;
}

.cds--data-table td.c4p--datagrid__expandable-row-cell + td,
.cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2),
.cds--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__cell:nth-of-type(2) + td {
  position: relative;
}

.cds--data-table td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
.cds--data-table .c4p--datagrid__carbon-nested-row:not(.c4p--datagrid__carbon-row-expandable):not(.c4p--datagrid__carbon-row-expandable--async) td.c4p--datagrid__cell:nth-of-type(2)::before,
.cds--data-table .c4p--datagrid__carbon-nested-row td.c4p--datagrid__expandable-row-cell + td::before {
  position: absolute;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 1px;
  content: "";
  inline-size: 1rem;
  /* stylelint-disable-next-line carbon/layout-use */
  inset-block-end: -1px;
  inset-inline-start: 0;
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--data-table tr:hover td.c4p--datagrid__expandable-row-cell.c4p--datagrid__expandable-row-cell--is-expanded + td::before,
.cds--data-table .c4p--datagrid__carbon-nested-row:hover td.c4p--datagrid__expandable-row-cell + td::before,
.cds--data-table .c4p--datagrid__expandable-row--hover td.c4p--datagrid__expandable-row-cell + td::before,
.cds--data-table .c4p--datagrid__carbon-nested-row:hover:not(.c4p--datagrid__carbon-row-expandable) td.c4p--datagrid__cell:nth-of-type(2)::before {
  background-color: var(--cds-layer-hover);
}

.c4p--datagrid__carbon-row-expanded .c4p--datagrid__expandable-row-cell {
  border-block-end: none;
}

/**
 * Copyright IBM Corp. 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.c4p--datagrid__expanded-row .cds--data-table-container {
  border-inline-start: 2px solid var(--cds-background-brand, #0f62fe);
  inline-size: calc(100% - 2rem);
  margin-inline-start: 2rem;
  overflow-x: hidden;
}
@supports (overflow-inline: hidden) {
  .c4p--datagrid__expanded-row .cds--data-table-container {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    overflow-inline: hidden;
  }
}
.c4p--datagrid__expanded-row .cds--data-table-container tr.c4p--datagrid__carbon-nested-row {
  border-inline-start: none;
}

.c4p--datagrid__expanded-row .cds--data-table-container th {
  background-color: var(--cds-layer-accent-01, #e0e0e0);
  border-block-start-color: var(--cds-layer-accent-01, #e0e0e0);
  padding-block: 0;
}

/**
 * Copyright IBM Corp. 2020, 2023
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.c4p--datagrid__sortableColumn {
  /* stylelint-disable-next-line declaration-no-important */
  padding-inline: 1rem !important;
}
.c4p--datagrid__sortableColumn .cds--table-header-label .header-title {
  display: inline-block;
  inline-size: auto;
}
.c4p--datagrid__sortableColumn .cds--table-header-label {
  display: block;
  block-size: 100%;
  inline-size: 100%;
}
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus,
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active,
.c4p--datagrid__sortableColumn .cds--table-header-label button:focus .c4p--datagrid__sortable-icon {
  /* stylelint-disable-next-line declaration-no-important */
  background: none !important;
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--cds-text-primary, #161616) !important;
}
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:focus + .c4p--datagrid__resizer,
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort:active + .c4p--datagrid__resizer {
  z-index: -1;
}
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort {
  padding: 0 1rem;
  border: none;
  /* stylelint-disable-next-line declaration-no-important */
  background: none !important;
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--cds-text-primary, #161616) !important;
  font: inherit;
  inline-size: 100%;
  min-inline-size: 100%;
}
.c4p--datagrid__sortableColumn .cds--table-header-label .cds--table-sort .c4p--datagrid__sortable-icon {
  fill: var(--cds-text-primary, #161616);
  opacity: 0;
  visibility: hidden;
}
.c4p--datagrid__sortableColumn .cds--table-sort.c4p--datagrid--table-sort {
  align-items: inherit;
  margin: 0 calc(-1 * 1rem);
  inline-size: calc(100% + 2rem);
}

.c4p--datagrid__sortableColumn:hover .cds--table-header-label .c4p--datagrid__sortable-icon,
.c4p--datagrid__sortableColumn:focus-within .cds--table-header-label .c4p--datagrid__sortable-icon,
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted .cds--table-header-label .c4p--datagrid__sortable-icon {
  opacity: 1;
  visibility: visible;
}
.c4p--datagrid__sortableColumn:hover,
.c4p--datagrid__sortableColumn:focus-within,
.c4p--datagrid__sortableColumn.c4p--datagrid__isSorted {
  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
}

/**
 * Copyright IBM Corp. 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.c4p--datagrid__right-align-header {
  inline-size: 100%;
  text-align: end;
}

.c4p--datagrid__right-align-header button {
  text-align: end;
}

.c4p--datagrid__right-align-cell-renderer {
  inline-size: 100%;
  /* stylelint-disable-next-line carbon/layout-use */
  padding-inline-end: 23px;
  text-align: end;
}

.c4p--datagrid__right-align-cell-renderer.sortDisabled {
  padding-inline-end: 0;
}

.c4p--datagrid__center-align-header,
.c4p--datagrid__center-align-header .c4p--datagrid--table-sort {
  inline-size: 100%;
  text-align: center;
}

.c4p--datagrid__center-align-cell-renderer {
  margin-inline: auto;
}

/**
 * Copyright IBM Corp. 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.c4p--datagrid__right-sticky-column-cell {
  /* stylelint-disable-next-line declaration-no-important */
  position: sticky !important;
  display: flex;
  align-items: center;
  border-inline-start: 1px solid var(--cds-border-subtle);
  inset-inline-end: 0;
}

.c4p--datagrid__right-sticky-column-header {
  /* stylelint-disable-next-line declaration-no-important */
  position: sticky !important;
  inset-inline-end: 0;
}

.c4p--datagrid__left-sticky-column-cell {
  /* stylelint-disable-next-line declaration-no-important */
  position: sticky !important;
  display: flex;
  align-items: center;
  border-inline-end: 1px solid var(--cds-border-subtle);
  inset-inline-start: 0;
}

.c4p--datagrid__left-sticky-column-header {
  /* stylelint-disable-next-line declaration-no-important */
  position: sticky !important;
  z-index: 10;
  border-inline-end: 1px solid var(--cds-border-subtle);
  inset-inline-start: 0;
}

.c4p--datagrid__right-sticky-column-header {
  border-inline-start: 1px solid var(--cds-border-subtle);
}

.c4p--datagrid__left-sticky-column-cell.c4p--datagrid__left-sticky-column-cell--with-extra-select-column,
.c4p--datagrid__left-sticky-column-header.c4p--datagrid__left-sticky-column-header--with-extra-select-column {
  inset-inline-start: 3rem;
}

.c4p--datagrid__sticky-noShadow {
  box-shadow: none;
}

.c4p--datagrid__sticky-column-noShadow .c4p--datagrid__right-sticky-column-cell {
  box-shadow: none;
}

.c4p--datagrid__right-sticky-column-offset-scroll {
  /* stylelint-disable-next-line */
  inset-inline-end: 6px !important;
}

.c4p--datagrid__select-all-toggle-on.c4p--datagrid__select-all-sticky-left {
  position: sticky;
  z-index: 10;
  inset-inline-start: 0;
}

/**
 * Copyright IBM Corp. 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.c4p--datagrid__actions-column-cell {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.c4p--datagrid__actions-column-content {
  display: flex;
  justify-content: center;
}

.c4p--datagrid__actions-column-loading {
  margin-block-end: 0.5rem;
}

.c4p--datagrid .c4p--datagrid__disabled-row-action-button {
  cursor: not-allowed;
}

.c4p--datagrid .c4p--datagrid__disabled-row-action {
  pointer-events: none;
}

.c4p--datagrid .c4p--datagrid__disabled-row-action svg {
  fill: var(--cds-layer-selected-disabled, #8d8d8d);
}

.c4p--datagrid_actions-column {
  display: flex;
}

.c4p--datagrid__customize-columns-tearsheet .c4p--tearsheet__content {
  display: flex;
  flex-flow: column;
}

.c4p--datagrid__customize-columns-tearsheet--actions input[role=searchbox] {
  block-size: 3rem;
  border-block-end: 1px solid var(--cds-background-active, rgba(141, 141, 141, 0.5));
  padding-inline-start: 3rem;
}

.cds--form-item.cds--checkbox-wrapper.c4p--datagrid__customize-columns-checkbox {
  display: flex;
  flex: initial;
  align-items: center;
  justify-content: center;
}

.c4p--datagrid__customize-columns-column-list .c4p--datagrid__customize-columns-checkbox-wrapper.cds--form-item {
  margin-block-end: 0;
}

.c4p--datagrid__customize-columns-column-list {
  position: relative;
  overflow: auto;
}

.c4p--datagrid__customize-columns-select-all {
  align-items: center;
}

.c4p--datagrid__customize-columns-select-all,
.c4p--datagrid__customize-columns-select-all--selected {
  position: sticky;
  z-index: 1;
  display: flex;
  background-color: var(--cds-layer);
  block-size: 3rem;
  border-block-end: 1px solid var(--cds-layer-active);
  inset-block-start: 0;
  padding-inline-start: 2.5rem;
}
.c4p--datagrid__customize-columns-select-all .cds--checkbox-label-text,
.c4p--datagrid__customize-columns-select-all--selected .cds--checkbox-label-text {
  font-weight: 600;
}

.c4p--datagrid__customize-columns-select-all:hover {
  background-color: var(--cds-layer-hover);
}

.c4p--datagrid__customize-columns-select-all--selected {
  background-color: var(--cds-layer-selected);
}

/**
 * Copyright IBM Corp. 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.c4p--datagrid .c4p--datagrid__row-size-toggle-tip-content {
  background-color: var(--cds-layer-02, #ffffff);
  box-shadow: 1px 4px 8px -3px var(--cds-overlay, rgba(0, 0, 0, 0.6)), -1px 6px 8px -5px var(--cds-overlay, rgba(0, 0, 0, 0.6));
}

.c4p--datagrid .c4p--datagrid__row-size-radio-button .cds--radio-button__label {
  color: var(--cds-text-primary, #161616);
}

.c4p--datagrid .c4p--datagrid__row-size-toggle-tip .cds--popover-caret {
  background-color: var(--cds-layer-02, #ffffff);
}

.c4p--datagrid .cds--popover--bottom-right.c4p--datagrid__row-height-settings-popover .cds--popover-caret {
  inset-inline-start: -0.25rem;
}

.c4p--datagrid__row-size-toggle-tip-button.cds--toggletip-button {
  display: flex;
  justify-content: center;
  block-size: 3rem;
  inline-size: 3rem;
}

.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center td,
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-top td {
  align-items: flex-start;
  padding-block: 1rem;
}
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center td.c4p--datagrid__actions-column-cell,
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-top td.c4p--datagrid__actions-column-cell {
  padding-inline-start: 0.5rem;
}

.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center th .cds--table-header-label,
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-top th .cds--table-header-label {
  align-items: flex-start;
}

.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center .c4p--datagrid__checkbox-cell th.cds--table-column-checkbox {
  align-items: flex-start;
  padding-block-start: 0.75rem;
}

.c4p--datagrid__row-size__row-settings-trigger--open.cds--btn--ghost {
  background-color: var(--cds-layer-02, #ffffff);
}

.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-center td.c4p--datagrid__expandable-row-cell,
.c4p--datagrid table.cds--data-table--xl.c4p--datagrid__vertical-align-top td.c4p--datagrid__expandable-row-cell {
  padding-block-start: 0.5rem;
}

/* stylelint-disable-next-line -- to-rem carbon replacement for rem */
.c4p--datagrid-filter-flyout__container {
  position: relative;
}

.c4p--datagrid-filter-flyout {
  position: absolute;
  display: none;
  background-color: var(--cds-layer-02, #ffffff);
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  inline-size: 40.125rem;
  inset-block-start: 3rem;
  inset-inline-end: 0;
}

.c4p--datagrid-filter-flyout--open {
  display: grid;
}

.c4p--datagrid-filter-flyout--batch {
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  grid-template-rows: 1fr 3rem;
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  min-block-size: 21.625rem;
}

.c4p--datagrid-filter-flyout--instant {
  grid-template-rows: 1fr;
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  min-block-size: 17.625rem;
}

.c4p--datagrid-filter-flyout__inner-container {
  padding: 1rem 1rem 3rem 1rem;
}

.c4p--datagrid-filter-flyout__inner-container::before {
  position: absolute;
  display: block;
  background-color: var(--cds-layer-02, #ffffff);
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  block-size: 0.9375rem;
  content: "";
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  inline-size: 2.875rem;
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  inset-block-start: -0.4375rem;
  inset-inline-end: 1px;
}

.c4p--datagrid-filter-flyout__title {
  display: block;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  margin-block-end: 1.5rem;
}

.c4p--datagrid-filter-flyout__filters {
  display: grid;
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  gap: 1rem 2rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.c4p--datagrid-filter-flyout__trigger.cds--btn {
  display: flex;
  justify-content: center;
  block-size: 3rem;
  inline-size: 3rem;
}

.c4p--datagrid-filter-flyout__trigger--open.cds--btn.cds--btn--icon-only {
  position: relative;
  background-color: var(--cds-layer-02, #ffffff);
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  box-shadow: 0 1px 0.5rem 0 rgba(0, 0, 0, 0.25);
}

.c4p--datagrid-filter-flyout .cds--fieldset {
  margin-block-end: 0;
}

.c4p--datagrid-filter-flyout__stacked {
  grid-template-columns: 1fr;
}

@keyframes filter-panel-entrance-reduced {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes filter-panel-exit-reduced {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes filter-panel-entrance-left {
  0% {
    inline-size: 0;
    opacity: 0;
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(calc(var(--panel-transform) * -1));
  }
  100% {
    inline-size: var(--panel-transform);
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes filter-panel-exit-left {
  0% {
    inline-size: var(--panel-transform);
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    inline-size: 0;
    opacity: 0;
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(calc(var(--panel-transform) * -1));
  }
}
@property --panel-transform {
  inherits: true;
  initial-value: 320px;
  syntax: "<length>";
}
.c4p--datagrid-filter-panel {
  --panel-transform: 320px;
  transform: translateX(0);
  transition-behavior: allow-discrete;
  transition-duration: 150ms;
  transition-property: display, opacity, transform;
}
@starting-style {
  .c4p--datagrid-filter-panel {
    opacity: 0;
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(var(--panel-transform));
  }
}
.c4p--datagrid-filter-panel.c4p--datagrid-filter-panel--open.c4p--datagrid-filter-panel--left-placement {
  animation: filter-panel-entrance-left 150ms cubic-bezier(0, 0, 0.38, 0.9) forwards;
}
.c4p--datagrid-filter-panel.c4p--datagrid-filter-panel--closing.c4p--datagrid-filter-panel--left-placement {
  animation: filter-panel-exit-left 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
}
@supports (transition-behavior: allow-discrete) {
  .c4p--datagrid-filter-panel.c4p--datagrid-filter-panel--closing {
    opacity: 0;
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(var(--panel-transform, 320px));
    transition-duration: 150ms;
  }
  .c4p--datagrid-filter-panel.c4p--datagrid-filter-panel--closing.c4p--datagrid-filter-panel--left-placement {
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(calc(-1 * var(--panel-transform, 320px)));
  }
}
@media (prefers-reduced-motion) {
  .c4p--datagrid-filter-panel {
    /* styles to apply if a user's device settings are set to reduced motion */
  }
  .c4p--datagrid-filter-panel.c4p--datagrid-filter-panel--open.c4p--datagrid-filter-panel--left-placement {
    animation: filter-panel-entrance-reduced 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
  }
  @starting-style {
    .c4p--datagrid-filter-panel.c4p--datagrid-filter-panel--open.c4p--datagrid-filter-panel--left-placement {
      opacity: 0;
      transform: translateX(0);
    }
  }
  .c4p--datagrid-filter-panel.c4p--datagrid-filter-panel--closing.c4p--datagrid-filter-panel--left-placement {
    animation: filter-panel-exit-reduced 150ms cubic-bezier(0.2, 0, 1, 0.9) forwards;
  }
  @starting-style {
    .c4p--datagrid-filter-panel.c4p--datagrid-filter-panel--closing.c4p--datagrid-filter-panel--left-placement {
      opacity: 1;
      transform: translateX(0);
    }
  }
}

.c4p--datagrid-filter-panel__container {
  position: relative;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: clamp(var(--filter-panel-min-height), 100%, 100vh);
  border-block-start: 1px var(--cds-layer-accent-01, #e0e0e0) solid;
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  inline-size: 20rem;
}

.c4p--datagrid-filter-panel--open {
  border-inline-end: 1px var(--cds-layer-accent-01, #e0e0e0) solid;
}

.c4p--datagrid-filter-panel__container::before {
  position: absolute;
  display: block;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 1px;
  content: "";
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  inline-size: 2.9375rem;
  inset-block-start: -1px;
  inset-inline-start: 0;
}

.c4p--datagrid-filter-panel__inner-container {
  position: relative;
  z-index: 0;
  overflow: auto;
  padding: 0 1rem 4rem;
  overscroll-behavior: contain;
}

.c4p--datagrid-filter-panel__inner-container .c4p--datagrid-filter-panel__category:last-of-type {
  padding-block-end: 5rem;
}

.c4p--datagrid-filter-panel {
  position: sticky;
  inset-block-start: 0;
}

.c4p--datagrid-filter-panel__heading {
  display: flex;
  justify-content: space-between;
  border-block-end: 1px solid transparent;
  padding-inline-start: 1rem;
}

.c4p--datagrid-filter-panel__heading--with-divider {
  border-block-end: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}

.c4p--datagrid-filter-panel__title {
  padding: 1rem 0;
  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);
}

.c4p--datagrid-filter-panel__search {
  padding: 0 1rem 1.5rem;
}

.c4p--datagrid-filter-panel__category-title {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 1rem;
}

.c4p--datagrid-filter-panel__category {
  padding-block-end: 1.5rem;
}

.c4p--datagrid-filter-panel__category > *:not(.c4p--datagrid-filter-panel__category-title, .bx--accordion) {
  margin-block-end: 1rem;
}

.c4p--datagrid-filter-panel__action-set {
  position: sticky;
  z-index: 1;
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  block-size: 4rem;
  inset-block-end: 0;
  margin-block-start: auto;
  opacity: 1;
  transform: translateY(64px) translateZ(0);
}
.c4p--datagrid-filter-panel__action-set.c4p--datagrid-filter-panel__animationComplete {
  transform: none;
  transition-behavior: allow-discrete;
  transition-duration: 150ms;
  transition-property: display, opacity, transform;
}

.c4p--datagrid-filter-panel__container .cds--accordion__title {
  margin: 0;
}

.c4p--datagrid-filter-panel__container .cds--accordion__arrow {
  margin: 0.125rem 0 0;
}

.c4p--datagrid-filter-panel__container .cds--accordion__content {
  padding-inline: 0;
}

.c4p--datagrid-filter-panel__container .cds--accordion__content > *:not(:last-child) {
  margin-block-end: 1rem;
}

.cds--btn.c4p--datagrid-filter-panel-open-button {
  display: flex;
  justify-content: center;
  block-size: 3rem;
  border-block-end: none;
  border-inline-end: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  inline-size: 3rem;
}

.cds--btn.c4p--datagrid-filter-panel__view-all-button {
  margin-inline-start: -1rem;
}

.c4p--datagrid__grid-container th.c4p--datagrid__select-all-toggle-on,
.c4p--datagrid__grid-container td.c4p--datagrid__select-all-toggle-on {
  box-sizing: border-box;
  flex: 0 0 auto;
  /* stylelint-disable-next-line declaration-no-important */
  inline-size: 4.5rem !important;
  /* stylelint-disable-next-line declaration-no-important */
  min-inline-size: initial !important;
}

th.c4p--datagrid__select-all-toggle-on {
  display: flex;
  align-items: center;
  justify-content: center;
}

th.c4p--datagrid__select-all-toggle-on.button {
  margin-inline-start: 0.125rem;
}

.c4p--datagrid__select-all-toggle-overflow.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
  inline-size: 10rem;
}

/**
 * Copyright IBM Corp. 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.c4p--datagrid .c4p--datagrid__expanded-row-content {
  position: relative;
  padding: 1rem 1rem 1.5rem 4rem;
}

.c4p--datagrid .c4p--datagrid__expanded-row-content::before {
  position: absolute;
  inline-size: calc(100% - 3rem);
  /* stylelint-disable-next-line carbon/layout-use */
  inset-block-start: -1px;
  inset-inline-end: 0;
  background-color: var(--cds-layer-accent);
  block-size: 1px;
  content: "";
}

.c4p--datagrid .c4p--datagrid__expanded-row-content::after {
  position: absolute;
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-start: 0;
  background-color: var(--cds-layer-accent);
  block-size: 1px;
  content: "";
}

.c4p--datagrid__carbon-row.c4p--datagrid__carbon-row-expandable .c4p--datagrid__cell.c4p--datagrid__expandable-row-cell {
  padding: 0.5rem;
  padding-inline-end: 0;
}

.c4p--datagrid__row-expander.cds--btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  block-size: 2rem;
  inline-size: 2rem;
  min-block-size: 2rem;
}
.c4p--datagrid__row-expander.cds--btn .c4p--datagrid__row-expander--icon {
  fill: var(--cds-layer-selected-inverse, #161616);
}

.c4p--datagrid .cds--data-table tbody tr:hover + .c4p--datagrid__expanded-row,
.c4p--datagrid .c4p--datagrid__expanded-row:hover,
.c4p--datagrid .c4p--datagrid__expandable-row--hover td {
  background: var(--cds-layer-hover);
  border-block-start: none;
}

.c4p--datagrid .cds--data-table tbody tr:hover td.c4p--datagrid__expanded-row-cell-wrapper,
.c4p--datagrid .cds--data-table td.c4p--datagrid__expanded-row-cell-wrapper,
.c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-expanded td.c4p--datagrid__expandable-row-cell {
  border: none;
}

.c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-expanded:hover td:not(.c4p--datagrid__expandable-row-cell) {
  border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
}

.c4p--datagrid .cds--data-table td.c4p--datagrid__expanded-row-cell-wrapper {
  padding: 0;
}

.c4p--datagrid__draggable-handleStyle {
  padding: 0;
  border: none;
  background: none;
  cursor: grab;
  margin-inline-end: 0.5rem;
}

.c4p--datagrid__draggable-handleStyle:active,
.c4p--datagrid__draggable-handleHolder--dragging {
  cursor: grabbing;
}

.c4p--datagrid__draggable-handleStyle.disabled {
  cursor: none;
  pointer-events: none;
}

.c4p--datagrid__draggable-handleStyle.disabled svg {
  fill: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.c4p--datagrid__draggable-underlay {
  position: absolute;
  inline-size: 100%;
}

.c4p--datagrid__draggable-underlay-item {
  border: 2px dashed var(--cds-focus, #0f62fe);
  /* stylelint-disable-next-line carbon/theme-use */
  background-color: #edf5ff;
  block-size: 3rem;
  inline-size: 100%;
}

.c4p--datagrid__draggable-handleHolder {
  position: relative;
  display: flex;
  background-color: var(--cds-layer);
  block-size: 3rem;
  border-block-end: 1px solid var(--cds-layer-active);
}

.c4p--datagrid__draggable-handleHolder:hover {
  background-color: var(--cds-layer-hover);
}

.c4p--datagrid__draggable-handleHolder:focus {
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
  outline: none;
}

.c4p--datagrid__draggable-handleHolder--selected {
  background-color: var(--cds-layer-selected);
}

.c4p--datagrid__draggable-handleHolder--dragging {
  z-index: 2;
  background-color: var(--cds-highlight, #d0e2ff);
  color: var(--cds-text-primary, #161616);
  outline: none;
}

.c4p--datagrid__draggable-handleHolder-selected:hover {
  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
}

.c4p--datagrid__draggable-handleHolder-droppable {
  display: flex;
  align-items: center;
  inline-size: 100%;
  /* stylelint-disable-next-line carbon/type-use */
  line-height: 1;
  padding-inline-start: 1rem;
  transition-property: opacity;
}

.c4p--datagrid__draggable-handleHolder-droppable.c4p--datagrid__draggable-handleHolder-droppable--origin {
  opacity: 0.5;
  transition: opacity 150ms cubic-bezier(0, 0, 0.38, 0.9);
  /* stylelint-disable-next-line max-nesting-depth */
}
@media (prefers-reduced-motion: reduce) {
  .c4p--datagrid__draggable-handleHolder-droppable.c4p--datagrid__draggable-handleHolder-droppable--origin {
    transition: none;
  }
}

.c4p--datagrid__draggable-handleHolder--sticky {
  color: var(--cds-text-on-color-disabled, #8d8d8d);
}

.c4p--datagrid__shared-ui--assistive-text {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  block-size: 0;
  clip: rect(0 0 0 0);
  inline-size: 0;
  text-transform: none;
  white-space: nowrap;
}

/**
 * Copyright IBM Corp. 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--text-input,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number input[type=number],
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xs .cds--date-picker__input {
  block-size: 1.5rem;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number__control-btn::before,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .cds--number__control-btn::after {
  block-size: calc(1.5rem - 0.25rem);
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xs .c4p--datagrid__inline-edit--select .cds--list-box {
  max-block-size: none;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--text-input,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number input[type=number],
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-sm .cds--date-picker__input {
  block-size: 2rem;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number__control-btn::before,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .cds--number__control-btn::after {
  block-size: calc(2rem - 0.25rem);
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--sm .c4p--datagrid__inline-edit--select .cds--list-box {
  max-block-size: none;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--text-input,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number input[type=number],
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-md .cds--date-picker__input {
  block-size: 2.5rem;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number__control-btn::before,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .cds--number__control-btn::after {
  block-size: calc(2.5rem - 0.25rem);
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--md .c4p--datagrid__inline-edit--select .cds--list-box {
  max-block-size: none;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--text-input,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number input[type=number],
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-lg .cds--date-picker__input {
  block-size: 3rem;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number__control-btn::before,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .cds--number__control-btn::after {
  block-size: calc(3rem - 0.25rem);
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--lg .c4p--datagrid__inline-edit--select .cds--list-box {
  max-block-size: none;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--text-input,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number input[type=number],
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .c4p--datagrid__inline-edit--select .cds--list-box.cds--dropdown,
.c4p--datagrid .c4p--datagrid__inline-edit--date.c4p--datagrid__inline-edit--date-xl .cds--date-picker__input {
  block-size: 4rem;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number__control-btn::before,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .cds--number__control-btn::after {
  block-size: calc(4rem - 0.25rem);
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--xl .c4p--datagrid__inline-edit--select .cds--list-box {
  max-block-size: none;
}

.c4p--datagrid {
  --c4p--datagrid--grid-header-height: 0;
}

.c4p--datagrid__inline-edit-cell {
  display: flex;
  align-items: center;
  block-size: 100%;
}

.c4p--datagrid .c4p--inline-edit__after-input-elements {
  display: flex;
  align-items: center;
}

.c4p--datagrid__inline-edit--outer-cell-checkbox-focus .cds--checkbox-label::before {
  outline: 0.125rem solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

.c4p--datagrid__inline-edit--outer-cell-checkbox {
  display: flex;
  justify-content: center;
  block-size: -webkit-fill-available;
  padding-inline: 1rem;
}

.c4p--datagrid__static--outer-cell {
  display: flex;
  align-items: center;
  block-size: -webkit-fill-available;
}

.c4p--datagrid__inline-edit--outer-cell-button {
  block-size: calc(100% + 2px);
  inline-size: 100%;
}

.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  block-size: 100%;
  color: var(--cds-text-secondary, #525252);
  cursor: pointer;
  inline-size: 100%;
  outline: 0;
  padding-inline-start: 1rem;
}
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__label-icon {
  block-size: 1rem;
  padding-inline-end: 1rem;
}
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--non-edit {
  cursor: default;
  padding-inline-start: 0;
}
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-icon {
  block-size: 1rem;
  fill: var(--cds-icon-secondary, #525252);
}
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--date {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--selection {
  justify-content: flex-start;
}
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-icon {
  display: none;
}
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button {
  /* stylelint-disable-next-line */
}
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:hover .c4p--datagrid__inline-edit-button-icon, .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active .c4p--datagrid__inline-edit-button-icon {
  display: block;
}

.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not([data-disabled=true]):hover {
  background-color: var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
}
.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button:not([data-disabled=true]):hover .c4p--datagrid__inline-edit-button-icon {
  fill: var(--cds-icon-primary, #161616);
}

.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active:not([data-disabled=true]) {
  background-color: var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
  cursor: text;
}

.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active {
  /* stylelint-disable-next-line carbon/theme-use */
  outline: 0.125rem solid var(--cds-focus, #0f62fe);
  outline-offset: calc(-1 * 0.125rem);
}
@media screen and (prefers-contrast) {
  .c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button.c4p--datagrid__inline-edit-button--active {
    outline-style: dotted;
  }
}

.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button--disabled:not(.c4p--datagrid__inline-edit-button--edit-less-than-half-of-total-cols) {
  color: var(--cds-button-disabled, #c6c6c6);
  cursor: not-allowed;
}

.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-label {
  overflow: hidden;
  padding-inline-end: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4p--datagrid__inline-edit--outer-cell-button .c4p--datagrid__inline-edit-button .c4p--datagrid__inline-edit-button-label.c4p--datagrid__inline-edit-button-label-with-icon {
  padding-inline-end: 3rem;
}

.c4p--datagrid__inline-edit--outer-cell-button .cds--text-input,
.c4p--datagrid__inline-edit--outer-cell-button .cds--number input[type=number] {
  block-size: 3rem;
}

.c4p--datagrid__inline-edit-button-icon {
  position: absolute;
  inset-inline-end: 1rem;
}

.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit {
  position: relative;
  padding: 0;
}
.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit .c4p--datagrid__inline-edit-button--non-edit {
  padding-inline-start: 1rem;
}
.c4p--datagrid__table-with-inline-edit.cds--data-table .c4p--datagrid__cell-inline-edit .cds--number input[type=number] {
  min-inline-size: auto;
  padding-inline-end: 1rem;
}

.c4p--datagrid__inline-edit--select .c4p--datagrid__inline-edit--select-item {
  padding-block-end: 1rem;
  padding-inline-start: 1rem;
}

.c4p--datagrid__inline-edit--select.cds--dropdown,
.c4p--datagrid__inline-edit--date .cds--date-picker {
  inline-size: inherit;
}

.c4p--datagrid__inline-edit--select.cds--dropdown,
.c4p--datagrid__inline-edit--date .cds--date-picker.cds--date-picker--single .cds--date-picker__input {
  block-size: 3rem;
  inline-size: 100%;
  max-block-size: none;
}

.c4p--datagrid__inline-edit--date .cds--date-picker-container {
  inline-size: inherit;
}

.c4p--datagrid__inline-edit--date.cds--date-picker.cds--date-picker--single .cds--date-picker__input {
  overflow: hidden;
  inline-size: 100%;
  max-inline-size: none;
  padding-inline-end: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4p--datagrid .cds--data-table .c4p--datagrid__carbon-row-hover-active td {
  background-color: var(--cds-layer-hover);
  border-block-start-color: var(--cds-layer-hover);
}

.c4p--datagrid .c4p--datagrid__grid-container-active::before {
  position: absolute;
  z-index: 2;
  background-color: var(--cds-link-inverse, #78a9ff);
  block-size: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
  content: "";
  inline-size: 2px;
  inset-block-end: 0;
  inset-inline-start: 0;
}

.c4p--datagrid .c4p--datagrid__grid-container-active::after {
  position: absolute;
  z-index: 2;
  background-color: var(--cds-link-inverse, #78a9ff);
  block-size: calc(100% - 50px - var(--c4p--datagrid--grid-header-height));
  content: "";
  inline-size: 2px;
  inset-block-end: 0;
  inset-inline-end: 0;
}

.c4p--datagrid .c4p--datagrid__grid-container-active .cds--data-table-content::before {
  position: absolute;
  z-index: 2;
  background-color: var(--cds-link-inverse, #78a9ff);
  block-size: 2px;
  inline-size: var(--c4p--datagrid--grid-width);
  inset-block-start: 0;
  inset-inline: 0;
}

.c4p--datagrid .c4p--datagrid__grid-container-active.c4p--datagrid__grid-container-active--without-toolbar::before,
.c4p--datagrid .c4p--datagrid__grid-container-active.c4p--datagrid__grid-container-active--without-toolbar::after {
  block-size: calc(100% - 2px - var(--c4p--datagrid--grid-header-height));
}

.c4p--datagrid .c4p--datagrid__grid-container-active .c4p--datagrid__table-container {
  outline: 2px solid var(--cds-link-inverse, #78a9ff);
  outline-offset: -2px;
}

.c4p--datagrid .c4p--datagrid__grid-container-inline-edit .c4p--datagrid__table-container {
  padding-block-start: 0.125rem;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] ~ .cds--form-requirement,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid [data-invalid] .cds--form-requirement {
  position: absolute;
  z-index: 3;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  margin: 0;
  background-color: var(--cds-layer-01, #f4f4f4);
  inline-size: 100%;
  inset-block-start: calc(100% - 0.125rem);
  outline: 0.125rem solid var(--cds-support-error, #da1e28);
  outline-offset: calc(-1 * 0.125rem);
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--list-box[data-invalid]:focus-within ~ .cds--form-requirement {
  outline: 0.125rem solid var(--cds-focus, #0f62fe);
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--list-box__invalid-icon,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--text-input__invalid-icon,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__invalid {
  z-index: 4;
  inset-block-start: calc(100% + 0.75rem + 0.125rem);
  inset-inline-end: 0.5rem;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__invalid {
  inset-block-start: calc(100% + 0.25rem + 0.125rem);
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::before {
  position: absolute;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 0.125rem;
  content: "";
  inline-size: calc(100% - 0.125rem * 2);
  inset-block-start: 0;
  inset-inline-start: 0.125rem;
}

.c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::after {
  position: absolute;
  background-color: var(--cds-layer-accent-01, #e0e0e0);
  block-size: 1px;
  content: "";
  inline-size: calc(100% - 0.5rem * 2);
  inset-block-start: 0.125rem;
  inset-inline-start: 0.5rem;
}

.c4p--datagrid tbody tr:hover .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::before {
  background-color: var(--cds-layer-accent-01, #e0e0e0);
}
.c4p--datagrid tbody tr:hover .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--form-requirement::after {
  background-color: transparent;
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--text-input:focus,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number]:focus,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover,
.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number__control-btn:focus {
  outline-color: var(--cds-support-error, #da1e28);
}

.c4p--datagrid .cds--text-input:focus {
  background: var(--cds-field-01, #f4f4f4);
}

.c4p--datagrid .c4p--datagrid__inline-edit--outer-cell-button--invalid .cds--number input[type=number][data-invalid]:focus ~ .cds--number__controls .cds--number__control-btn.up-icon::after {
  background-color: var(--cds-support-error, #da1e28);
}

/* stylelint-disable max-nesting-depth */
.c4p--datagrid__datagridWrap {
  display: block;
  inline-size: 100%;
}
.c4p--datagrid__datagridWrap :global(.cds--checkbox) {
  display: none;
}

.c4p--datagrid .c4p--datagrid__row-size-options-container .cds--popover-container .cds--btn--icon-only {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 3rem;
  inline-size: 3rem;
  padding-block-start: 0;
}

.c4p--datagrid .c4p--datagrid__row-size-options-container .c4p--datagrid__row-size-dropdown {
  padding: 1rem;
  background-color: var(--cds-layer);
}

.c4p--datagrid__datagridWrap-simple {
  display: flex;
  flex-direction: column;
  block-size: 100%;
  inline-size: 100%;
  /* stylelint-disable-next-line */
}
.c4p--datagrid__datagridWrap-simple :global .cds--pagination {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  overflow-x: unset;
}
@supports (overflow-inline: unset) {
  .c4p--datagrid__datagridWrap-simple :global .cds--pagination {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    overflow-inline: unset;
  }
}

.c4p--datagrid .cds--menu-button__trigger:not(.cds--btn--ghost) {
  min-inline-size: auto;
}

@keyframes form-content-entrance {
  0% {
    opacity: 0;
    transform: translateY(-0.75rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.c4p--tearsheet-edit {
  --c4p--tearsheet-edit--total-width: 0;
}

.c4p--tearsheet-edit .c4p--tearsheet-edit__form__form--hidden-form {
  display: none;
}

.c4p--tearsheet-edit .c4p--tearsheet-edit__form__form--visible-form {
  animation-duration: 400ms;
  animation-fill-mode: forwards;
  animation-name: form-content-entrance;
  animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
  opacity: 0;
}

@media (prefers-reduced-motion) {
  .c4p--tearsheet-edit .c4p--tearsheet-edit__form__form--visible-form {
    animation: none;
    opacity: 1;
  }
}
.c4p--tearsheet-edit .c4p--tearsheet-edit__content {
  block-size: 100%;
  overflow-x: hidden;
}
@supports (overflow-inline: hidden) {
  .c4p--tearsheet-edit .c4p--tearsheet-edit__content {
    /* stylelint-disable-next-line declaration-property-value-disallowed-list */
    overflow-inline: hidden;
  }
}
.c4p--tearsheet-edit .c4p--tearsheet-edit__content {
  padding-block: 1.5rem;
}

.c4p--tearsheet-edit .c4p--tearsheet-edit__content .cds--css-grid {
  margin-inline-start: 0;
  padding-inline: 0.5rem;
}

.c4p--tearsheet-edit .c4p--tearsheet-edit__form--heading {
  padding-block-end: 1.5rem;
}

.c4p--tearsheet-edit .cds--btn-set .cds--btn.cds--btn--disabled {
  box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
}

.c4p--tearsheet-edit .cds--side-nav--ux {
  position: initial;
  background-color: transparent;
  inline-size: 100%;
  max-inline-size: 100%;
}

.c4p--tearsheet-edit .cds--side-nav__link:hover {
  cursor: pointer;
}

.c4p--tearsheet-edit .cds--side-nav__overlay-active {
  display: none;
}

.c4p--tearsheet-edit .c4p--tearsheet-edit__form--title,
.c4p--tearsheet-edit .c4p--tearsheet-edit__section--title {
  margin-block-end: 1rem;
}

.c4p--tearsheet-edit .c4p--tearsheet-edit__section--subtitle,
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--subtitle {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  margin-block-end: 0.5rem;
}

.c4p--tearsheet-edit .c4p--tearsheet-edit__section--description,
.c4p--tearsheet-edit .c4p--tearsheet-edit__form--description {
  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);
  margin-block-end: 1.5rem;
}

.c4p--tearsheet-edit .cds--fieldset {
  margin-block-end: 0;
}

.c4p--tearsheet-edit .c4p--tearsheet-edit__form--fieldset > * {
  margin-block-end: 1rem;
}

/* stylelint-disable max-nesting-depth */
.c4p--edit-update-cards#c4p--edit-update-cards--edit {
  /* Used id for overriding the SVG path fill */
}
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button,
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button {
  color: #ffffff;
}
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:hover,
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:hover {
  background-color: #0050e6;
}
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button:focus,
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button:focus {
  box-shadow: none;
}
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button svg path,
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button svg path {
  fill: #ffffff;
}
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header button.c4p--loading:hover,
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer button.c4p--loading:hover {
  background-color: transparent;
}
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__footer {
  background-color: #0f62fe;
  color: #ffffff;
}
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading {
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: rotate;
  animation-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--loading:hover {
  background-color: transparent;
}
.c4p--edit-update-cards#c4p--edit-update-cards--edit .c4p--card__header-container {
  align-items: center;
}
.c4p--edit-update-cards:not(.c4p--edit-update-cards__actions-bottom)#c4p--edit-update-cards--edit .c4p--card__header {
  background-color: #0f62fe;
  color: #ffffff;
}

.c4p--checklist__header {
  display: flex;
  padding: 1rem;
  background-color: var(--cds-layer-01, #f4f4f4);
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  gap: 0.5rem;
}

.c4p--checklist__chart {
  position: relative;
  align-self: center;
  block-size: 2.5rem;
  inline-size: 2.5rem;
  min-inline-size: 2.5rem;
}

.c4p--checklist__chart::after {
  position: absolute;
  border-radius: 50%;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 2rem;
  content: "";
  inline-size: 2rem;
  inset-block-start: 0.25rem;
  inset-inline-start: 0.25rem;
}

.c4p--checklist__titles {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c4p--checklist__title {
  font-size: var(--cds-productive-heading-02-font-size, 1rem);
  font-weight: var(--cds-productive-heading-02-font-weight, 600);
  line-height: var(--cds-productive-heading-02-line-height, 1.375);
  letter-spacing: var(--cds-productive-heading-02-letter-spacing, 0);
}

.c4p--checklist__chart-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);
}

.c4p--checklist__title + .c4p--checklist__chart-label {
  margin-block-start: 0.125rem;
}

.c4p--checklist__header .cds--tooltip {
  block-size: 2rem;
  margin-block-start: -0.5rem;
  margin-inline: auto -0.5rem;
}

.c4p--checklist__chevron {
  color: var(--cds-text-primary, #161616);
  transform: rotate(0deg);
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  /* stylelint-disable-next-line max-nesting-depth */
}
@media (prefers-reduced-motion: reduce) {
  .c4p--checklist__chevron {
    transition: none;
  }
}

.c4p--checklist__closed .c4p--checklist__chevron {
  transform: rotate(-180deg);
}

.c4p--checklist__button.cds--btn--primary {
  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);
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  flex-shrink: unset;
  padding: 0;
  border: none;
  background-color: transparent;
  color: var(--cds-link-primary, #0f62fe);
  max-inline-size: none;
  min-block-size: auto;
}

.c4p--checklist__button.cds--btn--primary div {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.c4p--checklist__button.cds--btn--primary:hover {
  background: transparent;
  color: var(--cds-link-primary-hover, #0043ce);
  text-decoration: underline;
}

.c4p--checklist__button.cds--btn--primary:active {
  background: transparent;
  color: var(--cds-text-primary, #161616);
  text-decoration: underline;
}

.c4p--checklist__content-outer {
  overflow: hidden;
}

.c4p--checklist__content-inner {
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 100%;
  transform: translate(0, 0);
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  /* stylelint-disable-next-line max-nesting-depth */
}
@media (prefers-reduced-motion: reduce) {
  .c4p--checklist__content-inner {
    transition: none;
  }
}

.c4p--checklist__closed .c4p--checklist__content-inner {
  block-size: 0;
  transform: translate(0, -100%);
}

.c4p--checklist__list-group {
  padding: 1rem;
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.c4p--checklist__list-group:first-of-type {
  border-block-start: none;
}

.c4p--checklist__list-title {
  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);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  margin-block-end: 0.5rem;
}

.c4p--checklist__list-item {
  display: flex;
  margin-block-end: 0.5rem;
}

.c4p--checklist__list-item:last-child {
  margin-block-end: 0;
}

.c4p--checklist__icon {
  /* stylelint-disable-next-line */
  margin: 0.0625rem 0.5rem 0 0;
  color: var(--cds-icon-primary, #161616);
}

.c4p--checklist__icon--checked,
.c4p--checklist__icon--indeterminate {
  color: var(--cds-interactive, #0f62fe);
}

.c4p--checklist__icon--error {
  color: var(--cds-support-error, #da1e28);
}

.c4p--checklist__icon--disabled {
  color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.c4p--checklist__label {
  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);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}

.c4p--checklist__label--disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.c4p--checklist__footer {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  padding: 0.5rem 1rem;
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

/**
 * The Guidebanner specifically is theme-agnostic, and so we have to
 * use color tokens to keep the colors static instead of theme tokens
 * that will change depending on the selected theme.
 *
 * Because of this, we are triggering a *large* amount of linting errors.
 * So, we're adding a few "disable" rules for the file instead of 60
 * individual rules.
 */
/* stylelint-disable carbon/layout-use */
/* stylelint-disable carbon/motion-duration-use */
/* stylelint-disable carbon/theme-use */
/* stylelint-disable declaration-no-important */
/* stylelint-disable function-no-unknown */
/* stylelint-disable max-nesting-depth */
.c4p--guidebanner {
  --cds-ai-aura-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-background: #333333;
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #4589ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
  --cds-ai-border-strong: #78a9ff;
  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
  --cds-ai-popover-background: #161616;
  --cds-ai-popover-caret-bottom: #4589ff;
  --cds-ai-popover-caret-bottom-background: #202d45;
  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
  --cds-ai-popover-caret-center: #4870b5;
  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
  --cds-background: #161616;
  --cds-background-active: rgba(141, 141, 141, 0.4);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.16);
  --cds-background-inverse: #f4f4f4;
  --cds-background-inverse-hover: #e8e8e8;
  --cds-background-selected: rgba(141, 141, 141, 0.24);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: rgba(141, 141, 141, 0.5);
  --cds-border-interactive: #4589ff;
  --cds-border-inverse: #f4f4f4;
  --cds-border-strong-01: #6f6f6f;
  --cds-border-strong-02: #8d8d8d;
  --cds-border-strong-03: #a8a8a8;
  --cds-border-subtle-00: #393939;
  --cds-border-subtle-01: #525252;
  --cds-border-subtle-02: #6f6f6f;
  --cds-border-subtle-03: #6f6f6f;
  --cds-border-subtle-selected-01: #6f6f6f;
  --cds-border-subtle-selected-02: #8d8d8d;
  --cds-border-subtle-selected-03: #8d8d8d;
  --cds-border-tile-01: #525252;
  --cds-border-tile-02: #6f6f6f;
  --cds-border-tile-03: #8d8d8d;
  --cds-chat-avatar-agent: #c6c6c6;
  --cds-chat-avatar-bot: #8d8d8d;
  --cds-chat-avatar-user: #4589ff;
  --cds-chat-bubble-agent: #262626;
  --cds-chat-bubble-agent-text: #f4f4f4;
  --cds-chat-bubble-border: #525252;
  --cds-chat-bubble-user: #393939;
  --cds-chat-bubble-user-text: #f4f4f4;
  --cds-chat-button: #78a9ff;
  --cds-chat-button-active: rgba(141, 141, 141, 0.4);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
  --cds-chat-button-text-hover: #a6c8ff;
  --cds-chat-button-text-selected: #c6c6c6;
  --cds-chat-header-background: #262626;
  --cds-chat-header-text: #f4f4f4;
  --cds-chat-prompt-background: #161616;
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
  --cds-chat-prompt-border-start: #262626;
  --cds-chat-prompt-text: #f4f4f4;
  --cds-chat-shell-background: #262626;
  --cds-field-01: #262626;
  --cds-field-02: #393939;
  --cds-field-03: #525252;
  --cds-field-hover-01: #333333;
  --cds-field-hover-02: #474747;
  --cds-field-hover-03: #636363;
  --cds-focus: #ffffff;
  --cds-focus-inset: #161616;
  --cds-focus-inverse: #0f62fe;
  --cds-highlight: #001d6c;
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
  --cds-icon-interactive: #ffffff;
  --cds-icon-inverse: #161616;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-icon-primary: #f4f4f4;
  --cds-icon-secondary: #c6c6c6;
  --cds-interactive: #4589ff;
  --cds-layer-01: #262626;
  --cds-layer-02: #393939;
  --cds-layer-03: #525252;
  --cds-layer-accent-01: #393939;
  --cds-layer-accent-02: #525252;
  --cds-layer-accent-03: #6f6f6f;
  --cds-layer-accent-active-01: #6f6f6f;
  --cds-layer-accent-active-02: #8d8d8d;
  --cds-layer-accent-active-03: #393939;
  --cds-layer-accent-hover-01: #474747;
  --cds-layer-accent-hover-02: #636363;
  --cds-layer-accent-hover-03: #5e5e5e;
  --cds-layer-active-01: #525252;
  --cds-layer-active-02: #6f6f6f;
  --cds-layer-active-03: #8d8d8d;
  --cds-layer-background-01: #161616;
  --cds-layer-background-02: #262626;
  --cds-layer-background-03: #393939;
  --cds-layer-hover-01: #333333;
  --cds-layer-hover-02: #474747;
  --cds-layer-hover-03: #636363;
  --cds-layer-selected-01: #393939;
  --cds-layer-selected-02: #525252;
  --cds-layer-selected-03: #6f6f6f;
  --cds-layer-selected-disabled: #a8a8a8;
  --cds-layer-selected-hover-01: #474747;
  --cds-layer-selected-hover-02: #636363;
  --cds-layer-selected-hover-03: #5e5e5e;
  --cds-layer-selected-inverse: #f4f4f4;
  --cds-link-inverse: #0f62fe;
  --cds-link-inverse-active: #161616;
  --cds-link-inverse-hover: #0043ce;
  --cds-link-inverse-visited: #8a3ffc;
  --cds-link-primary: #78a9ff;
  --cds-link-primary-hover: #a6c8ff;
  --cds-link-secondary: #a6c8ff;
  --cds-link-visited: #be95ff;
  --cds-overlay: rgba(0, 0, 0, 0.6);
  --cds-shadow: rgba(0, 0, 0, 0.8);
  --cds-skeleton-background: #292929;
  --cds-skeleton-element: #393939;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #a56eff;
  --cds-support-error: #fa4d56;
  --cds-support-error-inverse: #da1e28;
  --cds-support-info: #4589ff;
  --cds-support-info-inverse: #0043ce;
  --cds-support-success: #42be65;
  --cds-support-success-inverse: #24a148;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-syntax-angle-bracket: #8d8d8d;
  --cds-syntax-annotation: #08bdba;
  --cds-syntax-arithmetic-operator: #e0e0e0;
  --cds-syntax-atom: #f4f4f4;
  --cds-syntax-attribute: #33b1ff;
  --cds-syntax-attribute-name: #33b1ff;
  --cds-syntax-attribute-value: #f4f4f4;
  --cds-syntax-bitwise-operator: #e0e0e0;
  --cds-syntax-block-comment: #42be65;
  --cds-syntax-bool: #f4f4f4;
  --cds-syntax-brace: #e0e0e0;
  --cds-syntax-bracket: #e0e0e0;
  --cds-syntax-character: #f4f4f4;
  --cds-syntax-class-name: #3ddbd9;
  --cds-syntax-color: #f4f4f4;
  --cds-syntax-comment: #42be65;
  --cds-syntax-compare-operator: #e0e0e0;
  --cds-syntax-constant: #4589ff;
  --cds-syntax-content: #f4f4f4;
  --cds-syntax-content-separator: #e0e0e0;
  --cds-syntax-control-keyword: #be95ff;
  --cds-syntax-control-operator: #be95ff;
  --cds-syntax-definition: #33b1ff;
  --cds-syntax-definition-keyword: #33b1ff;
  --cds-syntax-definition-operator: #33b1ff;
  --cds-syntax-deref-operator: #e0e0e0;
  --cds-syntax-doc-comment: #42be65;
  --cds-syntax-doc-string: #f4f4f4;
  --cds-syntax-document-meta: #42be65;
  --cds-syntax-emphasis: #f4f4f4;
  --cds-syntax-escape: #e0e0e0;
  --cds-syntax-float: #6fdc8c;
  --cds-syntax-function: #f1c21b;
  --cds-syntax-heading: #33b1ff;
  --cds-syntax-heading-1: #33b1ff;
  --cds-syntax-heading-2: #33b1ff;
  --cds-syntax-heading-3: #33b1ff;
  --cds-syntax-heading-4: #33b1ff;
  --cds-syntax-heading-5: #33b1ff;
  --cds-syntax-heading-6: #33b1ff;
  --cds-syntax-integer: #6fdc8c;
  --cds-syntax-invalid: #fa4d56;
  --cds-syntax-keyword: #4589ff;
  --cds-syntax-label-name: #a6c8ff;
  --cds-syntax-line-comment: #42be65;
  --cds-syntax-link: #4589ff;
  --cds-syntax-list: #f4f4f4;
  --cds-syntax-literal: #f4f4f4;
  --cds-syntax-local: #a6c8ff;
  --cds-syntax-logic-operator: #e0e0e0;
  --cds-syntax-macro-name: #f4f4f4;
  --cds-syntax-meta: #42be65;
  --cds-syntax-modifier: #4589ff;
  --cds-syntax-module-keyword: #be95ff;
  --cds-syntax-monospace: #f4f4f4;
  --cds-syntax-name: #a6c8ff;
  --cds-syntax-namespace: #3ddbd9;
  --cds-syntax-null: #f4f4f4;
  --cds-syntax-number: #6fdc8c;
  --cds-syntax-operator: #e0e0e0;
  --cds-syntax-operator-keyword: #4589ff;
  --cds-syntax-paren: #e0e0e0;
  --cds-syntax-processing-instruction: #f4f4f4;
  --cds-syntax-property-name: #33b1ff;
  --cds-syntax-punctuation: #e0e0e0;
  --cds-syntax-quote: #42be65;
  --cds-syntax-regexp: #be95ff;
  --cds-syntax-self: #3ddbd9;
  --cds-syntax-separator: #e0e0e0;
  --cds-syntax-special: #4589ff;
  --cds-syntax-special-string: #be95ff;
  --cds-syntax-square-bracket: #e0e0e0;
  --cds-syntax-standard: #4589ff;
  --cds-syntax-strikethrough: #f4f4f4;
  --cds-syntax-string: #f4f4f4;
  --cds-syntax-strong: #f4f4f4;
  --cds-syntax-tag: #3ddbd9;
  --cds-syntax-tag-name: #3ddbd9;
  --cds-syntax-type: #3ddbd9;
  --cds-syntax-type-name: #3ddbd9;
  --cds-syntax-type-operator: #3ddbd9;
  --cds-syntax-unit: #6fdc8c;
  --cds-syntax-update-operator: #e0e0e0;
  --cds-syntax-url: #e0e0e0;
  --cds-syntax-variable: #a6c8ff;
  --cds-syntax-variable-name: #a6c8ff;
  --cds-text-disabled: rgba(244, 244, 244, 0.25);
  --cds-text-error: #ff8389;
  --cds-text-helper: #a8a8a8;
  --cds-text-inverse: #161616;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-text-placeholder: rgba(244, 244, 244, 0.4);
  --cds-text-primary: #f4f4f4;
  --cds-text-secondary: #c6c6c6;
  --cds-toggle-off: #6f6f6f;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --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: 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;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.19;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.42857;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.19;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
  --cds-true: ;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .c4p--guidebanner {
    --cds-icon-primary: ButtonText;
    --cds-icon-secondary: ButtonText;
    --cds-icon-interactive: ButtonText;
    --cds-icon-disabled: GrayText;
    --cds-icon-on-color-disabled: GrayText;
    --cds-icon-inverse: SelectedItemText;
    --cds-icon-on-color: SelectedItemText;
    --cds-button-disabled: GrayText;
    --cds-interactive: ButtonText;
    --cds-link-primary: LinkText;
    --cds-link-primary-hover: LinkText;
    --cds-link-secondary: LinkText;
    --cds-link-inverse: SelectedItemText;
    --cds-link-inverse-hover: SelectedItemText;
    --cds-link-inverse-visited: SelectedItemText;
    --cds-link-visited: VisitedText;
    --cds-background-selected: SelectedItem;
    --cds-background-selected-hover: SelectedItem;
    --cds-background-inverse: SelectedItem;
    --cds-layer-selected-inverse: SelectedItem;
  }
}
.c4p--guidebanner {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
  position: relative;
  background: linear-gradient(90deg, #001d6c 0%, #6929c4 100%);
  background-color: #001d6c;
}

.c4p--guidebanner__icon-idea {
  position: absolute;
  color: #f4f4f4;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
}

.c4p--guidebanner__title {
  font-size: var(--cds-heading-compact-02-font-size, 1rem);
  font-weight: var(--cds-heading-compact-02-font-weight, 600);
  line-height: var(--cds-heading-compact-02-line-height, 1.375);
  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
  padding: 1rem 10.9375rem 0 3.25rem;
  color: #f4f4f4;
}

.c4p--guidebanner__close-button {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.c4p--guidebanner__close-button button {
  block-size: 2rem;
  inline-size: 2rem;
  min-block-size: 2rem;
  padding-block-start: 6px;
}
.c4p--guidebanner__close-button button:active, .c4p--guidebanner__close-button button:hover {
  background-color: #7433e3;
}
.c4p--guidebanner__close-button button path {
  fill: #ffffff;
}

.c4p--guidebanner__carousel {
  padding: 0 0 1rem;
  color: #f4f4f4;
}
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel {
  margin-block-end: 0;
}

.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element {
  display: flex;
  flex-flow: column;
  flex-shrink: 0;
  margin: 1rem 0 0 0;
  inline-size: 25rem;
  max-block-size: 32rem;
  opacity: 1;
  padding-inline-start: 3.25rem;
  scroll-snap-align: start;
  transition: max-height 50ms cubic-bezier(0.2, 0, 1, 0.9), margin-top 50ms cubic-bezier(0.2, 0, 1, 0.9), opacity 300ms cubic-bezier(0.2, 0, 1, 0.9);
}
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element {
  margin-block-start: 0;
  max-block-size: 0.5rem;
  opacity: 0;
}

.c4p--guidebanner__carousel .c4p--carousel__item:last-child .c4p--guidebanner__element {
  inline-size: 28rem;
  padding-inline-end: 3.25rem;
}

.c4p--guidebanner__carousel .c4p--carousel__item .c4p--guidebanner__element-title {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  margin: 1rem 0 0 0;
}

.c4p--guidebanner__carousel .c4p--guidebanner__element-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);
  margin-block-end: 1rem;
}

.c4p--guidebanner__carousel .cds--btn--tertiary {
  border-color: #ffffff;
  color: #ffffff;
}
.c4p--guidebanner__carousel .cds--btn--tertiary:active, .c4p--guidebanner__carousel .cds--btn--tertiary:hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #161616;
}
.c4p--guidebanner__carousel .cds--btn--tertiary svg {
  position: absolute;
  flex-shrink: 0;
  block-size: 1rem;
  inline-size: 1rem;
  inset-inline-end: 1rem;
}

.c4p--guidebanner__carousel .cds--btn--ghost {
  color: #a6c8ff;
  margin-inline-start: -1rem;
}
.c4p--guidebanner__carousel .cds--btn--ghost:active, .c4p--guidebanner__carousel .cds--btn--ghost:hover {
  background-color: #7f3ae7;
  color: #f4f4f4;
}

.c4p--guidebanner__carousel .c4p--guidebanner__element-link {
  color: #a6c8ff;
}
.c4p--guidebanner__carousel .c4p--guidebanner__element-link:visited {
  color: #a6c8ff;
}
.c4p--guidebanner__carousel .c4p--guidebanner__element-link:active, .c4p--guidebanner__carousel .c4p--guidebanner__element-link:hover {
  color: #d0e2ff;
}

.c4p--guidebanner__navigation {
  display: flex;
  border-block-start: 0.0625rem solid #8a3ffc;
}
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation {
  border-block-start: none;
}

.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button {
  color: #a6c8ff;
  margin-inline-start: 2.125rem;
}
.c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:active, .c4p--guidebanner__navigation .c4p--guidebanner__toggle-button:hover {
  background-color: #7433e3;
  color: #f4f4f4;
}

.c4p--guidebanner__navigation .c4p--guidebanner__back-button {
  margin-inline-start: auto;
}

.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__back-button,
.c4p--guidebanner__collapsible-collapsed .c4p--guidebanner__navigation .c4p--guidebanner__next-button {
  display: none;
}

.c4p--guidebanner__navigation .c4p--guidebanner__back-button button:active, .c4p--guidebanner__navigation .c4p--guidebanner__back-button button:hover,
.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:active,
.c4p--guidebanner__navigation .c4p--guidebanner__next-button button:hover {
  background-color: #7433e3;
}
.c4p--guidebanner__navigation .c4p--guidebanner__back-button button path,
.c4p--guidebanner__navigation .c4p--guidebanner__next-button button path {
  fill: #ffffff;
}
.c4p--guidebanner__navigation .c4p--guidebanner__back-button button[disabled] path,
.c4p--guidebanner__navigation .c4p--guidebanner__next-button button[disabled] path {
  fill: #9b63ff;
}

.c4p--guidebanner__with-left-gutter .c4p--guidebanner__icon-idea {
  inset-inline-start: 2rem;
}

.c4p--guidebanner__with-left-gutter .c4p--guidebanner__title {
  padding-inline-start: 4.25rem;
}

.c4p--guidebanner__with-left-gutter .c4p--guidebanner__navigation {
  padding-inline-start: 1rem;
}

.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container {
  padding-inline-start: 1rem;
}

.c4p--guidebanner__with-left-gutter .c4p--carousel__elements-container--scrolled {
  inline-size: 4rem;
}

/**
 * The InlineTip specifically is theme-agnostic, and so we have to
 * use color tokens to keep the colors static instead of theme tokens
 * that will change depending on the selected theme.
 *
 * We are triggering a *large* amount of linting errors.
 * So, we're using the following "disable" rules for the entire file
 * instead of many individual rules.
 */
/* stylelint-disable carbon/layout-use */
/* stylelint-disable carbon/theme-use */
/* stylelint-disable declaration-no-important */
/* stylelint-disable function-no-unknown */
/* stylelint-disable max-nesting-depth */
.c4p--inline-tip {
  position: relative;
  display: flex;
  background: linear-gradient(90deg, #001d6c 0%, #6929c4 100%);
}

.c4p--inline-tip__wide {
  padding: 1rem 4rem 1rem 3rem;
}

.c4p--inline-tip__wide.c4p--inline-tip__has-media {
  padding-inline-end: 3rem;
}

.c4p--inline-tip__wide.c4p--inline-tip__has-media .c4p--inline-tip__media {
  padding-inline-start: 4rem;
}

.c4p--inline-tip__wide.c4p--inline-tip__has-media .c4p--inline-tip__media img {
  display: block;
  block-size: 7.375rem;
}

.c4p--inline-tip__wide.c4p--inline-tip__has-media .c4p--inline-tip__media svg {
  block-size: 7.375rem !important;
  inline-size: calc(7.375rem * 2) !important;
}

.c4p--inline-tip__narrow {
  flex-direction: column-reverse;
  padding: 3.25rem 2rem 1rem 1rem;
}

.c4p--inline-tip__narrow.c4p--inline-tip__has-media {
  padding-block-start: 2rem;
  padding-inline-end: 1rem;
}

.c4p--inline-tip__narrow.c4p--inline-tip__has-media .c4p--inline-tip__media {
  padding-block-end: 1rem;
}
.c4p--inline-tip__narrow.c4p--inline-tip__has-media .c4p--inline-tip__media img {
  inline-size: 100%;
}

.c4p--inline-tip__narrow.c4p--inline-tip__has-media .c4p--inline-tip__content {
  padding-inline-end: 1rem;
}

.c4p--inline-tip__narrow.c4p--inline-tip__has-media .c4p--inline-tip__footer {
  justify-content: space-between;
}

.c4p--inline-tip__narrow.c4p--inline-tip__has-media .c4p--inline-tip__footer .c4p--inline-tip__close-btn {
  margin-inline-end: -1rem;
}

.c4p--inline-tip a {
  color: #a6c8ff;
}
.c4p--inline-tip a:visited, .c4p--inline-tip a:hover, .c4p--inline-tip a:visited:hover {
  color: #a6c8ff;
}

.c4p--inline-tip__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: #ffffff;
}

.c4p--inline-tip__body {
  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);
  color: #f4f4f4;
}

.c4p--inline-tip__body p {
  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);
  font-size: inherit;
  line-height: inherit;
  margin-block-end: 0.5rem;
}
.c4p--inline-tip__body p:last-of-type {
  margin-block-end: 0;
}

.c4p--inline-tip__body .c4p--inline-tip__secondary-btn {
  margin-block-start: 0.5rem;
}

.c4p--inline-tip__body .c4p--inline-tip__secondary-btn .c4p--inline-tip__button {
  color: #a6c8ff;
  margin-inline-start: -1rem;
}
.c4p--inline-tip__body .c4p--inline-tip__secondary-btn .c4p--inline-tip__button:active, .c4p--inline-tip__body .c4p--inline-tip__secondary-btn .c4p--inline-tip__button:hover {
  background-color: #7f3ae7;
  color: #f4f4f4;
}

.c4p--inline-tip__footer {
  display: flex;
  padding-block-start: 1rem;
}
.c4p--inline-tip__footer:empty {
  display: none;
}

.c4p--inline-tip__preview-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.c4p--inline-tip__icon-idea {
  position: absolute;
  color: #ffffff;
  inline-size: 1.25rem;
  inset: 1rem 0 0 1rem;
}

.c4p--inline-tip__close-icon-wrapper {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.c4p--inline-tip .c4p--inline-tip__close-icon {
  padding: 0.375rem 0 0;
  block-size: 2rem;
  color: #ffffff;
  inline-size: 2rem;
  min-block-size: 2rem;
}
.c4p--inline-tip .c4p--inline-tip__close-icon:active, .c4p--inline-tip .c4p--inline-tip__close-icon:hover {
  background-color: #7f3ae7;
  color: var(--cds-text-primary, #161616);
}
.c4p--inline-tip .c4p--inline-tip__close-icon path {
  margin: 0;
  fill: #ffffff;
}

.c4p--inline-tip .c4p--inline-tip__toggle-btn {
  border: none;
  margin: 0 1rem 0 -1rem;
  color: #a6c8ff;
}
.c4p--inline-tip .c4p--inline-tip__toggle-btn:hover {
  background-color: #7c3dd6;
  color: #f4f4f4;
}

.c4p--inline-tip .c4p--inline-tip__close-btn {
  border: 0.0625rem solid #ffffff;
  color: #ffffff;
}
.c4p--inline-tip .c4p--inline-tip__close-btn:active, .c4p--inline-tip .c4p--inline-tip__close-btn:hover {
  background-color: #f4f4f4;
  color: #161616;
}
.c4p--inline-tip .c4p--inline-tip__close-btn svg {
  position: absolute;
  flex-shrink: 0;
  block-size: 1rem;
  inline-size: 1rem;
  inset-inline-end: 1rem;
}

.c4p--inline-tip__wide.c4p--inline-tip__with-left-gutter {
  padding-inline-start: 4rem;
}

.c4p--inline-tip__wide.c4p--inline-tip__with-left-gutter .c4p--inline-tip__icon-idea {
  inset-inline-start: 2rem;
}

/* stylelint-disable carbon/layout-use */
/* stylelint-disable function-no-unknown */
@keyframes fade {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.c4p--non-linear-reading__dark {
  --cds-ai-aura-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-background: #333333;
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #4589ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
  --cds-ai-border-strong: #78a9ff;
  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
  --cds-ai-popover-background: #161616;
  --cds-ai-popover-caret-bottom: #4589ff;
  --cds-ai-popover-caret-bottom-background: #202d45;
  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
  --cds-ai-popover-caret-center: #4870b5;
  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
  --cds-background: #161616;
  --cds-background-active: rgba(141, 141, 141, 0.4);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.16);
  --cds-background-inverse: #f4f4f4;
  --cds-background-inverse-hover: #e8e8e8;
  --cds-background-selected: rgba(141, 141, 141, 0.24);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: rgba(141, 141, 141, 0.5);
  --cds-border-interactive: #4589ff;
  --cds-border-inverse: #f4f4f4;
  --cds-border-strong-01: #6f6f6f;
  --cds-border-strong-02: #8d8d8d;
  --cds-border-strong-03: #a8a8a8;
  --cds-border-subtle-00: #393939;
  --cds-border-subtle-01: #525252;
  --cds-border-subtle-02: #6f6f6f;
  --cds-border-subtle-03: #6f6f6f;
  --cds-border-subtle-selected-01: #6f6f6f;
  --cds-border-subtle-selected-02: #8d8d8d;
  --cds-border-subtle-selected-03: #8d8d8d;
  --cds-border-tile-01: #525252;
  --cds-border-tile-02: #6f6f6f;
  --cds-border-tile-03: #8d8d8d;
  --cds-chat-avatar-agent: #c6c6c6;
  --cds-chat-avatar-bot: #8d8d8d;
  --cds-chat-avatar-user: #4589ff;
  --cds-chat-bubble-agent: #262626;
  --cds-chat-bubble-agent-text: #f4f4f4;
  --cds-chat-bubble-border: #525252;
  --cds-chat-bubble-user: #393939;
  --cds-chat-bubble-user-text: #f4f4f4;
  --cds-chat-button: #78a9ff;
  --cds-chat-button-active: rgba(141, 141, 141, 0.4);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
  --cds-chat-button-text-hover: #a6c8ff;
  --cds-chat-button-text-selected: #c6c6c6;
  --cds-chat-header-background: #262626;
  --cds-chat-header-text: #f4f4f4;
  --cds-chat-prompt-background: #161616;
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
  --cds-chat-prompt-border-start: #262626;
  --cds-chat-prompt-text: #f4f4f4;
  --cds-chat-shell-background: #262626;
  --cds-field-01: #262626;
  --cds-field-02: #393939;
  --cds-field-03: #525252;
  --cds-field-hover-01: #333333;
  --cds-field-hover-02: #474747;
  --cds-field-hover-03: #636363;
  --cds-focus: #ffffff;
  --cds-focus-inset: #161616;
  --cds-focus-inverse: #0f62fe;
  --cds-highlight: #001d6c;
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
  --cds-icon-interactive: #ffffff;
  --cds-icon-inverse: #161616;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-icon-primary: #f4f4f4;
  --cds-icon-secondary: #c6c6c6;
  --cds-interactive: #4589ff;
  --cds-layer-01: #262626;
  --cds-layer-02: #393939;
  --cds-layer-03: #525252;
  --cds-layer-accent-01: #393939;
  --cds-layer-accent-02: #525252;
  --cds-layer-accent-03: #6f6f6f;
  --cds-layer-accent-active-01: #6f6f6f;
  --cds-layer-accent-active-02: #8d8d8d;
  --cds-layer-accent-active-03: #393939;
  --cds-layer-accent-hover-01: #474747;
  --cds-layer-accent-hover-02: #636363;
  --cds-layer-accent-hover-03: #5e5e5e;
  --cds-layer-active-01: #525252;
  --cds-layer-active-02: #6f6f6f;
  --cds-layer-active-03: #8d8d8d;
  --cds-layer-background-01: #161616;
  --cds-layer-background-02: #262626;
  --cds-layer-background-03: #393939;
  --cds-layer-hover-01: #333333;
  --cds-layer-hover-02: #474747;
  --cds-layer-hover-03: #636363;
  --cds-layer-selected-01: #393939;
  --cds-layer-selected-02: #525252;
  --cds-layer-selected-03: #6f6f6f;
  --cds-layer-selected-disabled: #a8a8a8;
  --cds-layer-selected-hover-01: #474747;
  --cds-layer-selected-hover-02: #636363;
  --cds-layer-selected-hover-03: #5e5e5e;
  --cds-layer-selected-inverse: #f4f4f4;
  --cds-link-inverse: #0f62fe;
  --cds-link-inverse-active: #161616;
  --cds-link-inverse-hover: #0043ce;
  --cds-link-inverse-visited: #8a3ffc;
  --cds-link-primary: #78a9ff;
  --cds-link-primary-hover: #a6c8ff;
  --cds-link-secondary: #a6c8ff;
  --cds-link-visited: #be95ff;
  --cds-overlay: rgba(0, 0, 0, 0.6);
  --cds-shadow: rgba(0, 0, 0, 0.8);
  --cds-skeleton-background: #292929;
  --cds-skeleton-element: #393939;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #a56eff;
  --cds-support-error: #fa4d56;
  --cds-support-error-inverse: #da1e28;
  --cds-support-info: #4589ff;
  --cds-support-info-inverse: #0043ce;
  --cds-support-success: #42be65;
  --cds-support-success-inverse: #24a148;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-syntax-angle-bracket: #8d8d8d;
  --cds-syntax-annotation: #08bdba;
  --cds-syntax-arithmetic-operator: #e0e0e0;
  --cds-syntax-atom: #f4f4f4;
  --cds-syntax-attribute: #33b1ff;
  --cds-syntax-attribute-name: #33b1ff;
  --cds-syntax-attribute-value: #f4f4f4;
  --cds-syntax-bitwise-operator: #e0e0e0;
  --cds-syntax-block-comment: #42be65;
  --cds-syntax-bool: #f4f4f4;
  --cds-syntax-brace: #e0e0e0;
  --cds-syntax-bracket: #e0e0e0;
  --cds-syntax-character: #f4f4f4;
  --cds-syntax-class-name: #3ddbd9;
  --cds-syntax-color: #f4f4f4;
  --cds-syntax-comment: #42be65;
  --cds-syntax-compare-operator: #e0e0e0;
  --cds-syntax-constant: #4589ff;
  --cds-syntax-content: #f4f4f4;
  --cds-syntax-content-separator: #e0e0e0;
  --cds-syntax-control-keyword: #be95ff;
  --cds-syntax-control-operator: #be95ff;
  --cds-syntax-definition: #33b1ff;
  --cds-syntax-definition-keyword: #33b1ff;
  --cds-syntax-definition-operator: #33b1ff;
  --cds-syntax-deref-operator: #e0e0e0;
  --cds-syntax-doc-comment: #42be65;
  --cds-syntax-doc-string: #f4f4f4;
  --cds-syntax-document-meta: #42be65;
  --cds-syntax-emphasis: #f4f4f4;
  --cds-syntax-escape: #e0e0e0;
  --cds-syntax-float: #6fdc8c;
  --cds-syntax-function: #f1c21b;
  --cds-syntax-heading: #33b1ff;
  --cds-syntax-heading-1: #33b1ff;
  --cds-syntax-heading-2: #33b1ff;
  --cds-syntax-heading-3: #33b1ff;
  --cds-syntax-heading-4: #33b1ff;
  --cds-syntax-heading-5: #33b1ff;
  --cds-syntax-heading-6: #33b1ff;
  --cds-syntax-integer: #6fdc8c;
  --cds-syntax-invalid: #fa4d56;
  --cds-syntax-keyword: #4589ff;
  --cds-syntax-label-name: #a6c8ff;
  --cds-syntax-line-comment: #42be65;
  --cds-syntax-link: #4589ff;
  --cds-syntax-list: #f4f4f4;
  --cds-syntax-literal: #f4f4f4;
  --cds-syntax-local: #a6c8ff;
  --cds-syntax-logic-operator: #e0e0e0;
  --cds-syntax-macro-name: #f4f4f4;
  --cds-syntax-meta: #42be65;
  --cds-syntax-modifier: #4589ff;
  --cds-syntax-module-keyword: #be95ff;
  --cds-syntax-monospace: #f4f4f4;
  --cds-syntax-name: #a6c8ff;
  --cds-syntax-namespace: #3ddbd9;
  --cds-syntax-null: #f4f4f4;
  --cds-syntax-number: #6fdc8c;
  --cds-syntax-operator: #e0e0e0;
  --cds-syntax-operator-keyword: #4589ff;
  --cds-syntax-paren: #e0e0e0;
  --cds-syntax-processing-instruction: #f4f4f4;
  --cds-syntax-property-name: #33b1ff;
  --cds-syntax-punctuation: #e0e0e0;
  --cds-syntax-quote: #42be65;
  --cds-syntax-regexp: #be95ff;
  --cds-syntax-self: #3ddbd9;
  --cds-syntax-separator: #e0e0e0;
  --cds-syntax-special: #4589ff;
  --cds-syntax-special-string: #be95ff;
  --cds-syntax-square-bracket: #e0e0e0;
  --cds-syntax-standard: #4589ff;
  --cds-syntax-strikethrough: #f4f4f4;
  --cds-syntax-string: #f4f4f4;
  --cds-syntax-strong: #f4f4f4;
  --cds-syntax-tag: #3ddbd9;
  --cds-syntax-tag-name: #3ddbd9;
  --cds-syntax-type: #3ddbd9;
  --cds-syntax-type-name: #3ddbd9;
  --cds-syntax-type-operator: #3ddbd9;
  --cds-syntax-unit: #6fdc8c;
  --cds-syntax-update-operator: #e0e0e0;
  --cds-syntax-url: #e0e0e0;
  --cds-syntax-variable: #a6c8ff;
  --cds-syntax-variable-name: #a6c8ff;
  --cds-text-disabled: rgba(244, 244, 244, 0.25);
  --cds-text-error: #ff8389;
  --cds-text-helper: #a8a8a8;
  --cds-text-inverse: #161616;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-text-placeholder: rgba(244, 244, 244, 0.4);
  --cds-text-primary: #f4f4f4;
  --cds-text-secondary: #c6c6c6;
  --cds-toggle-off: #6f6f6f;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --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: 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;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.19;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.42857;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.19;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
  --cds-true: ;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .c4p--non-linear-reading__dark {
    --cds-icon-primary: ButtonText;
    --cds-icon-secondary: ButtonText;
    --cds-icon-interactive: ButtonText;
    --cds-icon-disabled: GrayText;
    --cds-icon-on-color-disabled: GrayText;
    --cds-icon-inverse: SelectedItemText;
    --cds-icon-on-color: SelectedItemText;
    --cds-button-disabled: GrayText;
    --cds-interactive: ButtonText;
    --cds-link-primary: LinkText;
    --cds-link-primary-hover: LinkText;
    --cds-link-secondary: LinkText;
    --cds-link-inverse: SelectedItemText;
    --cds-link-inverse-hover: SelectedItemText;
    --cds-link-inverse-visited: SelectedItemText;
    --cds-link-visited: VisitedText;
    --cds-background-selected: SelectedItem;
    --cds-background-selected-hover: SelectedItem;
    --cds-background-inverse: SelectedItem;
    --cds-layer-selected-inverse: SelectedItem;
  }
}
.c4p--non-linear-reading__dark {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}

.c4p--non-linear-reading .c4p--non-linear-reading__keyword {
  border-width: 0.0625rem;
  border-style: solid;
  border-color: var(--cds-button-tertiary, #0f62fe);
  border-radius: 0.75rem;
  background-color: transparent;
  block-size: 1.25rem;
  color: var(--cds-button-tertiary, #0f62fe);
  padding-block-start: 0;
  padding-inline-end: 0.1875rem;
  white-space: nowrap;
}

.c4p--non-linear-reading .c4p--non-linear-reading__keyword:hover {
  border-color: var(--cds-button-tertiary, #0f62fe);
  background-color: var(--cds-button-tertiary, #0f62fe);
  color: var(--cds-text-inverse, #ffffff);
}

.c4p--non-linear-reading .c4p--non-linear-reading__keyword:focus-visible {
  outline: none;
}

.c4p--non-linear-reading .c4p--non-linear-reading__keyword:focus {
  border-color: var(--cds-text-inverse, #ffffff);
  background-color: var(--cds-button-tertiary, #0f62fe);
  box-shadow: 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
  color: var(--cds-text-inverse, #ffffff);
}

.c4p--non-linear-reading .c4p--non-linear-reading__keyword svg {
  margin: 0.0625rem 0 0;
  vertical-align: text-top;
}

.c4p--non-linear-reading .c4p--non-linear-reading__keyword-open {
  border-color: var(--cds-button-tertiary, #0f62fe);
  background-color: var(--cds-button-tertiary, #0f62fe);
  color: var(--cds-text-inverse, #ffffff);
}

.c4p--non-linear-reading .c4p--non-linear-reading__keyword-open:hover {
  border-color: var(--cds-button-tertiary, #0f62fe);
  background-color: transparent;
  color: var(--cds-button-tertiary, #0f62fe);
}

.c4p--non-linear-reading .c4p--non-linear-reading__keyword-open:focus {
  border-color: var(--cds-text-inverse, #ffffff);
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--cds-button-tertiary, #0f62fe), 0 0 0 1px var(--cds-text-inverse, #ffffff), 0 0 0 3px var(--cds-button-tertiary, #0f62fe);
  color: var(--cds-button-tertiary, #0f62fe);
}

.c4p--non-linear-reading .c4p--non-linear-reading__keyword-open svg {
  transform: rotate(180deg);
}

.c4p--non-linear-reading .c4p--non-linear-reading__body {
  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);
  display: block;
  padding: 0.5rem 0.75rem;
  margin: 0.25rem 0;
  animation: fade 600ms;
  border-inline-start: 0.078125rem solid var(--cds-text-primary, #161616);
  /* stylelint-disable-next-line max-nesting-depth */
}
@media (prefers-reduced-motion: reduce) {
  .c4p--non-linear-reading .c4p--non-linear-reading__body {
    animation: none;
  }
}

.c4p--non-linear-reading .c4p--non-linear-reading__keyword-closed + .c4p--non-linear-reading__body {
  display: none;
}

.c4p--big-number__label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  display: block;
  margin: 0;
  color: var(--cds-text-secondary, #525252);
}

.c4p--big-number__value {
  font-size: var(--cds-heading-04-font-size, 1.75rem);
  font-weight: var(--cds-heading-04-font-weight, 400);
  line-height: var(--cds-heading-04-line-height, 1.28572);
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
  margin-block-end: 0;
}

.c4p--big-number__total {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}

.c4p--big-number__total,
.c4p--big-number__percentage-mark {
  margin-block: auto 0.25rem;
}

.c4p--big-number__info {
  vertical-align: top;
}

.c4p--big-number__trend {
  margin-block-start: 0.5rem;
  vertical-align: top;
}

.c4p--big-number__row {
  display: flex;
}

.c4p--big-number__info {
  padding-inline-start: 0.5rem;
}

.c4p--big-number__percentage {
  font-size: var(--cds-heading-04-font-size, 1.75rem);
  font-weight: var(--cds-heading-04-font-weight, 400);
  line-height: var(--cds-heading-04-line-height, 1.28572);
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
}

.c4p--big-number__percentage-mark {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}

.c4p--big-number__icon-button {
  margin-inline-start: 0.25rem;
}

.c4p--big-number--lg .c4p--big-number__value,
.c4p--big-number--lg .c4p--big-number__percentage {
  font-size: var(--cds-heading-06-font-size, 2.625rem);
  font-weight: var(--cds-heading-06-font-weight, 300);
  line-height: var(--cds-heading-06-line-height, 1.199);
  letter-spacing: var(--cds-heading-06-letter-spacing, 0);
}

.c4p--big-number--lg .c4p--big-number__total,
.c4p--big-number--lg .c4p--big-number__percentage-mark {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
}

.c4p--big-number--xl .c4p--big-number__label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}

.c4p--big-number--xl .c4p--big-number__value,
.c4p--big-number--xl .c4p--big-number__percentage {
  font-size: var(--cds-heading-07-font-size, 3.375rem);
  font-weight: var(--cds-heading-07-font-weight, 300);
  line-height: var(--cds-heading-07-line-height, 1.19);
  letter-spacing: var(--cds-heading-07-letter-spacing, 0);
}

.c4p--big-number--xl .c4p--big-number__total,
.c4p--big-number--xl .c4p--big-number__percentage-mark {
  font-size: var(--cds-heading-04-font-size, 1.75rem);
  font-weight: var(--cds-heading-04-font-weight, 400);
  line-height: var(--cds-heading-04-line-height, 1.28572);
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
}

.c4p--big-number--xl .c4p--big-number__trend {
  margin-block-start: 0.75rem;
}

.c4p--big-number-skeleton {
  inline-size: 4rem;
}

.c4p--big-number-skeleton__label {
  block-size: 0.75rem;
  margin-block: 0 0.5rem;
}

.c4p--big-number-skeleton__value {
  margin: 0;
  /* stylelint-disable-next-line declaration-no-important */
  block-size: 2.5rem !important;
}

.c4p--big-number-skeleton--lg {
  inline-size: 5rem;
}

.c4p--big-number-skeleton--xl {
  inline-size: 6rem;
}

.c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__label {
  block-size: 0.75rem;
}

.c4p--big-number-skeleton.c4p--big-number-skeleton--lg .c4p--big-number-skeleton__value {
  /* stylelint-disable-next-line declaration-no-important */
  block-size: 3rem !important;
}

.c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__label {
  block-size: 0.75rem;
}

.c4p--big-number-skeleton.c4p--big-number-skeleton--xl .c4p--big-number-skeleton__value {
  /* stylelint-disable-next-line declaration-no-important */
  block-size: 4rem !important;
}

.c4p--big-number .c4p--big-number__tooltip-trigger:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}

.c4p--truncated-list__list {
  /* stylelint-disable-next-line carbon/motion-duration-use */
  transition: height 240ms cubic-bezier(0.2, 0, 1, 0.9);
  /* stylelint-disable-next-line max-nesting-depth */
}
@media (prefers-reduced-motion: reduce) {
  .c4p--truncated-list__list {
    transition: none;
  }
}

.c4p--truncated-list--expanded .c4p--truncated-list__list {
  overflow-y: auto;
}
@supports (overflow-block: auto) {
  .c4p--truncated-list--expanded .c4p--truncated-list__list {
    overflow-block: auto;
  }
}

.c4p--truncated-list--expanded-all .c4p--truncated-list__list {
  overflow-y: hidden;
}
@supports (overflow-block: hidden) {
  .c4p--truncated-list--expanded-all .c4p--truncated-list__list {
    overflow-block: hidden;
  }
}

.cds--btn.c4p--truncated-list__button {
  padding: 0;
  inline-size: 100%;
  margin-block-start: 0.25rem;
  min-block-size: auto;
}

.cds--btn.c4p--truncated-list__button:hover {
  background: transparent;
}

.c4p--truncated-text__text-content {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  line-height: initial;
  text-overflow: clip;
}
.c4p--truncated-text__expand-toggle {
  color: var(--cds-link-primary, #0f62fe);
  cursor: pointer;
}

/* stylelint-disable max-nesting-depth */
/* stylelint-disable declaration-no-important */
.c4p--interstitial-screen--body {
  overflow: hidden auto;
  flex-grow: 1;
  padding: 0;
  margin: 0;
  background-color: var(--cds-background, #ffffff);
}
.c4p--interstitial-screen--progress {
  margin-block-end: 0.75rem;
}
.c4p--interstitial-screen__carousel {
  block-size: 100%;
}
.c4p--interstitial-screen__carousel .c4p--carousel__item {
  flex: 0 0 100%;
  scroll-snap-align: start;
}
.c4p--interstitial-screen--internal-body {
  padding: 0 !important;
  margin: 0 !important;
}
.c4p--interstitial-screen--content {
  block-size: 100%;
}
.c4p--interstitial-screen--internal-header {
  position: relative;
  background-color: var(--cds-background, #ffffff);
  margin-block-end: 0 !important;
  min-block-size: 3rem;
  padding-block-start: 1.5rem;
  padding-inline-start: 2rem !important;
}
.c4p--interstitial-screen--internal-header:empty {
  min-block-size: 0;
}
.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer {
  margin-block-end: 1rem;
}
.c4p--interstitial-screen--internal-header .c4p--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;
}
.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h1:empty {
  padding: 0;
}
.c4p--interstitial-screen--internal-header .c4p--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);
}
.c4p--interstitial-screen--internal-header .c4p--interstitial-screen--titleContainer h2:empty {
  padding: 0;
}
.c4p--interstitial-screen--internal-header--has-title {
  background: var(--cds-layer-01, #f4f4f4);
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}
.c4p--interstitial-screen--internal-header--has-title .c4p--interstitial-screen--progress {
  margin-block-start: 0;
}
.c4p--interstitial-screen--footer {
  display: flex;
  box-sizing: initial;
  flex-direction: row;
  justify-content: flex-end;
  background: var(--cds-background, #ffffff);
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  inline-size: 100%;
}
.c4p--interstitial-screen--footer .c4p--interstitial-screen--prev-btn,
.c4p--interstitial-screen--footer .c4p--interstitial-screen--next-btn,
.c4p--interstitial-screen--footer .c4p--interstitial-screen--start-btn {
  inline-size: 18.75%;
  min-inline-size: 12.5rem;
  padding-block-end: 2rem;
}
.c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn {
  flex-grow: 1 !important;
  max-inline-size: none;
  padding-inline-start: 2rem;
}
.c4p--interstitial-screen--footer .cds--inline-loading {
  position: absolute;
  inline-size: 2rem;
  inset-block-start: 0;
  inset-inline-end: 0;
}
.c4p--interstitial-screen--footer-controls {
  display: flex;
  flex-direction: row;
  margin-inline-start: auto;
}
.c4p--interstitial-screen--full-screen {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
}
.c4p--interstitial-screen--full-screen .c4p--interstitial-screen--container {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  block-size: 100vh;
  max-inline-size: 100vw;
}

.c4p--delimited-list-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* stylelint-disable carbon/layout-use */
/* stylelint-disable carbon/theme-use */
/* stylelint-disable carbon/type-use */
/* stylelint-disable carbon/layout-use */
/* stylelint-disable function-no-unknown */
.c4p--decorator--light {
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-background: #edf5ff;
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #78a9ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.64);
  --cds-ai-border-strong: #4589ff;
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
  --cds-ai-popover-background: #ffffff;
  --cds-ai-popover-caret-bottom: #78a9ff;
  --cds-ai-popover-caret-bottom-background: #eaf1ff;
  --cds-ai-popover-caret-bottom-background-actions: #e9effa;
  --cds-ai-popover-caret-center: #a0c3ff;
  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
  --cds-ai-skeleton-background: #d0e2ff;
  --cds-ai-skeleton-element-background: #4589ff;
  --cds-background: #f4f4f4;
  --cds-background-active: rgba(141, 141, 141, 0.5);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.12);
  --cds-background-inverse: #393939;
  --cds-background-inverse-hover: #474747;
  --cds-background-selected: rgba(141, 141, 141, 0.2);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: #c6c6c6;
  --cds-border-interactive: #0f62fe;
  --cds-border-inverse: #161616;
  --cds-border-strong-01: #8d8d8d;
  --cds-border-strong-02: #8d8d8d;
  --cds-border-strong-03: #8d8d8d;
  --cds-border-subtle-00: #c6c6c6;
  --cds-border-subtle-01: #e0e0e0;
  --cds-border-subtle-02: #c6c6c6;
  --cds-border-subtle-03: #e0e0e0;
  --cds-border-subtle-selected-01: #c6c6c6;
  --cds-border-subtle-selected-02: #c6c6c6;
  --cds-border-subtle-selected-03: #c6c6c6;
  --cds-border-tile-01: #a8a8a8;
  --cds-border-tile-02: #c6c6c6;
  --cds-border-tile-03: #a8a8a8;
  --cds-chat-avatar-agent: #393939;
  --cds-chat-avatar-bot: #6f6f6f;
  --cds-chat-avatar-user: #0f62fe;
  --cds-chat-bubble-agent: #ffffff;
  --cds-chat-bubble-agent-text: #161616;
  --cds-chat-bubble-border: #e0e0e0;
  --cds-chat-bubble-user: #e0e0e0;
  --cds-chat-bubble-user-text: #161616;
  --cds-chat-button: #0f62fe;
  --cds-chat-button-active: rgba(141, 141, 141, 0.5);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
  --cds-chat-button-text-hover: #0043ce;
  --cds-chat-button-text-selected: #525252;
  --cds-chat-header-background: #ffffff;
  --cds-chat-header-text: #161616;
  --cds-chat-prompt-background: #ffffff;
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
  --cds-chat-prompt-border-start: #f4f4f4;
  --cds-chat-prompt-text: #161616;
  --cds-chat-shell-background: #ffffff;
  --cds-field-01: #ffffff;
  --cds-field-02: #f4f4f4;
  --cds-field-03: #ffffff;
  --cds-field-hover-01: #e8e8e8;
  --cds-field-hover-02: #e8e8e8;
  --cds-field-hover-03: #e8e8e8;
  --cds-focus: #0f62fe;
  --cds-focus-inset: #ffffff;
  --cds-focus-inverse: #ffffff;
  --cds-highlight: #d0e2ff;
  --cds-icon-disabled: rgba(22, 22, 22, 0.25);
  --cds-icon-interactive: #0f62fe;
  --cds-icon-inverse: #ffffff;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: #8d8d8d;
  --cds-icon-primary: #161616;
  --cds-icon-secondary: #525252;
  --cds-interactive: #0f62fe;
  --cds-layer-01: #ffffff;
  --cds-layer-02: #f4f4f4;
  --cds-layer-03: #ffffff;
  --cds-layer-accent-01: #e0e0e0;
  --cds-layer-accent-02: #e0e0e0;
  --cds-layer-accent-03: #e0e0e0;
  --cds-layer-accent-active-01: #a8a8a8;
  --cds-layer-accent-active-02: #a8a8a8;
  --cds-layer-accent-active-03: #a8a8a8;
  --cds-layer-accent-hover-01: #d1d1d1;
  --cds-layer-accent-hover-02: #d1d1d1;
  --cds-layer-accent-hover-03: #d1d1d1;
  --cds-layer-active-01: #c6c6c6;
  --cds-layer-active-02: #c6c6c6;
  --cds-layer-active-03: #c6c6c6;
  --cds-layer-background-01: #f4f4f4;
  --cds-layer-background-02: #ffffff;
  --cds-layer-background-03: #f4f4f4;
  --cds-layer-hover-01: #e8e8e8;
  --cds-layer-hover-02: #e8e8e8;
  --cds-layer-hover-03: #e8e8e8;
  --cds-layer-selected-01: #e0e0e0;
  --cds-layer-selected-02: #e0e0e0;
  --cds-layer-selected-03: #e0e0e0;
  --cds-layer-selected-disabled: #8d8d8d;
  --cds-layer-selected-hover-01: #d1d1d1;
  --cds-layer-selected-hover-02: #d1d1d1;
  --cds-layer-selected-hover-03: #d1d1d1;
  --cds-layer-selected-inverse: #161616;
  --cds-link-inverse: #78a9ff;
  --cds-link-inverse-active: #f4f4f4;
  --cds-link-inverse-hover: #a6c8ff;
  --cds-link-inverse-visited: #be95ff;
  --cds-link-primary: #0f62fe;
  --cds-link-primary-hover: #0043ce;
  --cds-link-secondary: #0043ce;
  --cds-link-visited: #8a3ffc;
  --cds-overlay: rgba(0, 0, 0, 0.6);
  --cds-shadow: rgba(0, 0, 0, 0.3);
  --cds-skeleton-background: #e8e8e8;
  --cds-skeleton-element: #c6c6c6;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #8a3ffc;
  --cds-support-error: #da1e28;
  --cds-support-error-inverse: #fa4d56;
  --cds-support-info: #0043ce;
  --cds-support-info-inverse: #4589ff;
  --cds-support-success: #24a148;
  --cds-support-success-inverse: #42be65;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-syntax-angle-bracket: #697077;
  --cds-syntax-annotation: #007d79;
  --cds-syntax-arithmetic-operator: #343a3f;
  --cds-syntax-atom: #161616;
  --cds-syntax-attribute: #00539a;
  --cds-syntax-attribute-name: #00539a;
  --cds-syntax-attribute-value: #161616;
  --cds-syntax-bitwise-operator: #343a3f;
  --cds-syntax-block-comment: #198038;
  --cds-syntax-bool: #161616;
  --cds-syntax-brace: #343a3f;
  --cds-syntax-bracket: #343a3f;
  --cds-syntax-character: #161616;
  --cds-syntax-class-name: #007d79;
  --cds-syntax-color: #161616;
  --cds-syntax-comment: #198038;
  --cds-syntax-compare-operator: #343a3f;
  --cds-syntax-constant: #0f62fe;
  --cds-syntax-content: #161616;
  --cds-syntax-content-separator: #343a3f;
  --cds-syntax-control-keyword: #6929c4;
  --cds-syntax-control-operator: #6929c4;
  --cds-syntax-definition: #00539a;
  --cds-syntax-definition-keyword: #00539a;
  --cds-syntax-definition-operator: #00539a;
  --cds-syntax-deref-operator: #343a3f;
  --cds-syntax-doc-comment: #198038;
  --cds-syntax-doc-string: #161616;
  --cds-syntax-document-meta: #198038;
  --cds-syntax-emphasis: #161616;
  --cds-syntax-escape: #343a3f;
  --cds-syntax-float: #198038;
  --cds-syntax-function: #8e6a00;
  --cds-syntax-heading: #00539a;
  --cds-syntax-heading-1: #00539a;
  --cds-syntax-heading-2: #00539a;
  --cds-syntax-heading-3: #00539a;
  --cds-syntax-heading-4: #00539a;
  --cds-syntax-heading-5: #00539a;
  --cds-syntax-heading-6: #00539a;
  --cds-syntax-integer: #198038;
  --cds-syntax-invalid: #da1e28;
  --cds-syntax-keyword: #0f62fe;
  --cds-syntax-label-name: #0f62fe;
  --cds-syntax-line-comment: #198038;
  --cds-syntax-link: #0f62fe;
  --cds-syntax-list: #161616;
  --cds-syntax-literal: #161616;
  --cds-syntax-local: #0f62fe;
  --cds-syntax-logic-operator: #343a3f;
  --cds-syntax-macro-name: #161616;
  --cds-syntax-meta: #198038;
  --cds-syntax-modifier: #0f62fe;
  --cds-syntax-module-keyword: #6929c4;
  --cds-syntax-monospace: #161616;
  --cds-syntax-name: #0f62fe;
  --cds-syntax-namespace: #007d79;
  --cds-syntax-null: #161616;
  --cds-syntax-number: #198038;
  --cds-syntax-operator: #343a3f;
  --cds-syntax-operator-keyword: #0f62fe;
  --cds-syntax-paren: #343a3f;
  --cds-syntax-processing-instruction: #161616;
  --cds-syntax-property-name: #00539a;
  --cds-syntax-punctuation: #343a3f;
  --cds-syntax-quote: #198038;
  --cds-syntax-regexp: #6929c4;
  --cds-syntax-self: #007d79;
  --cds-syntax-separator: #343a3f;
  --cds-syntax-special: #0f62fe;
  --cds-syntax-special-string: #8a3ffc;
  --cds-syntax-square-bracket: #343a3f;
  --cds-syntax-standard: #0f62fe;
  --cds-syntax-strikethrough: #161616;
  --cds-syntax-string: #161616;
  --cds-syntax-strong: #161616;
  --cds-syntax-tag: #007d79;
  --cds-syntax-tag-name: #007d79;
  --cds-syntax-type: #007d79;
  --cds-syntax-type-name: #007d79;
  --cds-syntax-type-operator: #007d79;
  --cds-syntax-unit: #198038;
  --cds-syntax-update-operator: #343a3f;
  --cds-syntax-url: #343a3f;
  --cds-syntax-variable: #0f62fe;
  --cds-syntax-variable-name: #0f62fe;
  --cds-text-disabled: rgba(22, 22, 22, 0.25);
  --cds-text-error: #da1e28;
  --cds-text-helper: #6f6f6f;
  --cds-text-inverse: #ffffff;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: #8d8d8d;
  --cds-text-placeholder: rgba(22, 22, 22, 0.4);
  --cds-text-primary: #161616;
  --cds-text-secondary: #525252;
  --cds-toggle-off: #8d8d8d;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --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: 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;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.19;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.42857;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.19;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
  --cds-true: ;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .c4p--decorator--light {
    --cds-icon-primary: ButtonText;
    --cds-icon-secondary: ButtonText;
    --cds-icon-interactive: ButtonText;
    --cds-icon-disabled: GrayText;
    --cds-icon-on-color-disabled: GrayText;
    --cds-icon-inverse: SelectedItemText;
    --cds-icon-on-color: SelectedItemText;
    --cds-button-disabled: GrayText;
    --cds-interactive: ButtonText;
    --cds-link-primary: LinkText;
    --cds-link-primary-hover: LinkText;
    --cds-link-secondary: LinkText;
    --cds-link-inverse: SelectedItemText;
    --cds-link-inverse-hover: SelectedItemText;
    --cds-link-inverse-visited: SelectedItemText;
    --cds-link-visited: VisitedText;
    --cds-background-selected: SelectedItem;
    --cds-background-selected-hover: SelectedItem;
    --cds-background-inverse: SelectedItem;
    --cds-layer-selected-inverse: SelectedItem;
  }
}
.c4p--decorator--light {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}

.c4p--decorator--dark {
  --cds-ai-aura-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-background: #333333;
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #4589ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
  --cds-ai-border-strong: #78a9ff;
  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
  --cds-ai-popover-background: #161616;
  --cds-ai-popover-caret-bottom: #4589ff;
  --cds-ai-popover-caret-bottom-background: #202d45;
  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
  --cds-ai-popover-caret-center: #4870b5;
  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
  --cds-background: #161616;
  --cds-background-active: rgba(141, 141, 141, 0.4);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.16);
  --cds-background-inverse: #f4f4f4;
  --cds-background-inverse-hover: #e8e8e8;
  --cds-background-selected: rgba(141, 141, 141, 0.24);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: rgba(141, 141, 141, 0.5);
  --cds-border-interactive: #4589ff;
  --cds-border-inverse: #f4f4f4;
  --cds-border-strong-01: #6f6f6f;
  --cds-border-strong-02: #8d8d8d;
  --cds-border-strong-03: #a8a8a8;
  --cds-border-subtle-00: #393939;
  --cds-border-subtle-01: #525252;
  --cds-border-subtle-02: #6f6f6f;
  --cds-border-subtle-03: #6f6f6f;
  --cds-border-subtle-selected-01: #6f6f6f;
  --cds-border-subtle-selected-02: #8d8d8d;
  --cds-border-subtle-selected-03: #8d8d8d;
  --cds-border-tile-01: #525252;
  --cds-border-tile-02: #6f6f6f;
  --cds-border-tile-03: #8d8d8d;
  --cds-chat-avatar-agent: #c6c6c6;
  --cds-chat-avatar-bot: #8d8d8d;
  --cds-chat-avatar-user: #4589ff;
  --cds-chat-bubble-agent: #262626;
  --cds-chat-bubble-agent-text: #f4f4f4;
  --cds-chat-bubble-border: #525252;
  --cds-chat-bubble-user: #393939;
  --cds-chat-bubble-user-text: #f4f4f4;
  --cds-chat-button: #78a9ff;
  --cds-chat-button-active: rgba(141, 141, 141, 0.4);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
  --cds-chat-button-text-hover: #a6c8ff;
  --cds-chat-button-text-selected: #c6c6c6;
  --cds-chat-header-background: #262626;
  --cds-chat-header-text: #f4f4f4;
  --cds-chat-prompt-background: #161616;
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
  --cds-chat-prompt-border-start: #262626;
  --cds-chat-prompt-text: #f4f4f4;
  --cds-chat-shell-background: #262626;
  --cds-field-01: #262626;
  --cds-field-02: #393939;
  --cds-field-03: #525252;
  --cds-field-hover-01: #333333;
  --cds-field-hover-02: #474747;
  --cds-field-hover-03: #636363;
  --cds-focus: #ffffff;
  --cds-focus-inset: #161616;
  --cds-focus-inverse: #0f62fe;
  --cds-highlight: #001d6c;
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
  --cds-icon-interactive: #ffffff;
  --cds-icon-inverse: #161616;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-icon-primary: #f4f4f4;
  --cds-icon-secondary: #c6c6c6;
  --cds-interactive: #4589ff;
  --cds-layer-01: #262626;
  --cds-layer-02: #393939;
  --cds-layer-03: #525252;
  --cds-layer-accent-01: #393939;
  --cds-layer-accent-02: #525252;
  --cds-layer-accent-03: #6f6f6f;
  --cds-layer-accent-active-01: #6f6f6f;
  --cds-layer-accent-active-02: #8d8d8d;
  --cds-layer-accent-active-03: #393939;
  --cds-layer-accent-hover-01: #474747;
  --cds-layer-accent-hover-02: #636363;
  --cds-layer-accent-hover-03: #5e5e5e;
  --cds-layer-active-01: #525252;
  --cds-layer-active-02: #6f6f6f;
  --cds-layer-active-03: #8d8d8d;
  --cds-layer-background-01: #161616;
  --cds-layer-background-02: #262626;
  --cds-layer-background-03: #393939;
  --cds-layer-hover-01: #333333;
  --cds-layer-hover-02: #474747;
  --cds-layer-hover-03: #636363;
  --cds-layer-selected-01: #393939;
  --cds-layer-selected-02: #525252;
  --cds-layer-selected-03: #6f6f6f;
  --cds-layer-selected-disabled: #a8a8a8;
  --cds-layer-selected-hover-01: #474747;
  --cds-layer-selected-hover-02: #636363;
  --cds-layer-selected-hover-03: #5e5e5e;
  --cds-layer-selected-inverse: #f4f4f4;
  --cds-link-inverse: #0f62fe;
  --cds-link-inverse-active: #161616;
  --cds-link-inverse-hover: #0043ce;
  --cds-link-inverse-visited: #8a3ffc;
  --cds-link-primary: #78a9ff;
  --cds-link-primary-hover: #a6c8ff;
  --cds-link-secondary: #a6c8ff;
  --cds-link-visited: #be95ff;
  --cds-overlay: rgba(0, 0, 0, 0.6);
  --cds-shadow: rgba(0, 0, 0, 0.8);
  --cds-skeleton-background: #292929;
  --cds-skeleton-element: #393939;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #a56eff;
  --cds-support-error: #fa4d56;
  --cds-support-error-inverse: #da1e28;
  --cds-support-info: #4589ff;
  --cds-support-info-inverse: #0043ce;
  --cds-support-success: #42be65;
  --cds-support-success-inverse: #24a148;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-syntax-angle-bracket: #8d8d8d;
  --cds-syntax-annotation: #08bdba;
  --cds-syntax-arithmetic-operator: #e0e0e0;
  --cds-syntax-atom: #f4f4f4;
  --cds-syntax-attribute: #33b1ff;
  --cds-syntax-attribute-name: #33b1ff;
  --cds-syntax-attribute-value: #f4f4f4;
  --cds-syntax-bitwise-operator: #e0e0e0;
  --cds-syntax-block-comment: #42be65;
  --cds-syntax-bool: #f4f4f4;
  --cds-syntax-brace: #e0e0e0;
  --cds-syntax-bracket: #e0e0e0;
  --cds-syntax-character: #f4f4f4;
  --cds-syntax-class-name: #3ddbd9;
  --cds-syntax-color: #f4f4f4;
  --cds-syntax-comment: #42be65;
  --cds-syntax-compare-operator: #e0e0e0;
  --cds-syntax-constant: #4589ff;
  --cds-syntax-content: #f4f4f4;
  --cds-syntax-content-separator: #e0e0e0;
  --cds-syntax-control-keyword: #be95ff;
  --cds-syntax-control-operator: #be95ff;
  --cds-syntax-definition: #33b1ff;
  --cds-syntax-definition-keyword: #33b1ff;
  --cds-syntax-definition-operator: #33b1ff;
  --cds-syntax-deref-operator: #e0e0e0;
  --cds-syntax-doc-comment: #42be65;
  --cds-syntax-doc-string: #f4f4f4;
  --cds-syntax-document-meta: #42be65;
  --cds-syntax-emphasis: #f4f4f4;
  --cds-syntax-escape: #e0e0e0;
  --cds-syntax-float: #6fdc8c;
  --cds-syntax-function: #f1c21b;
  --cds-syntax-heading: #33b1ff;
  --cds-syntax-heading-1: #33b1ff;
  --cds-syntax-heading-2: #33b1ff;
  --cds-syntax-heading-3: #33b1ff;
  --cds-syntax-heading-4: #33b1ff;
  --cds-syntax-heading-5: #33b1ff;
  --cds-syntax-heading-6: #33b1ff;
  --cds-syntax-integer: #6fdc8c;
  --cds-syntax-invalid: #fa4d56;
  --cds-syntax-keyword: #4589ff;
  --cds-syntax-label-name: #a6c8ff;
  --cds-syntax-line-comment: #42be65;
  --cds-syntax-link: #4589ff;
  --cds-syntax-list: #f4f4f4;
  --cds-syntax-literal: #f4f4f4;
  --cds-syntax-local: #a6c8ff;
  --cds-syntax-logic-operator: #e0e0e0;
  --cds-syntax-macro-name: #f4f4f4;
  --cds-syntax-meta: #42be65;
  --cds-syntax-modifier: #4589ff;
  --cds-syntax-module-keyword: #be95ff;
  --cds-syntax-monospace: #f4f4f4;
  --cds-syntax-name: #a6c8ff;
  --cds-syntax-namespace: #3ddbd9;
  --cds-syntax-null: #f4f4f4;
  --cds-syntax-number: #6fdc8c;
  --cds-syntax-operator: #e0e0e0;
  --cds-syntax-operator-keyword: #4589ff;
  --cds-syntax-paren: #e0e0e0;
  --cds-syntax-processing-instruction: #f4f4f4;
  --cds-syntax-property-name: #33b1ff;
  --cds-syntax-punctuation: #e0e0e0;
  --cds-syntax-quote: #42be65;
  --cds-syntax-regexp: #be95ff;
  --cds-syntax-self: #3ddbd9;
  --cds-syntax-separator: #e0e0e0;
  --cds-syntax-special: #4589ff;
  --cds-syntax-special-string: #be95ff;
  --cds-syntax-square-bracket: #e0e0e0;
  --cds-syntax-standard: #4589ff;
  --cds-syntax-strikethrough: #f4f4f4;
  --cds-syntax-string: #f4f4f4;
  --cds-syntax-strong: #f4f4f4;
  --cds-syntax-tag: #3ddbd9;
  --cds-syntax-tag-name: #3ddbd9;
  --cds-syntax-type: #3ddbd9;
  --cds-syntax-type-name: #3ddbd9;
  --cds-syntax-type-operator: #3ddbd9;
  --cds-syntax-unit: #6fdc8c;
  --cds-syntax-update-operator: #e0e0e0;
  --cds-syntax-url: #e0e0e0;
  --cds-syntax-variable: #a6c8ff;
  --cds-syntax-variable-name: #a6c8ff;
  --cds-text-disabled: rgba(244, 244, 244, 0.25);
  --cds-text-error: #ff8389;
  --cds-text-helper: #a8a8a8;
  --cds-text-inverse: #161616;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-text-placeholder: rgba(244, 244, 244, 0.4);
  --cds-text-primary: #f4f4f4;
  --cds-text-secondary: #c6c6c6;
  --cds-toggle-off: #6f6f6f;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --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: 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;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.19;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.42857;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.19;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
  --cds-true: ;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .c4p--decorator--dark {
    --cds-icon-primary: ButtonText;
    --cds-icon-secondary: ButtonText;
    --cds-icon-interactive: ButtonText;
    --cds-icon-disabled: GrayText;
    --cds-icon-on-color-disabled: GrayText;
    --cds-icon-inverse: SelectedItemText;
    --cds-icon-on-color: SelectedItemText;
    --cds-button-disabled: GrayText;
    --cds-interactive: ButtonText;
    --cds-link-primary: LinkText;
    --cds-link-primary-hover: LinkText;
    --cds-link-secondary: LinkText;
    --cds-link-inverse: SelectedItemText;
    --cds-link-inverse-hover: SelectedItemText;
    --cds-link-inverse-visited: SelectedItemText;
    --cds-link-visited: VisitedText;
    --cds-background-selected: SelectedItem;
    --cds-background-selected-hover: SelectedItem;
    --cds-background-inverse: SelectedItem;
    --cds-layer-selected-inverse: SelectedItem;
  }
}
.c4p--decorator--dark {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}

.c4p--decorator {
  display: inline-flex;
  align-items: normal;
  border-radius: 6rem;
  max-inline-size: 100%;
}

.c4p--decorator .c4p--decorator__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);
  position: relative;
  display: inline-flex;
  align-items: normal;
  padding: 0 0.5rem;
  border-width: 0.0625rem 0 0.0625rem 0.0625rem;
  border-style: solid;
  border-color: var(--cds-border-subtle-02, #e0e0e0);
  border-radius: 6rem 0 0 6rem;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 1.5rem;
  color: var(--cds-text-secondary, #525252);
  line-height: 1.8;
}

.c4p--decorator .c4p--decorator__value {
  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);
  position: relative;
  display: inline-flex;
  overflow: hidden;
  align-items: normal;
  padding: 0 0.5rem;
  border-width: 0.0625rem 0.0625rem 0.0625rem 0;
  border-style: solid;
  border-color: var(--cds-border-subtle-02, #e0e0e0);
  border-radius: 0 6rem 6rem 0;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 1.5rem;
  color: var(--cds-text-primary, #161616);
  line-height: 1.8;
}

.c4p--decorator .c4p--decorator-icon {
  margin-block-start: 0.1875rem;
  margin-inline-end: 0.25rem;
}

.c4p--decorator--sm .c4p--decorator__label {
  padding: 0 0.25rem 0 0.5rem;
  block-size: 1.125rem;
  line-height: 1.333;
}

.c4p--decorator--sm .c4p--decorator__value {
  padding: 0 0.5rem 0 calc(0.25rem + 1px);
  block-size: 1.125rem;
  line-height: 1.333;
}

.c4p--decorator--truncate-end .c4p--decorator__value {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4p--decorator--truncate-start .c4p--decorator__value {
  display: inline;
  overflow: hidden;
  direction: rtl;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4p--decorator-icon__magnitude-unknown {
  fill: var(--cds-icon-secondary, #525252);
}

.c4p--decorator-icon__magnitude-benign {
  fill: #007d79;
}

.c4p--decorator-icon__magnitude-low {
  fill: var(--cds-support-warning, #f1c21b);
}

.c4p--decorator-icon__magnitude-medium {
  fill: #ff832b;
}

.c4p--decorator-icon__magnitude-high {
  fill: var(--cds-support-error, #da1e28);
}

.c4p--decorator-icon__magnitude-critical {
  fill: var(--cds-support-error, #da1e28);
}

.c4p--decorator-disabled svg {
  fill: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.c4p--decorator .c4p--decorator-icon--sm {
  block-size: 0.75rem;
  inline-size: 0.75rem;
  margin-block-start: 0.15625rem;
}

.c4p--decorator--default .c4p--decorator__value::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}

.c4p--decorator--link {
  cursor: pointer;
  text-decoration: none;
}

.c4p--decorator--link .c4p--decorator__label {
  background-color: var(--cds-layer-02, #ffffff);
}

.c4p--decorator--link .c4p--decorator__value::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}
.c4p--decorator--link .c4p--decorator__value {
  background-color: var(--cds-layer-02, #ffffff);
  color: var(--cds-link-primary, #0f62fe);
}

.c4p--decorator--link:hover .c4p--decorator__value {
  color: var(--cds-link-primary-hover, #0043ce);
  text-decoration: underline;
}

.c4p--decorator--link:focus {
  text-decoration: none;
}

.c4p--decorator--link:focus .c4p--decorator__value::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-focus, #0f62fe);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}
.c4p--decorator--link:focus .c4p--decorator__value {
  border-color: var(--cds-focus, #0f62fe);
}

.c4p--decorator--link:active .c4p--decorator__value {
  color: var(--cds-text-primary, #161616);
}

/* stylelint-disable function-no-unknown */
/* stylelint-disable carbon/theme-use */
.c4p--decorator--single-button:not(.c4p--decorator-disabled) {
  display: flex;
  padding: 0;
  border: 0;
  cursor: pointer;
}

.c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__label {
  background-color: var(--cds-layer-02, #ffffff);
}

.c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__value::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}
.c4p--decorator--single-button:not(.c4p--decorator-disabled) .c4p--decorator__value {
  background-color: var(--cds-layer-02, #ffffff);
}

.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__label {
  border-color: var(--cds-border-strong);
  background-color: var(--cds-layer-hover-02, #e8e8e8);
}

.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__value::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-border-strong);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}
.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator__value {
  border-color: var(--cds-border-strong);
  background-color: var(--cds-layer-hover-02, #e8e8e8);
}

.c4p--decorator--single-button:not(.c4p--decorator-disabled):focus {
  outline: none;
}

.c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__label {
  border-color: var(--cds-focus, #0f62fe);
  background-color: var(--cds-layer-02, #ffffff);
}

.c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__value::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}
.c4p--decorator--single-button:not(.c4p--decorator-disabled):focus .c4p--decorator__value {
  border-color: var(--cds-focus, #0f62fe);
  background-color: var(--cds-layer-02, #ffffff);
}

.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__label {
  background-color: var(--cds-layer-selected-02, #e0e0e0);
}

.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__value::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}
.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator__value {
  background-color: var(--cds-layer-selected-02, #e0e0e0);
}

.c4p--decorator--single-button.c4p--decorator-disabled {
  padding: 0;
  border: 0;
  cursor: not-allowed;
}

.c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__label {
  background-color: var(--cds-layer-02, #ffffff);
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__value::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}
.c4p--decorator--single-button.c4p--decorator-disabled .c4p--decorator__value {
  background-color: var(--cds-layer-02, #ffffff);
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.c4p--decorator--light.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-low {
  stroke: #8e6a00;
  stroke-width: 1px;
}
.c4p--decorator--light.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-medium path:first-child, .c4p--decorator--light.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-medium path:first-child {
  fill: #ba4e00;
}

.c4p--decorator--dark.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-high path:first-child, .c4p--decorator--dark.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-high path:first-child {
  fill: #ff8389;
}
.c4p--decorator--dark.c4p--decorator--single-button:not(.c4p--decorator-disabled):hover .c4p--decorator-icon__magnitude-critical, .c4p--decorator--dark.c4p--decorator--single-button:not(.c4p--decorator-disabled):active .c4p--decorator-icon__magnitude-critical {
  stroke: #ff8389;
  stroke-width: 0.03125rem;
}

/* stylelint-disable carbon/theme-use */
/* stylelint-disable function-no-unknown */
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label {
  background-color: var(--cds-layer-02, #ffffff);
  cursor: pointer;
}

.c4p--decorator--dual-button:not(.c4p--decorator-disabled):not(:hover) .c4p--decorator__value::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}

.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value {
  background-color: var(--cds-layer-02, #ffffff);
  cursor: pointer;
}

.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover::after {
  position: absolute;
  z-index: 1;
  border-inline-end: 1px solid var(--cds-border-strong);
  content: "";
  inset-block: -1px -1px;
  inset-inline-end: -1px;
}
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover {
  border-color: var(--cds-border-strong);
  background-color: var(--cds-layer-hover-02, #e8e8e8);
}

.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:hover::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-border-strong);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:hover {
  border-color: var(--cds-border-strong);
  background-color: var(--cds-layer-hover-02, #e8e8e8);
}

.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:focus::after {
  position: absolute;
  z-index: 1;
  border-inline-end: 1px solid var(--cds-focus, #0f62fe);
  content: "";
  inset-block: -1px -1px;
  inset-inline-end: -1px;
}
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:focus::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-focus, #0f62fe);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}
.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active {
  background-color: var(--cds-layer-hover-02, #e8e8e8);
}

.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__value:active {
  background-color: var(--cds-layer-hover-02, #e8e8e8);
}

.c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__label {
  background-color: var(--cds-layer-02, #ffffff);
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__value::after {
  position: absolute;
  border-inline-start: 1px solid var(--cds-border-subtle-02, #e0e0e0);
  content: "";
  inset-block: 0 0;
  inset-inline-start: 0;
}
.c4p--decorator--dual-button.c4p--decorator-disabled .c4p--decorator__value {
  background-color: var(--cds-layer-02, #ffffff);
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.c4p--decorator--light.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-low, .c4p--decorator--light.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-low {
  stroke: #8e6a00;
  stroke-width: 1px;
}
.c4p--decorator--light.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-medium path:first-child, .c4p--decorator--light.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-medium path:first-child {
  fill: #ba4e00;
}

.c4p--decorator--dark.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-high path:first-child, .c4p--decorator--dark.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-high path:first-child {
  fill: #ff8389;
}
.c4p--decorator--dark.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:hover .c4p--decorator-icon__magnitude-critical, .c4p--decorator--dark.c4p--decorator--dual-button:not(.c4p--decorator-disabled) .c4p--decorator__label:active .c4p--decorator-icon__magnitude-critical {
  stroke: #ff8389;
  stroke-width: 0.03125rem;
}

.c4p--description-list .cds--structured-list {
  margin-block-end: 2rem;
}

.c4p--description-list .c4p--description-list__body .c4p--description-list__row {
  border-block-end-width: 0;
  border-block-start-width: 0;
}

.c4p--description-list .cds--structured-list .c4p--description-list__body .c4p--description-list__row:first-child {
  border-block-start-width: 0;
}

.c4p--description-list .cds--structured-list .c4p--description-list__body .c4p--description-list__row:last-child {
  border-block-end-width: 0;
}

.c4p--description-list--bordered .c4p--description-list__body .c4p--description-list__row {
  border-block-start-width: 1px;
}

.c4p--description-list .c4p--description-list__body .c4p--description-list__cell {
  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);
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}

.c4p--description-list .c4p--description-list__body .c4p--description-list__cell:first-of-type {
  inline-size: 1%;
  padding-inline-start: 0;
  white-space: nowrap;
}

.c4p--description-list .c4p--description-list__body .c4p--description-list__cell:last-of-type {
  color: var(--cds-text-primary, #161616);
  padding-inline-end: 0;
}

.c4p--description-list .c4p--description-list__body .c4p--description-list__row:first-of-type > .c4p--description-list__cell {
  padding-block-start: 0;
}

.c4p--description-list .c4p--description-list__body .c4p--description-list__row:last-of-type > .c4p--description-list__cell {
  padding-block-end: 0;
}

.c4p--description-list .c4p--description-list__body .c4p--description-list__cell ul {
  list-style: none;
}

.c4p--description-list .c4p--description-list__body .c4p--description-list__cell ul > li {
  margin-block-end: 0.5rem;
}

.c4p--description-list--lg .c4p--description-list__body .c4p--description-list__cell {
  padding: 1rem 1.5rem 1rem 1rem;
}

.c4p--description-list--sm .c4p--description-list__body .c4p--description-list__cell {
  padding: 0.25rem 1.5rem 0.25rem 0.25rem;
}

.c4p--description-list--xs .c4p--description-list__body .c4p--description-list__cell {
  padding: 0.25rem;
}

.c4p--description-list .cds--structured-list-row--focused-within {
  outline: none;
}

.c4p--full-page-error {
  block-size: inherit;
}

.c4p--full-page-error__container {
  margin: 0 1.5rem;
  block-size: 100%;
}
@media (max-width: 41.98rem) {
  .c4p--full-page-error__container {
    margin: 0 0.5rem;
  }
}

.c4p--full-page-error__grid {
  block-size: 100%;
  padding-block: 2rem;
}

.c4p--full-page-error__column {
  padding: 0;
}
@media (min-width: 66rem) {
  .c4p--full-page-error__column {
    padding: 0 2rem 0 0;
  }
}

.c4p--full-page-error__svg-container {
  display: flex;
  padding: 0.5rem 0.5rem 5rem 0.5rem;
  block-size: 100%;
}
@media (min-width: 42rem) {
  .c4p--full-page-error__svg-container {
    padding: auto 0.5rem 5rem;
  }
}

.c4p--full-page-error__label,
.c4p--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) {
  .c4p--full-page-error__label,
  .c4p--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) {
  .c4p--full-page-error__label,
  .c4p--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) {
  .c4p--full-page-error__label,
  .c4p--full-page-error__title {
    font-size: 3rem;
    line-height: 1.17;
    font-size: calc(3rem + 0.75 * (100vw - 82rem) / 17);
  }
}
@media (min-width: 99rem) {
  .c4p--full-page-error__label,
  .c4p--full-page-error__title {
    font-size: 3.75rem;
    font-size: 3.75rem;
  }
}

.c4p--full-page-error__label {
  display: block;
  color: var(--cds-text-error, #da1e28);
}

.c4p--full-page-error__title {
  margin-block-end: 3rem;
}

.c4p--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;
}

.c4p--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);
}

.c4p--full-page-error__svg-container svg.c4p--full-page-error__svg {
  inline-size: 100%;
}

.c4p--full-page-error__svg-container svg.c4p--full-page-error__svg path {
  fill: var(--cds-background, #ffffff);
  stroke: var(--cds-border-inverse, #161616);
}

.c4p--search-bar {
  position: relative;
  display: flex;
}
.c4p--search-bar .c4p--search-bar__scopes .cds--label {
  position: absolute;
}

.c4p--nav {
  position: relative;
}

.c4p--nav:not(:first-of-type) {
  padding-block-start: 1rem;
}

.c4p--nav:not(:last-of-type) {
  padding-block-end: 1rem;
}

.c4p--nav:last-of-type {
  padding-block-end: 2rem;
}

.c4p--nav + .c4p--nav > .__heading {
  padding-block-start: 0.25rem;
}

.c4p--nav::before {
  position: absolute;
  display: inline-block;
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  border-block-end: 0.0625rem solid var(--cds-layer-02, #ffffff);
  content: "";
  inline-size: auto;
  inset-block-end: 0;
  inset-inline: 2rem;
}

.c4p--nav:last-of-type::before {
  border-width: 0;
}

.c4p--nav__wrapper {
  list-style: none;
  margin-block: initial;
  padding-inline-start: initial;
}
.c4p--nav__wrapper[dir=rtl], [dir=rtl] .c4p--nav__wrapper {
  padding-inline-end: initial;
}

.c4p--nav__heading {
  font-size: var(--cds-caption-01-font-size, 0.75rem);
  font-weight: var(--cds-caption-01-font-weight, 400);
  line-height: var(--cds-caption-01-line-height, 1.33333);
  letter-spacing: var(--cds-caption-01-letter-spacing, 0.32px);
  padding: 0.75rem 2.5rem;
  color: var(--cds-text-secondary, #525252);
  margin-block: initial;
}

.c4p--nav-list {
  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);
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-block-end: 0.125rem;
}

.c4p--nav-list:focus {
  outline: 0;
  outline-width: 0;
}
.c4p--nav-list:focus > .c4p--nav-item__link {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .c4p--nav-list:focus > .c4p--nav-item__link {
    outline-style: dotted;
  }
}

.c4p--nav-list__icon {
  margin-block-start: 0.125rem;
  margin-inline-start: auto;
  transform: translate3d(-50%, 0, 0) rotate(0deg);
  transition-duration: 240ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
}
.c4p--nav-list__icon[dir=rtl], [dir=rtl] .c4p--nav-list__icon {
  inset-inline-end: 0.25rem;
  transform: translate3d(-50%, 0, 0) rotate(180deg);
}

.c4p--nav-list--nested {
  overflow: hidden;
  margin-block-end: 0;
  max-block-size: 0;
  opacity: 0;
  padding-inline-start: 0;
  transition-duration: 240ms;
}
.c4p--nav-list--nested[dir=rtl], [dir=rtl] .c4p--nav-list--nested {
  padding-inline: initial 0;
}
.c4p--nav-list--nested > .c4p--nav-item:last-of-type {
  margin-block-end: 0.5rem;
}

.c4p--nav-item {
  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);
  position: relative;
  margin-block-end: 0.125rem;
}

.c4p--nav-item__content {
  display: flex;
}

.c4p--nav-item::before {
  position: absolute;
  display: inline-block;
  background-color: transparent;
  block-size: 100%;
  content: "";
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  inline-size: 0.25rem;
  inset-block-start: 0;
  inset-inline-start: 0;
  transform: translate3d(-100%, 0, 0);
  transition-property: transform;
}

.c4p--nav-item--disabled {
  pointer-events: none;
}
.c4p--nav-item--disabled > c4p--nav-item__link {
  color: var(--cds-text-on-color-disabled, #8d8d8d);
}

.c4p--nav-item--active {
  font-weight: 600;
}
.c4p--nav-item--active[dir=rtl]::before, [dir=rtl] .c4p--nav-item--active::before {
  transform: translate3d(0, 0, 0);
}

.c4p--nav-item--active::before {
  z-index: 100;
  background-color: var(--cds-background-brand, #0f62fe);
  transform: translate3d(0, 0, 0);
}

.c4p--nav-item--expanded {
  margin-block-end: 0.5rem;
}
.c4p--nav-item--expanded > .c4p--nav-list--nested {
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  max-block-size: 20rem;
  opacity: 1;
  transition-timing-function: cubic-bezier(0.25, 0, 1, 1);
}
.c4p--nav-item--expanded > .c4p--nav-item__link > .c4p--nav-list__icon {
  transform: translate3d(-50%, 0, 0) rotate(180deg);
}
.c4p--nav-item--expanded > .c4p--nav-item__link > .c4p--nav-list__icon[dir=rtl], [dir=rtl] .c4p--nav-item--expanded > .c4p--nav-item__link > .c4p--nav-list__icon {
  transform: translate3d(-50%, 0, 0) rotate(0);
}

.c4p--nav-item__link {
  position: relative;
  display: flex;
  padding: 0.5rem 0.25rem 0.5rem 2.5rem;
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  text-decoration: none;
  transition-property: background-color;
}

.c4p--nav-item__link:hover,
.c4p--nav-item__link:focus {
  background-color: var(--cds-layer-02, #ffffff);
}

.c4p--nav-item__link:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .c4p--nav-item__link:focus {
    outline-style: dotted;
  }
}

.c4p--nav-item__img {
  /* stylelint-disable-next-line -- to-rem carbon replacement for rem */
  block-size: 1.25rem;
  margin-inline: -2rem 0.75rem;
}

.c4p--nav-item__link--external__icon {
  flex-shrink: 0;
  align-self: center;
  fill: var(--cds-text-primary, #161616);
  margin-inline-start: 0.25rem;
  opacity: 0;
}

.c4p--nav-item__link--external:hover > .c4p--nav-item__link--external__icon,
.c4p--nav-item__link--external:focus > .c4p--nav-item__link--external__icon {
  opacity: 1;
}

.c4p--string-formatter {
  display: inline-block;
}
.c4p--string-formatter--truncate {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  line-height: inherit;
  text-overflow: ellipsis;
  word-break: break-word;
}
.c4p--string-formatter button.cds--definition-term {
  border-block-end: none;
  letter-spacing: inherit;
}
.c4p--string-formatter .cds--popover-container {
  display: flex;
}

.c4p--string-formatter--content {
  display: inline-block;
  text-align: start;
}

.c4p--string-formatter--truncate {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.c4p--string-formatter__tooltip > button {
  border-width: 0;
  color: currentColor;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.c4p--string-formatter .cds--popover {
  margin: 0 auto;
  max-inline-size: 1rem;
}

.c4p--string-formatter .cds--popover-content {
  max-inline-size: 20rem;
}

.c4p--string-formatter .cds--popover--left .cds--popover,
.c4p--string-formatter .cds--popover--left-bottom .cds--popover,
.c4p--string-formatter .cds--popover--left-top .cds--popover {
  margin: 0;
}

.c4p--string-formatter .cds--popover--right .cds--popover,
.c4p--string-formatter .cds--popover--right-bottom .cds--popover,
.c4p--string-formatter .cds--popover--right-top .cds--popover {
  margin-inline: auto 0;
}

.c4p--string-formatter .cds--popover--top .cds--popover-caret,
.c4p--string-formatter .cds--popover--top-left .cds--popover-caret,
.c4p--string-formatter .cds--popover--top-right .cds--popover-caret {
  /* stylelint-disable-next-line */
  inset-block-start: -1px !important;
}

.c4p--string-formatter .cds--popover--bottom .cds--popover-caret,
.c4p--string-formatter .cds--popover--bottom-left .cds--popover-caret,
.c4p--string-formatter .cds--popover--bottom-right .cds--popover-caret {
  /* stylelint-disable-next-line */
  inset-block-end: -1px !important;
}

.c4p--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;
}

.c4p--user-avatar svg {
  color: var(--cds-icon-inverse, #ffffff);
}

.c4p--user-avatar__tooltip:focus-within .c4p--user-avatar {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

:root .c4p--user-avatar--order-1-cyan,
.cds--g10 .c4p--user-avatar--order-1-cyan,
.cds--white .c4p--user-avatar--order-1-cyan {
  background-color: #0072c3;
}

:root .c4p--user-avatar--order-2-gray,
.cds--g10 .c4p--user-avatar--order-2-gray,
.cds--white .c4p--user-avatar--order-2-gray {
  background-color: #6f6f6f;
}

:root .c4p--user-avatar--order-3-green,
.cds--g10 .c4p--user-avatar--order-3-green,
.cds--white .c4p--user-avatar--order-3-green {
  background-color: #198038;
}

:root .c4p--user-avatar--order-4-magenta,
.cds--g10 .c4p--user-avatar--order-4-magenta,
.cds--white .c4p--user-avatar--order-4-magenta {
  background-color: #d02670;
}

:root .c4p--user-avatar--order-5-purple,
.cds--g10 .c4p--user-avatar--order-5-purple,
.cds--white .c4p--user-avatar--order-5-purple {
  background-color: #8a3ffc;
}

:root .c4p--user-avatar--order-6-teal,
.cds--g10 .c4p--user-avatar--order-6-teal,
.cds--white .c4p--user-avatar--order-6-teal {
  background-color: #007d79;
}

:root .c4p--user-avatar--order-7-cyan,
.cds--g10 .c4p--user-avatar--order-7-cyan,
.cds--white .c4p--user-avatar--order-7-cyan {
  background-color: #003a6d;
}

:root .c4p--user-avatar--order-8-gray,
.cds--g10 .c4p--user-avatar--order-8-gray,
.cds--white .c4p--user-avatar--order-8-gray {
  background-color: #393939;
}

:root .c4p--user-avatar--order-9-green,
.cds--g10 .c4p--user-avatar--order-9-green,
.cds--white .c4p--user-avatar--order-9-green {
  background-color: #044317;
}

:root .c4p--user-avatar--order-10-magenta,
.cds--g10 .c4p--user-avatar--order-10-magenta,
.cds--white .c4p--user-avatar--order-10-magenta {
  background-color: #740937;
}

:root .c4p--user-avatar--order-11-purple,
.cds--g10 .c4p--user-avatar--order-11-purple,
.cds--white .c4p--user-avatar--order-11-purple {
  background-color: #491d8b;
}

:root .c4p--user-avatar--order-12-teal,
.cds--g10 .c4p--user-avatar--order-12-teal,
.cds--white .c4p--user-avatar--order-12-teal {
  background-color: #004144;
}

.cds--g90 .c4p--user-avatar--order-1-cyan,
.cds--g100 .c4p--user-avatar--order-1-cyan {
  background-color: #1192e8;
}

.cds--g90 .c4p--user-avatar--order-2-gray,
.cds--g100 .c4p--user-avatar--order-2-gray {
  background-color: #8d8d8d;
}

.cds--g90 .c4p--user-avatar--order-3-green,
.cds--g100 .c4p--user-avatar--order-3-green {
  background-color: #24a148;
}

.cds--g90 .c4p--user-avatar--order-4-magenta,
.cds--g100 .c4p--user-avatar--order-4-magenta {
  background-color: #ee5396;
}

.cds--g90 .c4p--user-avatar--order-5-purple,
.cds--g100 .c4p--user-avatar--order-5-purple {
  background-color: #a56eff;
}

.cds--g90 .c4p--user-avatar--order-6-teal,
.cds--g100 .c4p--user-avatar--order-6-teal {
  background-color: #009d9a;
}

.cds--g90 .c4p--user-avatar--order-7-cyan,
.cds--g100 .c4p--user-avatar--order-7-cyan {
  background-color: #82cfff;
}

.cds--g90 .c4p--user-avatar--order-8-gray,
.cds--g100 .c4p--user-avatar--order-8-gray {
  background-color: #c6c6c6;
}

.cds--g90 .c4p--user-avatar--order-9-green,
.cds--g100 .c4p--user-avatar--order-9-green {
  background-color: #6fdc8c;
}

.cds--g90 .c4p--user-avatar--order-10-magenta,
.cds--g100 .c4p--user-avatar--order-10-magenta {
  background-color: #ffafd2;
}

.cds--g90 .c4p--user-avatar--order-11-purple,
.cds--g100 .c4p--user-avatar--order-11-purple {
  background-color: #d4bbff;
}

.cds--g90 .c4p--user-avatar--order-12-teal,
.cds--g100 .c4p--user-avatar--order-12-teal {
  background-color: #3ddbd9;
}

.c4p--user-avatar--xl {
  block-size: 4rem;
  inline-size: 4rem;
  font-size: var(--cds-heading-04-font-size, 1.75rem);
  font-weight: var(--cds-heading-04-font-weight, 400);
  line-height: var(--cds-heading-04-line-height, 1.28572);
  letter-spacing: var(--cds-heading-04-letter-spacing, 0);
}

.c4p--user-avatar--lg {
  block-size: 3rem;
  inline-size: 3rem;
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
}

.c4p--user-avatar--md {
  block-size: 2rem;
  inline-size: 2rem;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}

.c4p--user-avatar--sm {
  block-size: 1.5rem;
  inline-size: 1.5rem;
  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);
}

.c4p--user-avatar__photo {
  border-radius: 100%;
  object-fit: contain;
}

.c4p--user-avatar__photo--xl {
  border-radius: 100%;
  object-fit: fill;
  block-size: 4rem;
  inline-size: 4rem;
}

.c4p--user-avatar__photo--lg {
  border-radius: 100%;
  object-fit: fill;
  block-size: 3rem;
  inline-size: 3rem;
}

.c4p--user-avatar__photo--md {
  border-radius: 100%;
  object-fit: fill;
  block-size: 2rem;
  inline-size: 2rem;
}

.c4p--user-avatar__photo--sm {
  border-radius: 100%;
  object-fit: fill;
  block-size: 1.5rem;
  inline-size: 1.5rem;
}

.c4p--scroll-gradient {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  block-size: inherit;
  inline-size: inherit;
}

.c4p--scroll-gradient__content {
  display: grid;
  overflow: auto;
  block-size: inherit;
  grid-template-columns: 1fr;
  inline-size: 100%;
}

.c4p--scroll-gradient__content-children {
  block-size: 100%;
  grid-column-start: 1;
  grid-row-start: 1;
  inline-size: 100%;
}

.c4p--scroll-gradient__content-children > * {
  grid-area: 1/1;
}

.c4p--scroll-gradient__start-vertical,
.c4p--scroll-gradient__start-horizontal,
.c4p--scroll-gradient__end-vertical,
.c4p--scroll-gradient__end-horizontal {
  position: absolute;
  z-index: 1;
  display: none;
  pointer-events: none;
}

.c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__start-vertical {
  block-size: 3rem;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__end-vertical {
  block-size: 3rem;
  inset-block-end: 0;
  inset-inline-start: 0;
}

.c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__start-horizontal {
  inline-size: 3rem;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__end-horizontal {
  inline-size: 3rem;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.c4p--scroll-gradient--y-started.c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__start-vertical,
.c4p--scroll-gradient--y-end.c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__start-vertical {
  display: block;
}

.c4p--scroll-gradient--y-initial.c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__end-vertical,
.c4p--scroll-gradient--y-started.c4p--scroll-gradient--y-scrollable .c4p--scroll-gradient__end-vertical {
  display: block;
}

.c4p--scroll-gradient--x-started.c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__start-horizontal,
.c4p--scroll-gradient--x-end.c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__start-horizontal {
  display: block;
}

.c4p--scroll-gradient--x-initial.c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__end-horizontal,
.c4p--scroll-gradient--x-started.c4p--scroll-gradient--x-scrollable .c4p--scroll-gradient__end-horizontal {
  display: block;
}

.c4p--scroll-gradient [data-start-vertical],
.c4p--scroll-gradient [data-end-vertical] {
  block-size: 3rem;
  grid-column-start: 1;
  grid-row-start: 1;
  inline-size: 100%;
}

.c4p--scroll-gradient [data-end-vertical],
.c4p--scroll-gradient [data-end-horizontal] {
  place-self: flex-end;
}

.c4p--scroll-gradient [data-start-horizontal],
.c4p--scroll-gradient [data-end-horizontal] {
  block-size: 100%;
  grid-column-start: 1;
  grid-row-start: 1;
  inline-size: 3rem;
}

/* stylelint-disable carbon/layout-use */
/* stylelint-disable function-no-unknown */
.c4p--status-indicator__title {
  font-size: var(--cds-heading-02-font-size, 1rem);
  font-weight: var(--cds-heading-02-font-weight, 600);
  line-height: var(--cds-heading-02-line-height, 1.5);
  letter-spacing: var(--cds-heading-02-letter-spacing, 0);
  margin-block-end: 0.25rem;
}

.c4p--status-indicator-step__details {
  display: flex;
  align-items: center;
  min-block-size: 2rem;
}

.c4p--status-indicator-step__icon {
  position: relative;
  display: flex;
  inline-size: 1.5rem;
}

.c4p--status-indicator-step__text {
  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-primary, #161616);
}

.c4p--status-indicator .c4p--status-indicator__button {
  align-items: center;
  margin-block-start: 0.125rem;
  margin-inline-start: 0.5rem;
}

.c4p--status-indicator .c4p--status-indicator__button:not([disabled]) svg {
  fill: currentColor;
  margin-inline-start: 0.5rem;
}

.c4p--status-indicator-step--inactive .c4p--status-indicator-step__text {
  color: var(--cds-text-secondary, #525252);
}

.c4p--status-indicator-step--inactive svg {
  fill: var(--cds-icon-primary, #161616);
}

.c4p--status-indicator-step--active .c4p--status-indicator-step__icon {
  margin-inline-end: 0;
}

.c4p--status-indicator-step--active .cds--inline-loading__animation {
  margin-inline-end: 0.4375rem;
}

.c4p--status-indicator-step--error svg {
  fill: var(--cds-support-error, #da1e28);
}

.c4p--status-indicator-step--finished svg {
  fill: var(--cds-support-success, #24a148);
}

.c4p--status-indicator-step__error-message {
  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-error, #da1e28);
  margin-block: -0.125rem 0.375rem;
  margin-inline-start: 1.5rem;
}

.c4p--tag-overflow__visible-tags {
  display: flex;
}

.c4p--tag-overflow--align-end {
  justify-content: flex-end;
}

.c4p--tag-overflow--align-center {
  justify-content: center;
}

.c4p--tag-overflow--multiline {
  flex-wrap: wrap;
}

.c4p--tag-overflow__item--tag {
  border: none;
  margin-block-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.c4p--tag-overflow__item--tag span {
  display: inline-block;
  overflow: hidden;
  max-inline-size: 6rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4p--tag-overflow__indicator {
  display: inline-block;
  max-inline-size: 3rem;
}

.cds--popover .cds--popover-content {
  white-space: normal;
}

.c4p--tag-overflow-popover {
  display: inline-block;
  vertical-align: bottom;
}
.c4p--tag-overflow-popover .cds--tag.cds--tag--interactive {
  border: 0;
}
.c4p--tag-overflow-popover .cds--popover .cds--popover-content {
  padding: 1rem;
}

.c4p--tag-overflow-popover--hidden {
  overflow: hidden;
  max-inline-size: 0;
  visibility: hidden;
}

.c4p--tag-overflow-popover__el.c4p--tag-overflow-popover__el {
  min-inline-size: initial;
  text-align: start;
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__trigger {
  /* stylelint-disable-next-line declaration-no-important */
  border: none !important;
  font-family: inherit;
}
.c4p--tag-overflow-popover__el .cds--link:active,
.c4p--tag-overflow-popover__el .cds--link:active:visited,
.c4p--tag-overflow-popover__el .cds--link:active:visited:hover {
  color: var(--cds-text-inverse, #ffffff);
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-list {
  display: flex;
  flex-direction: column;
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link {
  color: var(--cds-link-inverse, #78a9ff);
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:hover, .c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:visited:hover {
  color: var(--cds-link-inverse-hover, #a6c8ff);
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:focus {
  color: var(--cds-focus-inverse, #ffffff);
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__show-all-tags-link:visited {
  color: var(--cds-link-inverse, #78a9ff);
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--tag .cds--tag {
  background-color: var(--cds-background-inverse-hover, #474747);
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--default,
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag-item.c4p--tag-overflow-popover__tag-item--default .cds--tag {
  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: block;
  overflow: hidden;
  padding: 0;
  border-radius: 0;
  margin: 0;
  background-color: inherit;
  color: inherit;
  min-block-size: initial;
  min-inline-size: initial;
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon {
  padding: 0;
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag--high-contrast {
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-primary, #161616);
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}
.c4p--tag-overflow-popover__el .c4p--tag-overflow-popover__tag .cds--tag__close-icon:focus {
  box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
}

.c4p--tag-overflow-modal.c4p--tag-overflow-modal {
  text-align: initial;
  white-space: initial;
}
@media (min-width: 42rem) {
  .c4p--tag-overflow-modal .c4p--tag-overflow-modal__container {
    block-size: 90%;
    max-block-size: 450px;
  }
}
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__search {
  margin-block: 1rem 0;
}
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__header {
  margin-inline-end: 1rem;
  padding-inline-end: 0;
}
.c4p--tag-overflow-modal .c4p--tag-overflow-modal__body .cds--tag {
  margin-block-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

/* stylelint-disable max-nesting-depth */
.c4p--filter-panel__title {
  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);
  margin-block: 0.75rem;
}

/* stylelint-disable function-no-unknown */
/* stylelint-disable max-nesting-depth */
html .c4p--filter-panel-accordion-item {
  border-block-start: 0;
}

html .c4p--filter-panel-accordion-item:last-child {
  border-block-end: 0;
}

html .c4p--filter-panel-accordion-item .cds--accordion__wrapper {
  padding-block: 0;
}

html .c4p--filter-panel-accordion-item .cds--accordion__heading {
  min-block-size: 2rem;
  padding-inline-end: 0;
}

html .c4p--filter-panel-accordion-item .cds--accordion__title {
  inline-size: 100%;
  margin-inline-end: 0;
  max-inline-size: calc(100% - 2rem);
}

html .c4p--filter-panel-accordion-item .cds--accordion__content {
  padding-inline-end: 0;
}

.c4p--filter-panel-accordion-item .c4p--filter-panel-label__text {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.c4p--filter-panel-accordion-item .c4p--filter-panel-label__count {
  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);
}

/* stylelint-disable max-nesting-depth */
.c4p--filter-panel-checkbox.cds--form-item.cds--checkbox-wrapper,
.c4p--filter-panel-checkbox.cds--form-item.cds--checkbox-wrapper:last-of-type {
  margin-block-end: 0;
}

.c4p--filter-panel-checkbox .c4p--filter-panel-label__count::before {
  content: "(";
}

.c4p--filter-panel-checkbox .c4p--filter-panel-label__count::after {
  content: ")";
}

.c4p--filter-panel-checkbox .cds--checkbox-label,
.c4p--filter-panel-checkbox .cds--checkbox-label-text {
  block-size: 1.5rem;
  inline-size: 100%;
}

.c4p--filter-panel-checkbox .c4p--filter-panel-label__text {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}

.c4p--filter-panel-checkbox .c4p--filter-panel-label__count {
  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);
}

/* stylelint-disable function-no-unknown */
/* stylelint-disable max-nesting-depth */
.c4p--filter-panel-checkbox-with-overflow {
  position: relative;
}

.c4p--filter-panel-checkbox-with-overflow--open,
.c4p--filter-panel-checkbox-with-overflow:hover,
.c4p--filter-panel-checkbox-with-overflow:focus-within {
  background-color: var(--cds-field);
}

.c4p--filter-panel-checkbox-with-overflow .cds--overflow-menu__wrapper {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.c4p--filter-panel-checkbox-with-overflow .c4p--filter-panel-checkbox-with-overflow__overflow-button {
  background-color: var(--cds-layer);
  block-size: 1.5rem;
  inline-size: 1.5rem;
  min-block-size: 1.5rem;
}

.c4p--filter-panel-checkbox-with-overflow__overflow-options .cds--overflow-menu-options__option {
  block-size: 1.5rem;
}

.c4p--filter-panel-checkbox-with-overflow__overflow-options .cds--overflow-menu-options__btn {
  justify-content: flex-end;
  max-inline-size: none;
}

.c4p--filter-panel-checkbox-with-overflow__overflow-options.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after {
  inline-size: 1.5rem;
}

/* stylelint-disable function-no-unknown */
/* stylelint-disable max-nesting-depth */
.c4p--filter-panel-group {
  border-block-start: 0.0625rem solid var(--cds-border-subtle);
  margin-block: 0.75rem;
  padding-block-start: 0.75rem;
}

.c4p--filter-panel-group__title {
  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);
  font-weight: 600;
  margin-block: 0 0.75rem;
}

/* stylelint-disable max-nesting-depth */
.c4p--filter-panel-label {
  display: flex;
  align-items: center;
}

.c4p--filter-panel-label__text {
  overflow: hidden;
  flex: 1 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4p--filter-panel-label__count {
  color: var(--cds-text-secondary, #525252);
  margin-inline-start: 0.75rem;
}

.c4p--filter-panel-search {
  position: relative;
  margin-block-end: 1rem;
}

.c4p--filter-panel-search__results {
  position: absolute;
  z-index: 9100;
  padding: 0.5rem;
  background-color: var(--cds-layer);
  inset-block-start: 100%;
  inset-inline: 0;
  /* stylelint-disable-next-line function-no-unknown */
  max-block-size: 20rem;
  overflow-y: auto;
}
@supports (overflow-block: auto) {
  .c4p--filter-panel-search__results {
    overflow-block: auto;
  }
}

/**
 * Copyright IBM Corp. 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
/**
 * Copyright IBM Corp. 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.c4p--condition-builder__condition-wrapper {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.c4p--condition-builder__popover-content-wrapper {
  overflow: auto;
  max-block-size: 22rem;
  max-inline-size: 20rem;
  min-inline-size: 12rem;
}

.c4p--condition-builder__item__title {
  font-size: var(--cds-heading-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-01-font-weight, 600);
  line-height: var(--cds-heading-01-line-height, 1.42857);
  letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);
  padding: 1rem;
}

.c4p--condition-builder__item-option__search {
  padding-block-end: 1rem;
  padding-inline: 1rem;
}

.c4p--condition-builder__item-option__option {
  display: grid;
  cursor: pointer;
  min-block-size: 2rem;
  padding-inline: 1rem;
}

.c4p--condition-builder__item-option__option[aria-disabled] {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.c4p--condition-builder__item-option__option[aria-disabled]:hover {
  cursor: not-allowed;
}
.c4p--condition-builder__item-option__option[aria-disabled]:focus {
  cursor: not-allowed;
  outline: none;
}

.c4p--condition-builder__item-option__option[aria-hidden] {
  display: none;
}

.c4p--condition-builder__item-option__option:not([aria-disabled]):hover {
  background-color: var(--cds-layer-hover);
}

.c4p--condition-builder__item-option__option-content {
  display: flex;
  align-items: center;
  block-size: 100%;
}

.c4p--condition-builder__item-option__option-label {
  display: flex;
  overflow: hidden;
  align-items: center;
  column-gap: 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c4p--condition-builder__item-option > ul[aria-multiSelectable=true] .c4p--condition-builder__item-option__option-label {
  justify-content: center;
}

.c4p--condition-builder__item-option__option:not(:first-of-type) .c4p--condition-builder__item-option__option-content {
  border-block-start: 0.0625rem solid var(--cds-border-subtle);
}

.c4p--condition-builder__item-option__option:not([aria-disabled]):hover .c4p--condition-builder__item-option__option-content, .c4p--condition-builder__item-option__option:not([aria-disabled])[aria-selected=true] .c4p--condition-builder__item-option__option-content, .c4p--condition-builder__item-option__option:not([aria-disabled]):hover + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content, .c4p--condition-builder__item-option__option:not([aria-disabled])[aria-selected=true] + .c4p--condition-builder__item-option__option .c4p--condition-builder__item-option__option-content {
  border-block-start-color: transparent;
}

.c4p--condition-builder__item-option__option[aria-selected=true] {
  background-color: var(--cds-layer-selected);
}

.c4p--condition-builder__item-option__option[aria-selected=true]:hover {
  background-color: var(--cds-layer-selected-hover);
}

.c4p--condition-builder__item-date,
.c4p--condition-builder__item-text,
.c4p--condition-builder__item-number,
.c4p--condition-builder__item-time {
  padding-block-end: 1rem;
  padding-inline: 1rem;
}

.c4p--condition-builder__checkmark {
  margin-inline-start: auto;
}

.c4p--condition-builder__button {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.c4p--condition-builder__button *,
.c4p--condition-builder__button *::before,
.c4p--condition-builder__button *::after {
  box-sizing: inherit;
}
.c4p--condition-builder__button::-moz-focus-inner {
  border: 0;
}
.c4p--condition-builder__button {
  display: inline-flex;
  align-items: center;
  background-color: var(--cds-layer);
  block-size: 2rem;
  color: inherit;
  column-gap: 0.25rem;
  cursor: pointer;
  padding-inline: 0.5rem;
  white-space: nowrap;
}

.c4p--condition-builder__button:hover {
  background-color: var(--cds-layer-hover);
}

.c4p--condition-builder__condition-builder__group.hoveredConnector .c4p--condition-builder__condition-wrapper > .c4p--condition-builder__condition-block .c4p--condition-builder__connector-button {
  background-color: var(--cds-layer-hover);
}

.c4p--condition-builder__button:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .c4p--condition-builder__button:focus {
    outline-style: dotted;
  }
}
.c4p--condition-builder__button:focus {
  content: "";
  inset: 0;
}

.c4p--condition-builder__statement-button,
.c4p--condition-builder__connector-button {
  min-inline-size: 4rem;
  padding-inline: 0.5rem;
}

.c4p--condition-builder__property-field {
  font-size: var(--cds-heading-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-01-font-weight, 600);
  line-height: var(--cds-heading-01-line-height, 1.42857);
  letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);
  padding-inline-start: 0.5rem;
}

.c4p--condition-builder__close-condition {
  padding-inline-end: 0.5rem;
}

.c4p--condition-builder__add-button {
  padding-inline: 0.5rem;
}

.c4p--condition-builder__multiselectSelectionStatusContainer {
  display: flex;
  align-items: center;
  padding-inline: 1rem;
}
.c4p--condition-builder__multiselectSelectionStatusContainer .c4p--condition-builder__selectAll-button {
  margin-inline-start: auto;
}

.c4p--condition-builder__item-option__option:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .c4p--condition-builder__item-option__option:focus {
    outline-style: dotted;
  }
}

.c4p--condition-builder__group-preview[data-color-index="1"] button {
  box-shadow: inset 0 0.125rem 0 0 #0043ce;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #8a3ffc;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a56eff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #be95ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #d4bbff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #8a3ffc;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a56eff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #be95ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #d4bbff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #8a3ffc;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a56eff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #be95ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #d4bbff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #8a3ffc;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a56eff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #be95ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #d4bbff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #8a3ffc;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a56eff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #be95ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #d4bbff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #8a3ffc;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a56eff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #be95ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #d4bbff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #8a3ffc;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a56eff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #be95ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #d4bbff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #8a3ffc;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a56eff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #be95ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #d4bbff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #8a3ffc;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a56eff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #be95ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #d4bbff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #8a3ffc;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a56eff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #be95ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+1) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #d4bbff;
}

.c4p--condition-builder__group-preview[data-color-index="2"] button {
  box-shadow: inset 0 0.125rem 0 0 #00539a;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0f62fe;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #4589ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #78a9ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a6c8ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0f62fe;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #4589ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #78a9ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a6c8ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0f62fe;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #4589ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #78a9ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a6c8ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0f62fe;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #4589ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #78a9ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a6c8ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0f62fe;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #4589ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #78a9ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a6c8ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0f62fe;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #4589ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #78a9ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a6c8ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0f62fe;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #4589ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #78a9ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a6c8ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0f62fe;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #4589ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #78a9ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a6c8ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0f62fe;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #4589ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #78a9ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a6c8ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0f62fe;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #4589ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #78a9ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+2) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #a6c8ff;
}

.c4p--condition-builder__group-preview[data-color-index="3"] button {
  box-shadow: inset 0 0.125rem 0 0 #005d5d;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0072c3;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #1192e8;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #33b1ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #82cfff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0072c3;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #1192e8;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #33b1ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #82cfff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0072c3;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #1192e8;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #33b1ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #82cfff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0072c3;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #1192e8;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #33b1ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #82cfff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0072c3;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #1192e8;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #33b1ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #82cfff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0072c3;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #1192e8;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #33b1ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #82cfff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0072c3;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #1192e8;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #33b1ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #82cfff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0072c3;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #1192e8;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #33b1ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #82cfff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0072c3;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #1192e8;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #33b1ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #82cfff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #0072c3;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #1192e8;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #33b1ff;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+3) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #82cfff;
}

.c4p--condition-builder__group-preview[data-color-index="4"] button {
  box-shadow: inset 0 0.125rem 0 0 #0e6027;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #007d79;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #009d9a;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #08bdba;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #3ddbd9;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #007d79;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #009d9a;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #08bdba;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #3ddbd9;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #007d79;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #009d9a;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #08bdba;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #3ddbd9;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #007d79;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #009d9a;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #08bdba;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #3ddbd9;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #007d79;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #009d9a;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #08bdba;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #3ddbd9;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #007d79;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #009d9a;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #08bdba;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #3ddbd9;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #007d79;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #009d9a;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #08bdba;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #3ddbd9;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #007d79;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #009d9a;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #08bdba;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #3ddbd9;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #007d79;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #009d9a;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #08bdba;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #3ddbd9;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #007d79;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #009d9a;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #08bdba;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+4) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #3ddbd9;
}

.c4p--condition-builder__group-preview[data-color-index="0"] button {
  box-shadow: inset 0 0.125rem 0 0 #6929c4;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #198038;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #24a148;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #42be65;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #6fdc8c;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #198038;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #24a148;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #42be65;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #6fdc8c;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #198038;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #24a148;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #42be65;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #6fdc8c;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #198038;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #24a148;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #42be65;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #6fdc8c;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #198038;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #24a148;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #42be65;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #6fdc8c;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #198038;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #24a148;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #42be65;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #6fdc8c;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #198038;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #24a148;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #42be65;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #6fdc8c;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #198038;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #24a148;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #42be65;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #6fdc8c;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #198038;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #24a148;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #42be65;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #6fdc8c;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #198038;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #24a148;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #42be65;
}

.c4p--condition-builder__content-container > .c4p--condition-builder__group-wrapper:nth-of-type(5n+5) .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group .c4p--condition-builder__group {
  --c4p--condition-builder__condition-wrapper-color: #6fdc8c;
}

.c4p--condition-builder__Hierarchical .c4p--condition-builder__condition-wrapper > :nth-child(n+3) {
  flex-basis: 100%;
}
.c4p--condition-builder__Hierarchical .c4p--condition-builder__groupConnector {
  background-color: var(--cds-layer);
}
.c4p--condition-builder__Hierarchical .c4p--condition-builder__condition-wrapper:not(.c4p--condition-builder__group-preview) > :nth-child(1) .c4p--condition-builder__button,
.c4p--condition-builder__Hierarchical .c4p--condition-builder__condition-wrapper:not(.c4p--condition-builder__group-preview) > :nth-child(2) .c4p--condition-builder__button:not(.c4p--condition-builder__add-button,
.c4p--condition-builder__add-condition-sub-group) {
  box-shadow: inset 0 0.125rem 0 0 var(--c4p--condition-builder__condition-wrapper-color);
}

.c4p--condition-builder__groupOperatorConnector {
  margin-block-end: 0.25rem;
}

.c4p--condition-builder__option-check-box {
  display: flex;
  margin-inline-end: 0.5rem;
}

.c4p--condition-builder__option-icon {
  align-self: center;
  margin-inline-start: auto;
}

.c4p--condition-builder__content-container .c4p--condition-builder__add-button-wrapper > :nth-child(1) {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  /* stylelint-disable-next-line carbon/layout-use */
  transform: translateX(-100%);
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.c4p--condition-builder__content-container .c4p--condition-builder__add-button-wrapper > :nth-child(2) {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  /* stylelint-disable-next-line carbon/layout-use */
  transform: translateX(-200%);
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.c4p--condition-builder__content-container .c4p--condition-builder__condition-block:focus-within:first-child .c4p--condition-builder__add-button-wrapper > span,
.c4p--condition-builder__content-container .c4p--condition-builder__condition--interacting .c4p--condition-builder__add-button-wrapper > span {
  z-index: 0;
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
  /* stylelint-disable-next-line carbon/motion-easing-use */
  transition: transform cubic-bezier(0.2, 0, 1, 0.9) 110ms;
}
.c4p--condition-builder__content-container .c4p--condition-builder__condition--interacting .c4p--condition-builder__close-condition-wrapper {
  z-index: 2;
}

.c4p--condition-builder__invalid-input {
  display: flex;
  direction: rtl;
}

.c4p--condition-builder__invalid-input > svg {
  color: var(--cds-support-warning, #f1c21b);
  /* stylelint-disable max-nesting-depth */
}
.c4p--condition-builder__invalid-input > svg > path:first-child {
  fill: var(--cds-icon-primary, #161616);
}

.c4p--condition-builder__statement_wrapper {
  padding: 0.5rem 0;
}
.c4p--condition-builder__statement_wrapper :nth-child(2) {
  color: var(--cds-text-secondary, #525252);
}

/**
 * Copyright IBM Corp. 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */
.c4p--condition-builder__condition-block,
.c4p--condition-builder__condition-block .c4p--condition-builder__block {
  position: relative;
  display: inline-flex;
}

.c4p--condition-builder [role=row] {
  position: relative;
  outline: none;
}

.c4p--condition-builder [role=row]:focus::after {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .c4p--condition-builder [role=row]:focus::after {
    outline-style: dotted;
  }
}
.c4p--condition-builder [role=row]:focus::after {
  position: absolute;
  content: "";
  inset: 0;
}

.c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
.c4p--condition-builder__connector-button,
.c4p--condition-builder__add-button,
.c4p--condition-builder__add-condition-sub-group) {
  background-color: var(--cds-tag-background-red, #ffd7d9);
  color: var(--cds-tag-color-red, #a2191f);
}

.c4p--condition-builder__condition__deletion-preview .c4p--condition-builder__button:not(.c4p--condition-builder__statement-button,
.c4p--condition-builder__connector-button):hover {
  background-color: var(--cds-tag-hover-red, #ffc2c5);
}

.c4p--condition-builder__text-ellipsis {
  display: block;
  overflow: hidden;
  max-inline-size: 10rem;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}

.c4p--condition-builder__group-preview {
  block-size: 0;
  opacity: 0;
  pointer-events: none;
  transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
}
.c4p--condition-builder__group-preview .c4p--condition-builder__preview-condition {
  display: flex;
}

.c4p--condition-builder__group-preview-animate {
  block-size: auto;
  color: var(--cds-text-secondary, #525252);
  opacity: 0.5;
  pointer-events: none;
  transition: all 240ms cubic-bezier(0.4, 0.14, 1, 1);
}

.c4p--condition-builder__connector--disabled {
  display: flex;
  background-color: var(--cds-layer);
  color: var(--cds-text-helper, #6f6f6f);
  min-inline-size: 4rem;
  pointer-events: none;
}

.c4p--condition-builder__condition-wrapper > .c4p--condition-builder__condition-block:last-child > .c4p--condition-builder__groupConnector {
  margin-block-end: 0;
}

.c4p--condition-builder__readonly .c4p--condition-builder__condition-inner-block,
.c4p--condition-builder__readonly .c4p--condition-builder__connector,
.c4p--condition-builder__readonly .c4p--condition-builder__action-block,
.c4p--condition-builder__readonly .c4p--condition-builder__add-condition-wrapper,
.c4p--condition-builder__readonly .c4p--condition-builder__groupConnector {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--cds-border-subtle-00, #e0e0e0);
}
.c4p--condition-builder__readonly .c4p--condition-builder__condition-inner-block button,
.c4p--condition-builder__readonly .c4p--condition-builder__connector button,
.c4p--condition-builder__readonly .c4p--condition-builder__action-block button,
.c4p--condition-builder__readonly .c4p--condition-builder__add-condition-wrapper button,
.c4p--condition-builder__readonly .c4p--condition-builder__groupConnector button {
  background: transparent;
  cursor: default;
}
.c4p--condition-builder__readonly .c4p--condition-builder__condition-inner-block button svg,
.c4p--condition-builder__readonly .c4p--condition-builder__connector button svg,
.c4p--condition-builder__readonly .c4p--condition-builder__action-block button svg,
.c4p--condition-builder__readonly .c4p--condition-builder__add-condition-wrapper button svg,
.c4p--condition-builder__readonly .c4p--condition-builder__groupConnector button svg {
  color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.c4p--condition-builder__condition-inner-block {
  display: flex;
}

.c4p--condition-builder__condition-builder__group {
  display: flex;
}

.c4p--condition-builder__visible {
  visibility: visible;
}

.c4p--condition-builder__hidden {
  visibility: hidden;
}

.c4p--condition-builder__condition-wrapper {
  display: flex;
  flex-flow: row wrap;
}

.c4p--condition-builder__gap {
  margin-inline-end: 0.125rem;
}

.c4p--condition-builder__gap-bottom {
  margin-block-end: 0.125rem;
}

.c4p--condition-builder__gap-left {
  margin-inline-start: 0.125rem;
}

.c4p--condition-builder__condition-block {
  display: flex;
  flex-direction: row;
  inline-size: fit-content;
}

.c4p--condition-builder__content-container {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}

.c4p--condition-builder__heading {
  margin-block: 0.5rem;
}

.c4p--condition-builder__Hierarchical .c4p--condition-builder__actions-container .c4p--condition-builder__condition-wrapper {
  flex-direction: column;
}

.c4p--condition-builder__group-separator {
  margin-block-start: 0.25rem;
}

.c4p--condition-builder__add-group,
.c4p--condition-builder__group-separator {
  inline-size: fit-content;
}

.c4p--condition-builder__tooltip {
  word-break: break-all;
}

/* stylelint-disable carbon/layout-use */
/* stylelint-disable max-nesting-depth */
.c4p--card__get-started {
  border-width: 1px;
  border-style: solid;
  background: linear-gradient(to bottom, #491d8b 40%, #6929c4);
  border-image: linear-gradient(to bottom, #8a3ffc, #a56eff) 1;
  color: var(--cds-text-on-color, #ffffff);
}
.c4p--card__get-started:hover {
  background: linear-gradient(#7c3dd6, #7c3dd6);
}
.c4p--card__get-started:focus {
  border: 2px solid var(--cds-focus, #0f62fe);
  outline: 1px solid var(--cds-focus-inset, #ffffff);
  outline-offset: -3px;
}
.c4p--card__get-started .c4p--card__sequence {
  font-size: var(--cds-heading-05-font-size, 2rem);
  font-weight: var(--cds-heading-05-font-weight, 400);
  line-height: var(--cds-heading-05-line-height, 1.25);
  letter-spacing: var(--cds-heading-05-letter-spacing, 0);
  padding-block-start: 1rem;
  padding-inline-start: 1rem;
}
.c4p--card__get-started .c4p--card__status {
  position: absolute;
  z-index: 2;
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
}
.c4p--card__get-started .c4p--card__header-body-container {
  display: flex;
}
.c4p--card__get-started .c4p--card__header {
  padding-inline-end: 3rem;
}
@media (max-width: 65.98rem) {
  .c4p--card__get-started .c4p--card__header {
    padding-block-end: 0;
  }
}
@media (max-width: 65.98rem) {
  .c4p--card__get-started .c4p--card__body {
    padding: 0;
  }
}
.c4p--card__get-started .c4p--card__media {
  align-content: center;
}
@media (max-width: 65.98rem) {
  .c4p--card__get-started .c4p--card__media {
    display: none;
  }
}
.c4p--card__get-started .c4p--card__pictogram ~ .c4p--card__content-container .c4p--card__media {
  /* stylelint-disable-next-line function-no-unknown */
  margin-block: -6.125rem;
}
.c4p--card__get-started .c4p--card__sequence ~ .c4p--card__content-container .c4p--card__media {
  /* stylelint-disable-next-line function-no-unknown */
  margin-block: -6.5rem;
}
.c4p--card__get-started .c4p--card__actions {
  padding: 1rem;
  gap: 0.75rem;
  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);
}
.c4p--card__get-started .c4p--card__actions .c4p--card__icon {
  display: flex;
  padding: 0;
  margin-inline-end: 0;
}
.c4p--card__get-started .c4p--card__actions .c4p--card__icon svg {
  margin-inline-end: 0.25rem;
}
.c4p--card__get-started .c4p--card__actions .c4p--card__icon:hover {
  background: none;
}
.c4p--card__get-started .c4p--card__footer {
  position: relative;
  z-index: 1;
  justify-content: space-between;
  border: none;
}
.c4p--card__get-started .c4p--card__footer .c4p--card__action-icon {
  display: flex;
  align-self: center;
  padding-inline-end: 1rem;
}

.c4p--card__disabled:focus,
.c4p--card__disabled:hover,
.c4p--card__disabled {
  border: 1px solid var(--cds-border-disabled, #c6c6c6);
  background: var(--cds-layer-02, #ffffff);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: default;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-feature-settings: "liga" 1;
  font-size: 100%;
  vertical-align: baseline;
}

button,
select,
input,
textarea {
  border-radius: 0;
  font-family: inherit;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-primary, #161616);
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  font-size: 100%;
}

body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

strong {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
  svg {
    fill: ButtonText;
  }
}
h1 {
  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);
}

h2 {
  font-size: var(--cds-heading-05-font-size, 2rem);
  font-weight: var(--cds-heading-05-font-weight, 400);
  line-height: var(--cds-heading-05-line-height, 1.25);
  letter-spacing: var(--cds-heading-05-letter-spacing, 0);
}

h3 {
  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);
}

h4 {
  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);
}

h5 {
  font-size: var(--cds-heading-02-font-size, 1rem);
  font-weight: var(--cds-heading-02-font-weight, 600);
  line-height: var(--cds-heading-02-line-height, 1.5);
  letter-spacing: var(--cds-heading-02-letter-spacing, 0);
}

h6 {
  font-size: var(--cds-heading-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-01-font-weight, 600);
  line-height: var(--cds-heading-01-line-height, 1.42857);
  letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);
}

p {
  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);
}

a {
  color: var(--cds-link-primary, #0062fe);
}

em {
  font-style: italic;
}

@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Light-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-LightItalic-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Regular-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-Italic-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBold-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Mono/fonts/split/woff2/IBMPlexMono-SemiBoldItalic-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Light-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-LightItalic-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Regular-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-Italic-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Sans";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Sans/fonts/split/woff2/IBMPlexSans-SemiBoldItalic-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Light-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 300;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-LightItalic-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Regular-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 400;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-Italic-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: normal;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBold-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Cyrillic.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0472-0473, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0-04C2, U+04CF-04D9, U+04DC-04DF, U+04E2-04E9, U+04EE-04F5, U+04F8-04F9;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Pi.woff2") format("woff2");
  unicode-range: U+0E3F, U+2032-2033, U+2070, U+2075-2079, U+2080-2081, U+2083, U+2085-2089, U+2113, U+2116, U+2126, U+212E, U+2150-2151, U+2153-215E, U+2190-2199, U+21A9-21AA, U+21B0-21B3, U+21B6-21B7, U+21BA-21BB, U+21C4, U+21C6, U+2202, U+2206, U+220F, U+2211, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+2713, U+274C, U+2B0E-2B11, U+EBE1-EBE7, U+ECE0, U+EFCC;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin3.woff2") format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF, U+FB01-FB02;
}
@font-face {
  font-display: swap;
  font-family: "IBM Plex Serif";
  font-style: italic;
  font-weight: 600;
  src: url("~@ibm/plex/IBM-Plex-Serif/fonts/split/woff2/IBMPlexSerif-SemiBoldItalic-Latin1.woff2") format("woff2");
  unicode-range: U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02;
}
:root {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}

.cds--layer-one {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}

.cds--layer-two {
  --cds-layer: var(--cds-layer-02, #ffffff);
  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-02, #f4f4f4);
  --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-background: var(--cds-layer-background-03, #ffffff);
  --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--layer-one.cds--layer__with-background {
  background-color: var(--cds-layer-background);
}

.cds--layer-two.cds--layer__with-background {
  background-color: var(--cds-layer-background);
}

.cds--layer-three.cds--layer__with-background {
  background-color: var(--cds-layer-background);
}

.cds--white {
  background-color: var(--cds-background);
  color: var(--cds-text-primary);
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-background: #edf5ff;
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #78a9ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.64);
  --cds-ai-border-strong: #4589ff;
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
  --cds-ai-popover-background: #ffffff;
  --cds-ai-popover-caret-bottom: #78a9ff;
  --cds-ai-popover-caret-bottom-background: #eaf1ff;
  --cds-ai-popover-caret-bottom-background-actions: #e9effa;
  --cds-ai-popover-caret-center: #a0c3ff;
  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
  --cds-ai-skeleton-background: #d0e2ff;
  --cds-ai-skeleton-element-background: #4589ff;
  --cds-background: #ffffff;
  --cds-background-active: rgba(141, 141, 141, 0.5);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.12);
  --cds-background-inverse: #393939;
  --cds-background-inverse-hover: #474747;
  --cds-background-selected: rgba(141, 141, 141, 0.2);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: #c6c6c6;
  --cds-border-interactive: #0f62fe;
  --cds-border-inverse: #161616;
  --cds-border-strong-01: #8d8d8d;
  --cds-border-strong-02: #8d8d8d;
  --cds-border-strong-03: #8d8d8d;
  --cds-border-subtle-00: #e0e0e0;
  --cds-border-subtle-01: #c6c6c6;
  --cds-border-subtle-02: #e0e0e0;
  --cds-border-subtle-03: #c6c6c6;
  --cds-border-subtle-selected-01: #c6c6c6;
  --cds-border-subtle-selected-02: #c6c6c6;
  --cds-border-subtle-selected-03: #c6c6c6;
  --cds-border-tile-01: #c6c6c6;
  --cds-border-tile-02: #a8a8a8;
  --cds-border-tile-03: #c6c6c6;
  --cds-chat-avatar-agent: #393939;
  --cds-chat-avatar-bot: #6f6f6f;
  --cds-chat-avatar-user: #0f62fe;
  --cds-chat-bubble-agent: #ffffff;
  --cds-chat-bubble-agent-text: #161616;
  --cds-chat-bubble-border: #e0e0e0;
  --cds-chat-bubble-user: #e0e0e0;
  --cds-chat-bubble-user-text: #161616;
  --cds-chat-button: #0f62fe;
  --cds-chat-button-active: rgba(141, 141, 141, 0.5);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
  --cds-chat-button-text-hover: #0043ce;
  --cds-chat-button-text-selected: #525252;
  --cds-chat-header-background: #ffffff;
  --cds-chat-header-text: #161616;
  --cds-chat-prompt-background: #ffffff;
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
  --cds-chat-prompt-border-start: #f4f4f4;
  --cds-chat-prompt-text: #161616;
  --cds-chat-shell-background: #ffffff;
  --cds-field-01: #f4f4f4;
  --cds-field-02: #ffffff;
  --cds-field-03: #f4f4f4;
  --cds-field-hover-01: #e8e8e8;
  --cds-field-hover-02: #e8e8e8;
  --cds-field-hover-03: #e8e8e8;
  --cds-focus: #0f62fe;
  --cds-focus-inset: #ffffff;
  --cds-focus-inverse: #ffffff;
  --cds-highlight: #d0e2ff;
  --cds-icon-disabled: rgba(22, 22, 22, 0.25);
  --cds-icon-interactive: #0f62fe;
  --cds-icon-inverse: #ffffff;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: #8d8d8d;
  --cds-icon-primary: #161616;
  --cds-icon-secondary: #525252;
  --cds-interactive: #0f62fe;
  --cds-layer-01: #f4f4f4;
  --cds-layer-02: #ffffff;
  --cds-layer-03: #f4f4f4;
  --cds-layer-accent-01: #e0e0e0;
  --cds-layer-accent-02: #e0e0e0;
  --cds-layer-accent-03: #e0e0e0;
  --cds-layer-accent-active-01: #a8a8a8;
  --cds-layer-accent-active-02: #a8a8a8;
  --cds-layer-accent-active-03: #a8a8a8;
  --cds-layer-accent-hover-01: #d1d1d1;
  --cds-layer-accent-hover-02: #d1d1d1;
  --cds-layer-accent-hover-03: #d1d1d1;
  --cds-layer-active-01: #c6c6c6;
  --cds-layer-active-02: #c6c6c6;
  --cds-layer-active-03: #c6c6c6;
  --cds-layer-background-01: #ffffff;
  --cds-layer-background-02: #f4f4f4;
  --cds-layer-background-03: #ffffff;
  --cds-layer-hover-01: #e8e8e8;
  --cds-layer-hover-02: #e8e8e8;
  --cds-layer-hover-03: #e8e8e8;
  --cds-layer-selected-01: #e0e0e0;
  --cds-layer-selected-02: #e0e0e0;
  --cds-layer-selected-03: #e0e0e0;
  --cds-layer-selected-disabled: #8d8d8d;
  --cds-layer-selected-hover-01: #d1d1d1;
  --cds-layer-selected-hover-02: #d1d1d1;
  --cds-layer-selected-hover-03: #d1d1d1;
  --cds-layer-selected-inverse: #161616;
  --cds-link-inverse: #78a9ff;
  --cds-link-inverse-active: #f4f4f4;
  --cds-link-inverse-hover: #a6c8ff;
  --cds-link-inverse-visited: #be95ff;
  --cds-link-primary: #0f62fe;
  --cds-link-primary-hover: #0043ce;
  --cds-link-secondary: #0043ce;
  --cds-link-visited: #8a3ffc;
  --cds-overlay: rgba(0, 0, 0, 0.6);
  --cds-shadow: rgba(0, 0, 0, 0.3);
  --cds-skeleton-background: #e8e8e8;
  --cds-skeleton-element: #c6c6c6;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #8a3ffc;
  --cds-support-error: #da1e28;
  --cds-support-error-inverse: #fa4d56;
  --cds-support-info: #0043ce;
  --cds-support-info-inverse: #4589ff;
  --cds-support-success: #24a148;
  --cds-support-success-inverse: #42be65;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-syntax-angle-bracket: #697077;
  --cds-syntax-annotation: #007d79;
  --cds-syntax-arithmetic-operator: #343a3f;
  --cds-syntax-atom: #161616;
  --cds-syntax-attribute: #00539a;
  --cds-syntax-attribute-name: #00539a;
  --cds-syntax-attribute-value: #161616;
  --cds-syntax-bitwise-operator: #343a3f;
  --cds-syntax-block-comment: #198038;
  --cds-syntax-bool: #161616;
  --cds-syntax-brace: #343a3f;
  --cds-syntax-bracket: #343a3f;
  --cds-syntax-character: #161616;
  --cds-syntax-class-name: #007d79;
  --cds-syntax-color: #161616;
  --cds-syntax-comment: #198038;
  --cds-syntax-compare-operator: #343a3f;
  --cds-syntax-constant: #0f62fe;
  --cds-syntax-content: #161616;
  --cds-syntax-content-separator: #343a3f;
  --cds-syntax-control-keyword: #6929c4;
  --cds-syntax-control-operator: #6929c4;
  --cds-syntax-definition: #00539a;
  --cds-syntax-definition-keyword: #00539a;
  --cds-syntax-definition-operator: #00539a;
  --cds-syntax-deref-operator: #343a3f;
  --cds-syntax-doc-comment: #198038;
  --cds-syntax-doc-string: #161616;
  --cds-syntax-document-meta: #198038;
  --cds-syntax-emphasis: #161616;
  --cds-syntax-escape: #343a3f;
  --cds-syntax-float: #198038;
  --cds-syntax-function: #8e6a00;
  --cds-syntax-heading: #00539a;
  --cds-syntax-heading-1: #00539a;
  --cds-syntax-heading-2: #00539a;
  --cds-syntax-heading-3: #00539a;
  --cds-syntax-heading-4: #00539a;
  --cds-syntax-heading-5: #00539a;
  --cds-syntax-heading-6: #00539a;
  --cds-syntax-integer: #198038;
  --cds-syntax-invalid: #da1e28;
  --cds-syntax-keyword: #0f62fe;
  --cds-syntax-label-name: #0f62fe;
  --cds-syntax-line-comment: #198038;
  --cds-syntax-link: #0f62fe;
  --cds-syntax-list: #161616;
  --cds-syntax-literal: #161616;
  --cds-syntax-local: #0f62fe;
  --cds-syntax-logic-operator: #343a3f;
  --cds-syntax-macro-name: #161616;
  --cds-syntax-meta: #198038;
  --cds-syntax-modifier: #0f62fe;
  --cds-syntax-module-keyword: #6929c4;
  --cds-syntax-monospace: #161616;
  --cds-syntax-name: #0f62fe;
  --cds-syntax-namespace: #007d79;
  --cds-syntax-null: #161616;
  --cds-syntax-number: #198038;
  --cds-syntax-operator: #343a3f;
  --cds-syntax-operator-keyword: #0f62fe;
  --cds-syntax-paren: #343a3f;
  --cds-syntax-processing-instruction: #161616;
  --cds-syntax-property-name: #00539a;
  --cds-syntax-punctuation: #343a3f;
  --cds-syntax-quote: #198038;
  --cds-syntax-regexp: #6929c4;
  --cds-syntax-self: #007d79;
  --cds-syntax-separator: #343a3f;
  --cds-syntax-special: #0f62fe;
  --cds-syntax-special-string: #8a3ffc;
  --cds-syntax-square-bracket: #343a3f;
  --cds-syntax-standard: #0f62fe;
  --cds-syntax-strikethrough: #161616;
  --cds-syntax-string: #161616;
  --cds-syntax-strong: #161616;
  --cds-syntax-tag: #007d79;
  --cds-syntax-tag-name: #007d79;
  --cds-syntax-type: #007d79;
  --cds-syntax-type-name: #007d79;
  --cds-syntax-type-operator: #007d79;
  --cds-syntax-unit: #198038;
  --cds-syntax-update-operator: #343a3f;
  --cds-syntax-url: #343a3f;
  --cds-syntax-variable: #0f62fe;
  --cds-syntax-variable-name: #0f62fe;
  --cds-text-disabled: rgba(22, 22, 22, 0.25);
  --cds-text-error: #da1e28;
  --cds-text-helper: #6f6f6f;
  --cds-text-inverse: #ffffff;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: #8d8d8d;
  --cds-text-placeholder: rgba(22, 22, 22, 0.4);
  --cds-text-primary: #161616;
  --cds-text-secondary: #525252;
  --cds-toggle-off: #8d8d8d;
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
  --cds-button-separator: #e0e0e0;
  --cds-button-primary: #0f62fe;
  --cds-button-secondary: #393939;
  --cds-button-tertiary: #0f62fe;
  --cds-button-danger-primary: #da1e28;
  --cds-button-danger-secondary: #da1e28;
  --cds-button-danger-active: #750e13;
  --cds-button-primary-active: #002d9c;
  --cds-button-secondary-active: #6f6f6f;
  --cds-button-tertiary-active: #002d9c;
  --cds-button-danger-hover: #b81921;
  --cds-button-primary-hover: #0050e6;
  --cds-button-secondary-hover: #474747;
  --cds-button-tertiary-hover: #0050e6;
  --cds-button-disabled: #c6c6c6;
  --cds-notification-background-error: #fff1f1;
  --cds-notification-background-success: #defbe6;
  --cds-notification-background-info: #edf5ff;
  --cds-notification-background-warning: #fcf4d6;
  --cds-notification-action-hover: #ffffff;
  --cds-notification-action-tertiary-inverse: #ffffff;
  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
  --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
  --cds-notification-action-tertiary-inverse-text: #161616;
  --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-tag-background-red: #ffd7d9;
  --cds-tag-color-red: #a2191f;
  --cds-tag-hover-red: #ffc2c5;
  --cds-tag-background-magenta: #ffd6e8;
  --cds-tag-color-magenta: #9f1853;
  --cds-tag-hover-magenta: #ffbdda;
  --cds-tag-background-purple: #e8daff;
  --cds-tag-color-purple: #6929c4;
  --cds-tag-hover-purple: #dcc7ff;
  --cds-tag-background-blue: #d0e2ff;
  --cds-tag-color-blue: #0043ce;
  --cds-tag-hover-blue: #b8d3ff;
  --cds-tag-background-cyan: #bae6ff;
  --cds-tag-color-cyan: #00539a;
  --cds-tag-hover-cyan: #99daff;
  --cds-tag-background-teal: #9ef0f0;
  --cds-tag-color-teal: #005d5d;
  --cds-tag-hover-teal: #57e5e5;
  --cds-tag-background-green: #a7f0ba;
  --cds-tag-color-green: #0e6027;
  --cds-tag-hover-green: #74e792;
  --cds-tag-background-gray: #e0e0e0;
  --cds-tag-color-gray: #161616;
  --cds-tag-hover-gray: #d1d1d1;
  --cds-tag-border-red: #ff8389;
  --cds-tag-border-blue: #78a9ff;
  --cds-tag-border-cyan: #33b1ff;
  --cds-tag-border-teal: #08bdba;
  --cds-tag-border-green: #42be65;
  --cds-tag-border-magenta: #ff7eb6;
  --cds-tag-border-purple: #be95ff;
  --cds-tag-border-gray: #a8a8a8;
  --cds-tag-border-cool-gray: #a2a9b0;
  --cds-tag-border-warm-gray: #ada8a8;
  --cds-tag-background-cool-gray: #dde1e6;
  --cds-tag-color-cool-gray: #121619;
  --cds-tag-hover-cool-gray: #cdd3da;
  --cds-tag-background-warm-gray: #e5e0df;
  --cds-tag-color-warm-gray: #171414;
  --cds-tag-hover-warm-gray: #d8d0cf;
  --cds-status-red: #da1e28;
  --cds-status-orange: #ff832b;
  --cds-status-orange-outline: #ba4e00;
  --cds-status-yellow: #f1c21b;
  --cds-status-yellow-outline: #8e6a00;
  --cds-status-green: #24a148;
  --cds-status-blue: #0043ce;
  --cds-status-purple: #8a3ffc;
  --cds-status-gray: #6f6f6f;
  --cds-content-switcher-background: #e0e0e0;
  --cds-content-switcher-background-hover: #d1d1d1;
  --cds-content-switcher-selected: #ffffff;
}

.cds--g10 {
  background-color: var(--cds-background);
  color: var(--cds-text-primary);
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-background: #edf5ff;
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #78a9ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.64);
  --cds-ai-border-strong: #4589ff;
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
  --cds-ai-popover-background: #ffffff;
  --cds-ai-popover-caret-bottom: #78a9ff;
  --cds-ai-popover-caret-bottom-background: #eaf1ff;
  --cds-ai-popover-caret-bottom-background-actions: #e9effa;
  --cds-ai-popover-caret-center: #a0c3ff;
  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
  --cds-ai-skeleton-background: #d0e2ff;
  --cds-ai-skeleton-element-background: #4589ff;
  --cds-background: #f4f4f4;
  --cds-background-active: rgba(141, 141, 141, 0.5);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.12);
  --cds-background-inverse: #393939;
  --cds-background-inverse-hover: #474747;
  --cds-background-selected: rgba(141, 141, 141, 0.2);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: #c6c6c6;
  --cds-border-interactive: #0f62fe;
  --cds-border-inverse: #161616;
  --cds-border-strong-01: #8d8d8d;
  --cds-border-strong-02: #8d8d8d;
  --cds-border-strong-03: #8d8d8d;
  --cds-border-subtle-00: #c6c6c6;
  --cds-border-subtle-01: #e0e0e0;
  --cds-border-subtle-02: #c6c6c6;
  --cds-border-subtle-03: #e0e0e0;
  --cds-border-subtle-selected-01: #c6c6c6;
  --cds-border-subtle-selected-02: #c6c6c6;
  --cds-border-subtle-selected-03: #c6c6c6;
  --cds-border-tile-01: #a8a8a8;
  --cds-border-tile-02: #c6c6c6;
  --cds-border-tile-03: #a8a8a8;
  --cds-chat-avatar-agent: #393939;
  --cds-chat-avatar-bot: #6f6f6f;
  --cds-chat-avatar-user: #0f62fe;
  --cds-chat-bubble-agent: #ffffff;
  --cds-chat-bubble-agent-text: #161616;
  --cds-chat-bubble-border: #e0e0e0;
  --cds-chat-bubble-user: #e0e0e0;
  --cds-chat-bubble-user-text: #161616;
  --cds-chat-button: #0f62fe;
  --cds-chat-button-active: rgba(141, 141, 141, 0.5);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
  --cds-chat-button-text-hover: #0043ce;
  --cds-chat-button-text-selected: #525252;
  --cds-chat-header-background: #ffffff;
  --cds-chat-header-text: #161616;
  --cds-chat-prompt-background: #ffffff;
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
  --cds-chat-prompt-border-start: #f4f4f4;
  --cds-chat-prompt-text: #161616;
  --cds-chat-shell-background: #ffffff;
  --cds-field-01: #ffffff;
  --cds-field-02: #f4f4f4;
  --cds-field-03: #ffffff;
  --cds-field-hover-01: #e8e8e8;
  --cds-field-hover-02: #e8e8e8;
  --cds-field-hover-03: #e8e8e8;
  --cds-focus: #0f62fe;
  --cds-focus-inset: #ffffff;
  --cds-focus-inverse: #ffffff;
  --cds-highlight: #d0e2ff;
  --cds-icon-disabled: rgba(22, 22, 22, 0.25);
  --cds-icon-interactive: #0f62fe;
  --cds-icon-inverse: #ffffff;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: #8d8d8d;
  --cds-icon-primary: #161616;
  --cds-icon-secondary: #525252;
  --cds-interactive: #0f62fe;
  --cds-layer-01: #ffffff;
  --cds-layer-02: #f4f4f4;
  --cds-layer-03: #ffffff;
  --cds-layer-accent-01: #e0e0e0;
  --cds-layer-accent-02: #e0e0e0;
  --cds-layer-accent-03: #e0e0e0;
  --cds-layer-accent-active-01: #a8a8a8;
  --cds-layer-accent-active-02: #a8a8a8;
  --cds-layer-accent-active-03: #a8a8a8;
  --cds-layer-accent-hover-01: #d1d1d1;
  --cds-layer-accent-hover-02: #d1d1d1;
  --cds-layer-accent-hover-03: #d1d1d1;
  --cds-layer-active-01: #c6c6c6;
  --cds-layer-active-02: #c6c6c6;
  --cds-layer-active-03: #c6c6c6;
  --cds-layer-background-01: #f4f4f4;
  --cds-layer-background-02: #ffffff;
  --cds-layer-background-03: #f4f4f4;
  --cds-layer-hover-01: #e8e8e8;
  --cds-layer-hover-02: #e8e8e8;
  --cds-layer-hover-03: #e8e8e8;
  --cds-layer-selected-01: #e0e0e0;
  --cds-layer-selected-02: #e0e0e0;
  --cds-layer-selected-03: #e0e0e0;
  --cds-layer-selected-disabled: #8d8d8d;
  --cds-layer-selected-hover-01: #d1d1d1;
  --cds-layer-selected-hover-02: #d1d1d1;
  --cds-layer-selected-hover-03: #d1d1d1;
  --cds-layer-selected-inverse: #161616;
  --cds-link-inverse: #78a9ff;
  --cds-link-inverse-active: #f4f4f4;
  --cds-link-inverse-hover: #a6c8ff;
  --cds-link-inverse-visited: #be95ff;
  --cds-link-primary: #0f62fe;
  --cds-link-primary-hover: #0043ce;
  --cds-link-secondary: #0043ce;
  --cds-link-visited: #8a3ffc;
  --cds-overlay: rgba(0, 0, 0, 0.6);
  --cds-shadow: rgba(0, 0, 0, 0.3);
  --cds-skeleton-background: #e8e8e8;
  --cds-skeleton-element: #c6c6c6;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #8a3ffc;
  --cds-support-error: #da1e28;
  --cds-support-error-inverse: #fa4d56;
  --cds-support-info: #0043ce;
  --cds-support-info-inverse: #4589ff;
  --cds-support-success: #24a148;
  --cds-support-success-inverse: #42be65;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-syntax-angle-bracket: #697077;
  --cds-syntax-annotation: #007d79;
  --cds-syntax-arithmetic-operator: #343a3f;
  --cds-syntax-atom: #161616;
  --cds-syntax-attribute: #00539a;
  --cds-syntax-attribute-name: #00539a;
  --cds-syntax-attribute-value: #161616;
  --cds-syntax-bitwise-operator: #343a3f;
  --cds-syntax-block-comment: #198038;
  --cds-syntax-bool: #161616;
  --cds-syntax-brace: #343a3f;
  --cds-syntax-bracket: #343a3f;
  --cds-syntax-character: #161616;
  --cds-syntax-class-name: #007d79;
  --cds-syntax-color: #161616;
  --cds-syntax-comment: #198038;
  --cds-syntax-compare-operator: #343a3f;
  --cds-syntax-constant: #0f62fe;
  --cds-syntax-content: #161616;
  --cds-syntax-content-separator: #343a3f;
  --cds-syntax-control-keyword: #6929c4;
  --cds-syntax-control-operator: #6929c4;
  --cds-syntax-definition: #00539a;
  --cds-syntax-definition-keyword: #00539a;
  --cds-syntax-definition-operator: #00539a;
  --cds-syntax-deref-operator: #343a3f;
  --cds-syntax-doc-comment: #198038;
  --cds-syntax-doc-string: #161616;
  --cds-syntax-document-meta: #198038;
  --cds-syntax-emphasis: #161616;
  --cds-syntax-escape: #343a3f;
  --cds-syntax-float: #198038;
  --cds-syntax-function: #8e6a00;
  --cds-syntax-heading: #00539a;
  --cds-syntax-heading-1: #00539a;
  --cds-syntax-heading-2: #00539a;
  --cds-syntax-heading-3: #00539a;
  --cds-syntax-heading-4: #00539a;
  --cds-syntax-heading-5: #00539a;
  --cds-syntax-heading-6: #00539a;
  --cds-syntax-integer: #198038;
  --cds-syntax-invalid: #da1e28;
  --cds-syntax-keyword: #0f62fe;
  --cds-syntax-label-name: #0f62fe;
  --cds-syntax-line-comment: #198038;
  --cds-syntax-link: #0f62fe;
  --cds-syntax-list: #161616;
  --cds-syntax-literal: #161616;
  --cds-syntax-local: #0f62fe;
  --cds-syntax-logic-operator: #343a3f;
  --cds-syntax-macro-name: #161616;
  --cds-syntax-meta: #198038;
  --cds-syntax-modifier: #0f62fe;
  --cds-syntax-module-keyword: #6929c4;
  --cds-syntax-monospace: #161616;
  --cds-syntax-name: #0f62fe;
  --cds-syntax-namespace: #007d79;
  --cds-syntax-null: #161616;
  --cds-syntax-number: #198038;
  --cds-syntax-operator: #343a3f;
  --cds-syntax-operator-keyword: #0f62fe;
  --cds-syntax-paren: #343a3f;
  --cds-syntax-processing-instruction: #161616;
  --cds-syntax-property-name: #00539a;
  --cds-syntax-punctuation: #343a3f;
  --cds-syntax-quote: #198038;
  --cds-syntax-regexp: #6929c4;
  --cds-syntax-self: #007d79;
  --cds-syntax-separator: #343a3f;
  --cds-syntax-special: #0f62fe;
  --cds-syntax-special-string: #8a3ffc;
  --cds-syntax-square-bracket: #343a3f;
  --cds-syntax-standard: #0f62fe;
  --cds-syntax-strikethrough: #161616;
  --cds-syntax-string: #161616;
  --cds-syntax-strong: #161616;
  --cds-syntax-tag: #007d79;
  --cds-syntax-tag-name: #007d79;
  --cds-syntax-type: #007d79;
  --cds-syntax-type-name: #007d79;
  --cds-syntax-type-operator: #007d79;
  --cds-syntax-unit: #198038;
  --cds-syntax-update-operator: #343a3f;
  --cds-syntax-url: #343a3f;
  --cds-syntax-variable: #0f62fe;
  --cds-syntax-variable-name: #0f62fe;
  --cds-text-disabled: rgba(22, 22, 22, 0.25);
  --cds-text-error: #da1e28;
  --cds-text-helper: #6f6f6f;
  --cds-text-inverse: #ffffff;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: #8d8d8d;
  --cds-text-placeholder: rgba(22, 22, 22, 0.4);
  --cds-text-primary: #161616;
  --cds-text-secondary: #525252;
  --cds-toggle-off: #8d8d8d;
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
  --cds-button-separator: #e0e0e0;
  --cds-button-primary: #0f62fe;
  --cds-button-secondary: #393939;
  --cds-button-tertiary: #0f62fe;
  --cds-button-danger-primary: #da1e28;
  --cds-button-danger-secondary: #da1e28;
  --cds-button-danger-active: #750e13;
  --cds-button-primary-active: #002d9c;
  --cds-button-secondary-active: #6f6f6f;
  --cds-button-tertiary-active: #002d9c;
  --cds-button-danger-hover: #b81921;
  --cds-button-primary-hover: #0050e6;
  --cds-button-secondary-hover: #474747;
  --cds-button-tertiary-hover: #0050e6;
  --cds-button-disabled: #c6c6c6;
  --cds-notification-background-error: #fff1f1;
  --cds-notification-background-success: #defbe6;
  --cds-notification-background-info: #edf5ff;
  --cds-notification-background-warning: #fcf4d6;
  --cds-notification-action-hover: #ffffff;
  --cds-notification-action-tertiary-inverse: #ffffff;
  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
  --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
  --cds-notification-action-tertiary-inverse-text: #161616;
  --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-tag-background-red: #ffd7d9;
  --cds-tag-color-red: #a2191f;
  --cds-tag-hover-red: #ffc2c5;
  --cds-tag-background-magenta: #ffd6e8;
  --cds-tag-color-magenta: #9f1853;
  --cds-tag-hover-magenta: #ffbdda;
  --cds-tag-background-purple: #e8daff;
  --cds-tag-color-purple: #6929c4;
  --cds-tag-hover-purple: #dcc7ff;
  --cds-tag-background-blue: #d0e2ff;
  --cds-tag-color-blue: #0043ce;
  --cds-tag-hover-blue: #b8d3ff;
  --cds-tag-background-cyan: #bae6ff;
  --cds-tag-color-cyan: #00539a;
  --cds-tag-hover-cyan: #99daff;
  --cds-tag-background-teal: #9ef0f0;
  --cds-tag-color-teal: #005d5d;
  --cds-tag-hover-teal: #57e5e5;
  --cds-tag-background-green: #a7f0ba;
  --cds-tag-color-green: #0e6027;
  --cds-tag-hover-green: #74e792;
  --cds-tag-background-gray: #e0e0e0;
  --cds-tag-color-gray: #161616;
  --cds-tag-hover-gray: #d1d1d1;
  --cds-tag-border-red: #ff8389;
  --cds-tag-border-blue: #78a9ff;
  --cds-tag-border-cyan: #33b1ff;
  --cds-tag-border-teal: #08bdba;
  --cds-tag-border-green: #42be65;
  --cds-tag-border-magenta: #ff7eb6;
  --cds-tag-border-purple: #be95ff;
  --cds-tag-border-gray: #a8a8a8;
  --cds-tag-border-cool-gray: #a2a9b0;
  --cds-tag-border-warm-gray: #ada8a8;
  --cds-tag-background-cool-gray: #dde1e6;
  --cds-tag-color-cool-gray: #121619;
  --cds-tag-hover-cool-gray: #cdd3da;
  --cds-tag-background-warm-gray: #e5e0df;
  --cds-tag-color-warm-gray: #171414;
  --cds-tag-hover-warm-gray: #d8d0cf;
  --cds-status-red: #da1e28;
  --cds-status-orange: #ff832b;
  --cds-status-orange-outline: #ba4e00;
  --cds-status-yellow: #f1c21b;
  --cds-status-yellow-outline: #8e6a00;
  --cds-status-green: #24a148;
  --cds-status-blue: #0043ce;
  --cds-status-purple: #8a3ffc;
  --cds-status-gray: #6f6f6f;
  --cds-content-switcher-background: #e0e0e0;
  --cds-content-switcher-background-hover: #d1d1d1;
  --cds-content-switcher-selected: #ffffff;
}

.cds--g90 {
  background-color: var(--cds-background);
  color: var(--cds-text-primary);
  --cds-ai-aura-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-background: #474747;
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #4589ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
  --cds-ai-border-strong: #78a9ff;
  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
  --cds-ai-popover-background: #161616;
  --cds-ai-popover-caret-bottom: #4589ff;
  --cds-ai-popover-caret-bottom-background: #202d45;
  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
  --cds-ai-popover-caret-center: #4870b5;
  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
  --cds-background: #262626;
  --cds-background-active: rgba(141, 141, 141, 0.4);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.16);
  --cds-background-inverse: #f4f4f4;
  --cds-background-inverse-hover: #e8e8e8;
  --cds-background-selected: rgba(141, 141, 141, 0.24);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: rgba(141, 141, 141, 0.5);
  --cds-border-interactive: #4589ff;
  --cds-border-inverse: #f4f4f4;
  --cds-border-strong-01: #8d8d8d;
  --cds-border-strong-02: #a8a8a8;
  --cds-border-strong-03: #c6c6c6;
  --cds-border-subtle-00: #525252;
  --cds-border-subtle-01: #6f6f6f;
  --cds-border-subtle-02: #8d8d8d;
  --cds-border-subtle-03: #8d8d8d;
  --cds-border-subtle-selected-01: #8d8d8d;
  --cds-border-subtle-selected-02: #a8a8a8;
  --cds-border-subtle-selected-03: #a8a8a8;
  --cds-border-tile-01: #6f6f6f;
  --cds-border-tile-02: #8d8d8d;
  --cds-border-tile-03: #a8a8a8;
  --cds-chat-avatar-agent: #c6c6c6;
  --cds-chat-avatar-bot: #8d8d8d;
  --cds-chat-avatar-user: #4589ff;
  --cds-chat-bubble-agent: #262626;
  --cds-chat-bubble-agent-text: #f4f4f4;
  --cds-chat-bubble-border: #525252;
  --cds-chat-bubble-user: #393939;
  --cds-chat-bubble-user-text: #f4f4f4;
  --cds-chat-button: #78a9ff;
  --cds-chat-button-active: rgba(141, 141, 141, 0.4);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
  --cds-chat-button-text-hover: #a6c8ff;
  --cds-chat-button-text-selected: #c6c6c6;
  --cds-chat-header-background: #262626;
  --cds-chat-header-text: #f4f4f4;
  --cds-chat-prompt-background: #161616;
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
  --cds-chat-prompt-border-start: #262626;
  --cds-chat-prompt-text: #f4f4f4;
  --cds-chat-shell-background: #262626;
  --cds-field-01: #393939;
  --cds-field-02: #525252;
  --cds-field-03: #6f6f6f;
  --cds-field-hover-01: #474747;
  --cds-field-hover-02: #636363;
  --cds-field-hover-03: #5e5e5e;
  --cds-focus: #ffffff;
  --cds-focus-inset: #161616;
  --cds-focus-inverse: #0f62fe;
  --cds-highlight: #002d9c;
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
  --cds-icon-interactive: #ffffff;
  --cds-icon-inverse: #161616;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-icon-primary: #f4f4f4;
  --cds-icon-secondary: #c6c6c6;
  --cds-interactive: #4589ff;
  --cds-layer-01: #393939;
  --cds-layer-02: #525252;
  --cds-layer-03: #6f6f6f;
  --cds-layer-accent-01: #525252;
  --cds-layer-accent-02: #6f6f6f;
  --cds-layer-accent-03: #8d8d8d;
  --cds-layer-accent-active-01: #8d8d8d;
  --cds-layer-accent-active-02: #393939;
  --cds-layer-accent-active-03: #525252;
  --cds-layer-accent-hover-01: #636363;
  --cds-layer-accent-hover-02: #5e5e5e;
  --cds-layer-accent-hover-03: #7a7a7a;
  --cds-layer-active-01: #6f6f6f;
  --cds-layer-active-02: #8d8d8d;
  --cds-layer-active-03: #393939;
  --cds-layer-background-01: #262626;
  --cds-layer-background-02: #393939;
  --cds-layer-background-03: #525252;
  --cds-layer-hover-01: #474747;
  --cds-layer-hover-02: #636363;
  --cds-layer-hover-03: #5e5e5e;
  --cds-layer-selected-01: #525252;
  --cds-layer-selected-02: #6f6f6f;
  --cds-layer-selected-03: #525252;
  --cds-layer-selected-disabled: #a8a8a8;
  --cds-layer-selected-hover-01: #636363;
  --cds-layer-selected-hover-02: #5e5e5e;
  --cds-layer-selected-hover-03: #636363;
  --cds-layer-selected-inverse: #f4f4f4;
  --cds-link-inverse: #0f62fe;
  --cds-link-inverse-active: #161616;
  --cds-link-inverse-hover: #0043ce;
  --cds-link-inverse-visited: #8a3ffc;
  --cds-link-primary: #78a9ff;
  --cds-link-primary-hover: #a6c8ff;
  --cds-link-secondary: #a6c8ff;
  --cds-link-visited: #be95ff;
  --cds-overlay: rgba(0, 0, 0, 0.6);
  --cds-shadow: rgba(0, 0, 0, 0.8);
  --cds-skeleton-background: #333333;
  --cds-skeleton-element: #525252;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #a56eff;
  --cds-support-error: #ff8389;
  --cds-support-error-inverse: #da1e28;
  --cds-support-info: #4589ff;
  --cds-support-info-inverse: #0043ce;
  --cds-support-success: #42be65;
  --cds-support-success-inverse: #24a148;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-syntax-angle-bracket: #8d8d8d;
  --cds-syntax-annotation: #08bdba;
  --cds-syntax-arithmetic-operator: #e0e0e0;
  --cds-syntax-atom: #f4f4f4;
  --cds-syntax-attribute: #33b1ff;
  --cds-syntax-attribute-name: #33b1ff;
  --cds-syntax-attribute-value: #f4f4f4;
  --cds-syntax-bitwise-operator: #e0e0e0;
  --cds-syntax-block-comment: #42be65;
  --cds-syntax-bool: #f4f4f4;
  --cds-syntax-brace: #e0e0e0;
  --cds-syntax-bracket: #e0e0e0;
  --cds-syntax-character: #f4f4f4;
  --cds-syntax-class-name: #3ddbd9;
  --cds-syntax-color: #f4f4f4;
  --cds-syntax-comment: #42be65;
  --cds-syntax-compare-operator: #e0e0e0;
  --cds-syntax-constant: #4589ff;
  --cds-syntax-content: #f4f4f4;
  --cds-syntax-content-separator: #e0e0e0;
  --cds-syntax-control-keyword: #be95ff;
  --cds-syntax-control-operator: #be95ff;
  --cds-syntax-definition: #33b1ff;
  --cds-syntax-definition-keyword: #33b1ff;
  --cds-syntax-definition-operator: #33b1ff;
  --cds-syntax-deref-operator: #e0e0e0;
  --cds-syntax-doc-comment: #42be65;
  --cds-syntax-doc-string: #f4f4f4;
  --cds-syntax-document-meta: #42be65;
  --cds-syntax-emphasis: #f4f4f4;
  --cds-syntax-escape: #e0e0e0;
  --cds-syntax-float: #6fdc8c;
  --cds-syntax-function: #f1c21b;
  --cds-syntax-heading: #33b1ff;
  --cds-syntax-heading-1: #33b1ff;
  --cds-syntax-heading-2: #33b1ff;
  --cds-syntax-heading-3: #33b1ff;
  --cds-syntax-heading-4: #33b1ff;
  --cds-syntax-heading-5: #33b1ff;
  --cds-syntax-heading-6: #33b1ff;
  --cds-syntax-integer: #6fdc8c;
  --cds-syntax-invalid: #fa4d56;
  --cds-syntax-keyword: #4589ff;
  --cds-syntax-label-name: #a6c8ff;
  --cds-syntax-line-comment: #42be65;
  --cds-syntax-link: #4589ff;
  --cds-syntax-list: #f4f4f4;
  --cds-syntax-literal: #f4f4f4;
  --cds-syntax-local: #a6c8ff;
  --cds-syntax-logic-operator: #e0e0e0;
  --cds-syntax-macro-name: #f4f4f4;
  --cds-syntax-meta: #42be65;
  --cds-syntax-modifier: #4589ff;
  --cds-syntax-module-keyword: #be95ff;
  --cds-syntax-monospace: #f4f4f4;
  --cds-syntax-name: #a6c8ff;
  --cds-syntax-namespace: #3ddbd9;
  --cds-syntax-null: #f4f4f4;
  --cds-syntax-number: #6fdc8c;
  --cds-syntax-operator: #e0e0e0;
  --cds-syntax-operator-keyword: #4589ff;
  --cds-syntax-paren: #e0e0e0;
  --cds-syntax-processing-instruction: #f4f4f4;
  --cds-syntax-property-name: #33b1ff;
  --cds-syntax-punctuation: #e0e0e0;
  --cds-syntax-quote: #42be65;
  --cds-syntax-regexp: #be95ff;
  --cds-syntax-self: #3ddbd9;
  --cds-syntax-separator: #e0e0e0;
  --cds-syntax-special: #4589ff;
  --cds-syntax-special-string: #be95ff;
  --cds-syntax-square-bracket: #e0e0e0;
  --cds-syntax-standard: #4589ff;
  --cds-syntax-strikethrough: #f4f4f4;
  --cds-syntax-string: #f4f4f4;
  --cds-syntax-strong: #f4f4f4;
  --cds-syntax-tag: #3ddbd9;
  --cds-syntax-tag-name: #3ddbd9;
  --cds-syntax-type: #3ddbd9;
  --cds-syntax-type-name: #3ddbd9;
  --cds-syntax-type-operator: #3ddbd9;
  --cds-syntax-unit: #6fdc8c;
  --cds-syntax-update-operator: #e0e0e0;
  --cds-syntax-url: #e0e0e0;
  --cds-syntax-variable: #a6c8ff;
  --cds-syntax-variable-name: #a6c8ff;
  --cds-text-disabled: rgba(244, 244, 244, 0.25);
  --cds-text-error: #ffb3b8;
  --cds-text-helper: #c6c6c6;
  --cds-text-inverse: #161616;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-text-placeholder: rgba(244, 244, 244, 0.4);
  --cds-text-primary: #f4f4f4;
  --cds-text-secondary: #c6c6c6;
  --cds-toggle-off: #8d8d8d;
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
  --cds-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-notification-background-error: #393939;
  --cds-notification-background-success: #393939;
  --cds-notification-background-info: #393939;
  --cds-notification-background-warning: #393939;
  --cds-notification-action-tertiary-inverse: #0f62fe;
  --cds-notification-action-tertiary-inverse-active: #002d9c;
  --cds-notification-action-tertiary-inverse-hover: #0050e6;
  --cds-notification-action-tertiary-inverse-text: #ffffff;
  --cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;
  --cds-tag-background-red: #a2191f;
  --cds-tag-color-red: #ffd7d9;
  --cds-tag-hover-red: #c21e25;
  --cds-tag-background-magenta: #9f1853;
  --cds-tag-color-magenta: #ffd6e8;
  --cds-tag-hover-magenta: #bf1d63;
  --cds-tag-background-purple: #6929c4;
  --cds-tag-color-purple: #e8daff;
  --cds-tag-hover-purple: #7c3dd6;
  --cds-tag-background-blue: #0043ce;
  --cds-tag-color-blue: #d0e2ff;
  --cds-tag-hover-blue: #0053ff;
  --cds-tag-background-cyan: #00539a;
  --cds-tag-color-cyan: #bae6ff;
  --cds-tag-hover-cyan: #0066bd;
  --cds-tag-background-teal: #005d5d;
  --cds-tag-color-teal: #9ef0f0;
  --cds-tag-hover-teal: #007070;
  --cds-tag-background-green: #0e6027;
  --cds-tag-color-green: #a7f0ba;
  --cds-tag-hover-green: #11742f;
  --cds-tag-background-gray: #525252;
  --cds-tag-color-gray: #f4f4f4;
  --cds-tag-hover-gray: #636363;
  --cds-tag-border-red: #fa4d56;
  --cds-tag-border-blue: #4589ff;
  --cds-tag-border-cyan: #1192e8;
  --cds-tag-border-teal: #009d9a;
  --cds-tag-border-green: #24a148;
  --cds-tag-border-magenta: #ee5396;
  --cds-tag-border-purple: #a56eff;
  --cds-tag-border-gray: #8d8d8d;
  --cds-tag-border-cool-gray: #878d96;
  --cds-tag-border-warm-gray: #8f8b8b;
  --cds-tag-background-cool-gray: #4d5358;
  --cds-tag-color-cool-gray: #f2f4f8;
  --cds-tag-hover-cool-gray: #5d646a;
  --cds-tag-background-warm-gray: #565151;
  --cds-tag-color-warm-gray: #f7f3f2;
  --cds-tag-hover-warm-gray: #696363;
  --cds-status-red: #fa4d56;
  --cds-status-orange: #ff832b;
  --cds-status-orange-outline: #ff832b;
  --cds-status-yellow: #f1c21b;
  --cds-status-yellow-outline: #f1c21b;
  --cds-status-green: #42be65;
  --cds-status-blue: #4589ff;
  --cds-status-purple: #a56eff;
  --cds-status-gray: #8d8d8d;
  --cds-content-switcher-background: rgba(0, 0, 0, 0);
  --cds-content-switcher-background-hover: rgba(141, 141, 141, 0.12);
  --cds-content-switcher-selected: rgba(141, 141, 141, 0.24);
}

.cds--g100 {
  background-color: var(--cds-background);
  color: var(--cds-text-primary);
  --cds-ai-aura-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-background: #333333;
  --cds-ai-aura-hover-end: rgba(0, 0, 0, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.4);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #4589ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.36);
  --cds-ai-border-strong: #78a9ff;
  --cds-ai-drop-shadow: rgba(0, 0, 0, 0.28);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.16);
  --cds-ai-overlay: rgba(0, 0, 0, 0.5);
  --cds-ai-popover-background: #161616;
  --cds-ai-popover-caret-bottom: #4589ff;
  --cds-ai-popover-caret-bottom-background: #202d45;
  --cds-ai-popover-caret-bottom-background-actions: #1e283a;
  --cds-ai-popover-caret-center: #4870b5;
  --cds-ai-popover-shadow-outer-01: rgba(0, 0, 0, 0.12);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.08);
  --cds-ai-skeleton-background: rgba(120, 169, 255, 0.5);
  --cds-ai-skeleton-element-background: rgba(120, 169, 255, 0.3);
  --cds-background: #161616;
  --cds-background-active: rgba(141, 141, 141, 0.4);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.16);
  --cds-background-inverse: #f4f4f4;
  --cds-background-inverse-hover: #e8e8e8;
  --cds-background-selected: rgba(141, 141, 141, 0.24);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: rgba(141, 141, 141, 0.5);
  --cds-border-interactive: #4589ff;
  --cds-border-inverse: #f4f4f4;
  --cds-border-strong-01: #6f6f6f;
  --cds-border-strong-02: #8d8d8d;
  --cds-border-strong-03: #a8a8a8;
  --cds-border-subtle-00: #393939;
  --cds-border-subtle-01: #525252;
  --cds-border-subtle-02: #6f6f6f;
  --cds-border-subtle-03: #6f6f6f;
  --cds-border-subtle-selected-01: #6f6f6f;
  --cds-border-subtle-selected-02: #8d8d8d;
  --cds-border-subtle-selected-03: #8d8d8d;
  --cds-border-tile-01: #525252;
  --cds-border-tile-02: #6f6f6f;
  --cds-border-tile-03: #8d8d8d;
  --cds-chat-avatar-agent: #c6c6c6;
  --cds-chat-avatar-bot: #8d8d8d;
  --cds-chat-avatar-user: #4589ff;
  --cds-chat-bubble-agent: #262626;
  --cds-chat-bubble-agent-text: #f4f4f4;
  --cds-chat-bubble-border: #525252;
  --cds-chat-bubble-user: #393939;
  --cds-chat-bubble-user-text: #f4f4f4;
  --cds-chat-button: #78a9ff;
  --cds-chat-button-active: rgba(141, 141, 141, 0.4);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.16);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.24);
  --cds-chat-button-text-hover: #a6c8ff;
  --cds-chat-button-text-selected: #c6c6c6;
  --cds-chat-header-background: #262626;
  --cds-chat-header-text: #f4f4f4;
  --cds-chat-prompt-background: #161616;
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
  --cds-chat-prompt-border-start: #262626;
  --cds-chat-prompt-text: #f4f4f4;
  --cds-chat-shell-background: #262626;
  --cds-field-01: #262626;
  --cds-field-02: #393939;
  --cds-field-03: #525252;
  --cds-field-hover-01: #333333;
  --cds-field-hover-02: #474747;
  --cds-field-hover-03: #636363;
  --cds-focus: #ffffff;
  --cds-focus-inset: #161616;
  --cds-focus-inverse: #0f62fe;
  --cds-highlight: #001d6c;
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
  --cds-icon-interactive: #ffffff;
  --cds-icon-inverse: #161616;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-icon-primary: #f4f4f4;
  --cds-icon-secondary: #c6c6c6;
  --cds-interactive: #4589ff;
  --cds-layer-01: #262626;
  --cds-layer-02: #393939;
  --cds-layer-03: #525252;
  --cds-layer-accent-01: #393939;
  --cds-layer-accent-02: #525252;
  --cds-layer-accent-03: #6f6f6f;
  --cds-layer-accent-active-01: #6f6f6f;
  --cds-layer-accent-active-02: #8d8d8d;
  --cds-layer-accent-active-03: #393939;
  --cds-layer-accent-hover-01: #474747;
  --cds-layer-accent-hover-02: #636363;
  --cds-layer-accent-hover-03: #5e5e5e;
  --cds-layer-active-01: #525252;
  --cds-layer-active-02: #6f6f6f;
  --cds-layer-active-03: #8d8d8d;
  --cds-layer-background-01: #161616;
  --cds-layer-background-02: #262626;
  --cds-layer-background-03: #393939;
  --cds-layer-hover-01: #333333;
  --cds-layer-hover-02: #474747;
  --cds-layer-hover-03: #636363;
  --cds-layer-selected-01: #393939;
  --cds-layer-selected-02: #525252;
  --cds-layer-selected-03: #6f6f6f;
  --cds-layer-selected-disabled: #a8a8a8;
  --cds-layer-selected-hover-01: #474747;
  --cds-layer-selected-hover-02: #636363;
  --cds-layer-selected-hover-03: #5e5e5e;
  --cds-layer-selected-inverse: #f4f4f4;
  --cds-link-inverse: #0f62fe;
  --cds-link-inverse-active: #161616;
  --cds-link-inverse-hover: #0043ce;
  --cds-link-inverse-visited: #8a3ffc;
  --cds-link-primary: #78a9ff;
  --cds-link-primary-hover: #a6c8ff;
  --cds-link-secondary: #a6c8ff;
  --cds-link-visited: #be95ff;
  --cds-overlay: rgba(0, 0, 0, 0.6);
  --cds-shadow: rgba(0, 0, 0, 0.8);
  --cds-skeleton-background: #292929;
  --cds-skeleton-element: #393939;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #a56eff;
  --cds-support-error: #fa4d56;
  --cds-support-error-inverse: #da1e28;
  --cds-support-info: #4589ff;
  --cds-support-info-inverse: #0043ce;
  --cds-support-success: #42be65;
  --cds-support-success-inverse: #24a148;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-syntax-angle-bracket: #8d8d8d;
  --cds-syntax-annotation: #08bdba;
  --cds-syntax-arithmetic-operator: #e0e0e0;
  --cds-syntax-atom: #f4f4f4;
  --cds-syntax-attribute: #33b1ff;
  --cds-syntax-attribute-name: #33b1ff;
  --cds-syntax-attribute-value: #f4f4f4;
  --cds-syntax-bitwise-operator: #e0e0e0;
  --cds-syntax-block-comment: #42be65;
  --cds-syntax-bool: #f4f4f4;
  --cds-syntax-brace: #e0e0e0;
  --cds-syntax-bracket: #e0e0e0;
  --cds-syntax-character: #f4f4f4;
  --cds-syntax-class-name: #3ddbd9;
  --cds-syntax-color: #f4f4f4;
  --cds-syntax-comment: #42be65;
  --cds-syntax-compare-operator: #e0e0e0;
  --cds-syntax-constant: #4589ff;
  --cds-syntax-content: #f4f4f4;
  --cds-syntax-content-separator: #e0e0e0;
  --cds-syntax-control-keyword: #be95ff;
  --cds-syntax-control-operator: #be95ff;
  --cds-syntax-definition: #33b1ff;
  --cds-syntax-definition-keyword: #33b1ff;
  --cds-syntax-definition-operator: #33b1ff;
  --cds-syntax-deref-operator: #e0e0e0;
  --cds-syntax-doc-comment: #42be65;
  --cds-syntax-doc-string: #f4f4f4;
  --cds-syntax-document-meta: #42be65;
  --cds-syntax-emphasis: #f4f4f4;
  --cds-syntax-escape: #e0e0e0;
  --cds-syntax-float: #6fdc8c;
  --cds-syntax-function: #f1c21b;
  --cds-syntax-heading: #33b1ff;
  --cds-syntax-heading-1: #33b1ff;
  --cds-syntax-heading-2: #33b1ff;
  --cds-syntax-heading-3: #33b1ff;
  --cds-syntax-heading-4: #33b1ff;
  --cds-syntax-heading-5: #33b1ff;
  --cds-syntax-heading-6: #33b1ff;
  --cds-syntax-integer: #6fdc8c;
  --cds-syntax-invalid: #fa4d56;
  --cds-syntax-keyword: #4589ff;
  --cds-syntax-label-name: #a6c8ff;
  --cds-syntax-line-comment: #42be65;
  --cds-syntax-link: #4589ff;
  --cds-syntax-list: #f4f4f4;
  --cds-syntax-literal: #f4f4f4;
  --cds-syntax-local: #a6c8ff;
  --cds-syntax-logic-operator: #e0e0e0;
  --cds-syntax-macro-name: #f4f4f4;
  --cds-syntax-meta: #42be65;
  --cds-syntax-modifier: #4589ff;
  --cds-syntax-module-keyword: #be95ff;
  --cds-syntax-monospace: #f4f4f4;
  --cds-syntax-name: #a6c8ff;
  --cds-syntax-namespace: #3ddbd9;
  --cds-syntax-null: #f4f4f4;
  --cds-syntax-number: #6fdc8c;
  --cds-syntax-operator: #e0e0e0;
  --cds-syntax-operator-keyword: #4589ff;
  --cds-syntax-paren: #e0e0e0;
  --cds-syntax-processing-instruction: #f4f4f4;
  --cds-syntax-property-name: #33b1ff;
  --cds-syntax-punctuation: #e0e0e0;
  --cds-syntax-quote: #42be65;
  --cds-syntax-regexp: #be95ff;
  --cds-syntax-self: #3ddbd9;
  --cds-syntax-separator: #e0e0e0;
  --cds-syntax-special: #4589ff;
  --cds-syntax-special-string: #be95ff;
  --cds-syntax-square-bracket: #e0e0e0;
  --cds-syntax-standard: #4589ff;
  --cds-syntax-strikethrough: #f4f4f4;
  --cds-syntax-string: #f4f4f4;
  --cds-syntax-strong: #f4f4f4;
  --cds-syntax-tag: #3ddbd9;
  --cds-syntax-tag-name: #3ddbd9;
  --cds-syntax-type: #3ddbd9;
  --cds-syntax-type-name: #3ddbd9;
  --cds-syntax-type-operator: #3ddbd9;
  --cds-syntax-unit: #6fdc8c;
  --cds-syntax-update-operator: #e0e0e0;
  --cds-syntax-url: #e0e0e0;
  --cds-syntax-variable: #a6c8ff;
  --cds-syntax-variable-name: #a6c8ff;
  --cds-text-disabled: rgba(244, 244, 244, 0.25);
  --cds-text-error: #ff8389;
  --cds-text-helper: #a8a8a8;
  --cds-text-inverse: #161616;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-text-placeholder: rgba(244, 244, 244, 0.4);
  --cds-text-primary: #f4f4f4;
  --cds-text-secondary: #c6c6c6;
  --cds-toggle-off: #6f6f6f;
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
  --cds-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-notification-background-error: #262626;
  --cds-notification-background-success: #262626;
  --cds-notification-background-info: #262626;
  --cds-notification-background-warning: #262626;
  --cds-notification-action-tertiary-inverse: #0f62fe;
  --cds-notification-action-tertiary-inverse-active: #002d9c;
  --cds-notification-action-tertiary-inverse-hover: #0050e6;
  --cds-notification-action-tertiary-inverse-text: #ffffff;
  --cds-notification-action-tertiary-inverse-text-on-color-disabled: #8d8d8d;
  --cds-tag-background-red: #a2191f;
  --cds-tag-color-red: #ffd7d9;
  --cds-tag-hover-red: #c21e25;
  --cds-tag-background-magenta: #9f1853;
  --cds-tag-color-magenta: #ffd6e8;
  --cds-tag-hover-magenta: #bf1d63;
  --cds-tag-background-purple: #6929c4;
  --cds-tag-color-purple: #e8daff;
  --cds-tag-hover-purple: #7c3dd6;
  --cds-tag-background-blue: #0043ce;
  --cds-tag-color-blue: #d0e2ff;
  --cds-tag-hover-blue: #0053ff;
  --cds-tag-background-cyan: #00539a;
  --cds-tag-color-cyan: #bae6ff;
  --cds-tag-hover-cyan: #0066bd;
  --cds-tag-background-teal: #005d5d;
  --cds-tag-color-teal: #9ef0f0;
  --cds-tag-hover-teal: #007070;
  --cds-tag-background-green: #0e6027;
  --cds-tag-color-green: #a7f0ba;
  --cds-tag-hover-green: #11742f;
  --cds-tag-background-gray: #525252;
  --cds-tag-color-gray: #f4f4f4;
  --cds-tag-hover-gray: #636363;
  --cds-tag-border-red: #fa4d56;
  --cds-tag-border-blue: #4589ff;
  --cds-tag-border-cyan: #1192e8;
  --cds-tag-border-teal: #009d9a;
  --cds-tag-border-green: #24a148;
  --cds-tag-border-magenta: #ee5396;
  --cds-tag-border-purple: #a56eff;
  --cds-tag-border-gray: #8d8d8d;
  --cds-tag-border-cool-gray: #878d96;
  --cds-tag-border-warm-gray: #8f8b8b;
  --cds-tag-background-cool-gray: #4d5358;
  --cds-tag-color-cool-gray: #f2f4f8;
  --cds-tag-hover-cool-gray: #5d646a;
  --cds-tag-background-warm-gray: #565151;
  --cds-tag-color-warm-gray: #f7f3f2;
  --cds-tag-hover-warm-gray: #696363;
  --cds-status-red: #fa4d56;
  --cds-status-orange: #ff832b;
  --cds-status-orange-outline: #ff832b;
  --cds-status-yellow: #f1c21b;
  --cds-status-yellow-outline: #f1c21b;
  --cds-status-green: #42be65;
  --cds-status-blue: #4589ff;
  --cds-status-purple: #a56eff;
  --cds-status-gray: #8d8d8d;
  --cds-content-switcher-background: rgba(0, 0, 0, 0);
  --cds-content-switcher-background-hover: rgba(141, 141, 141, 0.12);
  --cds-content-switcher-selected: rgba(141, 141, 141, 0.24);
}

.cds--accordion {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  --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));
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--accordion *,
.cds--accordion *::before,
.cds--accordion *::after {
  box-sizing: inherit;
}
.cds--accordion {
  inline-size: 100%;
  list-style: none;
}

.cds--accordion__item {
  display: list-item;
  overflow: visible;
  border-block-start: 1px solid var(--cds-border-subtle);
  transition: border-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}
.cds--accordion__item:last-child {
  border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--accordion__item:not(.cds--accordion__item--active):hover, .cds--accordion__item:not(.cds--accordion__item--active):hover + .cds--accordion__item {
  border-block-start-color: var(--cds-layer-hover);
}
.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {
  border-block-end-color: var(--cds-layer-hover);
}

.cds--accordion__heading {
  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--accordion__heading *,
.cds--accordion__heading *::before,
.cds--accordion__heading *::after {
  box-sizing: inherit;
}
.cds--accordion__heading::-moz-focus-inner {
  border: 0;
}
.cds--accordion__heading {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  inline-size: 100%;
  min-block-size: var(--cds-layout-size-height-local);
  padding-inline-end: var(--cds-layout-density-padding-inline-local);
}
.cds--accordion__heading:hover {
  background-color: var(--cds-layer-hover);
  outline: none;
}
.cds--accordion__heading:focus {
  position: relative;
  z-index: 2;
  box-shadow: 0 -1px 0 0 var(--cds-focus, #0f62fe), inset 0 1px 0 0 var(--cds-focus, #0f62fe), inset 2px 0 0 0 var(--cds-focus, #0f62fe), 0 1px 0 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 0 var(--cds-focus, #0f62fe), inset -2px 0 0 0 var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--accordion__heading[disabled] {
  background-color: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--accordion__heading[disabled] .cds--accordion__arrow {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--accordion__heading[disabled]:hover::before {
  background-color: transparent;
}

.cds--accordion__item--disabled,
.cds--accordion__item--disabled + .cds--accordion__item {
  border-block-start: 1px solid var(--cds-border-subtle);
}

li.cds--accordion__item--disabled:last-of-type {
  border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--accordion__arrow {
  outline: 2px solid transparent;
  outline-offset: -2px;
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--accordion__arrow {
  flex: 0 0 1rem;
  block-size: 1rem;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1rem;
  transform: rotate(-270deg) /*rtl:ignore*/;
}

.cds--accordion__title {
  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);
}
.cds--accordion__title {
  z-index: 1;
  inline-size: 100%;
  padding-inline-start: 1rem;
  text-align: start;
}

.cds--accordion__wrapper {
  display: none;
  overflow: hidden;
  padding: 0;
  max-block-size: 0;
  opacity: 0;
  transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9) allow-discrete;
  writing-mode: horizontal-tb;
}

.cds--accordion__content {
  padding-inline: var(--cds-layout-density-padding-inline-local);
}
@media (min-width: 480px) {
  .cds--accordion__content {
    padding-inline-end: 3rem;
  }
}
@media (min-width: 640px) {
  .cds--accordion__content {
    padding-inline-end: 25%;
  }
}
.cds--accordion__content > p {
  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);
}

.cds--accordion--start .cds--accordion__heading {
  flex-direction: row;
}

.cds--accordion--start .cds--accordion__arrow {
  margin: 2px 0 0 var(--cds-layout-density-padding-inline-local);
}

.cds--accordion--start .cds--accordion__title {
  margin-inline-end: 1rem;
}

.cds--accordion--start .cds--accordion__content {
  margin-inline-start: calc(var(--cds-layout-density-padding-inline-local) + 1rem);
}

.cds--accordion__item--collapsing .cds--accordion__content,
.cds--accordion__item--expanding .cds--accordion__content {
  display: block;
}

.cds--accordion__item--active {
  overflow: visible;
}
.cds--accordion__item--active > .cds--accordion__wrapper {
  display: block;
  overflow: visible;
  max-block-size: fit-content;
  opacity: 1;
  padding-block: 0.5rem;
  padding-block-end: 1.5rem;
}
.cds--accordion__item--active > .cds--accordion__heading > .cds--accordion__arrow {
  fill: var(--cds-icon-primary, #161616);
  transform: rotate(-90deg) /*rtl:ignore*/;
}

/** starting style also not supported widely
  * https://caniuse.com/mdn-css_at-rules_starting-style
  */
/* Needs to be after the previous accordion__item--active rule
   to take effect, as the specificity is the same */
@starting-style {
  .cds--accordion__item--active > .cds--accordion__wrapper {
    padding: 0;
    max-block-size: 0;
    opacity: 0;
  }
}
.cds--accordion--flush .cds--accordion__item {
  position: relative;
  border-color: transparent;
}
.cds--accordion--flush .cds--accordion__item:last-child, .cds--accordion--flush .cds--accordion__item:hover, .cds--accordion--flush .cds--accordion__item:last-child:hover, .cds--accordion--flush .cds--accordion__item:hover + .cds--accordion__item {
  border-color: transparent;
}
.cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
  position: absolute;
  display: block;
  block-size: 1px;
  content: "";
  inline-size: calc(100% - 1rem - 1rem);
  margin-inline-start: 1rem;
  transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
    transition: none;
  }
}
.cds--accordion--flush .cds--accordion__item::before {
  background: var(--cds-border-subtle);
  inset-block-start: -1px;
}
.cds--accordion--flush .cds--accordion__item:last-child::after {
  background: var(--cds-border-subtle);
  inset-block-end: -1px;
}

.cds--accordion--flush .cds--accordion__heading:hover {
  position: relative;
  z-index: 1;
}
.cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
  position: absolute;
  display: block;
  background: var(--cds-layer-hover);
  block-size: 1px;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
    transition: none;
  }
}
.cds--accordion--flush .cds--accordion__heading:hover::before {
  inset-block-start: -1px;
}
.cds--accordion--flush .cds--accordion__heading:hover::after {
  inset-block-end: -1px;
}
.cds--accordion--flush .cds--accordion__heading:hover:focus::after, .cds--accordion--flush .cds--accordion__heading:hover:focus::before {
  background: none;
}

.cds--accordion.cds--skeleton .cds--accordion__heading,
.cds--accordion.cds--skeleton .cds--accordion__button {
  cursor: default;
}

.cds--accordion.cds--skeleton .cds--accordion__arrow {
  cursor: default;
  fill: var(--cds-icon-primary, #161616);
  pointer-events: none;
}
.cds--accordion.cds--skeleton .cds--accordion__arrow:hover, .cds--accordion.cds--skeleton .cds--accordion__arrow:focus, .cds--accordion.cds--skeleton .cds--accordion__arrow:active {
  border: none;
  cursor: default;
  outline: none;
}

.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,
.cds--accordion.cds--skeleton .cds--accordion__heading:hover {
  background-color: transparent;
}

.cds--accordion--end.cds--skeleton .cds--accordion__arrow {
  margin-inline-start: 1rem;
}

.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow {
  border: none;
  cursor: default;
  outline: none;
}

.cds--accordion__title.cds--skeleton__text {
  margin-block-end: 0;
}

.cds--accordion.cds--skeleton .cds--accordion__title {
  margin-inline-start: 1rem;
}

[dir=rtl] .cds--accordion--start .cds--accordion__heading {
  padding-inline: var(--cds-layout-density-padding-inline-local) 0;
}

[dir=rtl] .cds--accordion--start .cds--accordion__title {
  margin-inline-end: 0;
  padding-inline-start: 0;
}

.cds--popover-container {
  display: inline-block;
}

.cds--popover-container:not(.cds--popover--auto-align) {
  position: relative;
}

.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 {
  filter: var(--cds-popover-drop-shadow, drop-shadow(0 0.125rem 0.125rem rgba(0, 0, 0, 0.2)));
}

.cds--popover--border > .cds--popover > .cds--popover-content {
  outline: 1px solid var(--cds-popover-border-color, var(--cds-border-subtle));
  outline-offset: -1px;
}

.cds--popover--caret {
  --cds-popover-offset: 0.625rem;
}

.cds--popover {
  position: absolute;
  z-index: 6000;
  inset: 0;
  pointer-events: none;
}

.cds--popover-content {
  --cds-layout-size-height-sm: 2rem;
}
.cds--popover-content.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--popover-content) {
  --cds-layout-size-height: var(--cds-layout-size-height-sm);
}
.cds--popover-content {
  --cds-layout-size-height-md: 2.5rem;
}
.cds--popover-content.cds--layout--size-md, .cds--layout--size-md :where(.cds--popover-content) {
  --cds-layout-size-height: var(--cds-layout-size-height-md);
}
.cds--popover-content {
  --cds-layout-size-height-lg: 3rem;
}
.cds--popover-content.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--popover-content) {
  --cds-layout-size-height: var(--cds-layout-size-height-lg);
}
.cds--popover-content {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--popover-content *,
.cds--popover-content *::before,
.cds--popover-content *::after {
  box-sizing: inherit;
}
.cds--popover-content {
  position: absolute;
  z-index: 6000;
  display: none;
  border-radius: var(--cds-popover-border-radius, 2px);
  background-color: var(--cds-popover-background-color, var(--cds-layer));
  color: var(--cds-popover-text-color, var(--cds-text-primary, #161616));
  inline-size: max-content;
  max-inline-size: 23rem;
  pointer-events: auto;
}

.cds--popover--open > .cds--popover > .cds--popover-content {
  display: block;
}

.cds--popover--background-token__background > .cds--popover > .cds--popover-content {
  background-color: var(--cds-background, #ffffff);
}

.cds--popover-content::before {
  position: absolute;
  display: none;
  content: "";
}

.cds--popover--open > .cds--popover > .cds--popover-content::before {
  display: block;
}

.cds--popover-caret,
.cds--popover--auto-align.cds--popover-caret {
  position: absolute;
  z-index: 6000;
  display: none;
  will-change: transform;
}
.cds--popover-caret::after,
.cds--popover--auto-align.cds--popover-caret::after {
  position: absolute;
  display: block;
  background-color: var(--cds-popover-background-color, var(--cds-layer));
  content: "";
}
.cds--popover-caret::before,
.cds--popover--auto-align.cds--popover-caret::before {
  position: absolute;
  display: none;
  background-color: var(--cds-popover-border-color, var(--cds-border-subtle));
  content: "";
}

.cds--popover--background-token__background > .cds--popover > .cds--popover-caret::after {
  background-color: var(--cds-background, #ffffff);
}

.cds--popover--border .cds--popover-caret::before,
.cds--popover--border .cds--popover--auto-align.cds--popover-caret::before {
  display: block;
}

.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret {
  display: block;
}

.cds--popover--auto-align.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-content > .cds--popover-caret {
  display: block;
}

.cds--popover--tab-tip > .cds--popover > .cds--popover-caret {
  display: none;
}

.cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-end: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));
}

.cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-end: 0;
  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
  inset-inline-start: initial;
}

.cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-end: 0;
  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
  transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-start: calc(50% - 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-start > .cds--popover > .cds--popover-content::before,
.cds--popover--bottom-right > .cds--popover > .cds--popover-content::before,
.cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
  block-size: var(--cds-popover-offset, 0rem);
  inset-block-start: 0;
  inset-inline: 0;
  transform: translateY(-100%);
}

.cds--popover--bottom > .cds--popover > .cds--popover-caret,
.cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
.cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
.cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
.cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
  inset-block-end: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, var(--cds-popover-offset, 0rem));
}
.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,
.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,
.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,
.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,
.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after {
  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
  inset-block-start: 1px;
  inset-inline-start: 0.5px;
}

[dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
  transform: translate(50%, var(--cds-popover-offset, 0rem));
}

.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
  inset-block-start: 1px;
  inset-inline-start: 0.5px;
}

.cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}

.cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 0;
  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
  inset-inline-start: initial;
}

.cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 0;
  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
  transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-start: calc(50% - 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-start > .cds--popover > .cds--popover-content::before,
.cds--popover--top-right > .cds--popover > .cds--popover-content::before,
.cds--popover--top-end > .cds--popover > .cds--popover-content::before {
  block-size: var(--cds-popover-offset, 0rem);
  inset-block-end: 0;
  inset-inline: 0;
  transform: translateY(100%);
}

.cds--popover--top > .cds--popover > .cds--popover-caret,
.cds--popover--top-left > .cds--popover > .cds--popover-caret,
.cds--popover--top-start > .cds--popover > .cds--popover-caret,
.cds--popover--top-right > .cds--popover > .cds--popover-caret,
.cds--popover--top-end > .cds--popover > .cds--popover-caret {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}
.cds--popover--top > .cds--popover > .cds--popover-caret::after,
.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,
.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,
.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,
.cds--popover--top-end > .cds--popover > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::after {
  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
  inset-block-start: -1px;
  inset-inline-start: 0.5px;
}

[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
  inset-block-start: -1px;
  inset-inline-start: 0.5px;
}

.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 50%;
  inset-inline-start: 100%;
  transform: translate(var(--cds-popover-offset, 0rem), -50%);
}

.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 50%;
  inset-inline-start: 100%;
  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));
}

.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-end: 50%;
  inset-inline-start: 100%;
  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
}

[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-end: 100%;
  inset-inline-start: initial;
}

.cds--popover--right > .cds--popover > .cds--popover-content::before,
.cds--popover--right-top > .cds--popover > .cds--popover-content::before,
.cds--popover--right-start > .cds--popover > .cds--popover-content::before,
.cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
.cds--popover--right-end > .cds--popover > .cds--popover-content::before {
  inline-size: var(--cds-popover-offset, 0rem);
  inset-block: 0;
  inset-inline-start: 0;
  transform: translateX(-100%);
}

.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
  inset-block-start: 50%;
  inset-inline-start: 100%;
  transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
}
.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}

[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
  inset-inline-end: 100%;
  inset-inline-start: initial;
}

.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  inset-inline-start: 1px;
}

[dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  inset-inline-start: -1px;
}

.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inset-inline-start: 1px;
}

[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  margin-inline-start: 1px;
}
[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inset-inline-start: 0;
}

.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 50%;
  inset-inline-end: 100%;
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);
}

.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 50%;
  inset-inline-end: 100%;
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));
}

.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-end: 50%;
  inset-inline-end: 100%;
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
}

[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-end: initial;
  inset-inline-start: 100%;
}

.cds--popover--left > .cds--popover > .cds--popover-content::before,
.cds--popover--left-top > .cds--popover > .cds--popover-content::before,
.cds--popover--left-start > .cds--popover > .cds--popover-content::before,
.cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
.cds--popover--left-end > .cds--popover > .cds--popover-content::before {
  inline-size: var(--cds-popover-offset, 0rem);
  inset-block: 0;
  inset-inline-end: 0;
  transform: translateX(100%);
}

.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
  inset-block-start: 50%;
  inset-inline-end: 100%;
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
}
.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}

[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
  inset-inline-end: initial;
  inset-inline-start: 100%;
}

.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  inset-inline-start: -1px;
}

[dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  inset-inline-start: 1px;
}

.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inset-inline-start: -1px;
}

[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  margin-inline-start: -1px;
}
[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inset-inline-start: 0;
}

.cds--popover--tab-tip > .cds--popover > .cds--popover-content {
  border-radius: 0;
}

.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-start: 0;
}

.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-end: 0;
  inset-inline-start: initial;
}

.cds--popover--tab-tip .cds--popover {
  will-change: filter;
}

.cds--popover--tab-tip__button {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--popover--tab-tip__button *,
.cds--popover--tab-tip__button *::before,
.cds--popover--tab-tip__button *::after {
  box-sizing: inherit;
}
.cds--popover--tab-tip__button::-moz-focus-inner {
  border: 0;
}
.cds--popover--tab-tip__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  block-size: 2rem;
  inline-size: 2rem;
}
.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__button svg {
  fill: var(--cds-icon-primary, #161616);
}

.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;
  background: var(--cds-layer);
  block-size: 2px;
  content: "";
  inline-size: 100%;
  inset-block-end: 0;
}

.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);
  padding: var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);
  max-inline-size: 18rem;
  overflow-wrap: break-word;
}

.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 {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--definition-term *,
.cds--definition-term *::before,
.cds--definition-term *::after {
  box-sizing: inherit;
}
.cds--definition-term::-moz-focus-inner {
  border: 0;
}
.cds--definition-term {
  border-radius: 0;
  border-block-end: 1px dotted var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
}

.cds--definition-term:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--definition-term:focus {
    outline-style: dotted;
  }
}
.cds--definition-term:focus {
  border-block-end-color: var(--cds-border-interactive, #0f62fe);
}

.cds--definition-term:hover {
  border-block-end-color: var(--cds-border-interactive, #0f62fe);
}

.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);
  padding: 0.5rem 1rem;
  max-inline-size: 11rem;
  text-wrap: auto;
  word-break: break-word;
}

.cds--btn {
  --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-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));
  --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;
}
.cds--btn *,
.cds--btn *::before,
.cds--btn *::after {
  box-sizing: inherit;
}
.cds--btn {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: space-between;
  border-radius: 0;
  margin: 0;
  cursor: pointer;
  inline-size: max-content;
  max-inline-size: 20rem;
  min-block-size: var(--cds-layout-size-height-local);
  outline: none;
  padding-block: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
  padding-inline: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
  text-align: start;
  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: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;
  flex-shrink: 0;
  block-size: 1rem;
  inline-size: 1rem;
  inset-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
  inset-inline-end: var(--cds-layout-density-padding-inline-local);
  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-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}

.cds--btn--ghost {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  color: var(--cds-link-primary, #0f62fe);
}
.cds--btn--ghost:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}
.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-background-active, rgba(141, 141, 141, 0.5));
}
.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 {
  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
}
.cds--btn--ghost .cds--btn__icon {
  position: static;
  align-self: center;
  margin-inline-start: 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-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}
.cds--btn--ghost:not([disabled]) svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--btn--icon-only {
  align-items: center;
  justify-content: center;
  padding: 0;
  block-size: var(--cds-layout-size-height-local);
  inline-size: var(--cds-layout-size-height-local);
  padding-block-start: 0;
}
.cds--btn--icon-only > :first-child {
  min-inline-size: 1rem;
}
.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--danger--ghost {
  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 1rem);
}

.cds--btn--xs:not(.cds--btn--icon-only) {
  padding-block-start: 1.5px;
}

.cds--btn--xs:not(.cds--btn--icon-only) .cds--btn__icon,
.cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,
.cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon {
  margin-block-start: 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-disabled, rgba(22, 22, 22, 0.25));
  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);
}
.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 {
  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
}
.cds--btn--danger--ghost .cds--btn__icon {
  position: static;
  margin-inline-start: 0.5rem;
}
.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 {
  block-size: 1.25rem;
  inline-size: 1.25rem;
}

.cds--btn-set .cds--btn.cds--btn--expressive {
  max-inline-size: 20rem;
}

.cds--btn.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.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;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--btn.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--btn.cds--skeleton {
    background: CanvasText;
  }
  .cds--btn.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--btn.cds--skeleton {
  inline-size: 9.375rem;
}

.cds--btn-set {
  display: flex;
}

.cds--btn-set--stacked {
  flex-direction: column;
}

.cds--btn-set .cds--btn {
  inline-size: 100%;
  max-inline-size: 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;
}

.cds--btn-set .cds--btn.cds--btn--loading {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}

.cds--btn--sm .cds--badge-indicator {
  margin-block-start: 0.25rem;
  margin-inline-end: 0.25rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--btn:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

[dir=rtl] .cds--btn-set .cds--btn:not(:focus) {
  box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
}

.cds--btn-set--fluid {
  container-type: inline-size;
}
.cds--btn-set--fluid .cds--btn-set__fluid-inner {
  --flex-direction: row;
  display: flex;
  flex-direction: var(--flex-direction);
  align-items: stretch;
  justify-content: flex-end;
  inline-size: 100%;
}
.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn {
  flex: 0 1 25%;
  max-inline-size: 14.5rem;
}
.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack .cds--btn {
  min-inline-size: 11rem;
}
.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--ghost,
.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--danger--ghost {
  flex: 1 1 25%;
  max-inline-size: none;
  padding-inline-start: 2rem; /* increased padding when inline */
}
@container (width <= 11rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) {
    --flex-direction: column;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn {
    flex: initial;
    inline-size: 100%;
    max-inline-size: none;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn--ghost {
    padding-inline-start: 1rem;
  }
}
@container (width <= 22rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) {
    --flex-direction: column;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn {
    flex: initial;
    inline-size: 100%;
    max-inline-size: none;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn--ghost {
    padding-inline-start: 1rem;
  }
}
@container (width <= 33rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) {
    --flex-direction: column;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn {
    flex: initial;
    inline-size: 100%;
    max-inline-size: none;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn--ghost {
    padding-inline-start: 1rem;
  }
}
@container (width <= 44rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) {
    --flex-direction: column;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn {
    flex: initial;
    inline-size: 100%;
    max-inline-size: none;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn--ghost {
    padding-inline-start: 1rem;
  }
}
@container (width <= 44rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds--btn {
    flex-basis: 50%;
    max-inline-size: none;
  }
}
@container (width <= 33rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(1):last-child) .cds--btn {
    flex: 1 1 100%;
    max-inline-size: none;
  }
}

.cds--toggletip-label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  color: var(--cds-text-secondary, #525252);
  margin-inline-end: 0.5rem;
}

:host([slot=label-text]) .cds--toggletip-label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--toggletip-button {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--toggletip-button *,
.cds--toggletip-button *::before,
.cds--toggletip-button *::after {
  box-sizing: inherit;
}
.cds--toggletip-button::-moz-focus-inner {
  border: 0;
}
.cds--toggletip-button {
  display: flex;
  align-items: center;
}

.cds--toggletip-button svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--toggletip-button:hover svg,
.cds--toggletip--open .cds--toggletip-button svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--toggletip-button:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--toggletip-button:focus {
    outline-style: dotted;
  }
}

.cds--toggletip {
  --cds-popover-offset: 0.8125rem;
}

.cds--toggletip-content {
  --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
  --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
  --cds-link-hover-text-color: var(--cds-link-inverse-hover, #a6c8ff);
  --cds-link-visited-text-color: var(--cds-link-inverse-visited, #be95ff);
  --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
  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);
  display: grid;
  padding: 1rem;
  max-inline-size: 18rem;
  row-gap: 1rem;
}

.cds--toggletip-content p {
  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);
}

.cds--toggletip-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 1rem;
}

.cds--ai-label,
.cds--slug {
  display: flex;
}

.cds--ai-label:has(> .cds--popover--open),
.cds--slug:has(> .cds--popover--open) {
  z-index: 2;
}

.cds--ai-label__button,
.cds--slug__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--cds-border-inverse, #161616);
  background: transparent;
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
  outline: none;
  transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), background 70ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--ai-label__button--mini,
.cds--slug__button--mini {
  height: 1rem;
  width: 1rem;
  font-size: 0.5625rem;
  line-height: 0.75rem;
}
.cds--ai-label__button--2xs,
.cds--slug__button--2xs {
  height: 1.25rem;
  width: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.cds--ai-label__button--xs,
.cds--slug__button--xs {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.cds--ai-label__button--sm,
.cds--slug__button--sm {
  height: 2rem;
  width: 2rem;
  font-size: 1rem;
  line-height: 1.3125rem;
}
.cds--ai-label__button--md,
.cds--slug__button--md {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 1rem;
  line-height: 1.3125rem;
}
.cds--ai-label__button--lg,
.cds--slug__button--lg {
  height: 3rem;
  width: 3rem;
  font-size: 1rem;
  line-height: 1.3125rem;
}
.cds--ai-label__button--xl,
.cds--slug__button--xl {
  height: 4rem;
  width: 4rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.cds--ai-label__button--mini::after,
.cds--ai-label__button--2xs::after,
.cds--slug__button--mini::after,
.cds--slug__button--2xs::after {
  position: absolute;
  display: block;
  block-size: 24px;
  content: "";
  inline-size: 24px;
}

.cds--ai-label .cds--ai-label__button:focus,
.cds--slug .cds--slug__button:focus {
  border: 1px solid var(--cds-focus, #0f62fe);
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
}

.cds--ai-label .cds--ai-label__button:hover,
.cds--slug .cds--slug__button:hover {
  background: var(--cds-border-inverse, #161616);
  color: var(--cds-text-inverse, #ffffff);
}

.cds--ai-label .cds--ai-label__button:hover:active,
.cds--slug .cds--slug__button:hover:active {
  background: var(--cds-border-inverse, #161616);
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-focus-inset, #ffffff);
  color: var(--cds-text-inverse, #ffffff);
}

.cds--ai-label .cds--ai-label__button.cds--ai-label__button--mini:hover:active,
.cds--ai-label .cds--ai-label__button.cds--ai-label__button--2xs:hover:active,
.cds--slug .cds--slug__button.cds--slug__button--mini:hover:active,
.cds--slug .cds--slug__button.cds--slug__button--2xs:hover:active {
  box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
}

.cds--ai-label__text,
.cds--slug__text {
  position: relative;
}

.cds--ai-label .cds--ai-label__button--inline,
.cds--slug .cds--slug__button--inline {
  border: 1px solid transparent;
  border-radius: 0.0625rem;
  background: transparent;
  block-size: initial;
  color: var(--cds-text-primary, #161616);
  font-size: 0.875rem;
  inline-size: initial;
  line-height: initial;
  padding-inline: 0.25rem;
}

.cds--ai-label__button--inline::before,
.cds--slug__button--inline::before {
  display: none;
}

.cds--ai-label .cds--ai-label__button--inline:focus,
.cds--slug .cds--slug__button--inline:focus {
  border-color: var(--cds-focus, #0f62fe);
  box-shadow: none;
}

.cds--ai-label .cds--ai-label__button--inline:hover,
.cds--ai-label .cds--ai-label__button--inline:hover:active,
.cds--slug .cds--slug__button--inline:hover,
.cds--slug .cds--slug__button--inline:hover:active {
  border-color: var(--cds-icon-secondary, #525252);
  background: transparent;
  box-shadow: none;
  color: var(--cds-text-secondary, #525252);
}

.cds--ai-label .cds--ai-label__button--inline:focus:hover,
.cds--slug .cds--slug__button--inline:focus:hover {
  border-color: var(--cds-focus, #0f62fe);
}

.cds--ai-label .cds--ai-label__button--inline:hover .cds--ai-label__text::before,
.cds--slug .cds--slug__button--inline:hover .cds--slug__text::before {
  background: var(--cds-icon-secondary, #525252);
}

.cds--ai-label__button--inline .cds--ai-label__text,
.cds--slug__button--inline .cds--slug__text {
  padding-inline-start: 0.5rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--lg .cds--ai-label__text,
.cds--ai-label__button--inline.cds--ai-label__button--xl .cds--ai-label__text,
.cds--slug__button--inline.cds--slug__button--lg .cds--slug__text,
.cds--slug__button--inline.cds--slug__button--xl .cds--slug__text {
  padding-inline-start: 0.75rem;
}

.cds--ai-label__button--inline .cds--ai-label__text::before,
.cds--slug__button--inline .cds--slug__text::before {
  position: absolute;
  display: inline-block;
  background: var(--cds-icon-primary, #161616);
  block-size: 0.25rem;
  content: "";
  inline-size: 0.25rem;
  inset-block-start: 50%;
  inset-inline-start: 0;
  opacity: 1;
  transform: translateY(-50%);
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--ai-label__button--lg .cds--ai-label__text::before,
.cds--ai-label__button--xl .cds--ai-label__text::before,
.cds--slug__button--lg .cds--slug__text::before,
.cds--slug__button--xl .cds--slug__text::before {
  block-size: 0.5rem;
  inline-size: 0.5rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--mini,
.cds--ai-label__button--inline.cds--ai-label__button--mini .cds--ai-label__additional-text,
.cds--ai-label__button--inline.cds--ai-label__button--2xs,
.cds--ai-label__button--inline.cds--ai-label__button--2xs .cds--ai-label__additional-text,
.cds--ai-label__button--inline.cds--ai-label__button--xs,
.cds--ai-label__button--inline.cds--ai-label__button--xs .cds--ai-label__additional-text,
.cds--ai-label__button--inline.cds--ai-label__button--sm,
.cds--ai-label__button--inline.cds--ai-label__button--sm .cds--ai-label__additional-text,
.cds--slug__button--inline.cds--slug__button--mini,
.cds--slug__button--inline.cds--slug__button--mini .cds--slug__additional-text,
.cds--slug__button--inline.cds--slug__button--2xs,
.cds--slug__button--inline.cds--slug__button--2xs .cds--slug__additional-text,
.cds--slug__button--inline.cds--slug__button--xs,
.cds--slug__button--inline.cds--slug__button--xs .cds--slug__additional-text,
.cds--slug__button--inline.cds--slug__button--sm,
.cds--slug__button--inline.cds--slug__button--sm .cds--slug__additional-text {
  font-size: 0.75rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--lg,
.cds--ai-label__button--inline.cds--ai-label__button--xl,
.cds--slug__button--inline.cds--slug__button--lg,
.cds--slug__button--inline.cds--slug__button--xl {
  font-size: 1rem;
}

.cds--ai-label .cds--ai-label__button--inline-with-content,
.cds--slug .cds--slug__button--inline-with-content {
  border: 1px solid var(--cds-border-inverse, #161616);
  padding-block: 0.125rem;
  padding-inline: 0.5rem;
}

.cds--ai-label__button--inline-with-content .cds--ai-label__additional-text,
.cds--slug__button--inline-with-content .cds--slug__additional-text {
  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-inline-start: 0.25rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--md .cds--ai-label__additional-text,
.cds--slug__button--inline.cds--slug__button--md .cds--slug__additional-text {
  font-size: 0.875rem;
}

.cds--ai-label .cds--ai-label__button--inline-with-content:focus,
.cds--ai-label .cds--ai-label__button--inline-with-content:hover:focus,
.cds--slug .cds--slug__button--inline-with-content:focus,
.cds--slug .cds--slug__button--inline-with-content:hover:focus {
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
}

.cds--ai-label .cds--ai-label-content,
.cds--slug .cds--slug-content {
  background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), -40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.06)), -56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.04));
  color: var(--cds-text-primary, #161616);
  min-inline-size: 17.5rem;
}

.cds--ai-label > .cds--toggletip > .cds--popover > .cds--popover-caret,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--slug > .cds--toggletip > .cds--popover > .cds--popover-caret,
.cds--slug > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
  background: transparent;
  clip-path: none;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  position: absolute;
  display: block;
  border: 1px solid var(--cds-ai-border-start, rgba(166, 200, 255, 0.64));
  background: var(--cds-background, #ffffff);
  block-size: 0.75rem;
  clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;
  content: "";
  inline-size: 0.75rem;
  transform: rotate(45deg);
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  position: absolute;
  display: block;
  background: var(--cds-background, #ffffff);
  block-size: 0.875rem;
  content: "";
  inline-size: 0.125rem;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  inset-block-end: 0.0625rem;
  transform: rotate(-135deg);
}
.cds--ai-label > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
  block-size: 0.125rem;
  border-end-end-radius: 50%;
  border-end-start-radius: 50%;
  inline-size: 0.875rem;
  inset-block-start: -0.125rem;
  inset-inline-start: -0.0625rem;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--ai-label-content--with-actions + .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
  display: none;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  inset-inline-start: 0.0625rem;
  transform: rotate(-45deg);
}
.cds--ai-label > .cds--toggletip:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  border-end-start-radius: 50%;
  border-start-start-radius: 50%;
  inset-block-start: -0.0625rem;
  inset-inline-start: 0.375rem;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  inset-block-start: 0.0625rem;
  transform: rotate(45deg);
}
.cds--ai-label > .cds--toggletip:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  block-size: 0.125rem;
  border-start-end-radius: 50%;
  border-start-start-radius: 50%;
  inline-size: 0.875rem;
  inset-block-end: -0.15625rem;
  inset-inline-start: -0.0625rem;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  inset-inline-end: 0.0625rem;
  transform: rotate(135deg);
}
.cds--ai-label > .cds--toggletip:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  border-end-end-radius: 50%;
  border-start-end-radius: 50%;
  inset-block-start: -0.0625rem;
  inset-inline-start: -0.125rem;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  background: transparent;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  border-color: var(--cds-ai-popover-caret-bottom, #78a9ff);
  background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover:has(.cds--ai-label-content--with-actions) > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-start,
.cds--popover--top-end) > .cds--popover:has(.cds--ai-label-content--with-actions) > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-start,
.cds--popover--top-end) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-content > .cds--popover-caret::before {
  background: var(--cds-ai-popover-caret-bottom-background-actions, #e9effa);
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--left,
.cds--popover--right) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--left,
.cds--popover--right) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  border-color: var(--cds-ai-popover-caret-center, #a0c3ff);
}

.cds--ai-label .cds--toggletip-content,
.cds--slug .cds--toggletip-content {
  padding-block: 1.5rem 5rem;
  padding-inline: 1.5rem;
}

.cds--ai-label .cds--ai-label-content .cds--toggletip-content,
.cds--slug .cds--slug-content .cds--toggletip-content {
  max-inline-size: 20rem;
}

.cds--ai-label .cds--ai-label-actions,
.cds--slug .cds--slug-actions {
  position: absolute;
  justify-content: flex-end;
  backdrop-filter: blur(85px);
  background: rgba(0, 0, 0, 0.01);
  border-end-end-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  column-gap: 0;
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-end: 0;
}

.cds--ai-label .cds--ai-label-actions .cds--btn:focus,
.cds--slug .cds--slug-actions .cds--btn:focus {
  border-color: var(--cds-focus, #0f62fe);
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
}

.cds--ai-label .cds--ai-label-actions .cds--btn--primary,
.cds--slug .cds--slug-actions .cds--btn--primary {
  order: 1;
  border-end-end-radius: 0.4375rem;
}

.cds--ai-label.cds--ai-label--revert,
.cds--slug.cds--slug--revert {
  transform: translate(0.5rem, -50%);
}

.cds--ai-label--revert .cds--btn--icon-only,
.cds--slug--revert .cds--btn--icon-only {
  align-items: center;
  padding-block-start: 0;
}

.cds--ai-label--revert .cds--btn--icon-only svg,
.cds--slug--revert .cds--btn--icon-only svg {
  margin: 0;
}

.cds--aspect-ratio {
  position: relative;
}

.cds--aspect-ratio::before {
  block-size: 0;
  content: "";
  float: left;
  inline-size: 1px;
  margin-inline-start: -1px;
}

.cds--aspect-ratio::after {
  display: table;
  clear: both;
  content: "";
}

.cds--aspect-ratio--16x9::before {
  padding-block-start: 56.25%;
}

.cds--aspect-ratio--9x16::before {
  padding-block-start: 177.7777777778%;
}

.cds--aspect-ratio--2x1::before {
  padding-block-start: 50%;
}

.cds--aspect-ratio--1x2::before {
  padding-block-start: 200%;
}

.cds--aspect-ratio--4x3::before {
  padding-block-start: 75%;
}

.cds--aspect-ratio--3x4::before {
  padding-block-start: 133.3333333333%;
}

.cds--aspect-ratio--3x2::before {
  padding-block-start: 66.6666666667%;
}

.cds--aspect-ratio--2x3::before {
  padding-block-start: 150%;
}

.cds--aspect-ratio--1x1::before {
  padding-block-start: 100%;
}

.cds--badge-indicator {
  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);
  position: absolute;
  display: flex;
  padding: 0 0.25rem 0.125rem;
  border-radius: 100px;
  background: var(--cds-support-error, #da1e28);
  color: var(--cds-text-on-color, #ffffff);
  inset-block-start: 0;
  inset-inline-end: 0;
  margin-block-start: 0.5rem;
  margin-inline-end: 0.5rem;
  max-block-size: 1rem;
  min-block-size: 0.5rem;
  min-inline-size: 0.5rem;
}

.cds--badge-indicator--count {
  margin-block-start: 0.25rem;
  margin-inline-end: 0.25rem;
}

.cds--overflow-menu,
.cds--overflow-menu__trigger {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--overflow-menu *,
.cds--overflow-menu *::before,
.cds--overflow-menu *::after,
.cds--overflow-menu__trigger *,
.cds--overflow-menu__trigger *::before,
.cds--overflow-menu__trigger *::after {
  box-sizing: inherit;
}
.cds--overflow-menu::-moz-focus-inner,
.cds--overflow-menu__trigger::-moz-focus-inner {
  border: 0;
}
.cds--overflow-menu,
.cds--overflow-menu__trigger {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--overflow-menu *,
.cds--overflow-menu *::before,
.cds--overflow-menu *::after,
.cds--overflow-menu__trigger *,
.cds--overflow-menu__trigger *::before,
.cds--overflow-menu__trigger *::after {
  box-sizing: inherit;
}
.cds--overflow-menu,
.cds--overflow-menu__trigger {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 2.5rem;
  cursor: pointer;
  inline-size: 2.5rem;
  min-block-size: 2.5rem;
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--overflow-menu:focus,
.cds--overflow-menu__trigger:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--overflow-menu:focus,
  .cds--overflow-menu__trigger:focus {
    outline-style: dotted;
  }
}
.cds--overflow-menu:hover,
.cds--overflow-menu__trigger:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.cds--overflow-menu > :first-child {
  margin-block-start: 0;
}

.cds--overflow-menu--xs {
  block-size: 1.5rem;
  inline-size: 1.5rem;
  min-block-size: 1.5rem;
}

.cds--overflow-menu--sm {
  block-size: 2rem;
  inline-size: 2rem;
  min-block-size: 2rem;
}

.cds--overflow-menu--lg {
  block-size: 3rem;
  inline-size: 3rem;
}

.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {
    outline-style: dotted;
  }
}
.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg {
  outline: none;
}

.cds--overflow-menu.cds--overflow-menu--open,
.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  background-color: var(--cds-layer);
  transition: none;
}

.cds--overflow-menu--light.cds--overflow-menu--open,
.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger {
  background-color: var(--cds-layer);
}

.cds--overflow-menu__icon {
  block-size: 1rem;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1rem;
}

.cds--overflow-menu__wrapper {
  line-height: 0;
}

.cds--overflow-menu-options {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--overflow-menu-options *,
.cds--overflow-menu-options *::before,
.cds--overflow-menu-options *::after {
  box-sizing: inherit;
}
.cds--overflow-menu-options {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  position: absolute;
  z-index: 6000;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--cds-layer);
  inline-size: 10rem;
  inset-block-start: 2rem;
  inset-inline-start: 0;
  list-style: none;
}
.cds--overflow-menu-options::after {
  position: absolute;
  display: block;
  background-color: var(--cds-layer);
  content: "";
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--overflow-menu-options::after {
    transition: none;
  }
}

.cds--overflow-menu.cds--overflow-menu--open:hover {
  background-color: var(--cds-layer);
}

.cds--overflow-menu-options--light {
  background-color: var(--cds-layer-hover);
}
.cds--overflow-menu-options--light::after {
  background-color: var(--cds-layer);
}

.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover {
  background-color: var(--cds-layer-hover);
}

.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after {
  block-size: 0.1875rem;
  inline-size: 2.5rem;
  inset-block-start: -0.1875rem;
  inset-inline-start: 0;
}

.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
  block-size: 0.5rem;
  inline-size: 2.5rem;
  inset-block-end: -0.5rem;
  inset-inline-start: 0;
}

.cds--overflow-menu-options[data-floating-menu-direction=left]::after {
  block-size: 2.5rem;
  inline-size: 0.375rem;
  inset-block-start: 0;
  inset-inline-end: -0.375rem;
}

.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
  block-size: 2.5rem;
  inline-size: 0.375rem;
  inset-block-start: 0;
  inset-inline-start: -0.375rem;
}

.cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
  inline-size: 1.5rem;
}
.cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
  block-size: 1.5rem;
}

.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
  inline-size: 2rem;
}
.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
  block-size: 2rem;
}

.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
  inline-size: 3rem;
}
.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
  block-size: 3rem;
}

.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,
.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
  inset-inline: auto 0;
}

.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,
.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
  inset-block: auto 0;
}

.cds--overflow-menu-options--open {
  display: flex;
}

.cds--overflow-menu-options__content {
  inline-size: 100%;
}

.cds--overflow-menu-options__option {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--overflow-menu-options__option *,
.cds--overflow-menu-options__option *::before,
.cds--overflow-menu-options__option *::after {
  box-sizing: inherit;
}
.cds--overflow-menu-options__option {
  display: flex;
  align-items: center;
  padding: 0;
  background-color: transparent;
  block-size: 2.5rem;
  inline-size: 100%;
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--overflow-menu-options--xs .cds--overflow-menu-options__option {
  block-size: 1.5rem;
}

.cds--overflow-menu-options--sm .cds--overflow-menu-options__option {
  block-size: 2rem;
}

.cds--overflow-menu-options--lg .cds--overflow-menu-options__option {
  block-size: 3rem;
}

.cds--overflow-menu--divider {
  border-block-start: 1px solid var(--cds-border-subtle);
}

.cds--overflow-menu--light .cds--overflow-menu--divider {
  border-block-start: 1px solid var(--cds-border-subtle);
}

a.cds--overflow-menu-options__btn::before {
  display: inline-block;
  block-size: 100%;
  content: "";
  vertical-align: middle;
}

.cds--overflow-menu-options__btn {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: inline-flex;
  align-items: center;
  padding: 0 1rem;
  border: none;
  background-color: transparent;
  block-size: 100%;
  color: var(--cds-text-secondary, #525252);
  cursor: pointer;
  font-family: inherit;
  font-weight: 400;
  inline-size: 100%;
  max-inline-size: 11.25rem;
  text-align: start;
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--overflow-menu-options__btn:hover {
  color: var(--cds-text-primary, #161616);
}
.cds--overflow-menu-options__btn:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--overflow-menu-options__btn:focus {
    outline-style: dotted;
  }
}
.cds--overflow-menu-options__btn::-moz-focus-inner {
  border: none;
}

.cds--overflow-menu-options__btn svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--overflow-menu-options__btn:hover svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--overflow-menu-options__option-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--overflow-menu-options__option:hover {
  background-color: var(--cds-layer-hover);
}

.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,
.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus {
  background-color: var(--cds-button-danger-primary, #da1e28);
  color: var(--cds-text-on-color, #ffffff);
}
.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,
.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg {
  fill: currentColor;
}

.cds--overflow-menu-options__option--disabled:hover {
  background-color: var(--cds-layer);
  cursor: not-allowed;
}

.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover, .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active, .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus {
  outline: 2px solid transparent;
  outline-offset: -2px;
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--overflow-menu--flip {
  inset-inline-start: -140px;
}
.cds--overflow-menu--flip::before {
  inset-inline-start: 145px;
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--overflow-menu:focus,
  .cds--overflow-menu-options__btn:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

/*stylelint-enable */
.cds--overflow-menu__top-start {
  transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
}

.cds--overflow-menu__top-end {
  transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
}

.cds--breadcrumb {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--breadcrumb *,
.cds--breadcrumb *::before,
.cds--breadcrumb *::after {
  box-sizing: inherit;
}
.cds--breadcrumb {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: inline;
}
@media (min-width: 42rem) {
  .cds--breadcrumb {
    display: flex;
    flex-wrap: wrap;
  }
}

.cds--breadcrumb--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--breadcrumb .cds--link {
  font: inherit;
}

.cds--breadcrumb-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-inline-end: 0.5rem;
}

.cds--breadcrumb--sm .cds--breadcrumb-item {
  margin-inline-end: 0.25rem;
}

.cds--breadcrumb--sm .cds--breadcrumb-item .cds--link {
  justify-content: center;
  min-inline-size: 0.75rem;
}

.cds--breadcrumb-item .cds--link:visited {
  color: var(--cds-link-primary, #0f62fe);
}
.cds--breadcrumb-item .cds--link:visited:hover {
  color: var(--cds-link-primary-hover, #0043ce);
}

.cds--breadcrumb-item .cds--link:active,
.cds--breadcrumb-item .cds--link:visited:active:hover {
  color: var(--cds-text-primary, #161616);
}

.cds--breadcrumb-item::after {
  color: var(--cds-text-primary, #161616);
  content: "/";
  margin-inline-start: 0.5rem;
}

.cds--breadcrumb--sm .cds--breadcrumb-item::after {
  margin-inline-start: 0.25rem;
}

.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after {
  content: "";
}

.cds--breadcrumb-item:last-child,
.cds--breadcrumb-item:last-child::after {
  margin-inline-end: 0;
}

.cds--breadcrumb .cds--link {
  white-space: nowrap;
}

.cds--breadcrumb-item [aria-current=page],
.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link {
  color: var(--cds-text-primary, #161616);
  cursor: auto;
}
.cds--breadcrumb-item [aria-current=page]:hover,
.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover {
  text-decoration: none;
}

.cds--breadcrumb-item .cds--overflow-menu {
  position: relative;
  block-size: 1.125rem;
  inline-size: 1rem;
}
.cds--breadcrumb-item .cds--overflow-menu:focus {
  border: none;
  box-shadow: none;
  outline: 1px solid var(--cds-focus, #0f62fe);
  outline-offset: 0;
}
.cds--breadcrumb-item .cds--overflow-menu:hover {
  background: transparent;
}
.cds--breadcrumb-item .cds--overflow-menu:hover::after {
  background: var(--cds-link-primary-hover, #0043ce);
}
.cds--breadcrumb-item .cds--overflow-menu:active::after {
  background: var(--cds-text-primary, #161616);
}
.cds--breadcrumb-item .cds--overflow-menu:focus::after, .cds--breadcrumb-item .cds--overflow-menu:hover::after {
  opacity: 1;
}
.cds--breadcrumb-item .cds--overflow-menu::after {
  position: absolute;
  background: var(--cds-focus, #0f62fe);
  block-size: 1px;
  content: "";
  inline-size: 0.75rem;
  inset-block-end: 2px;
  opacity: 0;
  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--breadcrumb-item .cds--overflow-menu::after {
    transition: none;
  }
}

.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open {
  background: transparent;
  box-shadow: none;
}

.cds--breadcrumb-item .cds--overflow-menu .cds--overflow-menu__icon {
  position: relative;
  fill: var(--cds-link-primary, #0f62fe);
  transform: translateY(4px);
}

.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon {
  fill: var(--cds-link-primary-hover, #0043ce);
}

.cds--breadcrumb-item .cds--overflow-menu:active .cds--overflow-menu__icon {
  fill: var(--cds-icon-primary, #161616);
}

.cds--breadcrumb-menu-options:focus {
  outline: none;
}

.cds--breadcrumb-menu-options.cds--overflow-menu-options::after {
  margin: 0 auto;
  background: transparent;
  block-size: 0;
  border-block-end: 0.4375rem solid var(--cds-field);
  border-inline-end: 0.4375rem solid transparent;
  border-inline-start: 0.4375rem solid transparent;
  inline-size: 0;
  inset-block-start: -0.4375rem;
  inset-inline-start: 0.875rem;
}

[dir=rtl] .cds--breadcrumb-menu-options.cds--overflow-menu-options::after {
  inset-inline-end: 0.875rem;
  inset-inline-start: initial;
}

.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
  min-block-size: 1.125rem;
  padding-inline: 0;
}

.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu {
  block-size: 1rem;
  inline-size: 1rem;
  min-block-size: 1rem;
}
.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu .cds--overflow-menu__icon {
  transform: translateY(3px);
}

.cds--breadcrumb.cds--skeleton .cds--link {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--breadcrumb.cds--skeleton .cds--link:hover, .cds--breadcrumb.cds--skeleton .cds--link:focus, .cds--breadcrumb.cds--skeleton .cds--link:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--breadcrumb.cds--skeleton .cds--link::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--breadcrumb.cds--skeleton .cds--link::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--breadcrumb.cds--skeleton .cds--link {
    background: CanvasText;
  }
  .cds--breadcrumb.cds--skeleton .cds--link::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--breadcrumb.cds--skeleton .cds--link {
  block-size: 1rem;
  inline-size: 6.25rem;
}

.cds--link {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--link *,
.cds--link *::before,
.cds--link *::after {
  box-sizing: inherit;
}
.cds--link {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  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,
.cds--link.cds--link--visited:visited {
  color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
}

.cds--link.cds--link--visited:hover,
.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-flex;
  align-self: center;
  margin-inline-start: 0.5rem;
}

.cds--chat-btn {
  border-radius: 1.5rem;
}

.cds--chat-btn:not(.cds--chat-btn--with-icon) {
  padding-inline-end: 0.9375rem;
}

.cds--chat-btn.cds--btn--md {
  border-radius: 1.25rem;
}

.cds--chat-btn.cds--btn--sm {
  border-radius: 1rem;
}

.cds--chat-btn--quick-action {
  align-items: center;
  border: 1px solid var(--cds-chat-button, #0f62fe);
  background: transparent;
  color: var(--cds-chat-button, #0f62fe);
}

.cds--chat-btn--quick-action:hover:not(:active):not([disabled]) {
  border-color: transparent;
  background: var(--cds-chat-button-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-chat-button-text-hover, #0043ce);
}

.cds--chat-btn--quick-action:active {
  border-color: transparent;
  background: var(--cds-chat-button-active, rgba(141, 141, 141, 0.5));
  color: var(--cds-chat-button-text-hover, #0043ce);
}

.cds--chat-btn--quick-action.cds--btn--ghost:focus {
  border-color: var(--cds-focus, #0f62fe);
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
}

.cds--chat-btn--quick-action.cds--btn--ghost:hover:focus {
  border-color: var(--cds-focus, #0f62fe);
  box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
}

.cds--chat-btn--quick-action[disabled],
.cds--chat-btn--quick-action[disabled]:hover {
  border-color: var(--cds-button-disabled, #c6c6c6);
  color: var(--cds-button-disabled, #c6c6c6);
}

.cds--chat-btn--quick-action--selected,
.cds--chat-btn--quick-action--selected[disabled],
.cds--chat-btn--quick-action--selected[disabled]:hover {
  border-color: transparent;
  background: var(--cds-chat-button-selected, rgba(141, 141, 141, 0.2));
  color: var(--cds-chat-button-text-selected, #525252);
}

.cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):hover,
.cds--chat-btn--quick-action.cds--chat-btn--quick-action--selected:not([disabled]):active {
  color: var(--cds-chat-button-text-selected, #525252);
}

.cds--chat-btn.cds--skeleton {
  overflow: hidden;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px var(--cds-field) inset;
  -webkit-text-fill-color: var(--cds-text-primary, #161616);
}

.cds--fieldset {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--fieldset *,
.cds--fieldset *::before,
.cds--fieldset *::after {
  box-sizing: inherit;
}

.cds--form-item {
  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: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
}

.cds--label html {
  font-size: 100%;
}
.cds--label body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--label code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--label strong {
  font-weight: 600;
}
.cds--label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  display: inline-block;
  color: var(--cds-text-secondary, #525252);
  font-weight: 400;
  line-height: 1rem;
  margin-block-end: 0.5rem;
  vertical-align: baseline;
}

.cds--label .cds--toggletip-label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--label--no-margin {
  margin-block-end: 0;
}

.cds--label + .cds--tooltip {
  position: relative;
  inset-block-start: 0.2rem;
  inset-inline-start: 0.5rem;
}

.cds--label + .cds--tooltip .cds--tooltip__trigger {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--label + .cds--tooltip .cds--tooltip__trigger *,
.cds--label + .cds--tooltip .cds--tooltip__trigger *::before,
.cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
  box-sizing: inherit;
}
.cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
  border: 0;
}
.cds--label + .cds--tooltip .cds--tooltip__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  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--label + .cds--tooltip .cds--tooltip__trigger:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}

.cds--label + .cds--tooltip .cds--tooltip__trigger svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--label + .cds--tooltip .cds--tooltip__trigger svg :hover {
  fill: var(--cds-icon-primary, #161616);
}

.cds--label + .cds--toggletip {
  inset-block-start: 0.2rem;
  inset-inline-start: 0.5rem;
}

.cds--label.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--label.cds--skeleton:hover, .cds--label.cds--skeleton:focus, .cds--label.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--label.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--label.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--label.cds--skeleton {
    background: CanvasText;
  }
  .cds--label.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--label.cds--skeleton {
  block-size: 0.875rem;
  inline-size: 4.6875rem;
}

input[type=number],
input[type=text].cds--number {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
}

input[data-invalid]:not(:focus),
.cds--number[data-invalid] input[type=number]:not(:focus),
.cds--number[data-invalid] input[type=text]:not(:focus),
.cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,
.cds--combo-box--invalid--focused),
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  input[data-invalid]:not(:focus),
  .cds--number[data-invalid] input[type=number]:not(:focus),
  .cds--number[data-invalid] input[type=text]:not(:focus),
  .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
  .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
  .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
  .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,
  .cds--combo-box--invalid--focused),
  .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
    outline-style: dotted;
  }
}

input[data-invalid] ~ .cds--form-requirement,
.cds--number[data-invalid] .cds--number__input-wrapper ~ .cds--form-requirement,
.cds--number__input-wrapper--warning ~ .cds--form-requirement,
.cds--date-picker-input__wrapper ~ .cds--form-requirement,
.cds--date-picker-input__wrapper--warn ~ .cds--form-requirement,
.cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,
.cds--time-picker--invalid ~ .cds--form-requirement,
.cds--time-picker--warning ~ .cds--form-requirement,
.cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,
.cds--text-input__field-wrapper--warning ~ .cds--form-requirement,
.cds--text-input__field-wrapper--warning > .cds--text-input ~ .cds--form-requirement,
.cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,
.cds--text-area__wrapper--warn ~ .cds--form-requirement,
.cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,
.cds--select--warning .cds--select-input__wrapper ~ .cds--form-requirement,
.cds--time-picker[data-invalid] ~ .cds--form-requirement,
.cds--list-box[data-invalid] ~ .cds--form-requirement,
.cds--list-box--warning ~ .cds--form-requirement {
  display: block;
  overflow: visible;
  font-weight: 400;
  max-block-size: 12.5rem;
}

.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper ~ .cds--form-requirement,
.cds--select-input--inline__wrapper[data-invalid] ~ .cds--form-requirement {
  display: inline-flex;
  overflow: visible;
  margin: 0;
  inline-size: 100%;
  margin-block-end: 0;
  max-block-size: 100%;
  padding-inline-start: 0.5rem;
}

input[data-invalid] ~ .cds--form-requirement,
.cds--number[data-invalid] .cds--number__input-wrapper ~ .cds--form-requirement,
.cds--date-picker-input__wrapper ~ .cds--form-requirement,
.cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,
.cds--time-picker--invalid ~ .cds--form-requirement,
.cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,
.cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,
.cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,
.cds--time-picker[data-invalid] ~ .cds--form-requirement,
.cds--list-box[data-invalid] ~ .cds--form-requirement,
.cds--select-input--inline__wrapper[data-invalid] ~ .cds--form-requirement {
  color: var(--cds-text-error, #da1e28);
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid],
.cds--form--fluid .cds--text-input__field-wrapper--warning {
  display: block;
}

.cds--form--fluid input[data-invalid] {
  outline: none;
}

.cds--form--fluid .cds--form-requirement {
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  margin: 0;
}

input:not(output, [data-invalid]):-moz-ui-invalid {
  box-shadow: none;
}

.cds--form-requirement html {
  font-size: 100%;
}
.cds--form-requirement body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--form-requirement code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--form-requirement strong {
  font-weight: 600;
}
.cds--form-requirement {
  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: none;
  overflow: hidden;
  margin: 0.25rem 0 0;
  max-block-size: 0;
}

.cds--select--inline .cds--form__helper-text {
  margin-block-start: 0;
}

.cds--form__helper-text {
  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);
  z-index: 0;
  color: var(--cds-text-helper, #6f6f6f);
  inline-size: 100%;
  margin-block-start: 0.25rem;
  opacity: 1;
}

.cds--label--disabled,
.cds--form__helper-text--disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

fieldset[disabled] .cds--label,
fieldset[disabled] .cds--form__helper-text {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--checkbox-group {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--checkbox-group *,
.cds--checkbox-group *::before,
.cds--checkbox-group *::after {
  box-sizing: inherit;
}

.cds--form-item.cds--checkbox-wrapper {
  position: relative;
  margin-block-end: 0.375rem;
}

.cds--form-item.cds--checkbox-wrapper:first-of-type {
  margin-block-start: 0;
}

.cds--label + .cds--form-item.cds--checkbox-wrapper {
  margin-block-start: -0.125rem;
}

.cds--form-item.cds--checkbox-wrapper:last-of-type {
  margin-block-end: 0.1875rem;
}

.cds--checkbox {
  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;
  inset-block-start: 1.25rem;
  inset-inline-start: 0.7rem;
}

.cds--checkbox-label html {
  font-size: 100%;
}
.cds--checkbox-label body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--checkbox-label code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--checkbox-label strong {
  font-weight: 600;
}
.cds--checkbox-label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  cursor: pointer;
  min-block-size: 1.25rem;
  padding-block-start: 0.0625rem;
  padding-inline-start: 1.25rem;
  user-select: none;
}

.cds--checkbox-label-text {
  padding-inline-start: 0.625rem;
}

.cds--checkbox-label::before,
.cds--checkbox-label::after {
  box-sizing: border-box;
}
@media print {
  .cds--checkbox-label::before,
  .cds--checkbox-label::after {
    print-color-adjust: exact;
  }
}

.cds--checkbox-label::before {
  position: absolute;
  border: 1px solid var(--cds-icon-primary, #161616);
  border-radius: 2px;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--checkbox-label::before {
    border: 1px solid ButtonBorder;
  }
}
.cds--checkbox-label::before {
  background-color: transparent;
  block-size: 1rem;
  content: "";
  inline-size: 1rem;
  inset-block-start: 0.125rem;
  inset-inline-start: 0;
  margin-block: 0.0625rem 0.125rem;
  margin-inline: 0.1875rem 0;
}

.cds--checkbox-label::after {
  position: absolute;
  background: none;
  block-size: 0.3125rem;
  border-block-end: 1.5px solid var(--cds-icon-inverse, #ffffff);
  border-inline-start: 1.5px solid var(--cds-icon-inverse, #ffffff);
  content: "";
  inline-size: 0.5625rem;
  inset-block-start: 0.40625rem;
  inset-inline-start: 0.4375rem;
  margin-block-start: -0.1875rem;
  transform: scale(0) rotate(-45deg);
  transform-origin: bottom right;
}

.cds--checkbox:checked + .cds--checkbox-label::before,
.cds--checkbox:indeterminate + .cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-state=true]::before {
  border: none;
  border-width: 1px;
  background-color: var(--cds-icon-primary, #161616);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--checkbox:checked + .cds--checkbox-label::before,
  .cds--checkbox:indeterminate + .cds--checkbox-label::before,
  .cds--checkbox-label[data-contained-checkbox-state=true]::before {
    border: 1px solid ButtonBorder;
    background-color: SelectedItem;
  }
}

.cds--checkbox:checked + .cds--checkbox-label::after,
.cds--checkbox-label[data-contained-checkbox-state=true]::after {
  transform: scale(1) rotate(-45deg);
}

.cds--checkbox:indeterminate + .cds--checkbox-label::after {
  border-block-end: 2px solid var(--cds-icon-inverse, #ffffff);
  border-inline-start: 0 solid var(--cds-icon-inverse, #ffffff);
  inline-size: 0.5rem;
  inset-block-start: 0.6875rem;
  transform: scale(1) rotate(0deg);
}

.cds--checkbox:focus + .cds--checkbox-label::before,
.cds--checkbox-label__focus::before,
.cds--checkbox:checked:focus + .cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,
.cds--checkbox:indeterminate:focus + .cds--checkbox-label::before {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

.cds--checkbox:disabled + .cds--checkbox-label,
.cds--checkbox-label[data-contained-checkbox-disabled=true] {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--checkbox:disabled + .cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-disabled=true]::before {
  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--checkbox:checked:disabled + .cds--checkbox-label::before,
.cds--checkbox:indeterminate:disabled + .cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before {
  background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--checkbox-group[data-invalid] .cds--checkbox-label::before,
.cds--checkbox-wrapper--invalid .cds--checkbox-label::before,
.cds--checkbox-wrapper--invalid .cds--checkbox:checked + .cds--checkbox-label::before {
  border: 1px solid var(--cds-support-error, #da1e28);
}

.cds--checkbox-group .cds--checkbox-wrapper--invalid > .cds--checkbox__validation-msg,
.cds--checkbox-group .cds--checkbox-wrapper--warning > .cds--checkbox__validation-msg,
.cds--checkbox-group .cds--checkbox-wrapper > .cds--form__helper-text {
  display: none;
}

.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,
.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox:checked + .cds--checkbox-label::before {
  border: 1px solid var(--cds-icon-primary, #161616);
}

.cds--checkbox-group__validation-msg,
.cds--checkbox__validation-msg {
  display: none;
  align-items: flex-start;
  inline-size: 100%;
  margin-block-start: 0.25rem;
}

.cds--checkbox__invalid-icon {
  margin: 0.0625rem 0.0625rem 0 0.1875rem;
  fill: var(--cds-support-error, #da1e28);
  min-inline-size: 1rem;
}

.cds--checkbox__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--checkbox__invalid-icon--warning path:first-of-type {
  fill: #000000;
}

.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg,
.cds--checkbox-group--warning .cds--checkbox-group__validation-msg,
.cds--checkbox-wrapper--invalid > .cds--checkbox__validation-msg,
.cds--checkbox-wrapper--warning > .cds--checkbox__validation-msg {
  display: flex;
}

.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,
.cds--checkbox-group--warning .cds--checkbox-group__validation-msg .cds--form-requirement,
.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement,
.cds--checkbox-wrapper--warning .cds--checkbox__validation-msg .cds--form-requirement {
  display: block;
  overflow: visible;
  margin-block-start: 0;
  margin-inline-start: 0.5rem;
  max-block-size: 100%;
}

.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,
.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement {
  color: var(--cds-text-error, #da1e28);
}

.cds--checkbox-group--readonly .cds--checkbox-label,
.cds--checkbox-wrapper--readonly .cds--checkbox-label {
  cursor: default;
}

.cds--checkbox-group--readonly .cds--checkbox-label-text,
.cds--checkbox-wrapper--readonly .cds--checkbox-label-text {
  cursor: text;
  user-select: text;
}

.cds--checkbox-group--readonly .cds--checkbox + .cds--checkbox-label::before,
.cds--checkbox-wrapper--readonly .cds--checkbox + .cds--checkbox-label::before {
  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--checkbox-group--readonly .cds--checkbox:checked + .cds--checkbox-label::before,
.cds--checkbox-wrapper--readonly .cds--checkbox:checked + .cds--checkbox-label::before {
  border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
  background: transparent;
}

.cds--checkbox-group--readonly .cds--checkbox:checked + .cds--checkbox-label::after,
.cds--checkbox-wrapper--readonly .cds--checkbox:checked + .cds--checkbox-label::after {
  border-color: var(--cds-text-primary, #161616);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--checkbox-group--readonly .cds--checkbox:checked + .cds--checkbox-label::after,
  .cds--checkbox-wrapper--readonly .cds--checkbox:checked + .cds--checkbox-label::after {
    fill: SelectedItemText;
  }
}

.cds--checkbox-skeleton .cds--checkbox-label {
  cursor: default;
}

.cds--checkbox-label-text.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--checkbox-label-text.cds--skeleton:hover, .cds--checkbox-label-text.cds--skeleton:focus, .cds--checkbox-label-text.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--checkbox-label-text.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--checkbox-label-text.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--checkbox-label-text.cds--skeleton {
    background: CanvasText;
  }
  .cds--checkbox-label-text.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--checkbox-label-text.cds--skeleton {
  block-size: 1rem;
  inline-size: 6.25rem;
  margin-block: 0.0625rem 0;
  margin-inline: 0.375rem 0;
}

.cds--checkbox--inline {
  position: relative;
}

[dir=rtl] .cds--checkbox-label::after {
  margin-block-start: 0;
  margin-inline-start: -0.0625rem;
  transform-origin: center;
}

[dir=rtl] .cds--checkbox:checked + .cds--checkbox-label::after,
[dir=rtl] .cds--checkbox-label[data-contained-checkbox-state=true]::after {
  transform: scale(1.2) rotate3d(0.5, 1, 0, 158deg);
}

.cds--checkbox-group--decorator legend.cds--label,
.cds--checkbox-wrapper--decorator .cds--checkbox-label-text {
  display: flex;
}

.cds--checkbox-group--slug legend.cds--label,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text {
  display: flex;
}

.cds--checkbox-group--decorator legend.cds--label .cds--checkbox-group-inner--decorator > *,
.cds--checkbox-wrapper--decorator .cds--checkbox-label-text .cds--checkbox-wrapper-inner--decorator > * {
  margin-inline-start: 0.5rem;
}

.cds--checkbox-group--slug legend.cds--label .cds--ai-label,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--ai-label,
.cds--checkbox-group--slug legend.cds--label .cds--slug,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug {
  margin-inline-start: 0.5rem;
}

.cds--checkbox-wrapper--decorator .cds--checkbox-label-text .cds--ai-label__button--inline {
  line-height: inherit;
  margin-block-start: -0.0625rem;
}

.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--ai-label__button--inline,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug__button--inline {
  line-height: inherit;
  margin-block-start: -0.0625rem;
}

.cds--checkbox-group--horizontal {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.cds--checkbox-group--horizontal .cds--form-item {
  flex: none;
  margin-block-end: 0;
}
.cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {
  margin-inline-end: 1rem;
}
.cds--checkbox-group--horizontal .cds--checkbox-label-text {
  padding-inline-start: 0.5rem;
}
.cds--checkbox-group--horizontal .cds--label + .cds--form-item.cds--checkbox-wrapper {
  margin-block-start: 0;
}

.cds--copy-btn html {
  font-size: 100%;
}
.cds--copy-btn body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--copy-btn code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--copy-btn strong {
  font-weight: 600;
}
.cds--copy-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: var(--cds-layer);
  cursor: pointer;
}
.cds--copy-btn:hover {
  background-color: var(--cds-layer-hover);
}
.cds--copy-btn:active {
  background-color: var(--cds-layer-active);
}
.cds--copy-btn::before {
  position: absolute;
  z-index: 6000;
  border-style: solid;
  block-size: 0;
  content: "";
  inline-size: 0;
  display: none;
}
.cds--copy-btn .cds--copy-btn__feedback {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  z-index: 6000;
  padding: 0.1875rem 1rem;
  border-radius: 0.125rem;
  background-color: var(--cds-background-inverse, #393939);
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  font-weight: 400;
  inline-size: max-content;
  max-inline-size: 13rem;
  min-inline-size: 1.5rem;
  text-align: start;
  transform: translateX(-50%);
  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);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cds--copy-btn .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@supports (-ms-accelerator: true) {
  .cds--copy-btn .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@supports (-ms-ime-align: auto) {
  .cds--copy-btn .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .cds--copy-btn .cds--copy-btn__feedback {
    border: 1px solid transparent;
  }
}
.cds--copy-btn .cds--copy-btn__feedback {
  display: none;
  overflow: visible;
  box-sizing: content-box;
  margin: auto;
  clip: auto;
}
.cds--copy-btn:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--copy-btn:focus {
    outline-style: dotted;
  }
}
.cds--copy-btn:focus {
  outline-color: var(--cds-focus, #0f62fe);
}
.cds--copy-btn.cds--copy-btn--animating::before, .cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback {
  display: block;
}
.cds--copy-btn.cds--copy-btn--animating::before {
  border: none;
}
.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before, .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
}
.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before, .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
}

.cds--copy-btn svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--copy {
  font-size: 0;
}

.cds--snippet html {
  font-size: 100%;
}
.cds--snippet body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--snippet code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--snippet strong {
  font-weight: 600;
}

.cds--snippet--disabled,
.cds--snippet--disabled .cds--btn.cds--snippet-btn--expand {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--snippet--disabled .cds--snippet-btn--expand:hover,
.cds--snippet--disabled .cds--copy-btn,
.cds--snippet--disabled .cds--copy-btn:hover {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--snippet--disabled .cds--snippet__icon,
.cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--snippet code {
  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-01-font-size, 0.75rem);
  font-weight: var(--cds-code-01-font-weight, 400);
  line-height: var(--cds-code-01-line-height, 1.33333);
  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
}

.cds--snippet--inline html {
  font-size: 100%;
}
.cds--snippet--inline body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--snippet--inline code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--snippet--inline strong {
  font-weight: 600;
}
.cds--snippet--inline {
  position: relative;
  display: inline;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: var(--cds-layer);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
}
.cds--snippet--inline:hover {
  background-color: var(--cds-layer-hover);
}
.cds--snippet--inline:active {
  background-color: var(--cds-layer-active);
}
.cds--snippet--inline:focus {
  border: 1px solid var(--cds-focus, #0f62fe);
  outline: none;
}
.cds--snippet--inline::before {
  position: absolute;
  z-index: 6000;
  border-style: solid;
  block-size: 0;
  content: "";
  inline-size: 0;
  display: none;
  border: none;
}
.cds--snippet--inline .cds--copy-btn__feedback {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  z-index: 6000;
  padding: 0.1875rem 1rem;
  border-radius: 0.125rem;
  background-color: var(--cds-background-inverse, #393939);
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  font-weight: 400;
  inline-size: max-content;
  max-inline-size: 13rem;
  min-inline-size: 1.5rem;
  text-align: start;
  transform: translateX(-50%);
  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);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cds--snippet--inline .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@supports (-ms-accelerator: true) {
  .cds--snippet--inline .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@supports (-ms-ime-align: auto) {
  .cds--snippet--inline .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .cds--snippet--inline .cds--copy-btn__feedback {
    border: 1px solid transparent;
  }
}
.cds--snippet--inline .cds--copy-btn__feedback {
  display: none;
  overflow: visible;
  box-sizing: content-box;
  margin: auto;
  clip: auto;
}

.cds--snippet--inline.cds--copy-btn--animating::before,
.cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback {
  display: block;
}

.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before,
.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
}

.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before,
.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
}

.cds--snippet--inline code {
  padding: 0 0.5rem;
}

.cds--snippet--inline.cds--snippet--no-copy {
  display: inline-block;
}
.cds--snippet--inline.cds--snippet--no-copy:hover {
  background-color: var(--cds-layer);
  cursor: auto;
}

.cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover {
  background-color: var(--cds-layer-hover);
  cursor: auto;
}

.cds--snippet--single {
  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-01-font-size, 0.75rem);
  font-weight: var(--cds-code-01-font-weight, 400);
  line-height: var(--cds-code-01-line-height, 1.33333);
  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
  position: relative;
  background-color: var(--cds-layer);
  inline-size: 100%;
  max-inline-size: 48rem;
  display: flex;
  align-items: center;
  block-size: 2.5rem;
  padding-inline-end: 2.5rem;
}

.cds--snippet--single.cds--snippet--no-copy {
  padding: 0;
}
.cds--snippet--single.cds--snippet--no-copy::after {
  inset-inline-end: 1rem;
}

.cds--snippet--single .cds--snippet-container {
  position: relative;
  display: flex;
  align-items: center;
  block-size: 100%;
  overflow-x: auto;
  padding-inline-start: 1rem;
}
.cds--snippet--single .cds--snippet-container:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--snippet--single .cds--snippet-container:focus {
    outline-style: dotted;
  }
}

.cds--snippet--single pre {
  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-01-font-size, 0.75rem);
  font-weight: var(--cds-code-01-font-weight, 400);
  line-height: var(--cds-code-01-line-height, 1.33333);
  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
  padding-inline-end: 2rem;
}

.cds--snippet--single pre,
.cds--snippet--inline code {
  white-space: pre;
}

.cds--snippet--multi {
  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-01-font-size, 0.75rem);
  font-weight: var(--cds-code-01-font-weight, 400);
  line-height: var(--cds-code-01-line-height, 1.33333);
  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
  position: relative;
  background-color: var(--cds-layer);
  inline-size: 100%;
  max-inline-size: 48rem;
  display: flex;
  padding: 1rem;
}

.cds--snippet--multi .cds--snippet-container {
  position: relative;
  order: 1;
  max-block-size: 100%;
  min-block-size: 100%;
  overflow-y: auto;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--snippet--multi .cds--snippet-container:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--snippet--multi .cds--snippet-container:focus {
    outline-style: dotted;
  }
}
.cds--snippet--multi .cds--snippet-container:focus {
  outline-offset: 0;
}

.cds--snippet--multi.cds--snippet--expand .cds--snippet-container {
  padding-block-end: 1rem;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--snippet--multi.cds--snippet--wraptext pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.cds--snippet--multi .cds--snippet-container pre {
  overflow: auto;
  padding-block-end: 1.5rem;
  padding-inline-end: 1.5rem;
}

.cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre {
  padding-inline-end: 0;
}

[dir=rtl] .cds--snippet--multi.cds--snippet--has-right-overflow::after {
  background-image: linear-gradient(to left, transparent, var(--cds-layer));
}

.cds--snippet--multi .cds--snippet-container pre code {
  overflow: hidden;
}

.cds--snippet__icon {
  block-size: 1rem;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1rem;
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--btn > .cds--snippet__icon {
  margin-block-start: 0;
}

.cds--copy-btn html {
  font-size: 100%;
}
.cds--copy-btn body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--copy-btn code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--copy-btn strong {
  font-weight: 600;
}
.cds--copy-btn {
  display: flex;
  overflow: visible;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: var(--cds-layer);
  cursor: pointer;
  outline: none;
}
.cds--copy-btn:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--copy-btn:focus {
    outline-style: dotted;
  }
}
.cds--copy-btn:focus {
  outline-color: var(--cds-focus, #0f62fe);
}

.cds--snippet .cds--popover-container {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.cds--snippet--inline.cds--btn {
  block-size: 1.25rem;
  inline-size: initial;
  max-inline-size: unset;
  min-block-size: 1.25rem;
  padding-inline: 0;
}

.cds--snippet--inline.cds--btn.cds--btn--primary:hover {
  color: var(--cds-text-primary, #161616);
}

.cds--snippet.cds--snippet--multi .cds--popover-container {
  inset-block-start: 0.5rem;
  inset-inline-end: 0.5rem;
}

.cds--snippet--multi .cds--copy-btn {
  z-index: 10;
}

.cds--snippet-btn--expand {
  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);
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  position: absolute;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 0;
  background-color: var(--cds-layer);
  block-size: 2rem;
  color: var(--cds-text-primary, #161616);
  inset-block-end: 0;
  inset-inline-end: 0;
}

.cds--snippet-btn--expand .cds--snippet-btn--text {
  position: relative;
  inset-block-start: -0.0625rem;
}

.cds--snippet-btn--expand--hide.cds--snippet-btn--expand {
  display: none;
}

.cds--snippet-btn--expand .cds--icon-chevron--down {
  fill: var(--cds-icon-primary, #161616);
  margin-inline-start: 0.5rem;
  transform: rotate(0deg);
  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--snippet-btn--expand:hover {
  background: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}

.cds--snippet-btn--expand:active {
  background-color: var(--cds-layer-active);
}

.cds--snippet-btn--expand:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--snippet-btn--expand:focus {
    outline-style: dotted;
  }
}
.cds--snippet-btn--expand:focus {
  border-color: transparent;
}

.cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down {
  transform: rotate(180deg);
  transition: transform 300ms;
}

.cds--snippet--light,
.cds--snippet--light .cds--snippet-button,
.cds--snippet--light .cds--btn.cds--snippet-btn--expand,
.cds--snippet--light .cds--copy-btn {
  background-color: var(--cds-layer);
}

.cds--snippet--light.cds--snippet--inline:hover,
.cds--snippet--light .cds--snippet-button:hover,
.cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,
.cds--snippet--light .cds--copy-btn:hover {
  background-color: var(--cds-layer-hover);
}

.cds--snippet--light.cds--snippet--inline:active,
.cds--snippet--light .cds--snippet-button:active,
.cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,
.cds--snippet--light .cds--copy-btn:active {
  background-color: var(--cds-layer-active);
}

.cds--snippet.cds--skeleton .cds--snippet-container {
  block-size: 100%;
  inline-size: 100%;
}

.cds--snippet-button .cds--btn--copy__feedback {
  inset-block-start: 3.175rem;
  inset-inline: 50% auto;
}
.cds--snippet-button .cds--btn--copy__feedback::before {
  inset-block-start: 0;
}
.cds--snippet-button .cds--btn--copy__feedback::after {
  inset-block-start: -0.25rem;
}

.cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback {
  inset-block-start: 2.675rem;
}

.cds--snippet--inline .cds--btn--copy__feedback {
  inset-block-start: calc(100% - 0.25rem);
  inset-inline: 50% auto;
}

.cds--snippet--single .cds--snippet-container {
  mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%);
  pointer-events: auto;
}

.cds--snippet--multi {
  position: relative;
}

.cds--snippet--multi .cds--snippet-container {
  inline-size: 100%;
  mask-composite: intersect;
  mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
  pointer-events: auto;
}

[dir=rtl] .cds--snippet--single .cds--snippet-container {
  mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%);
}

[dir=rtl] .cds--snippet--multi .cds--snippet-container {
  mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
}

.cds--snippet--single:focus-within .cds--snippet-container,
.cds--snippet--multi:focus-within .cds--snippet-container {
  mask-image: none;
}

.cds--snippet--multi.cds--skeleton {
  block-size: 6.125rem;
}

.cds--snippet--single.cds--skeleton {
  block-size: 3.5rem;
}

.cds--snippet.cds--skeleton span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--snippet.cds--skeleton span:hover, .cds--snippet.cds--skeleton span:focus, .cds--snippet.cds--skeleton span:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--snippet.cds--skeleton span::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--snippet.cds--skeleton span::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--snippet.cds--skeleton span {
    background: CanvasText;
  }
  .cds--snippet.cds--skeleton span::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--snippet.cds--skeleton span {
  display: block;
  block-size: 1rem;
  inline-size: 100%;
  margin-block-start: 0.5rem;
}
.cds--snippet.cds--skeleton span:first-child {
  margin: 0;
}
.cds--snippet.cds--skeleton span:nth-child(2) {
  inline-size: 85%;
}
.cds--snippet.cds--skeleton span:nth-child(3) {
  inline-size: 95%;
}

.cds--snippet--single.cds--skeleton .cds--snippet-container {
  padding-block-end: 0;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--snippet--inline:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--snippet--single,
  .cds--snippet--multi {
    outline: 1px solid transparent;
  }
}

.cds--text-input {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  --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));
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--text-input *,
.cds--text-input *::before,
.cds--text-input *::after {
  box-sizing: inherit;
}
.cds--text-input {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  padding: 0 var(--cds-layout-density-padding-inline-local);
  border: none;
  background-color: var(--cds-field);
  block-size: var(--cds-layout-size-height-local);
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  font-family: inherit;
  inline-size: 100%;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--text-input:focus, .cds--text-input:active {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--text-input:focus, .cds--text-input:active {
    outline-style: dotted;
  }
}
.cds--text-input-wrapper svg[hidden] {
  display: none;
}

.cds--password-input {
  padding-inline-end: 2.5rem;
}

.cds--text-input--sm.cds--password-input {
  padding-inline-end: 2rem;
}

.cds--text-input--lg.cds--password-input {
  padding-inline-end: 3rem;
}

.cds--text-input::placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}

.cds--text-input--light {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--text-input__field-wrapper {
  position: relative;
  display: flex;
  inline-size: 100%;
}

.cds--text-input__invalid-icon {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  transform: translateY(-50%);
}

.cds--text-input__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--text-input__invalid-icon--warning path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--text-input--password__visibility {
  position: relative;
  display: inline-flex;
  overflow: visible;
  align-items: center;
}
.cds--text-input--password__visibility:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--text-input--password__visibility:focus {
    outline-style: dotted;
  }
}
.cds--text-input--password__visibility {
  cursor: pointer;
}
.cds--text-input--password__visibility:focus {
  outline: 1px solid transparent;
}
.cds--text-input--password__visibility:focus svg {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--text-input--password__visibility:focus svg {
    outline-style: dotted;
  }
}
.cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility + .cds--assistive-text {
  position: absolute;
  z-index: 6000;
  display: flex;
  align-items: center;
  opacity: 0;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after,
  .cds--text-input--password__visibility .cds--assistive-text,
  .cds--text-input--password__visibility + .cds--assistive-text {
    display: inline-block;
  }
}
.cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after {
  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after {
    transition: none;
  }
}
.cds--text-input--password__visibility.cds--tooltip--a11y::before, .cds--text-input--password__visibility.cds--tooltip--a11y::after {
  transition: none;
}
.cds--text-input--password__visibility::before {
  border-style: solid;
  block-size: 0;
  content: "";
  inline-size: 0;
}
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility + .cds--assistive-text {
  box-sizing: content-box;
  color: inherit;
  opacity: 1;
  white-space: normal;
  word-break: break-word;
}
.cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility + .cds--assistive-text {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  z-index: 6000;
  padding: 0.1875rem 1rem;
  border-radius: 0.125rem;
  background-color: var(--cds-background-inverse, #393939);
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  font-weight: 400;
  inline-size: max-content;
  max-inline-size: 13rem;
  min-inline-size: 1.5rem;
  text-align: start;
  transform: translateX(-50%);
  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);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cds--text-input--password__visibility::after,
  .cds--text-input--password__visibility .cds--assistive-text,
  .cds--text-input--password__visibility + .cds--assistive-text {
    inline-size: auto;
  }
}
@supports (-ms-accelerator: true) {
  .cds--text-input--password__visibility::after,
  .cds--text-input--password__visibility .cds--assistive-text,
  .cds--text-input--password__visibility + .cds--assistive-text {
    inline-size: auto;
  }
}
@supports (-ms-ime-align: auto) {
  .cds--text-input--password__visibility::after,
  .cds--text-input--password__visibility .cds--assistive-text,
  .cds--text-input--password__visibility + .cds--assistive-text {
    inline-size: auto;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .cds--text-input--password__visibility::after,
  .cds--text-input--password__visibility .cds--assistive-text,
  .cds--text-input--password__visibility + .cds--assistive-text {
    border: 1px solid transparent;
  }
}
.cds--text-input--password__visibility::after {
  content: attr(aria-label);
}
.cds--text-input--password__visibility.cds--tooltip--a11y::after {
  content: none;
}
.cds--text-input--password__visibility.cds--tooltip--visible::before, .cds--text-input--password__visibility.cds--tooltip--visible::after, .cds--text-input--password__visibility:hover::before, .cds--text-input--password__visibility:hover::after, .cds--text-input--password__visibility:focus::before, .cds--text-input--password__visibility:focus::after {
  opacity: 1;
}
@keyframes cds--tooltip-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,
.cds--text-input--password__visibility.cds--tooltip--visible + .cds--assistive-text, .cds--text-input--password__visibility:hover .cds--assistive-text,
.cds--text-input--password__visibility:hover + .cds--assistive-text, .cds--text-input--password__visibility:focus .cds--assistive-text,
.cds--text-input--password__visibility:focus + .cds--assistive-text {
  overflow: visible;
  margin: auto;
  clip: auto;
}
.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,
.cds--text-input--password__visibility.cds--tooltip--visible + .cds--assistive-text, .cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before, .cds--text-input--password__visibility:hover .cds--assistive-text,
.cds--text-input--password__visibility:hover + .cds--assistive-text, .cds--text-input--password__visibility:hover.cds--tooltip--a11y::before, .cds--text-input--password__visibility:focus .cds--assistive-text,
.cds--text-input--password__visibility:focus + .cds--assistive-text, .cds--text-input--password__visibility:focus.cds--tooltip--a11y::before {
  animation: cds--tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text, .cds--text-input--password__visibility.cds--tooltip--hidden + .cds--assistive-text {
  overflow: hidden;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}
.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y::before {
  animation: none;
  opacity: 0;
}
.cds--text-input--password__visibility .cds--assistive-text::after {
  position: absolute;
  display: block;
  content: "";
  block-size: 0.75rem;
  inline-size: 100%;
  inset-inline-start: 0;
  inset-block-start: -0.75rem;
}
.cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility + .cds--assistive-text {
  inset-block-end: 0;
  inset-inline-start: 50%;
}
.cds--text-input--password__visibility::before {
  border-width: 0 0.25rem 0.3125rem;
  border-color: transparent transparent var(--cds-background-inverse, #393939);
  inset-block-end: -0.5rem;
  transform: translate(-50%, 100%);
}
.cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility + .cds--assistive-text {
  inset-block-end: -0.8125rem;
  transform: translate(-50%, 100%);
}

.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: none;
  block-size: 100%;
  cursor: pointer;
  inline-size: 2.5rem;
  inset-inline-end: 0;
  min-block-size: auto;
  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--toggle-password-tooltip .cds--popover {
  inset-inline-start: -2.5rem;
}

.cds--toggle-password-tooltip .cds--popover-content {
  min-inline-size: 2.5rem;
}

.cds--text-input--sm + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
  inline-size: 2rem;
}

.cds--text-input--lg + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
  inline-size: 3rem;
}

.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus {
    outline-style: dotted;
  }
}

.cds--text-input--invalid,
.cds--text-input--warning {
  padding-inline-end: 2.5rem;
}

.cds--text-input--invalid.cds--password-input {
  padding-inline-end: 4rem;
}

.cds--text-input--invalid + .cds--text-input--password__visibility__toggle {
  inset-inline-end: 1rem;
}

.cds--password-input-wrapper .cds--text-input__invalid-icon {
  inset-inline-end: 2.5rem;
}

.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
  cursor: not-allowed;
}

.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
  cursor: default;
}

.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
  cursor: default;
}

.cds--text-input__counter-alert {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
}

.cds--text-input:disabled {
  outline: 2px solid transparent;
  outline-offset: -2px;
  background-color: var(--cds-field);
  border-block-end: 1px solid transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  -webkit-text-fill-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-input--light:disabled {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--text-input:disabled::placeholder {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  opacity: 1;
}

.cds--text-input--invalid {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--text-input--invalid {
    outline-style: dotted;
  }
}
.cds--text-input--invalid {
  box-shadow: none;
}
.cds--text-input--invalid .cds--text-input--password__visibility__toggle {
  inset-inline-end: 2.5rem;
}

.cds--skeleton.cds--text-input {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--skeleton.cds--text-input:hover, .cds--skeleton.cds--text-input:focus, .cds--skeleton.cds--text-input:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--skeleton.cds--text-input::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--skeleton.cds--text-input::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--skeleton.cds--text-input {
    background: CanvasText;
  }
  .cds--skeleton.cds--text-input::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--form--fluid .cds--text-input-wrapper {
  position: relative;
  background: var(--cds-field);
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--form--fluid .cds--label {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0;
  block-size: 1rem;
  inset-block-start: 0.8125rem;
  inset-inline-start: 1rem;
}

.cds--form--fluid .cds--form__helper-text {
  display: none;
}

.cds--form--fluid .cds--text-input {
  padding: 2rem 1rem 0.8125rem;
  min-block-size: 4rem;
}

.cds--text-input__divider,
.cds--form--fluid .cds--text-input__divider {
  display: none;
}

.cds--form--fluid .cds--text-input--invalid,
.cds--form--fluid .cds--text-input--warning {
  border-block-end: none;
}

.cds--form--fluid .cds--text-input--invalid + .cds--text-input__divider,
.cds--form--fluid .cds--text-input--warning + .cds--text-input__divider {
  display: block;
  border-style: solid;
  border-color: var(--cds-border-subtle);
  margin: 0 1rem;
  border-block-end: none;
}

.cds--form--fluid .cds--text-input__invalid-icon {
  inset-block-start: 5rem;
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid,
.cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning {
  outline: none;
}

.cds--form--fluid .cds--text-input__field-wrapper--warning {
  border-block-end: 1px solid var(--cds-border-strong);
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
    outline-style: dotted;
  }
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
  .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
    outline-style: dotted;
  }
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus,
.cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning:focus {
  outline: none;
}

.cds--text-input-wrapper.cds--text-input-wrapper--inline {
  flex-flow: row wrap;
}

.cds--text-input-wrapper .cds--label--inline {
  flex: 1;
  margin: 0.8125rem 0 0 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.cds--text-input-wrapper .cds--label--inline--sm {
  margin-block-start: 0.5625rem;
}

.cds--text-input-wrapper .cds--label--inline--lg {
  margin-block-start: 1.0625rem;
}

.cds--text-input__label-helper-wrapper {
  flex: 2;
  flex-direction: column;
  margin-inline-end: 1.5rem;
  max-inline-size: 8rem;
  overflow-wrap: break-word;
}

.cds--text-input-wrapper .cds--form__helper-text--inline {
  margin-block-start: 0.125rem;
}

.cds--text-input__field-outer-wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  inline-size: 100%;
}

.cds--text-input__field-outer-wrapper--inline {
  flex: 8;
  flex-direction: column;
}

.cds--text-input-wrapper--inline .cds--form-requirement {
  display: block;
  overflow: visible;
  font-weight: 400;
  max-block-size: 12.5rem;
}

.cds--text-input-wrapper--inline--invalid .cds--form-requirement {
  color: var(--cds-text-error, #da1e28);
}

.cds--form--fluid .cds--text-input-wrapper--readonly,
.cds--text-input-wrapper--readonly .cds--text-input {
  background: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator > *,
.cds--text-input__field-wrapper .cds--ai-label,
.cds--text-input__field-wrapper .cds--slug {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  transform: translateY(-50%);
}

.cds--text-input__field-wrapper--decorator .cds--text-input:has(~ .cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--text-input__field-wrapper--decorator .cds--text-input:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
.cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--ai-label),
.cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--slug) {
  padding-inline-end: 2.5rem;
}

.cds--text-input--invalid:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
.cds--text-input--warning:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
.cds--text-input--invalid:has(~ .cds--ai-label),
.cds--text-input--warning:has(~ .cds--ai-label),
.cds--text-input--invalid:has(~ .cds--slug),
.cds--text-input--warning:has(~ .cds--slug) {
  padding-inline-end: 4rem;
}

.cds--text-input--invalid ~ .cds--text-input__field-inner-wrapper--decorator > *,
.cds--text-input--warning ~ .cds--text-input__field-inner-wrapper--decorator > *,
.cds--text-input--invalid ~ .cds--ai-label,
.cds--text-input--warning ~ .cds--ai-label,
.cds--text-input--invalid ~ .cds--slug,
.cds--text-input--warning ~ .cds--slug {
  inset-inline-end: 2.5rem;
}

.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label)) > * {
  block-size: 1rem;
}

.cds--text-input__label-wrapper {
  display: flex;
  justify-content: space-between;
  inline-size: 100%;
}

.cds--tag {
  --cds-layout-size-height-xs: 1.125rem;
}
.cds--tag.cds--layout--size-xs, .cds--layout--size-xs :where(.cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-xs);
}
.cds--tag {
  --cds-layout-size-height-sm: 1.125rem;
}
.cds--tag.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-sm);
}
.cds--tag {
  --cds-layout-size-height-md: 1.5rem;
}
.cds--tag.cds--layout--size-md, .cds--layout--size-md :where(.cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-md);
}
.cds--tag {
  --cds-layout-size-height-lg: 2rem;
}
.cds--tag.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-lg);
}
.cds--tag {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  background-color: var(--cds-tag-background-gray, #e0e0e0);
  color: var(--cds-tag-color-gray, #161616);
}
.cds--tag.cds--tag--operational {
  border: 1px solid var(--cds-tag-background-gray, #e0e0e0);
}
.cds--tag.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
}
.cds--tag .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
}
.cds--tag .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-gray, #161616);
}
.cds--tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  cursor: default;
  max-inline-size: 13rem;
  min-block-size: var(--cds-layout-size-height-local);
  min-inline-size: 2rem;
  padding-inline: 0.5rem;
  vertical-align: middle;
  word-break: break-word;
}
.cds--tag.cds--tag--lg {
  padding-inline-start: 0.75rem;
}
.cds--tag:has(.cds--tag__custom-icon) {
  padding-inline-start: 0.25rem;
}
.cds--tag.cds--tag--lg:not(.cds--tag--filter) {
  padding-inline: 0.75rem;
}
.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
  padding-inline-start: 0.5rem;
}
.cds--tag:not(.cds--tag--selectable) {
  border: 0;
}
.cds--tag:not(:first-child) {
  margin-inline-start: 0;
}

.cds--tag--operational > span,
.cds--tag--selectable > span,
.cds--tag__label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--tag--interactive:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

.cds--tag--filter {
  padding-block: 0;
  padding-inline-end: 0;
}
.cds--tag--filter:hover {
  outline: none;
}

.cds--tag--selectable {
  border: 1px solid var(--cds-border-inverse, #161616);
  background-color: var(--cds-layer);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
}
.cds--tag--selectable:hover {
  background-color: var(--cds-layer-hover);
  outline: none;
}
.cds--tag--selectable:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

.cds--tag--selectable-selected {
  background-color: var(--cds-layer-selected-inverse, #161616);
  color: var(--cds-text-inverse, #ffffff);
}
.cds--tag--selectable-selected:hover {
  background-color: var(--cds-layer-selected-inverse, #161616);
}

.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
  background-color: var(--cds-tag-background-gray, #e0e0e0);
  color: var(--cds-tag-color-gray, #161616);
  cursor: pointer;
}
.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
  outline: none;
}
.cds--tag--operational:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

.cds--tag--red {
  background-color: var(--cds-tag-background-red, #ffd7d9);
  color: var(--cds-tag-color-red, #a2191f);
}
.cds--tag--red.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-red, #ff8389);
}
.cds--tag--red.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-red, #ffc2c5);
}
.cds--tag--red .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-red, #ffc2c5);
}
.cds--tag--red .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-red, #a2191f);
}

.cds--tag--magenta {
  background-color: var(--cds-tag-background-magenta, #ffd6e8);
  color: var(--cds-tag-color-magenta, #9f1853);
}
.cds--tag--magenta.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-magenta, #ff7eb6);
}
.cds--tag--magenta.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-magenta, #ffbdda);
}
.cds--tag--magenta .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-magenta, #ffbdda);
}
.cds--tag--magenta .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-magenta, #9f1853);
}

.cds--tag--purple {
  background-color: var(--cds-tag-background-purple, #e8daff);
  color: var(--cds-tag-color-purple, #6929c4);
}
.cds--tag--purple.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-purple, #be95ff);
}
.cds--tag--purple.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-purple, #dcc7ff);
}
.cds--tag--purple .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-purple, #dcc7ff);
}
.cds--tag--purple .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-purple, #6929c4);
}

.cds--tag--blue {
  background-color: var(--cds-tag-background-blue, #d0e2ff);
  color: var(--cds-tag-color-blue, #0043ce);
}
.cds--tag--blue.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-blue, #78a9ff);
}
.cds--tag--blue.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-blue, #b8d3ff);
}
.cds--tag--blue .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-blue, #b8d3ff);
}
.cds--tag--blue .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-blue, #0043ce);
}

.cds--tag--cyan {
  background-color: var(--cds-tag-background-cyan, #bae6ff);
  color: var(--cds-tag-color-cyan, #00539a);
}
.cds--tag--cyan.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-cyan, #33b1ff);
}
.cds--tag--cyan.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-cyan, #99daff);
}
.cds--tag--cyan .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-cyan, #99daff);
}
.cds--tag--cyan .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-cyan, #00539a);
}

.cds--tag--teal {
  background-color: var(--cds-tag-background-teal, #9ef0f0);
  color: var(--cds-tag-color-teal, #005d5d);
}
.cds--tag--teal.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-teal, #08bdba);
}
.cds--tag--teal.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-teal, #57e5e5);
}
.cds--tag--teal .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-teal, #57e5e5);
}
.cds--tag--teal .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-teal, #005d5d);
}

.cds--tag--green {
  background-color: var(--cds-tag-background-green, #a7f0ba);
  color: var(--cds-tag-color-green, #0e6027);
}
.cds--tag--green.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-green, #42be65);
}
.cds--tag--green.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-green, #74e792);
}
.cds--tag--green .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-green, #74e792);
}
.cds--tag--green .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-green, #0e6027);
}

.cds--tag--gray {
  background-color: var(--cds-tag-background-gray, #e0e0e0);
  color: var(--cds-tag-color-gray, #161616);
}
.cds--tag--gray.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
}
.cds--tag--gray.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
}
.cds--tag--gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
}
.cds--tag--gray .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-gray, #161616);
}

.cds--tag--cool-gray {
  background-color: var(--cds-tag-background-cool-gray, #dde1e6);
  color: var(--cds-tag-color-cool-gray, #121619);
}
.cds--tag--cool-gray.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-cool-gray, #a2a9b0);
}
.cds--tag--cool-gray.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
}
.cds--tag--cool-gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
}
.cds--tag--cool-gray .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-cool-gray, #121619);
}

.cds--tag--warm-gray {
  background-color: var(--cds-tag-background-warm-gray, #e5e0df);
  color: var(--cds-tag-color-warm-gray, #171414);
}
.cds--tag--warm-gray.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-warm-gray, #ada8a8);
}
.cds--tag--warm-gray.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
}
.cds--tag--warm-gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
}
.cds--tag--warm-gray .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-warm-gray, #171414);
}

.cds--tag--high-contrast:not(.cds--tag--operational) {
  background-color: var(--cds-background-inverse, #393939);
  color: var(--cds-text-inverse, #ffffff);
}
.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational {
  border: 1px solid var(--cds-background-inverse, #393939);
}
.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}
.cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}
.cds--tag--high-contrast:not(.cds--tag--operational) .cds--definition-term .cds--tag__label {
  color: var(--cds-text-inverse, #ffffff);
}

.cds--multi-select--readonly .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
  background-color: transparent;
}

.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-primary, #161616);
}
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
  border: 1px solid var(--cds-background, #ffffff);
}
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
  background-color: var(--cds-layer-hover);
}
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
  background-color: var(--cds-layer-hover);
}
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--definition-term .cds--tag__label {
  color: var(--cds-text-primary, #161616);
}
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
  outline: 1px solid var(--cds-background-inverse, #393939);
  outline-offset: -1px;
}

.cds--tag--disabled:not(.cds--tag--operational),
.cds--tag--filter.cds--tag--disabled,
.cds--tag--interactive.cds--tag--disabled {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,
.cds--tag--filter.cds--tag--disabled.cds--tag--operational,
.cds--tag--interactive.cds--tag--disabled.cds--tag--operational {
  border: 1px solid var(--cds-layer);
}
.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,
.cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,
.cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {
  background-color: var(--cds-layer);
}
.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,
.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
  background-color: var(--cds-layer);
}
.cds--tag--disabled:not(.cds--tag--operational) .cds--definition-term .cds--tag__label,
.cds--tag--filter.cds--tag--disabled .cds--definition-term .cds--tag__label,
.cds--tag--interactive.cds--tag--disabled .cds--definition-term .cds--tag__label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--tag--disabled:not(.cds--tag--operational),
.cds--tag--filter.cds--tag--disabled,
.cds--tag--interactive.cds--tag--disabled {
  box-shadow: none;
  outline: none;
}
.cds--tag--disabled:not(.cds--tag--operational):hover,
.cds--tag--filter.cds--tag--disabled:hover,
.cds--tag--interactive.cds--tag--disabled:hover {
  cursor: not-allowed;
}
.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__label,
.cds--tag--filter.cds--tag--disabled .cds--tag__label,
.cds--tag--interactive.cds--tag--disabled .cds--tag__label {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tag--selectable.cds--tag--disabled,
.cds--tag--operational.cds--tag--disabled {
  border: 1px solid var(--cds-border-disabled, #c6c6c6);
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--tag--selectable.cds--tag--disabled:hover,
.cds--tag--operational.cds--tag--disabled:hover {
  background-color: var(--cds-layer);
  cursor: not-allowed;
}

.cds--tag--interactive {
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--tag__close-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  margin: 0 0 0 0.125rem;
  background-color: transparent;
  block-size: var(--cds-layout-size-height-local);
  color: currentColor;
  cursor: pointer;
  inline-size: var(--cds-layout-size-height-local);
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tag__close-icon svg {
  fill: currentColor;
}

.cds--tag__custom-icon {
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  block-size: 1rem;
  color: currentColor;
  inline-size: 1rem;
  margin-inline-end: 0.25rem;
  outline: none;
}
.cds--tag__custom-icon svg {
  fill: currentColor;
}

.cds--tag--disabled .cds--tag__close-icon {
  cursor: not-allowed;
}

.cds--tag__close-icon:focus {
  z-index: 99999;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--tag--high-contrast .cds--tag__close-icon:focus {
  box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #ffffff);
}

.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover {
  background-color: transparent;
}

.cds--tag--filter.cds--tag--disabled svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tag--sm.cds--tag--filter {
  padding-inline-end: 0;
}

.cds--tag--sm .cds--tag__close-icon {
  margin-inline-start: 0.3125rem;
}

.cds--tag.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--tag.cds--skeleton:hover, .cds--tag.cds--skeleton:focus, .cds--tag.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--tag.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--tag.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag.cds--skeleton {
    background: CanvasText;
  }
  .cds--tag.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--tag.cds--skeleton {
  background-color: var(--cds-skeleton-background, #e8e8e8);
  color: var(--cds-text-primary, #161616);
}
.cds--tag.cds--skeleton.cds--tag--operational {
  border: 1px solid var(--cds-skeleton-background, #e8e8e8);
}
.cds--tag.cds--skeleton.cds--tag--operational:hover {
  background-color: var(--cds-skeleton-background, #e8e8e8);
}
.cds--tag.cds--skeleton .cds--tag__close-icon:hover {
  background-color: var(--cds-skeleton-background, #e8e8e8);
}
.cds--tag.cds--skeleton .cds--definition-term .cds--tag__label {
  color: var(--cds-text-primary, #161616);
}
.cds--tag.cds--skeleton {
  overflow: hidden;
  inline-size: 3.75rem;
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .cds--tag.cds--skeleton {
    transform: translateZ(0);
  }
}

.cds--tag .cds--ai-label .cds--ai-label__button--inline,
.cds--tag .cds--slug .cds--slug__button--inline {
  color: currentColor;
  margin-inline-start: 0.0625rem;
}

.cds--tag .cds--ai-label .cds--ai-label__button--inline .cds--ai-label__text::before,
.cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text::before {
  background-color: currentColor;
}

.cds--tag .cds--ai-label .cds--ai-label__button--inline:hover,
.cds--tag .cds--slug .cds--slug__button--inline:hover {
  border-color: currentColor;
}

.cds--tag--filter .cds--tag__decorator > *,
.cds--tag--filter .cds--ai-label,
.cds--tag--filter .cds--slug {
  min-inline-size: 2.00875rem;
}

.cds--tag .cds--tag__decorator:not(:has(.cds--ai-label)) {
  block-size: 1rem;
  text-align: center;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag__close-icon:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--tag-label-tooltip {
  max-inline-size: -webkit-fill-available;
}

.cds--tag__custom-icon + .cds--tag-label-tooltip {
  max-inline-size: 11rem;
}

.cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {
  max-inline-size: 9.875rem;
}

.cds--interactive--tag-children {
  display: inline-flex;
  max-inline-size: 12.5rem;
  place-items: center;
}

.cds--tag--filter .cds--tag__custom-icon + span > .cds--interactive--tag-children {
  max-inline-size: 11.5rem;
}

.cds--tag .cds--definition-term {
  -webkit-border-after: none;
  border-block-end: none;
  cursor: default;
  max-inline-size: 12rem;
}

.cds--tag .cds--tag__custom-icon + span > .cds--definition-term {
  max-inline-size: 11rem;
}

.cds--tag > .cds--popover-container {
  display: flex;
}

.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
  pointer-events: none;
}

.cds--list-box__wrapper {
  display: block;
}

.cds--list-box__wrapper--inline {
  display: inline-grid;
  align-items: center;
  grid-gap: 0.25rem;
  grid-template: auto auto/auto auto;
}
.cds--list-box__wrapper--inline .cds--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--list-box__wrapper--inline .cds--label,
.cds--list-box__wrapper--inline .cds--form__helper-text,
.cds--list-box__wrapper--inline .cds--form-requirement {
  margin: 0;
}
.cds--list-box__wrapper--inline .cds--form__helper-text {
  max-inline-size: none;
}
.cds--list-box__wrapper--inline .cds--form-requirement {
  grid-column: 2;
}

.cds--list-box html {
  font-size: 100%;
}
.cds--list-box body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--list-box code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--list-box strong {
  font-weight: 600;
}
.cds--list-box {
  position: relative;
  border: none;
  background-color: var(--cds-field);
  block-size: 2.5rem;
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  inline-size: 100%;
  max-block-size: 2.5rem;
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--list-box:hover {
  background-color: var(--cds-field-hover);
}

.cds--multi-select.cds--multi-select--readonly.cds--list-box {
  cursor: default;
}

.cds--list-box--lg {
  block-size: 3rem;
  max-block-size: 3rem;
}

.cds--list-box--sm {
  block-size: 2rem;
  max-block-size: 2rem;
}

.cds--list-box--expanded {
  border-block-end-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box--expanded {
  border-block-end-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box--expanded {
  border-block-end-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box--expanded:hover {
  background-color: var(--cds-field);
}

.cds--list-box--expanded:hover.cds--list-box--light:hover {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--list-box .cds--text-input {
  block-size: 100%;
  min-inline-size: 0;
}

.cds--list-box__invalid-icon {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-block-start: 50%;
  inset-inline-end: 2.5rem;
  transform: translateY(-50%);
}

.cds--list-box__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--list-box__invalid-icon--warning path[fill] {
  fill: #000000;
  opacity: 1;
}

.cds--list-box[data-invalid] .cds--list-box__field,
.cds--list-box.cds--list-box--warning .cds--list-box__field {
  border-block-end: 0;
  padding-inline-end: 4rem;
}

.cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field,
.cds--list-box.cds--list-box--warning.cds--list-box--inline .cds--list-box__field {
  padding-inline-end: 3.5rem;
}

.cds--list-box--light {
  background-color: var(--cds-field-02, #ffffff);
}
.cds--list-box--light:hover {
  background-color: var(--cds-field-hover);
}

.cds--list-box--light .cds--list-box__menu {
  background: var(--cds-layer);
}

.cds--list-box--light .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle);
}

.cds--list-box--light.cds--list-box--expanded {
  border-block-end-color: transparent;
}

.cds--list-box--disabled:hover {
  background-color: var(--cds-field);
}

.cds--list-box--light.cds--list-box--disabled {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--list-box--disabled,
.cds--list-box--disabled .cds--list-box__field,
.cds--list-box--disabled .cds--list-box__field:focus {
  border-block-end-color: transparent;
  outline: none;
}

.cds--list-box--disabled .cds--list-box__label,
.cds--list-box--disabled.cds--list-box--inline .cds--list-box__label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box--disabled .cds--list-box__menu-icon > svg,
.cds--list-box--disabled .cds--list-box__selection > svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box--disabled,
.cds--list-box--disabled .cds--list-box__field,
.cds--list-box--disabled .cds--list-box__menu-icon {
  cursor: not-allowed;
}

.cds--list-box--disabled .cds--list-box__menu-item,
.cds--list-box--disabled .cds--list-box__menu-item:hover,
.cds--list-box--disabled .cds--list-box__menu-item--highlighted {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  text-decoration: none;
}

.cds--list-box--disabled .cds--list-box__selection:hover {
  cursor: not-allowed;
}

.cds--list-box--disabled.cds--list-box[data-invalid] .cds--list-box__field {
  padding-inline-end: 3rem;
}

.cds--list-box--disabled.cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field {
  padding-inline-end: 2rem;
}

.cds--list-box.cds--list-box--inline {
  border-width: 0;
  background-color: transparent;
}
.cds--list-box.cds--list-box--inline:hover {
  background-color: var(--cds-layer-hover);
}

.cds--list-box.cds--list-box--inline.cds--list-box--expanded {
  border-block-end-width: 0;
}

.cds--list-box.cds--list-box--inline.cds--list-box--expanded .cds--list-box__field[aria-expanded=true] {
  border-width: 0;
}

.cds--list-box.cds--list-box--inline.cds--list-box--expanded:hover,
.cds--list-box.cds--list-box--inline.cds--list-box--disabled:hover {
  background-color: transparent;
}

.cds--list-box.cds--list-box--inline .cds--list-box__field {
  padding: 0 2rem 0 0.5rem;
}

.cds--list-box.cds--list-box--inline .cds--list-box__menu-icon {
  inset-inline-end: 0.5rem;
}

.cds--list-box.cds--list-box--inline .cds--list-box__invalid-icon {
  inset-inline-end: 2rem;
}

.cds--list-box--inline .cds--list-box__label {
  color: var(--cds-text-primary, #161616);
}

.cds--list-box--inline .cds--list-box__field {
  block-size: 100%;
}

.cds--dropdown--inline .cds--list-box__field {
  max-inline-size: 30rem;
}

.cds--dropdown--inline .cds--list-box__menu {
  max-inline-size: 30rem;
  min-inline-size: 18rem;
}

.cds--list-box__field {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--list-box__field *,
.cds--list-box__field *::before,
.cds--list-box__field *::after {
  box-sizing: inherit;
}
.cds--list-box__field::-moz-focus-inner {
  border: 0;
}
.cds--list-box__field {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  block-size: calc(100% + 1px);
  cursor: pointer;
  outline: none;
  padding-block: 0;
  padding-inline: 1rem 3rem;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

.cds--list-box__field:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--list-box__field:focus {
    outline-style: dotted;
  }
}

.cds--list-box__field[disabled] {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}

.cds--list-box__field .cds--text-input {
  padding-inline-end: 4.375rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input,
.cds--list-box--warning .cds--list-box__field .cds--text-input {
  padding-inline-end: 6.5625rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon,
.cds--list-box--warning .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon {
  inset-inline-end: 5.125rem;
}

.cds--list-box__field .cds--text-input--empty {
  padding-inline-end: 3rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty,
.cds--list-box--warning .cds--list-box__field .cds--text-input--empty {
  padding-inline-end: 4rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty + .cds--list-box__invalid-icon,
.cds--list-box--warning .cds--list-box__field .cds--text-input--empty + .cds--list-box__invalid-icon {
  inset-inline-end: 2.5rem;
}

.cds--list-box__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);
  overflow: hidden;
  color: var(--cds-text-primary, #161616);
  text-overflow: ellipsis;
  user-select: none;
  white-space: nowrap;
}

.cds--list-box__menu-icon {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--list-box__menu-icon *,
.cds--list-box__menu-icon *::before,
.cds--list-box__menu-icon *::after {
  box-sizing: inherit;
}
.cds--list-box__menu-icon::-moz-focus-inner {
  border: 0;
}
.cds--list-box__menu-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 1.5rem;
  cursor: pointer;
  inline-size: 1.5rem;
  inset-inline-end: 0.75rem;
  outline: none;
  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--list-box__menu-icon > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--list-box__menu-icon--open {
  justify-content: center;
  inline-size: 1.5rem;
  transform: rotate(180deg);
}

.cds--list-box__selection {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--list-box__selection *,
.cds--list-box__selection *::before,
.cds--list-box__selection *::after {
  box-sizing: inherit;
}
.cds--list-box__selection::-moz-focus-inner {
  border: 0;
}
.cds--list-box__selection {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 1.5rem;
  cursor: pointer;
  inline-size: 1.5rem;
  inset-block-start: 50%;
  /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */
  inset-inline-end: 2.8125rem;
  transform: translateY(-50%);
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  user-select: none;
}
.cds--list-box__selection:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--list-box__selection:focus {
    outline-style: dotted;
  }
}
.cds--list-box__selection:focus:hover {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--list-box__selection:focus:hover {
    outline-style: dotted;
  }
}

.cds--list-box__selection > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--list-box--disabled .cds--list-box__selection:focus {
  outline: none;
}

.cds--list-box__selection--multi {
  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);
  position: static;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  border-radius: 0.75rem;
  background-color: var(--cds-background-inverse, #393939);
  block-size: 1.5rem;
  color: var(--cds-text-inverse, #ffffff);
  inline-size: auto;
  inset-block-start: auto;
  line-height: 0;
  margin-inline-end: 0.625rem;
  padding-inline-end: 0.125rem;
  transform: none;
}

.cds--list-box__selection--multi > svg {
  padding: 0.125rem;
  block-size: 1.25rem;
  fill: var(--cds-icon-inverse, #ffffff);
  inline-size: 1.25rem;
  margin-inline-start: 0.25rem;
}
.cds--list-box__selection--multi > svg:hover {
  border-radius: 50%;
  background-color: var(--cds-button-secondary-hover, #474747);
}

.cds--list-box--disabled .cds--list-box__selection--multi {
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  color: var(--cds-layer);
}
.cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational {
  border: 1px solid var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational:hover {
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover {
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--list-box--disabled .cds--list-box__selection--multi .cds--definition-term .cds--tag__label {
  color: var(--cds-layer);
}
.cds--list-box--disabled .cds--list-box__selection--multi > svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--list-box--disabled .cds--list-box__selection--multi > svg:hover {
  background-color: initial;
}

.cds--list-box__selection--multi:hover {
  outline: none;
}

.cds--list-box__menu {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  position: absolute;
  z-index: 9100;
  display: none;
  background-color: var(--cds-layer);
  inline-size: 100%;
  inset-inline: 0;
  overflow-y: auto;
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--list-box__menu:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--list-box__menu:focus {
    outline-style: dotted;
  }
}

.cds--autoalign .cds--list-box__menu {
  inset-inline: auto;
}

.cds--list-box .cds--list-box__field[aria-expanded=false] .cds--list-box__menu {
  display: none;
  max-block-size: 0;
  visibility: hidden;
}

.cds--list-box--expanded .cds--list-box__menu {
  display: block;
  max-block-size: 13.75rem;
}

.cds--list-box--expanded.cds--list-box--lg .cds--list-box__menu {
  max-block-size: 16.5rem;
}

.cds--list-box--expanded.cds--list-box--sm .cds--list-box__menu {
  max-block-size: 11rem;
}

.cds--list-box__menu-item {
  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;
  block-size: 2.5rem;
  color: var(--cds-text-secondary, #525252);
  cursor: pointer;
  transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  user-select: none;
}
.cds--list-box__menu-item:hover {
  background-color: var(--cds-layer-hover);
}
.cds--list-box__menu-item:active {
  background-color: var(--cds-layer-selected);
}

.cds--list-box--light .cds--list-box__menu-item:hover {
  background-color: var(--cds-layer-hover);
}

.cds--list-box--sm .cds--list-box__menu-item {
  block-size: 2rem;
}

.cds--list-box--lg .cds--list-box__menu-item {
  block-size: 3rem;
}

.cds--list-box--disabled .cds--list-box__menu-item:hover {
  background-color: transparent;
}

.cds--list-box--light .cds--list-box__menu-item:active {
  background-color: var(--cds-layer-selected);
}

.cds--list-box--disabled .cds--list-box__menu-item__option:hover {
  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item__option:hover {
  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item__option:hover {
  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box__menu-item:first-of-type .cds--list-box__menu-item__option {
  border-block-start-color: transparent;
}

.cds--list-box__menu-item:hover .cds--list-box__menu-item__option {
  color: var(--cds-text-primary, #161616);
}

.cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--layer-two .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box__menu-item__option {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--list-box__menu-item__option *,
.cds--list-box__menu-item__option *::before,
.cds--list-box__menu-item__option *::after {
  box-sizing: inherit;
}
.cds--list-box__menu-item__option {
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: block;
  overflow: hidden;
  padding: 0.6875rem 0;
  margin: 0 1rem;
  block-size: 2.5rem;
  border-block-end: 1px solid transparent;
  border-block-start: 1px solid transparent;
  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
  color: var(--cds-text-secondary, #525252);
  font-weight: normal;
  line-height: 1rem;
  padding-inline-end: 1.5rem;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  white-space: nowrap;
}
.cds--list-box__menu-item__option:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--list-box__menu-item__option:focus {
    outline-style: dotted;
  }
}
.cds--list-box__menu-item__option:focus {
  padding: 0.6875rem 1rem;
  border-color: transparent;
  margin: 0;
}
.cds--list-box__menu-item__option:hover {
  border-color: transparent;
  color: var(--cds-text-primary, #161616);
}

.cds--list-box--sm .cds--list-box__menu-item__option {
  block-size: 2rem;
  padding-block: 0.4375rem 0.4375rem;
}

.cds--list-box--lg .cds--list-box__menu-item__option {
  block-size: 3rem;
  padding-block: 0.9375rem 0.9375rem;
}

.cds--list-box--disabled .cds--list-box__menu-item:hover .cds--list-box__menu-item__option,
.cds--list-box--disabled .cds--list-box__menu-item__option {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box__menu-item[disabled],
.cds--list-box__menu-item[disabled] *,
.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--list-box__menu-item[disabled]:hover {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  outline: none;
}

.cds--list-box__menu-item[disabled]:hover {
  background-color: revert;
}

.cds--list-box__menu-item[disabled] .cds--checkbox-label::before {
  border-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--layer-two .cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--layer-three .cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box__menu-item--active + .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: transparent;
}

.cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option {
  margin: 0 0.5rem;
}
.cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option:focus {
  margin: 0;
  padding-inline: 0.5rem 0.5rem;
}

.cds--list-box__menu-item--highlighted {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--list-box__menu-item--highlighted {
    outline-style: dotted;
  }
}
.cds--list-box__menu-item--highlighted {
  color: var(--cds-text-primary, #161616);
}

.cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,
.cds--list-box__menu-item--highlighted + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: transparent;
}

.cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {
  color: var(--cds-text-primary, #161616);
}

.cds--list-box__menu-item--active {
  background-color: var(--cds-layer-selected);
  border-block-end-color: var(--cds-layer-selected);
  color: var(--cds-text-primary, #161616);
}

.cds--list-box--light .cds--list-box__menu-item--active {
  background-color: var(--cds-layer-selected);
  border-block-end-color: var(--cds-layer-selected);
}

.cds--list-box__menu-item--active:hover {
  background-color: var(--cds-layer-selected-hover);
  border-block-end-color: var(--cds-layer-selected-hover);
}

.cds--list-box__menu-item--active .cds--list-box__menu-item__option {
  color: var(--cds-text-primary, #161616);
}

.cds--list-box__menu-item--active + .cds--list-box__menu-item > .cds--list-box__menu-item__option {
  border-block-start-color: transparent;
}

.cds--list-box__menu-item__selected-icon {
  position: absolute;
  display: none;
  fill: var(--cds-icon-primary, #161616);
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  transform: translateY(-50%);
}

.cds--list-box--inline .cds--list-box__menu-item__selected-icon {
  inset-inline-end: 0.5rem;
}

.cds--list-box__menu-item--active .cds--list-box__menu-item__selected-icon {
  display: block;
}

.cds--list-box__menu-item .cds--checkbox-label {
  inline-size: 100%;
}

.cds--list-box__menu-item .cds--checkbox-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--list-box--up .cds--list-box__menu {
  inset-block-end: 2.5rem;
}

.cds--list-box--up.cds--dropdown--sm .cds--list-box__menu,
.cds--list-box--up.cds--list-box--sm .cds--list-box__menu,
.cds--list-box--up .cds--list-box--sm .cds--list-box__menu {
  inset-block-end: 2rem;
}

.cds--list-box--up.cds--dropdown--lg .cds--list-box__menu,
.cds--list-box--up.cds--list-box--lg .cds--list-box__menu,
.cds--list-box--up .cds--list-box--lg .cds--list-box__menu {
  inset-block-end: 3rem;
}

.cds--list-box .cds--text-input {
  background-color: inherit;
  min-inline-size: 0;
  text-overflow: ellipsis;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *,
.cds--list-box__wrapper--slug .cds--ai-label,
.cds--list-box__wrapper--slug .cds--slug {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: calc(2.5rem + 9px);
  margin-block-start: 0.03125rem;
  transform: translateY(-50%);
}

.cds--list-box__wrapper--decorator:has(.cds--list-box__invalid-icon) .cds--list-box__inner-wrapper--decorator > *::before,
.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--ai-label::before,
.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--slug::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
.cds--list-box__wrapper--slug .cds--ai-label::after,
.cds--list-box__wrapper--slug .cds--slug::after {
  position: absolute;
  background-color: var(--cds-border-subtle-01, #c6c6c6);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
.cds--list-box__wrapper--slug .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--slug::before {
  display: none;
  inset-inline-start: -0.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
.cds--list-box__wrapper--slug .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--slug::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--slug--revert::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
.cds--list-box__wrapper--slug .cds--ai-label::after,
.cds--list-box__wrapper--slug .cds--slug::after {
  display: block;
  inset-block-start: 0.0625rem;
  inset-inline-end: -0.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--slug--revert::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::after,
.cds--list-box__wrapper--slug .cds--ai-label--revert::after,
.cds--list-box__wrapper--slug .cds--slug--revert::after {
  inset-block-start: 0.5rem;
  inset-inline-end: -0.0625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box:has(.cds--list-box__inner-wrapper--decorator .cds--ai-label):not(:has(.cds--list-box__inner-wrapper--decorator .cds--ai-label--revert)),
.cds--list-box__wrapper--slug .cds--list-box:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
.cds--list-box__wrapper--slug .cds--list-box:has(.cds--slug):not(:has(.cds--slug--revert)) {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--list-box__wrapper--decorator .cds--list-box input[role=combobox],
.cds--list-box__wrapper--slug .cds--list-box input[role=combobox] {
  border-block-end-color: transparent;
}

.cds--list-box__wrapper--decorator .cds--list-box__field,
.cds--list-box__wrapper--decorator .cds--text-input--empty,
.cds--list-box__wrapper--slug .cds--list-box__field,
.cds--list-box__wrapper--slug .cds--text-input--empty {
  padding-inline-end: 4rem;
}

.cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
  padding-inline-end: 6.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__field,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input--empty,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__field,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input--empty,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field {
  padding-inline-end: 6rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
  padding-inline-end: 8.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {
  inset-inline-end: 5.0625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] > *::before,
.cds--list-box__wrapper--decorator .cds--list-box--warning > *::before,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {
  display: block;
}

.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator .cds--ai-label,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator .cds--ai-label,
.cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
.cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
  inset-inline-end: calc(4rem + 18px);
}

.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > * {
  inset-inline-end: calc(4rem + 18px);
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {
  inset-inline-end: 7.125rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--list-box__field,
  .cds--list-box__menu,
  .cds--multi-select .cds--tag--filter {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--list-box__field:focus,
  .cds--multi-select .cds--tag__close-icon:focus,
  .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::after {
  position: absolute;
  background-color: var(--cds-border-subtle-01, #c6c6c6);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
  margin-inline-start: 2.0625rem;
}

.cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
.cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {
  position: absolute;
  background-color: var(--cds-border-subtle-01, #c6c6c6);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
  margin-inline-end: 2.0625rem;
}

.cds--list-box__wrapper--decorator:has(.cds--multi-select) .cds--list-box__menu-icon,
.cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon {
  inset-inline-end: 0.75rem;
}

.cds--list-box__wrapper--decorator:has(.cds--dropdown) .cds--list-box__menu-icon,
.cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon {
  inset-inline-end: 0.75rem;
}

.cds--combo-box:hover {
  background-color: var(--cds-field);
}

.cds--combo-box .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before {
  position: absolute;
  border: 2px solid var(--cds-focus, #0f62fe);
  block-size: 100%;
  border-block-start: 1px solid var(--cds-focus, #0f62fe);
  content: "";
  inline-size: 100%;
}

.cds--combo-box .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted {
  outline: 2px solid transparent;
  outline-offset: -2px;
}

.cds--combo-box.cds--list-box--light:hover {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--combo-box .cds--text-input::-ms-clear {
  display: none;
}

.cds--combo-box.cds--list-box--expanded .cds--text-input {
  border-block-end-color: var(--cds-border-subtle);
}

.cds--combo-box--input--focus.cds--text-input {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--combo-box--input--focus.cds--text-input {
    outline-style: dotted;
  }
}

.cds--combo-box.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=""])) .cds--combo-box--input--focus.cds--text-input {
  outline-offset: -0.0625rem;
  outline-width: 0.0625rem;
}

.cds--combo-box .cds--list-box__field,
.cds--combo-box.cds--list-box[data-invalid] .cds--list-box__field,
.cds--combo-box.cds--list-box--warning .cds--list-box__field,
.cds--combo-box.cds--list-box--disabled.cds--list-box[data-invalid] .cds--list-box__field,
.cds--combo-box.cds--list-box--disabled.cds--list-box--warning .cds--list-box__field {
  padding: 0;
}

.cds--combo-box--readonly,
.cds--combo-box--readonly:hover {
  background-color: transparent;
}

.cds--combo-box--readonly .cds--text-input {
  border-block-end-color: var(--cds-border-subtle);
}

.cds--combo-box--readonly .cds--list-box__menu-icon,
.cds--combo-box--readonly .cds--list-box__selection {
  cursor: default;
}

.cds--combo-box--readonly .cds--list-box__menu-icon svg,
.cds--combo-box--readonly .cds--list-box__selection svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--menu {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--menu *,
.cds--menu *::before,
.cds--menu *::after {
  box-sizing: inherit;
}
.cds--menu {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  position: fixed;
  z-index: 9000;
  padding: 0.25rem 0;
  background-color: var(--cds-layer);
  max-inline-size: 18rem;
  min-inline-size: 10rem;
  opacity: 0;
  overflow-y: auto;
  visibility: hidden;
}

.cds--menu--border {
  outline: 1px solid var(--cds-border-subtle);
}

.cds--menu--background-token__background {
  background-color: var(--cds-background, #ffffff);
}

.cds--menu--with-icons {
  min-inline-size: 12rem;
}

.cds--menu--open {
  visibility: visible;
}
.cds--menu--open:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--menu--open:focus {
    outline-style: dotted;
  }
}

.cds--menu:not(.cds--menu--open) .cds--menu--open {
  visibility: hidden;
}

.cds--menu--shown {
  overflow: visible;
  opacity: 1;
}

.cds--menu-item {
  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);
  display: grid;
  align-items: center;
  block-size: 2rem;
  color: var(--cds-text-secondary, #525252);
  column-gap: 0.5rem;
  cursor: pointer;
  grid-template-columns: 1fr max-content;
  padding-inline: 1rem;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--menu-item:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--menu-item:focus {
    outline-style: dotted;
  }
}

.cds--menu-item:hover {
  background-color: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}

.cds--menu--xs .cds--menu-item {
  block-size: 1.5rem;
}

.cds--menu--sm .cds--menu-item {
  block-size: 2rem;
}

.cds--menu--md .cds--menu-item {
  block-size: 2.5rem;
}

.cds--menu--lg .cds--menu-item {
  block-size: 3rem;
}

.cds--menu-item__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--menu-item__shortcut {
  display: flex;
}

.cds--menu-item-group > ul,
.cds--menu-item-radio-group > ul {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--menu-item-group > ul *,
.cds--menu-item-group > ul *::before,
.cds--menu-item-group > ul *::after,
.cds--menu-item-radio-group > ul *,
.cds--menu-item-radio-group > ul *::before,
.cds--menu-item-radio-group > ul *::after {
  box-sizing: inherit;
}

.cds--menu-item__icon,
.cds--menu-item__selection-icon {
  display: none;
}

.cds--menu--with-icons > .cds--menu-item,
.cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item,
.cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item,
.cds--menu--with-selectable-items > .cds--menu-item,
.cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item,
.cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item {
  grid-template-columns: 1rem 1fr max-content;
}

.cds--menu--with-icons > .cds--menu-item > .cds--menu-item__icon,
.cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item > .cds--menu-item__icon,
.cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item > .cds--menu-item__icon,
.cds--menu--with-selectable-items > .cds--menu-item > .cds--menu-item__selection-icon,
.cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item > .cds--menu-item__selection-icon,
.cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item > .cds--menu-item__selection-icon {
  display: flex;
}

.cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item,
.cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item,
.cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item {
  grid-template-columns: 1rem 1rem 1fr max-content;
}

.cds--menu-item--disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--menu-item--disabled:hover,
.cds--menu-item--disabled.cds--menu-item--danger:hover {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--menu-item--danger:focus,
.cds--menu-item--danger:hover {
  background-color: var(--cds-button-danger-primary, #da1e28);
  color: var(--cds-text-on-color, #ffffff);
}

.cds--menu-item-divider {
  display: block;
  background-color: var(--cds-border-subtle);
  block-size: 0.0625rem;
  inline-size: 100%;
  margin-block: 0.25rem;
}

.cds--combo-button__container {
  display: inline-flex;
  column-gap: 0.0625rem;
}

.cds--combo-button__container--sm .cds--combo-button__primary-action {
  min-inline-size: 7.9375rem;
}

.cds--combo-button__container--md .cds--combo-button__primary-action {
  min-inline-size: 7.4375rem;
}

.cds--combo-button__container--lg .cds--combo-button__primary-action {
  min-inline-size: 6.9375rem;
}

.cds--combo-button__primary-action .cds--btn {
  inline-size: 100%;
  max-inline-size: 14.9375rem;
  min-inline-size: 6.9375rem;
}

.cds--combo-button__primary-action button {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--combo-button__trigger svg {
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--combo-button__container--open .cds--combo-button__trigger svg {
  transform: rotate(180deg);
}

.cds--combo-button__top {
  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
}

.cds--combo-button__top-start {
  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
}

.cds--combo-button__top-end {
  transform: translate(0, calc(-100% - var(--cds-popover-offset, 3rem)));
}

.cds--contained-list {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
  --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));
}

.cds--contained-list .cds--tag {
  --cds-layout-size-height-xs: 1.125rem;
}
.cds--contained-list .cds--tag.cds--layout--size-xs, .cds--layout--size-xs :where(.cds--contained-list .cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-xs);
}
.cds--contained-list .cds--tag {
  --cds-layout-size-height-sm: 1.125rem;
}
.cds--contained-list .cds--tag.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--contained-list .cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-sm);
}
.cds--contained-list .cds--tag {
  --cds-layout-size-height-md: 1.5rem;
}
.cds--contained-list .cds--tag.cds--layout--size-md, .cds--layout--size-md :where(.cds--contained-list .cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-md);
}
.cds--contained-list .cds--tag {
  --cds-layout-size-height-lg: 1.5rem;
}
.cds--contained-list .cds--tag.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--contained-list .cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-lg);
}
.cds--contained-list .cds--tag {
  --cds-layout-size-height-xl: 1.5rem;
}
.cds--contained-list .cds--tag.cds--layout--size-xl, .cds--layout--size-xl :where(.cds--contained-list .cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-xl);
}
.cds--contained-list .cds--tag {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
}

.cds--contained-list > ul {
  padding: 0;
  margin: 0;
}

.cds--contained-list__header {
  position: sticky;
  z-index: 1;
  display: flex;
  align-items: center;
  inset-block-start: 0;
  padding-inline: var(--cds-layout-density-padding-inline-local);
}

.cds--contained-list__label {
  inline-size: 100%;
}

.cds--contained-list .cds--search {
  position: sticky;
  z-index: 1;
  inset-block-start: var(--cds-layout-size-height-local);
}
.cds--contained-list .cds--search.cds--search--expandable .cds--search-input {
  background-color: var(--cds-field);
}

.cds--contained-list .cds--search .cds--search-input {
  background-color: var(--cds-background, #ffffff);
  border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--contained-list .cds--search .cds--search-close::before {
  display: none;
}

.cds--contained-list .cds--search .cds--search-close {
  border-inline-end: 2px solid transparent;
  outline: none;
}
.cds--contained-list .cds--search .cds--search-close:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--contained-list .cds--search .cds--search-close:focus {
    outline-style: dotted;
  }
}

.cds--contained-list .cds--search .cds--search-input ~ .cds--search-close:hover {
  border-block-end: 1px solid transparent;
}

.cds--contained-list .cds--search .cds--search-input:focus ~ .cds--search-close:hover {
  border: 2px solid var(--cds-focus, #0f62fe);
  border-inline-start: 0;
  outline: none;
}

.cds--contained-list--on-page + .cds--contained-list--on-page {
  margin-block-start: 1rem;
}

.cds--contained-list--on-page .cds--contained-list__header {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  background-color: var(--cds-background, #ffffff);
  block-size: var(--cds-layout-size-height-local);
  border-block-end: 1px solid var(--cds-border-subtle);
  color: var(--cds-text-primary, #161616);
}

.cds--layer-two .cds--contained-list--on-page .cds--contained-list__header {
  background-color: var(--cds-layer-01, #f4f4f4);
}

.cds--layer-three .cds--contained-list--on-page .cds--contained-list__header {
  background-color: var(--cds-layer-02, #ffffff);
}

.cds--contained-list--disclosed .cds--contained-list__header {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  background-color: var(--cds-layer);
  block-size: 2rem;
  color: var(--cds-text-secondary, #525252);
}

.cds--contained-list-item {
  position: relative;
  display: list-item;
  list-style: none;
}

.cds--contained-list-item:not(:first-of-type) {
  margin-block-start: -1px;
}

.cds--contained-list-item__content {
  box-sizing: border-box;
}

.cds--contained-list-item--clickable .cds--contained-list-item__content {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--contained-list-item--clickable .cds--contained-list-item__content *,
.cds--contained-list-item--clickable .cds--contained-list-item__content *::before,
.cds--contained-list-item--clickable .cds--contained-list-item__content *::after {
  box-sizing: inherit;
}
.cds--contained-list-item--clickable .cds--contained-list-item__content::-moz-focus-inner {
  border: 0;
}
.cds--contained-list-item--clickable .cds--contained-list-item__content {
  text-align: start;
  transition: background-color 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--contained-list-item__content,
.cds--contained-list-item--clickable .cds--contained-list-item__content {
  --temp-1lh: (
    var(--cds-body-01-line-height, 1.42857) * 1em
  );
  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);
  padding: calc((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2) var(--cds-layout-density-padding-inline-local);
  color: var(--cds-text-primary, #161616);
  min-block-size: var(--cds-layout-size-height-local);
}

.cds--contained-list-item:not(:last-of-type)::before {
  position: absolute;
  background-color: var(--cds-border-subtle);
  block-size: 1px;
  content: "";
  inset-block-end: 0;
  inset-inline: 0;
}

.cds--contained-list--inset-rulers .cds--contained-list-item:not(:last-of-type)::before {
  inset-inline: var(--cds-layout-density-padding-inline-local) var(--cds-layout-density-padding-inline-local);
}

.cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):hover {
  background-color: var(--cds-layer-hover);
}

.cds--contained-list-item--clickable .cds--contained-list-item__content:not(:disabled):active {
  background-color: var(--cds-layer-active);
}

.cds--contained-list-item--clickable .cds--contained-list-item__content:disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--contained-list-item--clickable .cds--contained-list-item__content:focus {
  outline: none;
}

.cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {
    outline-style: dotted;
  }
}
.cds--contained-list-item--clickable .cds--contained-list-item__content:focus::after {
  position: absolute;
  content: "";
  inset: 0;
}

.cds--contained-list-item--with-action .cds--contained-list-item__content {
  padding-inline-end: 4rem;
}

.cds--contained-list__action,
.cds--contained-list-item__action {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  inset-block-start: 0;
  inset-inline: 0;
  pointer-events: none;
}

.cds--contained-list__action > *,
.cds--contained-list-item__action > * {
  pointer-events: all;
}

.cds--contained-list-item--with-icon .cds--contained-list-item__content {
  display: grid;
  column-gap: 0.75rem;
  grid-template-columns: 1rem 1fr;
}

.cds--contained-list-item__icon {
  display: inline-flex;
  padding-block-start: 0.125rem;
}

.cds--content-switcher {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  --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));
  display: flex;
  justify-content: space-evenly;
  border-radius: 0.25rem;
  block-size: var(--cds-layout-size-height-local);
  inline-size: 100%;
  outline: 0.0625rem solid var(--cds-border-inverse, #161616);
  outline-offset: -0.0625rem;
}

.cds--content-switcher:has(.cds--content-switcher-btn:disabled) {
  outline-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--content-switcher-btn html {
  font-size: 100%;
}
.cds--content-switcher-btn body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--content-switcher-btn code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--content-switcher-btn strong {
  font-weight: 600;
}
.cds--content-switcher-btn {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  outline: 2px solid transparent;
  outline-offset: -2px;
  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;
  overflow: hidden;
  border: none;
  margin: 0;
  background-color: transparent;
  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
  color: var(--cds-text-secondary, #525252);
  text-align: start;
  text-decoration: none;
  white-space: nowrap;
}
.cds--content-switcher-btn::after {
  position: absolute;
  display: block;
  border-radius: 0.25rem;
  background-color: var(--cds-layer-selected-inverse, #161616);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  transform: scaleY(0);
  transform-origin: bottom;
}
.cds--content-switcher-btn:disabled::after {
  display: none;
}
.cds--content-switcher-btn:focus {
  border: 0;
}
.cds--content-switcher-btn:focus::after {
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
}
.cds--content-switcher-btn:hover {
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
}
.cds--content-switcher-btn:hover, .cds--content-switcher-btn:active {
  z-index: 3;
  background-color: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}
.cds--content-switcher-btn:disabled {
  border-color: var(--cds-border-disabled, #c6c6c6);
  background-color: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--content-switcher-btn:disabled:hover {
  cursor: not-allowed;
}

.cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::before {
  display: block;
  border-radius: 0.25rem;
  block-size: 100%;
  box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
  content: "";
  inline-size: 100%;
}
.cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::after {
  background-color: var(--cds-focus-inset, #ffffff);
  transform: scaleY(1);
}
.cds--content-switcher-btn:not(.cds--content-switcher--selected):focus:hover::after {
  border-radius: 0;
  background-color: var(--cds-layer-hover);
  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
  box-shadow: none;
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn {
  align-items: center;
  padding: 0.5rem var(--cds-layout-density-padding-inline-local);
  inline-size: 100%;
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
  border-end-start-radius: 0.25rem;
  border-start-start-radius: 0.25rem;
  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}
.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child:disabled {
  box-shadow: none;
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child {
  border-end-end-radius: 0.25rem;
  border-start-end-radius: 0.25rem;
  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}
.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child:disabled {
  box-shadow: none;
}

.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:first-child,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:last-child {
  border: 0;
}
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:disabled::before,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:first-child:disabled::before,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:last-child:disabled::before {
  display: none;
}

.cds--content-switcher-btn::before {
  position: absolute;
  z-index: 2;
  display: block;
  background-color: var(--cds-border-subtle);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
  inset-inline-start: 0;
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-of-type::before {
  background-color: transparent;
}

.cds--content-switcher-btn:focus::before,
.cds--content-switcher-btn:focus + .cds--content-switcher-btn::before,
.cds--content-switcher-btn:hover::before,
.cds--content-switcher-btn:hover + .cds--content-switcher-btn::before,
.cds--content-switcher--selected::before,
.cds--content-switcher--selected + .cds--content-switcher-btn::before {
  background-color: transparent;
}

.cds--content-switcher-btn:disabled::before,
.cds--content-switcher-btn:disabled:hover + .cds--content-switcher-btn:disabled::before {
  background-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--content-switcher-btn.cds--content-switcher--selected:disabled + .cds--content-switcher-btn::before,
.cds--content-switcher-btn.cds--content-switcher--selected:disabled:hover + .cds--content-switcher-btn::before {
  background-color: transparent;
}

.cds--content-switcher__icon {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--content-switcher__icon + span {
  margin-inline-start: 0.5rem;
}

.cds--content-switcher__label {
  z-index: 1;
  overflow: hidden;
  max-inline-size: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--content-switcher-btn:hover .cds--content-switcher__icon,
.cds--content-switcher-btn:focus .cds--content-switcher__icon {
  fill: var(--cds-icon-primary, #161616);
}

.cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover)::before,
.cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus::before,
.cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected::before,
.cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover)::before {
  z-index: 0;
  border-radius: 0;
  block-size: 100%;
  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
  box-shadow: inset 0 0 0 0.0625rem var(--cds-layer-hover);
  content: "";
  inline-size: 100%;
}
.cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover):not(.cds--content-switcher--selected)::after,
.cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
.cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover):not(.cds--content-switcher--selected)::after {
  background-color: var(--cds-focus-inset, #ffffff);
  transform: scaleY(1);
}

.cds--content-switcher-btn.cds--content-switcher--selected {
  z-index: 3;
  color: var(--cds-text-inverse, #ffffff);
}
.cds--content-switcher-btn.cds--content-switcher--selected:hover {
  background-color: transparent;
}
.cds--content-switcher-btn.cds--content-switcher--selected:disabled {
  border-radius: 0.25rem;
  background-color: var(--cds-button-disabled, #c6c6c6);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--content-switcher-btn.cds--content-switcher--selected::after {
  transform: scaleY(1);
}

.cds--content-switcher-btn.cds--content-switcher--selected .cds--content-switcher__icon {
  fill: var(--cds-icon-inverse, #ffffff);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--content-switcher-btn:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--content-switcher--icon-only {
  justify-content: flex-start;
  inline-size: fit-content;
}

.cds--content-switcher--icon-only .cds--content-switcher-btn {
  align-items: center;
  padding: 0;
  transition: none;
}
.cds--content-switcher--icon-only .cds--content-switcher-btn:focus {
  box-shadow: none;
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn:first-of-type::before {
  background-color: transparent;
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn {
  border-end-start-radius: 0.25rem;
  border-start-start-radius: 0.25rem;
  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn {
  border-end-end-radius: 0.25rem;
  border-start-end-radius: 0.25rem;
  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn[disabled],
.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn[disabled] {
  box-shadow: none;
}

.cds--content-switcher--lg .cds--content-switcher-btn {
  padding-inline: 0.875rem 0.875rem;
}

.cds--content-switcher--lg .cds--content-switcher-btn svg {
  block-size: 20px;
  inline-size: 20px;
}

.cds--content-switcher--icon-only .cds--content-switcher-btn svg {
  z-index: 1;
  fill: var(--cds-icon-primary, #161616);
}

.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected svg {
  z-index: 1;
  fill: var(--cds-icon-inverse, #ffffff);
}

.cds--content-switcher--icon-only.cds--content-switcher--sm .cds--btn--sm {
  block-size: 2rem;
}

.cds--content-switcher-btn:focus::before,
.cds--content-switcher-popover__wrapper:focus-within + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before,
.cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--disabled):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):not(:focus)::before,
.cds--content-switcher--selected::before,
.cds--content-switcher-popover--selected + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before {
  background-color: transparent;
}

.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled]:not(.cds--content-switcher--selected):hover,
.cds--content-switcher--icon-only .cds--content-switcher-popover--selected + .cds--content-switcher-popover--disabled .cds--content-switcher-btn[disabled]:hover::before {
  background-color: transparent;
}

.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled]:hover::before {
  background-color: var(--cds-border-subtle);
}

.cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus::before,
.cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus::before,
.cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected::before,
.cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn::before {
  z-index: 0;
  border-radius: 0;
  block-size: 100%;
  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
  box-shadow: inset 0 0 0 0.0625rem var(--cds-layer-hover);
  content: "";
  inline-size: 100%;
}
.cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
.cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn:not(.cds--content-switcher--selected)::after {
  background-color: var(--cds-focus-inset, #ffffff);
  transform: scaleY(1);
}

.cds--content-switcher--low-contrast {
  background-color: var(--cds-content-switcher-background, #e0e0e0);
  outline-color: var(--cds-border-strong);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn {
  border-color: var(--cds-border-strong);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover, .cds--content-switcher--low-contrast .cds--content-switcher-btn:active {
  background-color: var(--cds-content-switcher-background-hover, #d1d1d1);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn::before {
  background-color: var(--cds-border-strong);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn::after {
  background-color: var(--cds-content-switcher-selected, #ffffff);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled {
  border-color: var(--cds-border-disabled, #c6c6c6);
  background-color: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover {
  cursor: not-allowed;
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::before {
  background: transparent;
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::after {
  background-color: var(--cds-content-switcher-background, #e0e0e0);
  box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus:hover::after {
  border-color: var(--cds-border-strong);
  background-color: var(--cds-content-switcher-background-hover, #d1d1d1);
  box-shadow: none;
}

.cds--content-switcher--low-contrast:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-strong);
}

.cds--content-switcher--low-contrast:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child {
  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-strong);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover)::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover)::before {
  border-color: var(--cds-border-strong);
  box-shadow: inset 0 0 0 0.0625rem var(--cds-content-switcher-background-hover, #d1d1d1);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover):not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover):not(.cds--content-switcher--selected)::after {
  background-color: var(--cds-content-switcher-background, #e0e0e0);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:hover {
  background-color: transparent;
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected::after {
  border-radius: 0.25rem;
  background-color: var(--cds-content-switcher-selected, #ffffff);
  box-shadow: inset 0 0 0 0.0625rem var(--cds-border-inverse, #161616);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:focus::after {
  box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled {
  border: 0.0625rem solid var(--cds-border-disabled, #c6c6c6);
  border-radius: 0.25rem;
  background-color: var(--cds-content-switcher-selected, #ffffff);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled::before {
  background-color: transparent;
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus + .cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover + .cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher--selected::before,
.cds--content-switcher--low-contrast .cds--content-switcher--selected + .cds--content-switcher-btn::before {
  background-color: transparent;
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover + .cds--content-switcher-btn:disabled::before {
  background-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled + .cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled:hover + .cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover + .cds--content-switcher-btn.cds--content-switcher--selected::before {
  background-color: transparent;
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn:not([disabled]) {
  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-strong);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn:not([disabled]) {
  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-strong);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn:hover svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected[disabled] svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected:disabled {
  border-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher__selected-hovered):focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:focus-within + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--disabled):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher__selected-hovered)::before,
.cds--content-switcher--low-contrast .cds--content-switcher--selected:not(.cds--content-switcher__selected-hovered)::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover--selected + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before {
  background-color: transparent;
}

.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn::before {
  border-color: var(--cds-border-strong);
  box-shadow: inset 0 0 0 0.0625rem var(--cds-content-switcher-background-hover, #d1d1d1);
}
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn:not(.cds--content-switcher--selected)::after {
  background-color: var(--cds-content-switcher-background, #e0e0e0);
}

.cds--radio-button-group {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--radio-button-group *,
.cds--radio-button-group *::before,
.cds--radio-button-group *::after {
  box-sizing: inherit;
}
.cds--radio-button-group {
  position: relative;
  display: flex;
  align-items: center;
}

.cds--label + .cds--form-item .cds--radio-button-group {
  margin-block-start: 0;
}

.cds--radio-button-group--vertical {
  flex-direction: column;
  align-items: flex-start;
}
.cds--radio-button-group--vertical.cds--radio-button-group--label-left {
  align-items: flex-end;
}
.cds--radio-button-group--vertical .cds--radio-button__label {
  margin-inline-end: 0;
}
.cds--radio-button-group--vertical .cds--radio-button__label:not(:last-of-type) {
  margin-block-end: 0.5rem;
}

.cds--radio-button {
  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;
  margin-block-start: 0.9rem;
  margin-inline-start: 0.63rem;
  visibility: inherit;
}

.cds--radio-button__label {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-inline-end: 1rem;
}

.cds--radio-button__label-text {
  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);
  flex: 1;
}

.cds--radio-button__appearance {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--radio-button__appearance *,
.cds--radio-button__appearance *::before,
.cds--radio-button__appearance *::after {
  box-sizing: inherit;
}
.cds--radio-button__appearance {
  flex-shrink: 0;
  border: 1px solid var(--cds-icon-primary, #161616);
  border-radius: 50%;
  background-color: transparent;
  block-size: 1.125rem;
  inline-size: 1.125rem;
  margin-block: 0.0625rem 0.125rem;
  margin-inline: 0.125rem 0.625rem;
}

.cds--radio-button-group--vertical .cds--radio-button__appearance {
  margin-block: 0;
}

.cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance {
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: var(--cds-icon-primary, #161616);
}
.cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--cds-icon-primary, #161616);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  transform: scale(0.5);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
    background-color: ButtonText;
  }
}
@media print {
  .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
    print-color-adjust: exact;
  }
}

.cds--radio-button:disabled + .cds--radio-button__label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--radio-button:disabled + .cds--radio-button__label .cds--radio-button__appearance,
.cds--radio-button:disabled:checked + .cds--radio-button__label .cds--radio-button__appearance {
  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--radio-button:disabled + .cds--radio-button__label .cds--radio-button__appearance::before,
.cds--radio-button:disabled:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--radio-button-group--readonly .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {
  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--radio-button-group--readonly .cds--radio-button__label {
  cursor: default;
}

.cds--radio-button-group--readonly .cds--radio-button__label-text {
  cursor: text;
  user-select: text;
}

.cds--radio-button-group--invalid .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {
  border-color: var(--cds-support-error, #da1e28);
}

.cds--radio-button__validation-msg {
  display: none;
  align-items: flex-end;
  margin-block-start: 0.375rem;
}

.cds--radio-button__invalid-icon {
  fill: var(--cds-support-error, #da1e28);
  margin-inline: 0.1875rem 0.0625rem;
}

.cds--radio-button__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--radio-button__invalid-icon--warning path:first-of-type {
  fill: #000000;
}

.cds--radio-button-group--invalid + .cds--radio-button__validation-msg,
.cds--radio-button-group--warning + .cds--radio-button__validation-msg {
  display: flex;
}

.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement,
.cds--radio-button-group--warning + .cds--radio-button__validation-msg .cds--form-requirement {
  display: block;
  overflow: visible;
  margin-block-start: 0;
  margin-inline-start: 0.5rem;
  max-block-size: 100%;
}

.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement {
  color: var(--cds-text-error, #da1e28);
}

.cds--radio-button-group ~ .cds--form__helper-text {
  margin-block-start: 0.375rem;
}

.cds--radio-button:focus + .cds--radio-button__label .cds--radio-button__appearance {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1.5px;
}

.cds--radio-button__label.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--radio-button__label.cds--skeleton:hover, .cds--radio-button__label.cds--skeleton:focus, .cds--radio-button__label.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--radio-button__label.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--radio-button__label.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--radio-button__label.cds--skeleton {
    background: CanvasText;
  }
  .cds--radio-button__label.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--radio-button__label.cds--skeleton {
  block-size: 1.125rem;
  inline-size: 6.25rem;
}

.cds--radio-button__label.cds--skeleton .cds--radio-button__appearance {
  display: none;
}

.cds--radio-button-wrapper .cds--radio-button__label {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
}

.cds--radio-button-wrapper:not(:last-of-type) {
  margin-inline-end: 1rem;
}

.cds--radio-button-group--vertical .cds--radio-button-wrapper {
  margin-block-end: 0.375rem;
  margin-inline-end: 0;
}

.cds--radio-button-group--vertical .cds--radio-button-wrapper .cds--radio-button__label {
  padding-block-start: 0.125rem;
}

.cds--radio-button-group--label-right .cds--radio-button__label,
.cds--radio-button-wrapper.cds--radio-button-wrapper--label-right .cds--radio-button__label {
  flex-direction: row;
}

.cds--radio-button-group--label-left .cds--radio-button__label,
.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__label {
  flex-direction: row-reverse;
}

.cds--radio-button-group--label-left .cds--radio-button__appearance,
.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance {
  margin-inline: 0.5rem 0;
}

.cds--radio-button-group--decorator legend.cds--label,
.cds--radio-button-wrapper--decorator .cds--radio-button__label-text,
.cds--radio-button-group--slug legend.cds--label,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text {
  display: flex;
}

.cds--radio-button-group--decorator legend.cds--label .cds--radio-button-group-inner--decorator > *,
.cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--radio-button-wrapper-inner--decorator > *,
.cds--radio-button-group--slug legend.cds--label .cds--ai-label,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label,
.cds--radio-button-group--slug legend.cds--label .cds--slug,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug {
  margin-inline-start: 0.5rem;
}

.cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--ai-label__button--inline,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label__button--inline,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug__button--inline {
  line-height: inherit;
  margin-block-start: -0.0625rem;
}

.cds--data-table-container {
  position: relative;
  padding-block-start: 0.125rem;
}

.cds--data-table-content {
  display: block;
  overflow-x: auto;
}

.cds--data-table-content:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--data-table-content:focus {
    outline-style: dotted;
  }
}

.cds--data-table-container--ai-enabled {
  position: relative;
  padding: 1px;
  border: none;
}

.cds--data-table-container--ai-enabled::after {
  position: absolute;
  z-index: -1;
  background-image: linear-gradient(to top, var(--cds-ai-border-end, #78a9ff), var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)));
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  pointer-events: none;
}

.cds--data-table-container--ai-enabled tbody {
  position: relative;
}

.cds--data-table-container--ai-enabled tbody::before {
  position: absolute;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

.cds--data-table-header {
  background-color: var(--cds-layer);
  padding-block: 1rem 1.5rem;
  padding-inline: 1rem;
}

.cds--data-table-header.cds--data-table-header__with-decorator {
  display: flex;
  justify-content: space-between;
}

.cds--data-table-header.cds--data-table-header__with-decorator.cds--data-table-header__with-decorator--standalone {
  justify-content: flex-end;
}

.cds--data-table-header__title {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
  color: var(--cds-text-primary, #161616);
}

.cds--data-table-header__description {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-secondary, #525252);
}
@media (min-width: 42rem) {
  .cds--data-table-header__description {
    max-inline-size: 50ch;
  }
}
@media (min-width: 66rem) {
  .cds--data-table-header__description {
    max-inline-size: 80ch;
  }
}

.cds--data-table {
  border-collapse: collapse;
  border-spacing: 0;
  inline-size: 100%;
}

.cds--data-table thead {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  background-color: var(--cds-layer-accent);
}

.cds--data-table tbody {
  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);
  background-color: var(--cds-layer);
  inline-size: 100%;
}

.cds--data-table tr {
  border: none;
  block-size: 3rem;
  inline-size: 100%;
}

.cds--data-table tbody tr,
.cds--data-table tbody tr td,
.cds--data-table tbody tr th {
  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));
}

.cds--data-table th,
.cds--data-table td {
  text-align: start;
  vertical-align: middle;
}

.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand) {
  padding-block: 1rem 1rem;
}
.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-menu {
  padding-block-start: 0.5rem;
}
.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-checkbox:not(.cds--table-column-radio) {
  padding-block-start: 0.8125rem;
}
.cds--data-table.cds--data-table--top-aligned-body td {
  vertical-align: top;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header) {
  padding-block: 1rem 1rem;
}
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-menu {
  padding-block-start: 0.5rem;
}
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-checkbox {
  padding-block-start: 0.8125rem;
}
.cds--data-table.cds--data-table--top-aligned-header th {
  vertical-align: top;
}

.cds--data-table th[align=right],
.cds--data-table td[align=right] {
  text-align: end;
}

.cds--data-table th[align=center],
.cds--data-table td[align=center] {
  text-align: center;
}

.cds--data-table th {
  background-color: var(--cds-layer-accent);
  color: var(--cds-text-primary, #161616);
  padding-inline: 1rem 1rem;
}

.cds--data-table th:last-of-type {
  position: static;
  inline-size: auto;
}

.cds--data-table .cds--table-header-label {
  text-align: start;
}

.cds--data-table td,
.cds--data-table tbody th {
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  border-block-start: 1px solid var(--cds-layer);
  color: var(--cds-text-secondary, #525252);
  padding-inline: 1rem 1rem;
}
.cds--data-table td + td:first-of-type,
.cds--data-table tbody th + td:first-of-type {
  padding-inline-start: 0.75rem;
}

.cds--layer-two .cds--data-table td,
.cds--layer-two .cds--data-table tbody th {
  border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--data-table td,
.cds--layer-three .cds--data-table tbody th {
  border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
}

@supports (-moz-appearance: none) {
  .cds--data-table td {
    background-clip: padding-box;
  }
}
.cds--data-table .cds--list-box input[role=combobox],
.cds--data-table .cds--list-box input[type=text],
.cds--data-table .cds--dropdown,
.cds--data-table .cds--list-box,
.cds--data-table .cds--number input[type=number],
.cds--data-table .cds--number input[type=text],
.cds--data-table .cds--number__control-btn::before,
.cds--data-table .cds--number__control-btn::after,
.cds--data-table .cds--text-input,
.cds--data-table .cds--select-input {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=false]:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=false]:focus {
    outline-style: dotted;
  }
}

.cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=true]:focus {
  outline: none;
}

@media screen and (hover: hover), (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cds--data-table td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon {
    opacity: 0;
  }
}
.cds--data-table td.cds--table-column-menu .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__icon {
  opacity: 1;
}

.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 {
  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;
  margin-inline-end: 0.5rem;
}

.cds--data-table .cds--overflow-menu:hover,
.cds--data-table .cds--overflow-menu__trigger:hover {
  background-color: var(--cds-layer-selected-hover);
}

.cds--data-table--selected .cds--overflow-menu:hover,
.cds--data-table--selected .cds--overflow-menu__trigger:hover {
  background-color: var(--cds-layer-hover);
}

.cds--data-table--selected .cds--link:not(.cds--link--disabled) {
  color: var(--cds-link-secondary, #0043ce);
}

.cds--data-table--xs td.cds--table-column-menu,
.cds--data-table--sm td.cds--table-column-menu {
  block-size: 1.5rem;
  padding-block: 0;
}

.cds--data-table--sm td.cds--table-column-menu {
  block-size: 2rem;
}

.cds--data-table--md td.cds--table-column-menu {
  block-size: 2.5rem;
}

.cds--data-table--xl .cds--table-column-menu {
  padding-block-start: 0.5rem;
}

.cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(odd) td {
  border-block-end: 1px solid var(--cds-layer);
}

.cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(even) td {
  border-block-end: 1px solid var(--cds-layer-accent);
  border-block-start: 1px solid var(--cds-layer-accent);
}

.cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):nth-child(even) {
  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);
}

.cds--table-column-checkbox .cds--checkbox-label {
  min-block-size: 1.5rem;
  padding-inline-start: 0;
}

.cds--table-column-checkbox .cds--checkbox-label::before {
  margin-block-start: 0.125rem;
}

.cds--table-column-checkbox .cds--checkbox-label::after {
  inset-block-start: 0.46875rem;
}

.cds--data-table th.cds--table-column-checkbox {
  position: static;
  background-color: var(--cds-layer-accent);
  inline-size: 2rem;
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--data-table thead th.cds--table-column-checkbox,
.cds--data-table tbody td.cds--table-column-checkbox,
.cds--data-table thead th.cds--table-expand,
.cds--data-table tbody td.cds--table-expand {
  min-inline-size: 0;
}

.cds--data-table thead th.cds--table-column-checkbox,
.cds--data-table tbody td.cds--table-column-checkbox {
  min-inline-size: 2.5rem;
  padding-inline: 1rem 0.25rem;
}

.cds--data-table thead th.cds--table-expand,
.cds--data-table tbody td.cds--table-expand {
  block-size: 2rem;
  inline-size: 2rem;
}

.cds--data-table--xs thead th.cds--table-expand,
.cds--data-table--xs tbody td.cds--table-expand {
  padding: 0 0 0 0.5rem;
  block-size: 1.5rem;
  inline-size: 1.5rem;
}

.cds--data-table--sm thead th.cds--table-expand,
.cds--data-table--sm tbody td.cds--table-expand {
  padding: 0;
  block-size: 2rem;
  inline-size: 2rem;
  padding-inline-start: 0.5rem;
}

.cds--data-table--md thead th.cds--table-expand,
.cds--data-table--md tbody td.cds--table-expand {
  padding: 0.25rem 0 0.25rem 0.5rem;
  block-size: 2.5rem;
  inline-size: 2.5rem;
}

.cds--data-table--xl thead th.cds--table-expand,
.cds--data-table--xl tbody td.cds--table-expand {
  block-size: 4rem;
  padding-block: 0.625rem 1.375rem;
}

.cds--data-table--xl .cds--table-column-checkbox {
  padding-block-start: 0.8125rem;
}

.cds--data-table--xl .cds--table-column-radio {
  padding-block-start: 1rem;
}

.cds--table-column-radio {
  inline-size: 48px;
}

.cds--table-column-radio .cds--radio-button__appearance {
  margin-inline-end: -0.125rem;
}

.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected td,
tr.cds--data-table--selected td {
  border-block-end: 1px solid var(--cds-layer-active);
  border-block-start: 1px solid var(--cds-layer-selected);
  color: var(--cds-text-primary, #161616);
}

.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected,
tr.cds--data-table--selected {
  background-color: var(--cds-layer-selected);
}

.cds--data-table--zebra tbody tr:first-of-type:nth-child(odd).cds--data-table--selected td,
tr.cds--data-table--selected:first-of-type td {
  border-block-start: 1px solid var(--cds-border-subtle-selected);
}

.cds--data-table--zebra tbody tr:last-of-type:nth-child(odd).cds--data-table--selected td,
.cds--data-table--zebra tbody tr:last-of-type:nth-child(even).cds--data-table--selected td,
tr.cds--data-table--selected:last-of-type td {
  border-block-end: 1px solid var(--cds-layer-selected);
  border-block-start: 1px solid var(--cds-layer-selected);
}

.cds--data-table--zebra tbody tr:nth-child(even).cds--data-table--selected 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);
}

.cds--data-table--selected .cds--overflow-menu .cds--overflow-menu__icon {
  opacity: 1;
}

.cds--data-table--xs thead tr,
.cds--data-table--xs tbody tr,
.cds--data-table--xs tbody tr th {
  block-size: 1.5rem;
}

.cds--data-table--xs .cds--table-header-label {
  padding-block: 0.125rem 0.125rem;
}

.cds--data-table--xs td,
.cds--data-table--xs tbody tr th {
  padding-block: 0.125rem 0.125rem;
}

.cds--data-table--xs .cds--overflow-menu {
  block-size: calc(100% + 1px);
  inline-size: 2rem;
}

.cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
.cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
  padding-block: 0;
}

.cds--data-table.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox-label {
  block-size: 1.4375rem;
  min-block-size: 1.4375rem;
}

.cds--data-table--sm thead tr,
.cds--data-table--sm tbody tr,
.cds--data-table--sm tbody tr th {
  block-size: 2rem;
}

.cds--data-table--sm .cds--table-header-label {
  padding-block: 0.4375rem 0.4375rem;
}

.cds--data-table--sm td,
.cds--data-table--sm tbody tr th,
.cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
  padding-block: 0.4375rem 0.375rem;
}

.cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
.cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
  padding-block: 0.1875rem 0.1875rem;
}

.cds--data-table--sm .cds--overflow-menu {
  block-size: calc(100% + 1px);
}

.cds--data-table--md thead tr,
.cds--data-table--md tbody tr,
.cds--data-table--md tbody tr th {
  block-size: 2.5rem;
}

.cds--data-table--md .cds--table-header-label,
.cds--data-table--md.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
  padding-block: 0.4375rem 0.4375rem;
}

.cds--data-table--md td,
.cds--data-table--md tbody tr th {
  padding-block: 0.4375rem 0.375rem;
}

.cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
.cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
  padding-block: 0.1875rem 0.1875rem;
}

.cds--data-table--md .cds--table-column-menu {
  padding-block: 0.1875rem 0.1875rem;
}

.cds--data-table--xl thead tr,
.cds--data-table--xl tbody tr,
.cds--data-table--xl tbody tr th {
  block-size: 4rem;
}

.cds--data-table--xl .cds--table-header-label {
  padding-block: 1rem 1rem;
}

.cds--data-table--xl td,
.cds--data-table--xl tbody tr th {
  padding-block: 1rem 1rem;
}

.cds--data-table--xl th,
.cds--data-table--xl td {
  vertical-align: top;
}

.cds--data-table--xl .cds--data-table--cell-secondary-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);
}

.cds--data-table--static {
  inline-size: auto;
}

.cds--data-table-container--static {
  inline-size: fit-content;
}

.cds--data-table_inner-container {
  background-color: var(--cds-layer-accent);
  transform: translateZ(0);
}

.cds--data-table--sticky-header {
  display: block;
  overflow-y: scroll;
}
.cds--data-table--sticky-header thead,
.cds--data-table--sticky-header tbody,
.cds--data-table--sticky-header tr,
.cds--data-table--sticky-header th,
.cds--data-table--sticky-header td {
  display: flex;
}
.cds--data-table--sticky-header thead {
  position: sticky;
  z-index: 1;
  overflow: scroll;
  inline-size: 100%;
  inset-block-start: 0;
  -ms-overflow-style: none;
  will-change: transform;
}
.cds--data-table--sticky-header thead tr th {
  border-block-end: 1px solid var(--cds-layer-active);
}
.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 {
  block-size: auto;
  min-block-size: 3rem;
}
.cds--data-table--sticky-header tr.cds--expandable-row:not(.cds--parent-row) {
  block-size: auto;
}
.cds--data-table--sticky-header .cds--table-expand {
  max-inline-size: 3rem;
}
.cds--data-table--sticky-header thead .cds--table-expand {
  align-items: center;
}
.cds--data-table--sticky-header .cds--parent-row {
  min-block-size: 3rem;
}
.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);
}
.cds--data-table--sticky-header tr.cds--expandable-row:last-of-type {
  overflow: hidden;
}
.cds--data-table--sticky-header tr.cds--data-table--selected:first-of-type td {
  border-block-start: none;
}
.cds--data-table--sticky-header thead th.cds--table-column-checkbox,
.cds--data-table--sticky-header tbody tr td.cds--table-column-checkbox {
  align-items: center;
  inline-size: 2.25rem;
  min-inline-size: 2.25rem;
}
.cds--data-table--sticky-header.cds--data-table--xl thead th.cds--table-column-checkbox, .cds--data-table--sticky-header.cds--data-table--xl td.cds--table-column-checkbox {
  align-items: flex-start;
}
.cds--data-table--sticky-header {
  /* When using sticky header, with a selection element in the first column, we need to set the last item to a fixed width to match the table body. We only want this to happen when the last table header does not have any text */
}
.cds--data-table--sticky-header th.cds--table-column-checkbox ~ th:last-of-type:empty {
  max-inline-size: 4rem;
}
.cds--data-table--sticky-header th:empty:not(.cds--table-expand) {
  max-inline-size: 2.25rem;
}
.cds--data-table--sticky-header td.cds--table-column-menu {
  align-items: center;
  block-size: auto;
  padding-block-start: 0;
}
.cds--data-table--sticky-header thead::-webkit-scrollbar,
.cds--data-table--sticky-header tbody::-webkit-scrollbar {
  display: none;
}
.cds--data-table--sticky-header {
  /* This is for targeting styles specific to firefox */
  /* To hide the firefox scrollbar */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
@-moz-document url-prefix() {
  .cds--data-table--sticky-header thead,
  .cds--data-table--sticky-header tbody {
    scrollbar-width: none;
  }
}
.cds--data-table--sticky-header tbody tr:last-of-type {
  border-block-end: 0;
}
.cds--data-table--sticky-header th:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(.cds--table-expand):not(.cds--table-column-icon),
.cds--data-table--sticky-header td:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(.cds--table-expand):not(.cds--table-column-icon) {
  inline-size: 100%;
  min-inline-size: 0;
}
.cds--data-table--sticky-header.cds--data-table--xs tr:not(.cds--expandable-row), .cds--data-table--sticky-header.cds--data-table--sm tr:not(.cds--expandable-row), .cds--data-table--sticky-header.cds--data-table--xl tr:not(.cds--expandable-row) {
  block-size: auto;
}
.cds--data-table--sticky-header.cds--data-table--xs tr:not(.cds--expandable-row) {
  min-block-size: 1.5rem;
}
.cds--data-table--sticky-header.cds--data-table--sm tr:not(.cds--expandable-row) {
  min-block-size: 2rem;
}
.cds--data-table--sticky-header.cds--data-table--xl tr:not(.cds--expandable-row) {
  min-block-size: 4rem;
}
.cds--data-table--sticky-header.cds--data-table--xs tr td.cds--table-expand {
  padding-block-start: 0.25rem;
}
.cds--data-table--sticky-header.cds--data-table--sm tr td.cds--table-expand {
  padding-block-start: 0.5rem;
}
.cds--data-table--sticky-header .cds--table-header-label {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-inline-size: calc(100% - 10px);
  overflow-y: hidden;
  padding-block: 0.9375rem 1rem;
}
.cds--data-table--sticky-header.cds--data-table--xs th .cds--table-header-label {
  padding-block: 0.1875rem 0;
}
.cds--data-table--sticky-header.cds--data-table--sm th .cds--table-header-label {
  padding-block: 0.5rem 0;
}
.cds--data-table--sticky-header.cds--data-table--xl th .cds--table-header-label {
  padding-block-start: 1rem;
}
.cds--data-table--sticky-header.cds--data-table--xl th.cds--table-expand {
  display: flex;
  align-items: flex-start;
}
.cds--data-table--sticky-header.cds--data-table--xs tr.cds--parent-row .cds--table-column-checkbox, .cds--data-table--sticky-header.cds--data-table--sm tr.cds--parent-row .cds--table-column-checkbox {
  align-items: flex-start;
}

.cds--data-table--max-width {
  max-inline-size: 100%;
}

.cds--data-table--sticky-header {
  max-block-size: 18.75rem;
}

.cds--data-table .cds--form-item.cds--checkbox-wrapper:last-of-type {
  margin: 0;
}

.cds--data-table--xs .cds--form-item.cds--checkbox-wrapper:last-of-type,
.cds--data-table--sm .cds--form-item.cds--checkbox-wrapper:last-of-type {
  margin: -0.1875rem 0;
}

.cds--data-table .cds--table-column-slug,
.cds--data-table .cds--table-column-decorator {
  inline-size: 1rem;
  padding-inline-end: 0;
}

tr.cds--data-table--slug-row,
tr.cds--data-table--slug-row + .cds--expandable-row,
tr.cds--data-table--ai-label-row,
tr.cds--data-table--ai-label-row + .cds--expandable-row {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
  background-attachment: fixed;
}

.cds--data-table--slug-row,
.cds--data-table--ai-label-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,
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;
}

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,
tr.cds--parent-row.cds--data-table--selected.cds--data-table--ai-label-row,
.cds--data-table--selected.cds--data-table--ai-label-row,
tr.cds--data-table--selected.cds--data-table--ai-label-row + .cds--expandable-row {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
  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) {
  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;
}

.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,
.cds--data-table thead th:has(> .cds--table-header-label--ai-label) {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

.cds--table-column-slug .cds--ai-label,
.cds--table-column-slug .cds--slug,
.cds--table-column-decorator .cds--decorator {
  position: absolute;
  z-index: 2;
  transform: translateY(-50%);
}

.cds--data-table--xl .cds--table-column-slug .cds--ai-label,
.cds--data-table--xl .cds--table-column-slug .cds--slug,
.cds--data-table--xl .cds--table-column-decorator .cds--decorator {
  transform: translateY(1px);
}

th .cds--table-header-label.cds--table-header-label--slug,
th .cds--table-header-label.cds--table-header-label--ai-label,
th .cds--table-header-label.cds--table-header-label--decorator {
  display: flex;
  align-items: center;
}

th .cds--table-header-label.cds--table-header-label--ai-label .cds--ai-label,
th .cds--table-header-label.cds--table-header-label--ai-label .cds--slug,
th .cds--table-header-label.cds--table-header-label--decorator .cds--table-header-label--decorator-inner,
th .cds--table-header-label.cds--table-header-label--ai-label .cds--table-header-label--decorator-inner {
  margin-inline-start: auto;
}

th.cds--table-sort__header--slug,
th:has(.cds--table-header-label--slug),
th.cds--table-sort__header--ai-label,
th:has(.cds--table-header-label--ai-label) {
  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
}

td.cds--table-cell--column-slug {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug {
  border-block-start: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug,
  .cds--data-table-content {
    outline: 1px solid transparent;
  }
}

.cds--search {
  position: relative;
  display: flex;
  align-items: center;
  inline-size: 100%;
}

.cds--search .cds--label {
  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--search-input {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--search-input *,
.cds--search-input *::before,
.cds--search-input *::after {
  box-sizing: inherit;
}
.cds--search-input {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  order: 1;
  padding: 0 2.5rem;
  border: none;
  appearance: none;
  background-color: var(--cds-field);
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  inline-size: 100%;
  text-overflow: ellipsis;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--search-input:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--search-input:focus {
    outline-style: dotted;
  }
}
.cds--search-input::placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}
.cds--search-input::-ms-clear {
  display: none;
}
.cds--search-input::-webkit-search-decoration, .cds--search-input::-webkit-search-cancel-button, .cds--search-input::-webkit-search-results-button, .cds--search-input::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
  appearance: none;
}

.cds--search-input[disabled] {
  background-color: var(--cds-field);
  border-block-end: 1px solid transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--search-input[disabled]::placeholder {
  color: var(--cds-field);
}

.cds--search--light .cds--search-input {
  background: var(--cds-field-02, #ffffff);
}

.cds--search--light .cds--search-close::before {
  background: var(--cds-field-02, #ffffff);
}

.cds--search--sm .cds--search-input,
.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input {
  padding: 0 2rem;
  block-size: 2rem;
}

.cds--search--sm .cds--search-magnifier-icon {
  inset-inline-start: 0.5rem;
}

.cds--search--md .cds--search-input,
.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input {
  padding: 0 2.5rem;
  block-size: 2.5rem;
}

.cds--search--md .cds--search-magnifier-icon {
  inset-inline-start: 0.75rem;
}

.cds--search--lg .cds--search-input,
.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input {
  padding: 0 3rem;
  block-size: 3rem;
}

.cds--search-magnifier-icon {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--search-magnifier-icon *,
.cds--search-magnifier-icon *::before,
.cds--search-magnifier-icon *::after {
  box-sizing: inherit;
}
.cds--search-magnifier-icon {
  position: absolute;
  z-index: 2;
  block-size: 1rem;
  fill: var(--cds-icon-secondary, #525252);
  inline-size: 1rem;
  inset-block-start: 50%;
  inset-inline-start: 1rem;
  pointer-events: none;
  transform: translateY(-50%);
}

.cds--search-close {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--search-close *,
.cds--search-close *::before,
.cds--search-close *::after {
  box-sizing: inherit;
}
.cds--search-close::-moz-focus-inner {
  border: 0;
}
.cds--search-close {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}
.cds--search-close::before {
  position: absolute;
  display: block;
  background-color: var(--cds-field);
  block-size: calc(100% - 2px);
  content: "";
  inline-size: 2px;
  inset-block-start: 0.0625rem;
  inset-inline-start: 0;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--search-close::before {
    transition: none;
  }
}
.cds--search-close:hover {
  border-block-end: 1px solid var(--cds-border-strong);
}
.cds--search-close:hover::before {
  background-color: var(--cds-field-hover);
}

.cds--search-button {
  flex-shrink: 0;
  background-color: var(--cds-field);
  margin-inline-start: 0.125rem;
}
.cds--search-button svg {
  fill: currentColor;
  vertical-align: middle;
}

.cds--search-close svg {
  fill: inherit;
}

.cds--search-close,
.cds--search-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px 0;
  border-style: solid;
  border-color: transparent;
  block-size: 2.5rem;
  cursor: pointer;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 2.5rem;
  opacity: 1;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: inherit;
}
.cds--search-close:hover,
.cds--search-button:hover {
  background-color: var(--cds-field-hover);
}
.cds--search-close:focus,
.cds--search-button:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--search-close:focus,
  .cds--search-button:focus {
    outline-style: dotted;
  }
}
.cds--search-close:active,
.cds--search-button:active {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--search-close:active,
  .cds--search-button:active {
    outline-style: dotted;
  }
}
.cds--search-close:active,
.cds--search-button:active {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
}

.cds--search--disabled .cds--search-close,
.cds--search--disabled.cds--search--expandable .cds--search-magnifier {
  cursor: not-allowed;
  outline: none;
}
.cds--search--disabled .cds--search-close:hover,
.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover {
  background-color: transparent;
  border-block-end-color: transparent;
}
.cds--search--disabled .cds--search-close:hover::before,
.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before {
  background-color: transparent;
}

.cds--search--disabled svg {
  fill: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.cds--search-close:focus::before,
.cds--search-close:active::before {
  background-color: var(--cds-focus, #0f62fe);
}

.cds--search-input:focus ~ .cds--search-close:hover {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--search-input:focus ~ .cds--search-close:hover {
    outline-style: dotted;
  }
}

.cds--search--sm .cds--search-close,
.cds--search--sm ~ .cds--search-button, .cds--search--sm.cds--search--expandable, .cds--search--sm.cds--search--expandable .cds--search-magnifier {
  block-size: 2rem;
  inline-size: 2rem;
}
.cds--search--sm.cds--search--expandable .cds--search-input::placeholder {
  padding: 0 2rem;
}

.cds--search--md .cds--search-close,
.cds--search--md ~ .cds--search-button, .cds--search--md.cds--search--expandable, .cds--search--md.cds--search--expandable .cds--search-magnifier {
  block-size: 2.5rem;
  inline-size: 2.5rem;
}
.cds--search--md.cds--search--expandable .cds--search-input::placeholder {
  padding: 0 2.5rem;
}

.cds--search--lg .cds--search-close,
.cds--search--lg ~ .cds--search-button, .cds--search--lg.cds--search--expandable, .cds--search--lg.cds--search--expandable .cds--search-magnifier {
  block-size: 3rem;
  inline-size: 3rem;
}
.cds--search--lg.cds--search--expandable .cds--search-input::placeholder {
  padding: 0 3rem;
}

.cds--search-close--hidden {
  opacity: 0;
  visibility: hidden;
}

.cds--search--lg.cds--skeleton .cds--search-input,
.cds--search--md.cds--skeleton .cds--search-input,
.cds--search--sm.cds--skeleton .cds--search-input {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--search--lg.cds--skeleton .cds--search-input:hover, .cds--search--lg.cds--skeleton .cds--search-input:focus, .cds--search--lg.cds--skeleton .cds--search-input:active,
.cds--search--md.cds--skeleton .cds--search-input:hover,
.cds--search--md.cds--skeleton .cds--search-input:focus,
.cds--search--md.cds--skeleton .cds--search-input:active,
.cds--search--sm.cds--skeleton .cds--search-input:hover,
.cds--search--sm.cds--skeleton .cds--search-input:focus,
.cds--search--sm.cds--skeleton .cds--search-input:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--search--lg.cds--skeleton .cds--search-input::before,
.cds--search--md.cds--skeleton .cds--search-input::before,
.cds--search--sm.cds--skeleton .cds--search-input::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--search--lg.cds--skeleton .cds--search-input::before,
  .cds--search--md.cds--skeleton .cds--search-input::before,
  .cds--search--sm.cds--skeleton .cds--search-input::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--search--lg.cds--skeleton .cds--search-input,
  .cds--search--md.cds--skeleton .cds--search-input,
  .cds--search--sm.cds--skeleton .cds--search-input {
    background: CanvasText;
  }
  .cds--search--lg.cds--skeleton .cds--search-input::before,
  .cds--search--md.cds--skeleton .cds--search-input::before,
  .cds--search--sm.cds--skeleton .cds--search-input::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--search--lg.cds--skeleton .cds--search-input,
.cds--search--md.cds--skeleton .cds--search-input,
.cds--search--sm.cds--skeleton .cds--search-input {
  inline-size: 100%;
}
.cds--search--lg.cds--skeleton .cds--search-input::placeholder,
.cds--search--md.cds--skeleton .cds--search-input::placeholder,
.cds--search--sm.cds--skeleton .cds--search-input::placeholder {
  color: transparent;
}

.cds--search--expandable {
  transition: width 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search--expandable.cds--search--expanded {
  inline-size: 100%;
}

.cds--search--expandable .cds--search-input {
  padding: 0;
  inline-size: 0;
  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--search--expandable .cds--search-input::placeholder {
  position: relative;
  opacity: 0;
  transition-duration: 70ms;
  transition-property: padding, opacity;
  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search--expandable.cds--search--expanded .cds--search-input {
  inline-size: 100%;
  transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder {
  position: relative;
  padding: 0;
  opacity: 1;
}

.cds--search--expandable .cds--search-magnifier {
  position: absolute;
  cursor: pointer;
}
.cds--search--expandable .cds--search-magnifier:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
}

.cds--search--expandable .cds--search-magnifier:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.cds--search--expandable.cds--search--expanded .cds--search-magnifier {
  pointer-events: none;
}

.cds--search--expandable .cds--search-magnifier-icon {
  fill: var(--cds-icon-primary, #161616);
}

.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--search--expandable.cds--search--disabled svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--search-magnifier-tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cds--search-magnifier-tooltip .cds--search-magnifier {
  position: relative;
}

.cds--table-toolbar {
  position: relative;
  z-index: 1;
  display: flex;
  background-color: var(--cds-layer);
  inline-size: 100%;
  min-block-size: 3rem;
}

.cds--toolbar-content {
  display: flex;
  justify-content: flex-end;
  block-size: 3rem;
  inline-size: 100%;
  transform: translate3d(0, 0, 0);
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--toolbar-content .cds--search .cds--search-input {
  padding: 0 3rem;
  background-color: transparent;
  block-size: 3rem;
}

.cds--toolbar-content .cds--overflow-menu {
  block-size: 3rem;
  inline-size: 3rem;
}

.cds--batch-actions ~ .cds--toolbar-search-container {
  display: flex;
  align-items: center;
  opacity: 1;
  transition: opacity 110ms;
}

.cds--toolbar-search-container-expandable {
  position: relative;
  block-size: 3rem;
  box-shadow: none;
  cursor: pointer;
  inline-size: 3rem;
  transition: width 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--toolbar-search-container-expandable:hover {
  background-color: var(--cds-field-hover);
}

.cds--search.cds--toolbar-search-container-expandable {
  inline-size: 3rem;
}

.cds--toolbar-search-container-expandable .cds--search-input {
  block-size: 100%;
  cursor: pointer;
  opacity: 0;
}

.cds--toolbar-search-container-expandable:not(.cds--toolbar-search-container-active) .cds--search-input {
  padding: 0;
}

.cds--toolbar-search-container-disabled .cds--search-input {
  cursor: not-allowed;
}

.cds--toolbar-search-container-expandable.cds--search .cds--label {
  visibility: hidden;
}

.cds--toolbar-search-container-expandable.cds--search .cds--search-close {
  block-size: 3rem;
  inline-size: 3rem;
}
.cds--toolbar-search-container-expandable.cds--search .cds--search-close::before {
  background-color: var(--cds-field-hover);
  block-size: calc(100% - 0.25rem);
  inset-block-start: 0.125rem;
}

.cds--toolbar-search-container-expandable.cds--search .cds--search-close:focus::before {
  background-color: var(--cds-focus, #0f62fe);
}

.cds--table-toolbar .cds--search--lg .cds--search-magnifier-icon {
  inset-inline-start: 0;
}

.cds--table-toolbar:not(.cds--table-toolbar--sm) .cds--toolbar-search-container-persistent.cds--search--lg .cds--search-magnifier-icon {
  inset-inline-start: 1rem;
}

.cds--table-toolbar.cds--table-toolbar--sm .cds--search--sm:not(.cds--toolbar-search-container-active):not(.cds--toolbar-search-container-persistent) .cds--search-magnifier-icon {
  inset-inline-start: 0;
}

.cds--table-toolbar.cds--table-toolbar--sm .cds--search--sm.cds--toolbar-search-container-active .cds--search-magnifier-icon {
  inset-inline-start: 0.5rem;
}

.cds--table-toolbar .cds--toolbar-search-container-persistent.cds--search--sm .cds--search-magnifier-icon {
  inset-inline-start: 0.5rem;
}

.cds--toolbar-search-container-expandable .cds--search-magnifier-icon {
  padding: 1rem;
  block-size: 3rem;
  inline-size: 3rem;
}

.cds--toolbar-search-container-expandable.cds--search--disabled .cds--search-magnifier-icon {
  background-color: var(--cds-layer);
  cursor: not-allowed;
  transition: background-color none;
}

.cds--toolbar-search-container-active .cds--search-magnifier-icon:focus,
.cds--toolbar-search-container-active .cds--search-magnifier-icon:active,
.cds--toolbar-search-container-active .cds--search-magnifier-icon:hover {
  border: none;
  background-color: transparent;
  outline: none;
}

.cds--toolbar-search-container-active.cds--search {
  inline-size: 100%;
}

.cds--toolbar-search-container-active .cds--search-input {
  opacity: 1;
}

.cds--toolbar-search-container-active .cds--label,
.cds--toolbar-search-container-active .cds--search-input {
  padding: 0 3rem;
  cursor: text;
}

.cds--toolbar-search-container-active .cds--search-input:focus + .cds--search-close {
  border: none;
  box-shadow: none;
  outline: none;
}

.cds--toolbar-search-container-active .cds--search-input:not(:placeholder-shown) {
  border: none;
  background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-persistent .cds--search-close,
.cds--toolbar-search-container-persistent .cds--search-close:hover,
.cds--toolbar-search-container-active .cds--search-close,
.cds--toolbar-search-container-active .cds--search-close:hover {
  border: none;
  background-color: transparent;
}

.cds--toolbar-search-container-persistent .cds--search-close::before {
  display: none;
}

.cds--overflow-menu.cds--toolbar-action {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--overflow-menu.cds--toolbar-action *,
.cds--overflow-menu.cds--toolbar-action *::before,
.cds--overflow-menu.cds--toolbar-action *::after {
  box-sizing: inherit;
}
.cds--overflow-menu.cds--toolbar-action::-moz-focus-inner {
  border: 0;
}
.cds--overflow-menu.cds--toolbar-action {
  display: flex;
  padding: 1rem;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--toolbar-action {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--toolbar-action *,
.cds--toolbar-action *::before,
.cds--toolbar-action *::after {
  box-sizing: inherit;
}
.cds--toolbar-action::-moz-focus-inner {
  border: 0;
}
.cds--toolbar-action {
  display: flex;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--toolbar-action:hover:not([disabled]) {
  background-color: var(--cds-field-hover);
}

.cds--toolbar-action[aria-expanded=true],
.cds--toolbar-action:hover[aria-expanded=true] {
  background-color: var(--cds-layer-02, #ffffff);
}

.cds--toolbar-action[disabled] {
  cursor: not-allowed;
}

.cds--toolbar-action[disabled] .cds--toolbar-action__icon {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--toolbar-action:focus:not([disabled]),
.cds--toolbar-action:active:not([disabled]) {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--toolbar-action:focus:not([disabled]),
  .cds--toolbar-action:active:not([disabled]) {
    outline-style: dotted;
  }
}
.cds--toolbar-action:focus:not([disabled]).cds--toolbar-search-container-expandable,
.cds--toolbar-action:active:not([disabled]).cds--toolbar-search-container-expandable {
  outline: none;
}

.cds--toolbar-action ~ .cds--btn {
  margin: 0;
  max-inline-size: none;
  white-space: nowrap;
}

.cds--overflow-menu--data-table {
  block-size: 3rem;
}

.cds--toolbar-action__icon {
  block-size: 1rem;
  fill: var(--cds-icon-primary, #161616);
  inline-size: auto;
  max-inline-size: 1rem;
}

.cds--toolbar-action__menu,
.cds--toolbar-action__menu.cds--overflow-menu-options::after {
  background-color: var(--cds-layer-02, #ffffff);
}

.cds--toolbar-search-container-persistent {
  position: relative;
  block-size: 3rem;
  inline-size: 100%;
  opacity: 1;
}

.cds--toolbar-search-container-persistent + .cds--toolbar-content {
  position: relative;
  inline-size: auto;
}

.cds--toolbar-search-container-persistent .cds--search {
  position: initial;
}

.cds--toolbar-search-container-persistent .cds--search-magnifier-icon {
  inset-inline-start: 1rem;
}

.cds--toolbar-search-container-persistent .cds--search-input {
  padding: 0 3rem;
  border: none;
  block-size: 3rem;
}

.cds--toolbar-search-container-persistent .cds--search-input:focus:not([disabled]) {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--toolbar-search-container-persistent .cds--search-input:focus:not([disabled]) {
    outline-style: dotted;
  }
}

.cds--toolbar-search-container-persistent .cds--search-input:hover:not([disabled]) {
  background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-persistent .cds--search-input:active:not([disabled]),
.cds--toolbar-search-container-persistent .cds--search-input:not(:placeholder-shown) {
  background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-persistent .cds--search-close {
  block-size: 3rem;
  inline-size: 3rem;
}

.cds--batch-actions--active ~ .cds--toolbar-search-container,
.cds--batch-actions--active ~ .cds--toolbar-content {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transform: translate3d(0, 48px, 0);
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--batch-actions {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--cds-background-brand, #0f62fe);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  inset-block-end: 0;
  inset-inline: 0;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 48px, 0);
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  will-change: transform;
}

.cds--batch-actions:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--batch-actions:focus {
    outline-style: dotted;
  }
}

.cds--batch-actions--active {
  z-index: 1;
  clip-path: polygon(0 0, 300% 0, 300% 300%, 0 300%);
  opacity: 1;
  pointer-events: all;
  transform: translate3d(0, 0, 0);
}

.cds--action-list {
  display: flex;
  align-items: center;
}

.cds--action-list .cds--btn,
.cds--batch-summary .cds--btn {
  color: var(--cds-text-on-color, #ffffff);
  padding-inline: 1rem 1rem;
  white-space: nowrap;
}

.cds--action-list .cds--btn:disabled {
  border-color: transparent;
  background-color: transparent;
  color: var(--cds-text-on-color, #ffffff);
  opacity: 0.5;
}

.cds--action-list .cds--btn .cds--btn__icon {
  position: static;
  fill: var(--cds-icon-on-color, #ffffff);
  margin-inline-start: 0.5rem;
}

.cds--action-list .cds--btn .cds--btn__icon .st0 {
  fill: none;
}

.cds--batch-download {
  padding: 0.0625rem;
}

.cds--action-list .cds--btn--primary:focus::before,
.cds--action-list .cds--btn--primary::before,
.cds--action-list .cds--btn--primary:focus::after,
.cds--action-list .cds--btn--primary::after {
  display: none;
}

.cds--action-list .cds--btn--primary:focus,
.cds--batch-summary .cds--btn--primary:focus {
  outline: 2px solid var(--cds-layer);
  outline-offset: -0.125rem;
}

.cds--action-list .cds--btn--primary:nth-child(3):hover + .cds--btn--primary.cds--batch-summary__cancel::before,
.cds--action-list .cds--btn--primary:nth-child(3):focus + .cds--btn--primary.cds--batch-summary__cancel::before {
  opacity: 0;
}

.cds--btn--primary.cds--batch-summary__cancel::before {
  position: absolute;
  display: block;
  border: none;
  background-color: var(--cds-text-on-color, #ffffff);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
  inset-block-start: 0.9375rem;
  inset-inline-start: 0;
  opacity: 1;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--btn--primary.cds--batch-summary__cancel:hover::before {
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.5, 0, 0.1, 1);
}

.cds--batch-summary {
  position: sticky;
  z-index: 100000;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  background-color: var(--cds-background-brand, #0f62fe);
  color: var(--cds-text-on-color, #ffffff);
  inset-inline-start: 0;
  min-block-size: 3rem;
}

.cds--batch-summary__scroll {
  box-shadow: 0.5px 0 0.2px var(--cds-link-primary-hover, #0043ce);
}

.cds--batch-summary__para {
  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--batch-summary__divider {
  padding-inline-start: 0.5rem;
}

.cds--table-toolbar--sm {
  block-size: 2rem;
  min-block-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable,
.cds--table-toolbar--sm .cds--toolbar-search-container-persistent {
  block-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-input,
.cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-input {
  block-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-close,
.cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-close {
  block-size: 2rem;
  inline-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-magnifier-icon,
.cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-magnifier-icon {
  padding: 0.5rem;
  block-size: 2rem;
  inline-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-action.cds--toolbar-search-container-persistent {
  inline-size: 100%;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable {
  inline-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search .cds--search-input {
  padding: 0 3rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active {
  flex: auto;
  transition: flex 175ms cubic-bezier(0.5, 0, 0.1, 1);
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input {
  visibility: inherit;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {
    outline-style: dotted;
  }
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {
  background-color: var(--cds-field-hover);
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:active,
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:not(:placeholder-shown) {
  background-color: var(--cds-field-hover);
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:focus,
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:active,
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:hover {
  outline: 2px solid transparent;
  outline-offset: -2px;
  background-color: transparent;
}
.cds--table-toolbar--sm .cds--overflow-menu.cds--toolbar-action {
  block-size: 2rem;
  inline-size: 2rem;
  min-inline-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-content {
  block-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-content .cds--overflow-menu {
  block-size: 2rem;
  inline-size: 2rem;
}

.cds--search--disabled .cds--search-magnifier-icon:hover {
  background-color: transparent;
}

.cds--table-toolbar--sm .cds--batch-actions .cds--action-list {
  block-size: 2rem;
}

.cds--table-toolbar--sm .cds--toolbar-action {
  padding: 0.5rem 0;
  block-size: 2rem;
  inline-size: 2rem;
}

.cds--table-toolbar--sm .cds--btn--primary {
  block-size: 2rem;
  min-block-size: auto;
  padding-block: 0.375rem;
}

.cds--table-toolbar--sm .cds--btn--primary.cds--batch-summary__cancel::before {
  inset-block-start: 0.5rem;
}

.cds--table-toolbar--sm .cds--toolbar-action ~ .cds--btn {
  overflow: hidden;
  block-size: 2rem;
}

.cds--table-toolbar--sm .cds--batch-summary {
  min-block-size: 2rem;
}

.cds--data-table tr.cds--parent-row:first-of-type td {
  border-block-start: 1px solid var(--cds-border-subtle);
}

.cds--expandable-row--hidden td {
  padding: 1rem;
  border-block-start: 0;
  inline-size: auto;
}

tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] {
  block-size: 0;
  transition: height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td {
  border: 0;
  background-color: var(--cds-layer-hover);
  padding-block: 0;
  transition: padding 150ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tr.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] td .cds--child-row-inner-container {
  overflow: hidden;
  max-block-size: 0;
}

tr.cds--parent-row.cds--expandable-row + tr[data-child-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);
}

tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
  border-block-end: 1px solid var(--cds-border-subtle);
  padding-inline-start: 3.5rem;
  transition: padding-bottom 150ms cubic-bezier(0.2, 0, 0.38, 0.9), transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

tbody:has(> tr.cds--data-table--slug-row) > tr.cds--expandable-row[data-child-row] td,
tbody:has(> tr.cds--data-table--ai-label-row) > tr.cds--expandable-row[data-child-row] td,
tbody:has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
  padding-inline-start: 5.5rem;
}

tbody:has(> tr.cds--data-table--ai-label-row):has(td.cds--table-column-checkbox) > tr.cds--expandable-row[data-child-row] td {
  padding-inline-start: 7.5rem;
}

tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td .cds--child-row-inner-container {
  max-block-size: 100%;
  padding-block: 1rem;
  padding-block-end: 1.5rem;
}

.cds--parent-row.cds--expandable-row > td,
.cds--parent-row.cds--expandable-row + tr[data-child-row] > td {
  border-block-end: 1px solid var(--cds-border-subtle);
  box-shadow: 0 1px var(--cds-border-subtle);
}

.cds--parent-row:not(.cds--expandable-row) + tr[data-child-row] > td {
  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);
}

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);
}

tr.cds--expandable-row--hover {
  background-color: var(--cds-layer-hover);
}

tr.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.cds--expandable-row--hover td:first-of-type {
  border-block-end: 1px solid transparent;
}

.cds--data-table td.cds--table-expand {
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--data-table td.cds--table-expand {
  border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--data-table td.cds--table-expand {
  border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
}

.cds--data-table th.cds--table-expand + .cds--table-column-checkbox,
.cds--data-table td.cds--table-expand + .cds--table-column-checkbox {
  padding-inline: 0.375rem 0.375rem;
}

.cds--data-table td.cds--table-expand[data-previous-value=collapsed] + .cds--table-column-checkbox {
  border-block-end: 1px solid transparent;
  box-shadow: none;
}

.cds--data-table th.cds--table-expand + .cds--table-column-checkbox + th,
.cds--data-table td.cds--table-expand + .cds--table-column-checkbox + td {
  padding-inline-start: 0.5rem;
}

.cds--data-table td.cds--table-expand,
.cds--data-table th.cds--table-expand {
  padding: 0.5rem;
  padding-inline-end: 0;
}

.cds--data-table td.cds--table-expand[data-previous-value=collapsed] {
  border-block-end: 1px solid transparent;
}

.cds--table-expand[data-previous-value=collapsed] .cds--table-expand__svg {
  transform: rotate(270deg);
  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--table-expand__button {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--table-expand__button *,
.cds--table-expand__button *::before,
.cds--table-expand__button *::after {
  box-sizing: inherit;
}
.cds--table-expand__button::-moz-focus-inner {
  border: 0;
}
.cds--table-expand__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  block-size: calc(100% + 1px);
  inline-size: 100%;
  vertical-align: inherit;
}

.cds--data-table--top-aligned-body td .cds--table-expand__button,
.cds--data-table--top-aligned-header th .cds--table-expand__button {
  align-items: start;
  block-size: 2rem;
  padding-block-start: 0.5rem;
}

.cds--data-table--top-aligned-body.cds--data-table--xs td .cds--table-expand__button,
.cds--data-table--top-aligned-header.cds--data-table--xs th .cds--table-expand__button {
  block-size: 1.5rem;
  padding-block-start: 0.25rem;
}

.cds--data-table--top-aligned-body.cds--data-table--md td .cds--table-expand__button,
.cds--data-table--top-aligned-header.cds--data-table--md th .cds--table-expand__button {
  margin-block-start: -0.25rem;
  padding-block-start: 0.5rem;
}

.cds--table-expand__button:focus {
  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--table-expand__svg {
  fill: var(--cds-layer-selected-inverse, #161616);
  transform: rotate(90deg);
  transition: transform 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--data-table--xl .cds--table-expand__button {
  inline-size: 2rem;
}

.cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+3) td,
.cds--data-table--zebra tbody tr[data-child-row]:nth-child(4n+4) td {
  background-color: var(--cds-layer-accent);
  border-block-end: 1px solid var(--cds-layer-accent);
  border-block-start: 1px solid var(--cds-layer-accent);
}

.cds--data-table--zebra tbody tr[data-parent-row]:nth-child(4n+1) td,
.cds--data-table--zebra tbody tr[data-child-row]:nth-child(4n+2) td {
  border-block-end: 1px solid var(--cds-layer);
}

.cds--data-table--zebra tr.cds--parent-row td,
.cds--data-table--zebra tr.cds--parent-row.cds--expandable-row + tr[data-child-row] td {
  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);
}

.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);
  border-block-start: 1px solid var(--cds-layer-hover);
}

tr.cds--parent-row.cds--data-table--selected {
  background-color: var(--cds-layer-selected);
}

tr.cds--parent-row.cds--data-table--selected:first-of-type td {
  border-block-start: 1px solid var(--cds-layer-active);
  box-shadow: 0 1px var(--cds-layer-active);
}

tr.cds--parent-row.cds--data-table--selected td {
  border-block-end: 1px solid var(--cds-layer-active);
  box-shadow: 0 1px var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
}

tr.cds--parent-row.cds--data-table--selected:last-of-type td {
  border-block-end: 1px solid transparent;
  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);
}

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);
  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);
  border-block-start: 1px solid var(--cds-layer-active);
  box-shadow: 0 1px var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
}

tr.cds--parent-row.cds--data-table--selected.cds--expandable-row + tr[data-child-row]:last-of-type td {
  box-shadow: inset 0 -1px var(--cds-layer-active);
  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);
}

.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,
.cds--parent-row .cds--table-column-decorator + td.cds--table-expand[data-previous-value=collapsed] {
  box-shadow: none;
}

.cds--parent-row.cds--expandable-row .cds--table-column-slug,
.cds--parent-row.cds--expandable-row .cds--table-column-slug + td.cds--table-expand[data-previous-value=collapsed],
.cds--parent-row.cds--expandable-row .cds--table-column-decorator,
.cds--parent-row.cds--expandable-row .cds--table-column-decorator + td.cds--table-expand[data-previous-value=collapsed] {
  border-block-end: 1px solid transparent;
}

.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 {
  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;
    outline: 1px solid Highlight;
  }
}

.cds--data-table.cds--skeleton th {
  padding-inline-start: 1rem;
  vertical-align: middle;
}

.cds--data-table.cds--skeleton th span,
.cds--data-table.cds--skeleton td span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--data-table.cds--skeleton th span:hover, .cds--data-table.cds--skeleton th span:focus, .cds--data-table.cds--skeleton th span:active,
.cds--data-table.cds--skeleton td span:hover,
.cds--data-table.cds--skeleton td span:focus,
.cds--data-table.cds--skeleton td span:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--data-table.cds--skeleton th span::before,
.cds--data-table.cds--skeleton td span::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--data-table.cds--skeleton th span::before,
  .cds--data-table.cds--skeleton td span::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--data-table.cds--skeleton th span,
  .cds--data-table.cds--skeleton td span {
    background: CanvasText;
  }
  .cds--data-table.cds--skeleton th span::before,
  .cds--data-table.cds--skeleton td span::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--data-table.cds--skeleton th span,
.cds--data-table.cds--skeleton td span {
  display: block;
  block-size: 1rem;
  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);
}

.cds--data-table.cds--skeleton .cds--table-sort {
  pointer-events: none;
}

.cds--data-table.cds--skeleton th span {
  background: var(--cds-skeleton-element, #c6c6c6);
}

.cds--data-table.cds--skeleton th span::before {
  background: var(--cds-skeleton-background, #e8e8e8);
}

.cds--data-table-container.cds--skeleton .cds--data-table-header__title {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__title:hover, .cds--data-table-container.cds--skeleton .cds--data-table-header__title:focus, .cds--data-table-container.cds--skeleton .cds--data-table-header__title:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--data-table-container.cds--skeleton .cds--data-table-header__title {
    background: CanvasText;
  }
  .cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__title {
  block-size: 1.5rem;
  inline-size: 7.5rem;
}

.cds--data-table-container.cds--skeleton .cds--data-table-header__description {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__description:hover, .cds--data-table-container.cds--skeleton .cds--data-table-header__description:focus, .cds--data-table-container.cds--skeleton .cds--data-table-header__description:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--data-table-container.cds--skeleton .cds--data-table-header__description {
    background: CanvasText;
  }
  .cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__description {
  block-size: 1rem;
  inline-size: 10rem;
  margin-block-start: 0.5rem;
}

.cds--data-table--sort th,
.cds--data-table th[aria-sort] {
  padding: 0;
  block-size: 3rem;
  border-block-end: none;
  border-block-start: none;
}

.cds--table-sort__description {
  display: none;
}

.cds--table-sort {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--table-sort *,
.cds--table-sort *::before,
.cds--table-sort *::after {
  box-sizing: inherit;
}
.cds--table-sort::-moz-focus-inner {
  border: 0;
}
.cds--table-sort {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--cds-layer-accent);
  color: var(--cds-text-primary, #161616);
  font: inherit;
  inline-size: 100%;
  line-height: 1;
  min-block-size: 100%;
  padding-inline-start: 1rem;
  text-align: start;
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--table-sort:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--table-sort:focus {
    outline-style: dotted;
  }
}

.cds--table-sort:hover {
  background: var(--cds-layer-selected-hover);
}

.cds--table-sort:focus svg,
.cds--table-sort:hover svg {
  opacity: 1;
}

.cds--data-table.cds--data-table--sort th > .cds--table-header-label {
  line-height: 1;
  padding-inline: 1rem 1rem;
}

th .cds--table-sort__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  block-size: 100%;
  inline-size: 100%;
  min-block-size: 3rem;
}

.cds--data-table--top-aligned-header th .cds--table-sort__flex {
  align-items: start;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th.cds--table-sort__header {
  padding-block-start: 1rem;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {
  padding-block: 0;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
  padding-block: 0.4375rem 0.4375rem;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header {
  padding-block: 0.125rem 0.125rem;
}

.cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
  /* IE11 workaround for align-items: center and min-height
      https://github.com/philipwalton/flexbugs/issues/231 */
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
    block-size: 2.99rem;
  }
}

.cds--data-table--xs.cds--data-table--sort th .cds--table-sort__flex {
  min-block-size: 1.5rem;
}

.cds--data-table--sm.cds--data-table--sort th .cds--table-sort__flex {
  min-block-size: 2rem;
}

.cds--data-table--md.cds--data-table--sort th .cds--table-sort__flex {
  min-block-size: 2.5rem;
}

.cds--data-table--xl.cds--data-table--sort th .cds--table-sort__flex {
  align-items: flex-start;
  min-block-size: 4rem;
}

.cds--table-sort .cds--table-sort__icon-inactive {
  display: block;
}

.cds--table-sort .cds--table-sort__icon {
  display: none;
}

.cds--table-sort__icon-unsorted {
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1.25rem;
  margin-inline: 0.5rem 0.5rem;
  min-inline-size: 1rem;
  opacity: 0;
}

.cds--table-sort.cds--table-sort--active {
  background: var(--cds-layer-selected-hover);
}

.cds--table-sort.cds--table-sort--active .cds--table-sort__icon-unsorted {
  display: none;
}

.cds--table-sort.cds--table-sort--active .cds--table-sort__icon {
  display: block;
  opacity: 1;
}

.cds--table-sort--descending .cds--table-sort__icon {
  transform: rotate(180deg);
}

.cds--table-sort__icon {
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1.25rem;
  margin-inline: 0.5rem 0.5rem;
  min-inline-size: 1rem;
  opacity: 1;
  transform: rotate(0);
  transition: transform 250ms cubic-bezier(0.5, 0, 0.1, 1);
}

.cds--data-table--xs.cds--data-table--sort th {
  block-size: 1.5rem;
}

.cds--data-table--sm.cds--data-table--sort th {
  block-size: 2rem;
}

.cds--data-table--md.cds--data-table--sort th {
  block-size: 2.5rem;
}

.cds--data-table--xl.cds--data-table--sort th {
  block-size: 4rem;
}

.cds--data-table--xl.cds--data-table--sort th .cds--table-sort {
  display: inline-block;
  block-size: 4rem;
}

.cds--data-table--xl .cds--table-sort__icon-unsorted,
.cds--data-table--xl .cds--table-sort__icon {
  margin-block-start: 0.8125rem;
}

.cds--table-sort__header .cds--ai-label,
.cds--table-sort__header .cds--slug,
.cds--table-sort__header .cds--table-header-label--decorator-inner {
  display: none;
}

.cds--table-sort__header--slug .cds--table-sort__icon,
.cds--table-sort__header--slug .cds--table-sort__icon-unsorted,
.cds--table-sort__header--ai-label .cds--table-sort__icon,
.cds--table-sort__header--ai-label .cds--table-sort__icon-unsorted,
.cds--table-sort__header--decorator .cds--table-sort__icon,
.cds--table-sort__header--decorator .cds--table-sort__icon-unsorted {
  margin-inline: auto 0.5rem;
}

.cds--table-sort__header--ai-label .cds--ai-label,
.cds--table-sort__header--ai-label .cds--slug,
.cds--table-sort__header--decorator .cds--table-header-label--decorator-inner,
.cds--table-sort__header--ai-label .cds--table-header-label--decorator-inner {
  display: block;
  margin-inline-end: 0.5rem;
}

@keyframes fp-fade-in-down {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fp-slide-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fp-slide-left-new {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fp-slide-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fp-slide-right-new {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fp-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fp-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.flatpickr-calendar {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  border-radius: 0;
  animation: none;
  direction: ltr;
  inline-size: 19.6875rem;
  max-block-size: 0;
  opacity: 0;
  text-align: center;
  touch-action: manipulation;
  visibility: hidden;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .flatpickr-calendar {
    outline: 1px solid transparent;
  }
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  overflow: visible;
  max-block-size: 40rem;
  opacity: 1;
  visibility: inherit;
}

.flatpickr-calendar.open {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  z-index: 99999;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.25rem 0.5rem 0.25rem;
  border: none;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 21rem;
  inline-size: 18rem;
  margin-block-start: -0.125rem;
}
.flatpickr-calendar.open:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .flatpickr-calendar.open:focus {
    outline-style: dotted;
  }
}

.flatpickr-calendar.animate.open {
  animation: fp-fade-in-down 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .flatpickr-calendar.animate.open {
    animation: none;
  }
}

.flatpickr-calendar.inline {
  position: absolute;
  display: block;
  inset-block-start: auto;
}

.flatpickr-calendar.static {
  position: absolute;
  inset-block-start: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.hasWeeks {
  inline-size: auto;
}

.dayContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
  block-size: 15.375rem;
  outline: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-block-end: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-inline-start: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  block-size: 2.5rem;
  border-block-start: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  block-size: auto;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-months {
  display: flex;
  justify-content: space-between;
  inline-size: 100%;
}

.flatpickr-month {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: flex;
  align-items: center;
  background-color: transparent;
  block-size: 2.5rem;
  color: var(--cds-text-primary, #161616);
  line-height: 1;
  text-align: center;
}

.flatpickr-prev-month,
.flatpickr-next-month {
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  block-size: 2.5rem;
  cursor: pointer;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 2.5rem;
  line-height: 16px;
  text-decoration: none;
  transform: scale(1, 1) /*rtl: scale(-1,1)*/;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  user-select: none;
}
@media screen and (prefers-reduced-motion: reduce) {
  .flatpickr-prev-month,
  .flatpickr-next-month {
    transition: none;
  }
}
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  background-color: var(--cds-layer-hover);
}

.flatpickr-next-month.disabled svg,
.flatpickr-prev-month.disabled svg {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.flatpickr-next-month.disabled:hover svg,
.flatpickr-prev-month.disabled:hover svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.flatpickr-current-month {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 1.75rem;
  text-align: center;
}

.flatpickr-current-month .cur-month {
  margin-inline: 0.25rem 0.25rem;
}
.flatpickr-current-month .cur-month:hover {
  background-color: var(--cds-layer-hover);
}

.numInputWrapper {
  position: relative;
  inline-size: 3.75rem;
}
.numInputWrapper:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.numInputWrapper .numInput {
  display: inline-block;
  padding: 0.25rem;
  border: none;
  margin: 0;
  -moz-appearance: textfield; /* Firefox */
  background-color: var(--cds-field-01, #f4f4f4);
  color: var(--cds-text-primary, #161616);
  cursor: default;
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
  inline-size: 100%;
}
.numInputWrapper .numInput::-webkit-outer-spin-button, .numInputWrapper .numInput::-webkit-inner-spin-button {
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
  -webkit-appearance: none;
}
.numInputWrapper .numInput:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .numInputWrapper .numInput:focus {
    outline-style: dotted;
  }
}
.numInputWrapper .numInput[disabled], .numInputWrapper .numInput[disabled]:hover {
  background-color: var(--cds-layer-01, #f4f4f4);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  pointer-events: none;
}

.numInputWrapper .arrowUp {
  border-block-end: 0;
  inset-block-start: 0.25rem;
}
.numInputWrapper .arrowUp::after {
  border-block-end: 0.25rem solid var(--cds-icon-primary, #161616);
}

.numInputWrapper .arrowDown {
  inset-block-start: 0.6875rem;
}
.numInputWrapper .arrowDown::after {
  border-block-start: 0.25rem solid var(--cds-icon-primary, #161616);
}

.numInputWrapper .arrowUp,
.numInputWrapper .arrowDown {
  position: absolute;
  padding: 0 0.25rem 0 0.125rem;
  border: none;
  block-size: 50%;
  cursor: pointer;
  inline-size: 0.75rem;
  inset-inline-start: 2.6rem;
  line-height: 50%;
  opacity: 0;
}
.numInputWrapper .arrowUp::after,
.numInputWrapper .arrowDown::after {
  position: absolute;
  display: block;
  border-inline-end: 0.25rem solid transparent;
  border-inline-start: 0.25rem solid transparent;
  content: "";
  inset-block-start: 33%;
}
.numInputWrapper .arrowUp:hover::after,
.numInputWrapper .arrowDown:hover::after {
  border-block-end-color: var(--cds-button-primary, #0f62fe);
  border-block-start-color: var(--cds-button-primary, #0f62fe);
}
.numInputWrapper .arrowUp:active::after,
.numInputWrapper .arrowDown:active::after {
  border-block-end-color: var(--cds-border-interactive, #0f62fe);
  border-block-start-color: var(--cds-border-interactive, #0f62fe);
}

.numInput[disabled] ~ .arrowUp::after {
  border-block-end-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.numInput[disabled] ~ .arrowDown::after {
  border-block-start-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.numInputWrapper:hover .arrowUp,
.numInputWrapper:hover .arrowDown {
  opacity: 1;
}

.numInputWrapper:hover .numInput[disabled] ~ .arrowUp,
.numInputWrapper:hover .numInput[disabled] ~ .arrowDown {
  opacity: 0;
}

.flatpickr-weekdays {
  display: flex;
  align-items: center;
  block-size: 2.5rem;
}

.flatpickr-weekdaycontainer {
  display: flex;
  inline-size: 100%;
}

.flatpickr-weekday {
  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);
  flex: 1;
  color: var(--cds-text-primary, #161616);
  cursor: default;
}

.flatpickr-days:focus {
  outline: 0;
}

.flatpickr-calendar.animate .dayContainer.slideLeft {
  animation: fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  transform: translate3d(-100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  animation: fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideRight {
  animation: fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-right 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate3d(100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
  animation: fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-right-new 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-day {
  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: flex;
  align-items: center;
  justify-content: center;
  block-size: 2.5rem;
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  inline-size: 2.5rem;
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.flatpickr-day:hover {
  background: var(--cds-layer-hover);
}
.flatpickr-day:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .flatpickr-day:focus {
    outline-style: dotted;
  }
}
.flatpickr-day:focus {
  outline-color: var(--cds-button-primary, #0f62fe);
}

.nextMonthDay,
.prevMonthDay {
  color: var(--cds-text-helper, #6f6f6f);
}

.flatpickr-day.today {
  position: relative;
  color: var(--cds-link-primary, #0f62fe);
  font-weight: 600;
}
.flatpickr-day.today::after {
  position: absolute;
  display: block;
  background-color: var(--cds-link-primary, #0f62fe);
  block-size: 0.25rem;
  content: "";
  inline-size: 0.25rem;
  inset-block-end: 0.4375rem;
  inset-inline-start: 50%;
  transform: translateX(-50%);
}

.flatpickr-day.today.no-border {
  border: none;
}

.flatpickr-day.today.selected {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .flatpickr-day.today.selected {
    outline-style: dotted;
  }
}
.flatpickr-day.today.selected::after {
  display: none;
}

.flatpickr-day.inRange {
  background-color: var(--cds-highlight, #d0e2ff);
  color: var(--cds-text-primary, #161616);
}

.flatpickr-day.selected {
  background-color: var(--cds-button-primary, #0f62fe);
  color: var(--cds-text-on-color, #ffffff);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .flatpickr-day.selected {
    color: Highlight;
    outline: 1px solid Highlight;
    outline-style: dotted;
  }
}
.flatpickr-day.selected:focus {
  outline: 0.0625rem solid var(--cds-layer-02, #ffffff);
  outline-offset: -0.1875rem;
}

.flatpickr-day.startRange.selected {
  z-index: 2;
  box-shadow: none;
}

.flatpickr-day.startRange.inRange:not(.selected),
.flatpickr-day.endRange.inRange {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .flatpickr-day.startRange.inRange:not(.selected),
  .flatpickr-day.endRange.inRange {
    outline-style: dotted;
  }
}
.flatpickr-day.startRange.inRange:not(.selected),
.flatpickr-day.endRange.inRange {
  z-index: 3;
  background: var(--cds-layer-01, #f4f4f4);
}

.flatpickr-day.endRange:hover {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .flatpickr-day.endRange:hover {
    outline-style: dotted;
  }
}
.flatpickr-day.endRange:hover {
  background: var(--cds-layer-01, #f4f4f4);
  color: var(--cds-text-primary, #161616);
}

.flatpickr-day.endRange.inRange.selected {
  background: var(--cds-button-primary, #0f62fe);
  color: var(--cds-text-on-color, #ffffff);
}

.flatpickr-day.flatpickr-disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.flatpickr-day.flatpickr-disabled:hover {
  background-color: transparent;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .flatpickr-day.today,
  .flatpickr-day.inRange {
    color: Highlight;
  }
}

.cds--date-picker {
  display: flex;
}

.cds--date-picker--light .cds--date-picker__input {
  background: var(--cds-field-02, #ffffff);
}

.cds--date-picker ~ .cds--label {
  order: 1;
}

.cds--date-picker-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cds--date-picker-container .cds--label {
  display: flex;
}

.cds--date-picker-input__wrapper {
  display: flex;
  align-items: center;
}

.cds--date-picker-input__wrapper > span {
  position: relative;
}

.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,
.cds--date-picker.cds--date-picker--simple .cds--label {
  inline-size: 7.5rem;
}

.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,
.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,
.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn .cds--date-picker__input,
.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn ~ .cds--form-requirement {
  inline-size: 9.5rem;
}

.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input {
  inline-size: 5.7rem;
}

.cds--date-picker.cds--date-picker--single .cds--date-picker__input {
  inline-size: 18rem;
}

.cds--date-picker .cds--date-picker-input__wrapper--warn ~ .cds--form-requirement {
  color: var(--cds-text-primary, #161616);
}

.cds--date-picker__input {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--date-picker__input *,
.cds--date-picker__input *::before,
.cds--date-picker__input *::after {
  box-sizing: inherit;
}
.cds--date-picker__input {
  font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-02-font-size, 0.875rem);
  font-weight: var(--cds-code-02-font-weight, 400);
  line-height: var(--cds-code-02-line-height, 1.42857);
  letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: relative;
  display: block;
  padding: 0 1rem;
  border: none;
  background-color: var(--cds-field);
  block-size: 2.5rem;
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all;
}
.cds--date-picker__input:focus, .cds--date-picker__input.cds--focused {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--date-picker__input:focus, .cds--date-picker__input.cds--focused {
    outline-style: dotted;
  }
}
.cds--date-picker__input:disabled {
  background-color: var(--cds-field);
  border-block-end: 1px solid transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--date-picker__input:disabled::placeholder {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--date-picker__input:disabled:hover {
  border-block-end: 1px solid transparent;
}
.cds--date-picker__input::placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}

.cds--date-picker__input--lg {
  block-size: 3rem;
}

.cds--date-picker__input--sm {
  block-size: 2rem;
}

.cds--date-picker__icon {
  position: absolute;
  z-index: 1;
  fill: var(--cds-icon-primary, #161616);
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  pointer-events: none;
  transform: translateY(-50%);
}

.cds--date-picker__icon--invalid,
.cds--date-picker__icon--warn {
  cursor: auto;
}

.cds--date-picker__icon--warn {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--date-picker__icon--warn path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--date-picker__icon--invalid {
  fill: var(--cds-support-error, #da1e28);
}

.cds--date-picker__icon ~ .cds--date-picker__input {
  padding-inline-end: 3rem;
}

.cds--date-picker__input:disabled ~ .cds--date-picker__icon {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--date-picker--range > .cds--date-picker-container:first-child {
  margin-inline-end: 0.0625rem;
}

.cds--date-picker--range .cds--date-picker-container,
.cds--date-picker--range .cds--date-picker__input {
  inline-size: 8.96875rem;
}

.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator > *,
.cds--date-picker-input__wrapper--slug .cds--ai-label,
.cds--date-picker-input__wrapper--slug .cds--slug {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 2.5rem;
  transform: translateY(-50%);
}

.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator:not(:has(.cds--ai-label)) > * {
  block-size: 1rem;
}

.cds--date-picker-input__wrapper--decorator .cds--date-picker__input:has(~ .cds--date-picker-input-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--date-picker-input-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
  padding-inline-end: 4rem;
}

.cds--date-picker__input[readonly] {
  background: transparent;
  border-block-end-color: var(--cds-border-subtle);
  cursor: text;
}

.cds--date-picker__input[readonly] + .cds--date-picker__icon {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--date-picker.cds--skeleton input,
.cds--date-picker__input.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--date-picker.cds--skeleton input:hover, .cds--date-picker.cds--skeleton input:focus, .cds--date-picker.cds--skeleton input:active,
.cds--date-picker__input.cds--skeleton:hover,
.cds--date-picker__input.cds--skeleton:focus,
.cds--date-picker__input.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--date-picker.cds--skeleton input::before,
.cds--date-picker__input.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--date-picker.cds--skeleton input::before,
  .cds--date-picker__input.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--date-picker.cds--skeleton input,
  .cds--date-picker__input.cds--skeleton {
    background: CanvasText;
  }
  .cds--date-picker.cds--skeleton input::before,
  .cds--date-picker__input.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--date-picker.cds--skeleton input,
.cds--date-picker__input.cds--skeleton {
  inline-size: 100%;
}
.cds--date-picker.cds--skeleton input::placeholder,
.cds--date-picker__input.cds--skeleton::placeholder {
  color: transparent;
}

.cds--date-picker.cds--skeleton .cds--label {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--date-picker.cds--skeleton .cds--label:hover, .cds--date-picker.cds--skeleton .cds--label:focus, .cds--date-picker.cds--skeleton .cds--label:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--date-picker.cds--skeleton .cds--label::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--date-picker.cds--skeleton .cds--label::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--date-picker.cds--skeleton .cds--label {
    background: CanvasText;
  }
  .cds--date-picker.cds--skeleton .cds--label::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--date-picker.cds--skeleton .cds--label {
  block-size: 0.875rem;
  inline-size: 4.6875rem;
}

.cds--dialog {
  position: fixed;
  padding: 0;
  border: none;
  margin: auto;
  background-color: var(--cds-layer);
  color: var(--cds-text-primary, #161616);
  inline-size: 48rem;
  inset: 0;
  max-block-size: 100%;
}
@media (min-width: 42rem) {
  .cds--dialog {
    max-inline-size: 84%;
  }
}
@media (min-width: 66rem) {
  .cds--dialog {
    max-inline-size: 60%;
  }
}
@media (min-width: 82rem) {
  .cds--dialog {
    max-inline-size: 48%;
  }
}
.cds--dialog {
  opacity: 0;
  transform: translateY(calc(-1 * 1.5rem));
  /** opening and closing is used in as allow-discrete is not currently supported wide enough
   * https://caniuse.com/mdn-css_properties_display_is_transitionable
   */
  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), transform 240ms cubic-bezier(0.4, 0.14, 1, 1), overlay 240ms cubic-bezier(0.4, 0.14, 1, 1) allow-discrete, display 240ms cubic-bezier(0.4, 0.14, 1, 1) allow-discrete;
}
@media (prefers-reduced-motion) {
  .cds--dialog {
    transition: none;
  }
}
.cds--dialog[open] {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), transform 240ms cubic-bezier(0, 0, 0.3, 1), overlay 240ms cubic-bezier(0, 0, 0.3, 1) allow-discrete, display 240ms cubic-bezier(0, 0, 0.3, 1) allow-discrete;
}
@media (prefers-reduced-motion) {
  .cds--dialog[open] {
    transition: none;
  }
}
.cds--dialog {
  /** starting style also not supported widely
  * https://caniuse.com/mdn-css_at-rules_starting-style
  */
  /*   Before-open state  */
  /* Needs to be after the previous dialog[open] rule to take effect,
  as the specificity is the same */
}
@starting-style {
  .cds--dialog[open] {
    opacity: 0;
    transform: translateY(calc(-1 * 1.5rem));
  }
}

.cds--dialog__header {
  position: relative;
  grid-area: header;
  inline-size: 100%;
  margin-block-end: 0.5rem;
  min-block-size: 3rem;
  padding-block-start: 1rem;
  padding-inline: 1rem 3rem;
}

.cds--dialog::backdrop {
  background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
  opacity: 0;
}

/* Transition the :backdrop when the dialog modal is promoted to the top layer */
.cds--dialog::backdrop {
  /* opening and closing is used in as allow-discrete is not currently supported wide enough
   * https://caniuse.com/mdn-css_properties_display_is_transitionable
   */
  transition: background-color 240ms cubic-bezier(0, 0, 0.3, 1), opacity 240ms cubic-bezier(0, 0, 0.3, 1);
}
@media (prefers-reduced-motion) {
  .cds--dialog::backdrop {
    transition: none;
  }
}

.cds--dialog[open]::backdrop {
  opacity: 1;
  transition: background-color 240ms cubic-bezier(0.4, 0.14, 1, 1), opacity 240ms cubic-bezier(0.4, 0.14, 1, 1);
}
@media (prefers-reduced-motion) {
  .cds--dialog[open]::backdrop {
    transition: none;
  }
}

/** starting style also not supported widely
* https://caniuse.com/mdn-css_at-rules_starting-style
*/
/* This starting-style rule cannot be nested inside the above selector
because the nesting selector cannot represent pseudo-elements. */
@starting-style {
  .cds--dialog[open]::backdrop {
    opacity: 0;
  }
}
.cds--dialog__header-controls {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.cds--dialog-header__label {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--dialog-header__label *,
.cds--dialog-header__label *::before,
.cds--dialog-header__label *::after {
  box-sizing: inherit;
}
.cds--dialog-header__label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 0.25rem;
}

.cds--dialog-header__heading {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--dialog-header__heading *,
.cds--dialog-header__heading *::before,
.cds--dialog-header__heading *::after {
  box-sizing: inherit;
}
.cds--dialog-header__heading {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
  margin: 0;
  color: var(--cds-text-primary, #161616);
  padding-inline-end: calc(20% - 3rem);
}

.cds--dialog-container {
  display: grid;
  background-color: var(--cds-layer);
  grid-template-areas: "header" "content" "footer";
  grid-template-columns: 100%;
  grid-template-rows: auto minmax(0, 1fr) auto;
  inline-size: 100%;
}
@media (min-width: 42rem) {
  .cds--dialog-container {
    max-block-size: 90vh;
  }
}
@media (min-width: 66rem) {
  .cds--dialog-container {
    max-block-size: 84vh;
  }
}

.cds--dialog-content {
  position: relative;
  grid-area: content;
  overflow-y: auto;
  padding-block: 0.5rem 3rem;
  padding-inline: 1rem 1rem;
}
.cds--dialog-content:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--dialog-content:focus {
    outline-style: dotted;
  }
}

.cds--dialog-scroll-content {
  border-block-end: 0.125rem solid transparent;
  mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 5rem), transparent calc(100% - 3rem), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 1rem, transparent 1rem), linear-gradient(to right, var(--cds-layer) 0, 0.125rem, transparent 0.125rem), linear-gradient(to top, var(--cds-layer) 0, 0.125rem, transparent 0.125rem);
}

.cds--dialog-scroll-content > *:last-child {
  margin-block-end: 1.5rem;
}

.cds--dialog-scroll-content:has(.cds--autoalign) {
  mask-image: none;
}

.cds--dialog-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  block-size: 4rem;
  grid-area: footer;
}

.cds--dialog-footer .cds--btn {
  flex: 0 1 50%;
  align-items: baseline;
  margin: 0;
  block-size: 4rem;
  max-inline-size: none;
}

.cds--dialog-footer--three-button .cds--btn {
  flex: 0 1 25%;
  align-items: flex-start;
}

.cds--dialog--danger {
  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
}

.cds--dialog--danger .cds--dialog-container {
  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;
  background-color: var(--cds-layer);
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--dialog--danger .cds--dialog-container:has(.cds--dialog-footer) {
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) calc(0% + 4rem), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 4rem), 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;
  box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--dialog--danger .cds--dialog-content.cds--dialog-scroll-content {
  mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 5rem), transparent calc(100% - 3rem), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 1rem, transparent 1rem), linear-gradient(to right, var(--cds-layer) 0, 0.125rem, transparent 0.125rem), linear-gradient(to top, var(--cds-layer) 0, 0.125rem, transparent 0.125rem);
}

.cds--dialog__close {
  padding: 0.75rem;
  border: 2px solid transparent;
  background-color: transparent;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--dialog__close:hover {
  background-color: var(--cds-layer-hover);
}
.cds--dialog__close:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--dropdown__wrapper--inline {
  display: inline-grid;
  align-items: center;
  grid-gap: 0 1.5rem;
  grid-template: auto/auto min-content;
}
.cds--dropdown__wrapper--inline:has(.cds--label.cds--visually-hidden) {
  grid-template: auto/auto;
}
.cds--dropdown__wrapper--inline .cds--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--dropdown__wrapper--inline .cds--label,
.cds--dropdown__wrapper--inline .cds--form__helper-text,
.cds--dropdown__wrapper--inline .cds--form-requirement {
  margin: 0;
}
.cds--dropdown__wrapper--inline .cds--form-requirement {
  grid-column: 2;
}

.cds--dropdown html {
  font-size: 100%;
}
.cds--dropdown body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--dropdown code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--dropdown strong {
  font-weight: 600;
}
.cds--dropdown {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: relative;
  display: block;
  border: none;
  background-color: var(--cds-field);
  block-size: 2.5rem;
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  inline-size: 100%;
  list-style: none;
  outline: 2px solid transparent;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--dropdown:hover {
  background-color: var(--cds-field-hover);
}

.cds--dropdown .cds--list-box__field {
  text-align: start;
}

.cds--dropdown--lg {
  block-size: 3rem;
  max-block-size: 3rem;
}

.cds--dropdown--lg .cds--dropdown__arrow {
  inset-block-start: 1rem;
}

.cds--dropdown--sm {
  block-size: 2rem;
  max-block-size: 2rem;
}

.cds--dropdown--sm .cds--dropdown__arrow {
  inset-block-start: 0.5rem;
}

.cds--dropdown--open {
  border-block-end-color: var(--cds-border-subtle);
}

.cds--dropdown--open .cds--list-box__field {
  outline: none;
}

.cds--dropdown--focus .cds--list-box__field {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--dropdown--focus .cds--list-box__field {
    outline-style: dotted;
  }
}

.cds--dropdown--invalid {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--dropdown--invalid {
    outline-style: dotted;
  }
}
.cds--dropdown--invalid .cds--dropdown-text {
  padding-inline-end: 3.5rem;
}
.cds--dropdown--invalid + .cds--form-requirement {
  display: inline-block;
  color: var(--cds-text-error, #da1e28);
  max-block-size: 12.5rem;
}

.cds--dropdown__invalid-icon {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-block-start: 50%;
  inset-inline-end: 2.5rem;
  transform: translateY(-50%);
}

.cds--dropdown--open:hover {
  background-color: var(--cds-field);
}

.cds--dropdown--open:focus {
  outline: 1px solid transparent;
}

.cds--dropdown--open .cds--dropdown-list {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  max-block-size: 13.75rem;
  transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--dropdown--light {
  background-color: var(--cds-field-02, #ffffff);
}
.cds--dropdown--light:hover {
  background-color: var(--cds-field-hover);
}

.cds--dropdown--up .cds--dropdown-list {
  inset-block-end: 2rem;
}

.cds--dropdown__arrow {
  position: absolute;
  fill: var(--cds-icon-primary, #161616);
  inset-block-start: 0.8125rem;
  inset-inline-end: 1rem;
  pointer-events: none;
  transform-origin: 50% 45%;
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

button.cds--dropdown-text {
  border: none;
  background: none;
  color: var(--cds-text-primary, #161616);
  inline-size: 100%;
  text-align: start;
}
button.cds--dropdown-text:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  button.cds--dropdown-text:focus {
    outline-style: dotted;
  }
}

.cds--dropdown-text {
  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: block;
  overflow: hidden;
  block-size: calc(100% + 1px);
  padding-inline: 1rem 2.625rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--dropdown-list html {
  font-size: 100%;
}
.cds--dropdown-list body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--dropdown-list code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--dropdown-list strong {
  font-weight: 600;
}
.cds--dropdown-list {
  outline: 2px solid transparent;
  outline-offset: -2px;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  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: absolute;
  z-index: 9100;
  display: flex;
  overflow: hidden auto;
  flex-direction: column;
  background-color: var(--cds-layer);
  inline-size: 100%;
  list-style: none;
  max-block-size: 0;
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--dropdown--light .cds--dropdown-list {
  background-color: var(--cds-layer);
}

.cds--dropdown:not(.cds--dropdown--open) .cds--dropdown-item {
  visibility: hidden;
}

.cds--dropdown-item {
  position: relative;
  opacity: 0;
  transition: visibility 70ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: inherit;
}
.cds--dropdown-item:hover {
  background-color: var(--cds-layer-hover);
}
.cds--dropdown-item:hover + .cds--dropdown-item .cds--dropdown-link {
  border-color: transparent;
}
.cds--dropdown-item:active {
  background-color: var(--cds-layer-selected);
}
.cds--dropdown-item:first-of-type .cds--dropdown-link {
  border-block-start-color: transparent;
}

.cds--dropdown-item:last-of-type .cds--dropdown-link {
  border-block-end: none;
}

.cds--dropdown-link {
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: block;
  overflow: hidden;
  padding: 0.6875rem 0;
  border: 1px solid transparent;
  margin: 0 1rem;
  block-size: 2.5rem;
  border-block-start-color: var(--cds-border-subtle);
  color: var(--cds-text-secondary, #525252);
  font-weight: normal;
  line-height: 1rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cds--dropdown-link:hover {
  border-color: transparent;
  color: var(--cds-text-primary, #161616);
}

.cds--dropdown--light .cds--dropdown-link {
  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--dropdown--sm .cds--dropdown-link {
  block-size: 2rem;
  padding-block: 0.4375rem 0.4375rem;
}

.cds--dropdown--focused,
.cds--dropdown-link:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--dropdown--focused,
  .cds--dropdown-link:focus {
    outline-style: dotted;
  }
}
.cds--dropdown--focused,
.cds--dropdown-link:focus {
  padding: 0.6875rem 1rem;
  margin: 0;
}

.cds--dropdown-list[aria-activedescendant] .cds--dropdown-link:focus {
  padding: 0.6875rem 0;
  margin: 0 1rem;
  outline: none;
}

.cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
    outline-style: dotted;
  }
}
.cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
  padding: 0.6875rem 1rem;
  margin: 0;
}

.cds--dropdown-list[aria-activedescendant] .cds--dropdown-item:active {
  background-color: inherit;
}

.cds--dropdown-item:hover .cds--dropdown-link {
  border-block-end-color: var(--cds-layer-hover);
}

.cds--dropdown--open .cds--dropdown__arrow {
  transform: rotate(-180deg);
}

.cds--dropdown--open.cds--dropdown--sm .cds--dropdown-list {
  max-block-size: 11rem;
}

.cds--dropdown--open .cds--dropdown-item {
  opacity: 1;
}

.cds--dropdown--disabled {
  border-block-end-color: transparent;
}
.cds--dropdown--disabled:hover {
  background-color: var(--cds-field);
}
.cds--dropdown--disabled:focus {
  outline: none;
}
.cds--dropdown--disabled .cds--dropdown-text,
.cds--dropdown--disabled .cds--list-box__label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--dropdown--disabled .cds--dropdown__arrow,
.cds--dropdown--disabled .cds--list-box__menu-icon svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--dropdown--disabled.cds--dropdown--light:hover {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--dropdown--disabled .cds--list-box__field,
.cds--dropdown--disabled .cds--list-box__menu-icon {
  cursor: not-allowed;
}

.cds--dropdown--auto-width {
  inline-size: auto;
  max-inline-size: 25rem;
}

.cds--dropdown--inline {
  display: inline-block;
  background-color: transparent;
  border-block-end-color: transparent;
  inline-size: auto;
  justify-self: start;
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--dropdown--inline:hover {
  background-color: var(--cds-layer-hover);
}
.cds--dropdown--inline.cds--dropdown--disabled {
  background-color: transparent;
}
.cds--dropdown--inline .cds--dropdown__arrow {
  inset-block-start: 0.5rem;
  inset-inline-end: 0.5rem;
}

.cds--dropdown--inline.cds--dropdown--open {
  background-color: transparent;
}

.cds--dropdown--inline .cds--dropdown-text {
  display: inline-block;
  overflow: visible;
  padding: 0.4375rem 2rem 0.4375rem 0.75rem;
  block-size: 2rem;
  color: var(--cds-text-primary, #161616);
}

.cds--dropdown--inline.cds--dropdown--disabled .cds--dropdown-text {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--dropdown--inline.cds--dropdown--disabled:focus .cds--dropdown-text {
  outline: 0;
}

.cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown__invalid-icon {
  inset-inline-end: 2rem;
}

.cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown-text {
  padding-inline-end: 3.5rem;
}

.cds--dropdown--inline.cds--dropdown--open:focus .cds--dropdown-list {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}

.cds--dropdown--inline .cds--dropdown-link {
  font-weight: normal;
}

.cds--dropdown--show-selected .cds--dropdown--selected {
  display: block;
  background-color: var(--cds-layer-selected);
  color: var(--cds-text-primary, #161616);
}
.cds--dropdown--show-selected .cds--dropdown--selected:hover {
  background-color: var(--cds-layer-selected-hover);
}
.cds--dropdown--show-selected .cds--dropdown--selected .cds--dropdown-link {
  border-block-start-color: transparent;
}
.cds--dropdown--show-selected .cds--dropdown--selected + .cds--dropdown-item .cds--dropdown-link {
  border-block-start-color: transparent;
}
.cds--dropdown--show-selected .cds--dropdown--selected .cds--list-box__menu-item__selected-icon {
  display: block;
}

.cds--dropdown-v2.cds--skeleton,
.cds--dropdown.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--dropdown-v2.cds--skeleton:hover, .cds--dropdown-v2.cds--skeleton:focus, .cds--dropdown-v2.cds--skeleton:active,
.cds--dropdown.cds--skeleton:hover,
.cds--dropdown.cds--skeleton:focus,
.cds--dropdown.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--dropdown-v2.cds--skeleton::before,
.cds--dropdown.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--dropdown-v2.cds--skeleton::before,
  .cds--dropdown.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--dropdown-v2.cds--skeleton,
  .cds--dropdown.cds--skeleton {
    background: CanvasText;
  }
  .cds--dropdown-v2.cds--skeleton::before,
  .cds--dropdown.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--dropdown .cds--list-box__field {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--list-box__menu-item__option {
    outline: none;
  }
}

.cds--dropdown--readonly,
.cds--dropdown--readonly:hover {
  background-color: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--dropdown--inline.cds--dropdown--readonly {
  border-block-end-color: transparent;
}

.cds--dropdown--readonly .cds--list-box__field,
.cds--dropdown--readonly .cds--list-box__menu-icon {
  cursor: default;
}

.cds--dropdown--readonly .cds--list-box__menu-icon svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--loading {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--loading *,
.cds--loading *::before,
.cds--loading *::after {
  box-sizing: inherit;
}
.cds--loading {
  animation-duration: 690ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: cds--rotate;
  animation-timing-function: linear;
}
.cds--loading svg circle {
  animation-duration: 10ms;
  animation-name: cds--init-stroke;
  animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--loading svg circle {
    animation: none;
  }
}
.cds--loading {
  block-size: 5.5rem;
  inline-size: 5.5rem;
}

.cds--loading__svg {
  fill: transparent;
}

.cds--loading__svg circle {
  stroke-dasharray: 276.4608 276.4608;
  stroke-linecap: butt;
  stroke-width: 10;
}

.cds--loading__stroke {
  stroke: var(--cds-interactive, #0f62fe);
  stroke-dashoffset: 52.527552;
}

.cds--loading--small .cds--loading__stroke {
  stroke-dashoffset: 143.759616;
}

.cds--loading--stop {
  animation: cds--rotate-end-p1 700ms cubic-bezier(0, 0, 0.25, 1) forwards, cds--rotate-end-p2 700ms cubic-bezier(0, 0, 0.25, 1) 700ms forwards;
}
.cds--loading--stop svg circle {
  animation-delay: 700ms;
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-name: cds--stroke-end;
  animation-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--loading--stop svg circle {
    animation: none;
  }
}

.cds--loading--small {
  block-size: 1rem;
  inline-size: 1rem;
  line-height: 1rem;
}
.cds--loading--small circle {
  stroke-width: 16;
}

.cds--loading--small .cds--loading__svg {
  stroke: var(--cds-interactive, #0f62fe);
}

.cds--loading__background {
  stroke: var(--cds-layer-accent);
  stroke-dashoffset: -22;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  circle.cds--loading__background {
    stroke-dasharray: 265;
    stroke-dashoffset: 0;
  }
}
.cds--loading-overlay {
  position: fixed;
  z-index: 6000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
  block-size: 100%;
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  transition: background-color 700ms cubic-bezier(0.4, 0.14, 0.3, 1);
}

.cds--loading-overlay--stop {
  display: none;
}

@keyframes cds--rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes cds--rotate-end-p1 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes cds--rotate-end-p2 {
  100% {
    transform: rotate(-360deg);
  }
}
/* Stroke animations */
@keyframes cds--init-stroke {
  0% {
    stroke-dashoffset: 276.4608;
  }
  100% {
    stroke-dashoffset: 52.527552;
  }
}
@keyframes cds--stroke-end {
  0% {
    stroke-dashoffset: 52.527552;
  }
  100% {
    stroke-dashoffset: 276.4608;
  }
}
.cds--file {
  inline-size: 100%;
}

.cds--file--invalid {
  fill: var(--cds-support-error, #da1e28);
  margin-inline-end: 0.5rem;
}

.cds--file--label html {
  font-size: 100%;
}
.cds--file--label body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--file--label code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--file--label strong {
  font-weight: 600;
}
.cds--file--label {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
  margin-block-end: 0.5rem;
}

.cds--file--label--disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--file-input {
  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--file-btn {
  display: inline-flex;
  margin: 0;
  padding-inline-end: 4rem;
}

.cds--file-browse-btn {
  display: inline-block;
  color: var(--cds-link-primary, #0f62fe);
  cursor: pointer;
  inline-size: 100%;
  max-inline-size: 20rem;
  outline: 2px solid transparent;
  outline-offset: -2px;
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--file-browse-btn:focus, .cds--file-browse-btn:hover {
  outline: 2px solid var(--cds-focus, #0f62fe);
}
.cds--file-browse-btn:hover, .cds--file-browse-btn:focus, .cds--file-browse-btn:active, .cds--file-browse-btn:active:visited {
  text-decoration: underline;
}
.cds--file-browse-btn:active {
  color: var(--cds-text-primary, #161616);
}

.cds--file-browse-btn--disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: no-drop;
  text-decoration: none;
  transition: none;
}
.cds--file-browse-btn--disabled:hover, .cds--file-browse-btn--disabled:focus {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
  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%;
}
.cds--label-description body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--label-description code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--label-description strong {
  font-weight: 600;
}
.cds--label-description {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 1rem;
}

.cds--label-description--disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--file-container--drop {
  inline-size: 100%;
}

.cds--file-btn ~ .cds--file-container {
  margin-block-start: 1.5rem;
}

.cds--btn ~ .cds--file-container {
  margin-block-start: 1rem;
}

.cds--file .cds--file-container,
.cds--file ~ .cds--file-container {
  margin-block-start: 0.5rem;
}

.cds--file__selected-file {
  display: grid;
  align-items: center;
  background-color: var(--cds-layer);
  gap: 0.75rem 0;
  grid-auto-rows: auto;
  grid-template-columns: 1fr auto;
  margin-block-end: 0.5rem;
  max-inline-size: 20rem;
  min-block-size: 3rem;
  word-break: break-word;
}
.cds--file__selected-file:last-child {
  margin-block-end: 0;
}
.cds--file__selected-file .cds--form-requirement {
  display: block;
  margin: 0;
  grid-column: 1/-1;
  max-block-size: none;
}
.cds--file__selected-file .cds--inline-loading__animation .cds--loading {
  margin-inline-end: 0;
}
.cds--file__selected-file .cds--file-filename {
  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);
  overflow: hidden;
  margin-inline-start: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cds--file__selected-file .cds--file-filename-container-wrap {
  margin-block-start: 1px;
  max-inline-size: 17.5rem;
  padding-inline-start: 1rem;
}
@media (max-width: 410px) {
  .cds--file__selected-file .cds--file-filename-container-wrap {
    max-inline-size: 13.5rem;
  }
}
.cds--file__selected-file .cds--file-filename-container-wrap-invalid {
  max-inline-size: 15.5rem;
}
.cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
  inline-size: -webkit-fill-available;
  padding-inline-start: 1rem;
  /* This is for targeting styles specific to firefox */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
@-moz-document url-prefix() {
  .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
    inline-size: -moz-available;
  }
}
.cds--file__selected-file .cds--file-filename-tooltip {
  inline-size: -webkit-fill-available;
  /* This is for targeting styles specific to firefox */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
@-moz-document url-prefix() {
  .cds--file__selected-file .cds--file-filename-tooltip {
    inline-size: -moz-available;
  }
}
.cds--file__selected-file .cds--file-filename-button {
  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);
  overflow: hidden;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  inline-size: -webkit-fill-available;
  outline: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* This is for targeting styles specific to firefox */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
@-moz-document url-prefix() {
  .cds--file__selected-file .cds--file-filename-button {
    inline-size: -moz-available;
  }
}
.cds--file__selected-file .cds--file-filename-button:focus {
  outline: revert;
}

.cds--file__selected-file--md {
  gap: 0.5rem 0;
  min-block-size: 2.5rem;
}

.cds--file__selected-file--sm {
  gap: 0.25rem 0;
  min-block-size: 2rem;
}

.cds--file__selected-file--invalid__wrapper {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--file__selected-file--invalid__wrapper {
    outline-style: dotted;
  }
}
.cds--file__selected-file--invalid__wrapper {
  background-color: var(--cds-layer);
  margin-block-end: 0.5rem;
  max-inline-size: 20rem;
  outline-width: 1px;
}

.cds--file__selected-file--invalid {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--file__selected-file--invalid {
    outline-style: dotted;
  }
}
.cds--file__selected-file--invalid {
  padding: 0.75rem 0;
}

.cds--file__selected-file--invalid.cds--file__selected-file--sm {
  padding: 0.25rem 0;
}

.cds--file__selected-file--invalid.cds--file__selected-file--md {
  padding: 0.5rem 0;
}

.cds--file__selected-file--invalid .cds--form-requirement {
  border-block-start: 1px solid var(--cds-border-subtle);
  padding-block-start: 1rem;
}

.cds--file__selected-file--invalid.cds--file__selected-file--sm .cds--form-requirement {
  padding-block-start: 0.4375rem;
}

.cds--file__selected-file--invalid.cds--file__selected-file--md .cds--form-requirement {
  padding-block-start: 0.6875rem;
}

.cds--file__selected-file--invalid .cds--form-requirement__title,
.cds--file__selected-file--invalid .cds--form-requirement__supplement {
  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);
  padding: 0 1rem;
}

.cds--file__selected-file--invalid .cds--form-requirement__title {
  color: var(--cds-text-error, #da1e28);
}

.cds--file__selected-file--invalid .cds--form-requirement__supplement {
  color: var(--cds-text-primary, #161616);
}

.cds--file__selected-file--invalid + .cds--form-requirement {
  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: block;
  overflow: visible;
  padding: 0.5rem 1rem;
  color: var(--cds-text-error, #da1e28);
  font-weight: 400;
  max-block-size: 12.5rem;
}

.cds--file__selected-file--invalid + .cds--form-requirement .cds--form-requirement__supplement {
  color: var(--cds-text-primary, #161616);
  padding-block-end: 0.5rem;
}

.cds--file__state-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 1.5rem;
  padding-inline-end: 0.75rem;
}
.cds--file__state-container .cds--loading__svg {
  stroke: var(--cds-icon-primary, #161616);
}

.cds--file__state-container .cds--file-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: none;
  background-color: transparent;
  block-size: 1rem;
  inline-size: 1.5rem;
}

.cds--file__state-container .cds--file-complete {
  fill: var(--cds-interactive, #0f62fe);
  inline-size: 1.5rem;
}
.cds--file__state-container .cds--file-complete:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--file__state-container .cds--file-complete:focus {
    outline-style: dotted;
  }
}
.cds--file__state-container .cds--file-complete [data-icon-path=inner-path] {
  fill: var(--cds-icon-inverse, #ffffff);
  opacity: 1;
}

.cds--file__state-container .cds--file-invalid {
  block-size: 1rem;
  fill: var(--cds-support-error, #da1e28);
  inline-size: 1rem;
}

.cds--file__state-container .cds--file-close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: transparent;
  block-size: 1.5rem;
  cursor: pointer;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1.5rem;
}
.cds--file__state-container .cds--file-close:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--file__state-container .cds--file-close:focus {
    outline-style: dotted;
  }
}

.cds--file__state-container .cds--file-close svg path {
  fill: var(--cds-icon-primary, #161616);
}

.cds--file__state-container .cds--inline-loading__animation {
  margin-inline-end: -0.5rem;
}

.cds--file__drop-container {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--file__drop-container *,
.cds--file__drop-container *::before,
.cds--file__drop-container *::after {
  box-sizing: inherit;
}
.cds--file__drop-container::-moz-focus-inner {
  border: 0;
}
.cds--file__drop-container {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  overflow: hidden;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border: 1px dashed var(--cds-border-strong);
  block-size: 6rem;
}

.cds--file__drop-container--drag-over {
  background: none;
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--file__selected-file {
    outline: 1px solid transparent;
  }
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper {
  position: relative;
  background: var(--cds-field);
  block-size: 100%;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--list-box__wrapper--fluid .cds--list-box {
  padding: 0;
  min-block-size: 4rem;
}

.cds--list-box__wrapper--fluid .cds--label {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0;
  block-size: 1rem;
  inline-size: calc(100% - 2rem);
  inset-block-start: 0.8125rem;
  inset-inline-start: 1rem;
}

.cds--list-box__wrapper--fluid .cds--label::-webkit-scrollbar,
.cds--list-box__wrapper--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
  display: none;
}

.cds--list-box__wrapper--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--list-box__wrapper--fluid .cds--label .cds--toggletip-label {
  -ms-overflow-style: none;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
}

.cds--list-box__wrapper--fluid .cds--list-box__field {
  padding-block: 2.0625rem 0.8125rem;
  padding-inline-start: 1rem;
}

.cds--list-box__wrapper--fluid .cds--list-box__menu-icon {
  block-size: 1rem;
  inline-size: 1rem;
}

.cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed) .cds--list-box__menu-item {
  block-size: 4rem;
}

.cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed) .cds--list-box__menu-item__selected-icon {
  inset-block-start: 1.25rem;
}

.cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-button {
  cursor: not-allowed;
  pointer-events: none;
}

.cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-button svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {
    outline-style: dotted;
  }
}
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus {
  z-index: 2;
  outline-offset: 0;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus:has(.cds--list-box--expanded.cds--multi-select--selected) {
  outline-width: 0.0625rem;
}

.cds--list-box__wrapper--fluid--focus .cds--list-box__field:focus {
  outline: none;
  outline-offset: 0;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
    outline-style: dotted;
  }
}
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus) {
  z-index: 2;
  outline-offset: 0;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--list-box:not(.cds--list-box--invalid),
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--list-box .cds--text-input,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box .cds--text-input,
.cds--list-box__wrapper--fluid .cds--combo-box.cds--list-box--warning .cds--text-input {
  border-block-end: 1px solid transparent;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box__field:focus,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--combo-box[data-invalid] .cds--text-input {
  outline: none;
  outline-offset: 0;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:focus-within {
  outline-offset: 0;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box,
.cds--list-box__wrapper--fluid .cds--list-box--warning {
  border-block-end: 1px solid transparent;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--form-requirement,
.cds--list-box__wrapper--fluid .cds--list-box--warning ~ .cds--form-requirement {
  padding: 0.5rem 4rem 0.5rem 1rem;
  margin-block-start: 0;
}

.cds--list-box__wrapper--fluid .cds--list-box--warning ~ .cds--form-requirement {
  border-block-end: 1px solid var(--cds-border-strong);
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--form-requirement:empty,
.cds--list-box__wrapper--fluid .cds--list-box--warning ~ .cds--form-requirement:empty {
  block-size: 2rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid] .cds--list-box__invalid-icon,
.cds--list-box__wrapper--fluid .cds--list-box.cds--list-box--warning .cds--list-box__invalid-icon {
  inset-block-start: 5.0625rem;
  inset-inline-end: 1rem;
  pointer-events: none;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid]:not(.cds--combo-box) .cds--list-box__field {
  padding-inline-end: 3rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid].cds--combo-box .cds--text-input {
  padding-inline-end: 4rem;
}

.cds--list-box__wrapper--fluid .cds--list-box__divider {
  display: none;
  transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--list-box__wrapper--fluid .cds--list-box--invalid ~ .cds--list-box__divider,
.cds--list-box__wrapper--fluid .cds--list-box--warning ~ .cds--list-box__divider {
  display: block;
  border: none;
  margin: 0 1rem;
  border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--list-box__wrapper--fluid .cds--list-box--invalid:hover:not(.cds--combo-box) ~ .cds--list-box__divider,
.cds--list-box__wrapper--fluid .cds--list-box--warning:hover:not(.cds--combo-box) ~ .cds--list-box__divider {
  border-color: transparent;
}

.cds--list-box__wrapper--fluid.cds--list-box--up .cds--list-box__menu {
  inset-block-end: 4rem;
}

.cds--list-box__wrapper--fluid .cds--skeleton {
  background: var(--cds-skeleton-background, #e8e8e8);
  border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:hover, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:focus, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {
    background: CanvasText;
  }
  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field {
  position: absolute;
  padding: 0;
  block-size: 0.5rem;
  inline-size: 50%;
  inset-block-start: 2.25rem;
  inset-inline-start: 1rem;
}

.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:hover, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:focus, .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
    background: CanvasText;
  }
  .cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label {
  position: absolute;
  block-size: 0.5rem;
  inline-size: 25%;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--slug {
  inset-block-start: 2.625rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__wrapper--decorator-inner > *,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__wrapper--decorator-inner > *,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug {
  inset-inline-end: 2.5rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning button.cds--list-box__field,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] button.cds--list-box__field,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning button.cds--list-box__field,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] button.cds--list-box__field {
  padding-inline-end: 4rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty) {
  padding-inline-end: 5.5rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--list-box__wrapper--decorator-inner > *,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--list-box__wrapper--decorator-inner > *,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--ai-label,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty)) ~ .cds--slug {
  inset-inline-end: 4rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
  padding-inline-end: 6rem;
}

.cds--list-box__wrapper--fluid .cds--list-box__selection {
  inset-inline-end: 2.5625rem;
}

.cds--list-box__wrapper--fluid .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
.cds--list-box__wrapper--fluid .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {
  position: absolute;
  background-color: transparent;
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
  margin-inline-end: 2.0625rem;
}

.cds--list-box__wrapper--fluid:has(.cds--multi-select) .cds--list-box__menu-icon {
  inset-inline-end: 0.75rem;
}

.cds--list-box__wrapper--fluid:has(.cds--dropdown) .cds--list-box__menu-icon {
  inset-inline-end: 1rem;
}

.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__wrapper--decorator-inner > *::before,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__wrapper--decorator-inner > *::before,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label::before,
.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {
  display: none;
}

.cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__field {
  overflow: visible;
  padding: 0;
}

.cds--list-box__wrapper--fluid .cds--combo-box .cds--text-input {
  overflow: hidden;
  padding-block: 2.0625rem 0.8125rem;
  padding-inline: 1rem 4rem;
  text-overflow: ellipsis;
  transition: none;
  white-space: nowrap;
}

.cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__selection {
  inset-block: auto 0.625rem;
  transform: none;
}

.cds--list-box__wrapper--fluid .cds--combo-box .cds--list-box__menu-icon {
  inset-block-end: 0.875rem;
}

.cds--list-box__wrapper--fluid .cds--list-box[data-invalid] .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon,
.cds--list-box__wrapper--fluid .cds--list-box--warning .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon {
  inset-inline-end: 1rem;
}

.cds--list-box__wrapper--fluid :not(.cds--list-box--up) .cds--combo-box .cds--list-box__menu {
  inset-block-start: calc(100% + 0.0625rem);
}

.cds--date-picker--fluid {
  display: inline-flex;
  background: var(--cds-field);
}

.cds--date-picker--fluid .cds--date-picker {
  position: relative;
  block-size: 100%;
  inline-size: 100%;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--date-picker--fluid .cds--label {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0;
  block-size: 1rem;
  inline-size: calc(100% - 2rem);
  inset-block-start: 0.8125rem;
  inset-inline-start: 1rem;
}

.cds--date-picker--fluid .cds--label::-webkit-scrollbar,
.cds--date-picker--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
  display: none;
}

.cds--date-picker--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--date-picker--fluid .cds--label .cds--toggletip-label {
  -ms-overflow-style: none;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper > span {
  inline-size: 100%;
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper .cds--date-picker__input {
  padding: 2rem 1rem 0.8125rem;
  background: transparent;
  border-block-end: none;
  min-block-size: 4rem;
  min-inline-size: 9rem;
}

.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__icon {
  display: none;
}

.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker__input:not(.cds--date-picker__input--invalid):not(.cds--date-picker__input--warn),
.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--warn {
  border-block-end: 1px solid var(--cds-border-strong);
}

.cds--date-picker--fluid .cds--date-picker__icon {
  inset-block-start: 2.6875rem;
}

.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input {
  inline-size: 100%;
}

.cds--date-picker--fluid .cds--date-picker--single {
  border-block-end: none;
}

.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker__input:not(.cds--date-picker__input--invalid),
.cds--date-picker--single .cds--date-picker--fluid--warn {
  border-block-end: 1px solid var(--cds-border-strong);
}

.cds--date-picker--fluid:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker--range .cds--date-picker-container:not(.cds--date-picker--fluid--invalid) {
  border-block-end: 1px solid var(--cds-border-strong);
}

.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker__input,
.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker-container {
  inline-size: 100%;
  min-block-size: 3.9375rem;
  min-inline-size: 9rem;
}

.cds--date-picker--fluid .cds--date-picker--range > .cds--date-picker-container:first-child {
  margin-inline-end: 0;
}

.cds--date-picker--fluid .cds--date-picker--range > .cds--date-picker-container:last-child .cds--date-picker__input {
  border-inline-start: 1px solid var(--cds-border-strong);
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid,
.cds--date-picker-container.cds--date-picker--fluid--invalid {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--date-picker--fluid.cds--date-picker--fluid--invalid,
  .cds--date-picker-container.cds--date-picker--fluid--invalid {
    outline-style: dotted;
  }
}

.cds--date-picker--fluid .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid {
  outline: none;
}

.cds--date-picker--fluid .cds--date-picker-container:last-child.cds--date-picker--fluid--invalid .cds--date-picker__input--invalid,
.cds--date-picker--fluid .cds--date-picker-container.cds--date-picker--fluid--invalid + .cds--date-picker-container .cds--date-picker__input {
  border-inline-start: none;
}

.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--form-requirement,
.cds--date-picker-container.cds--date-picker--fluid--warn .cds--form-requirement {
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  margin: 0;
}

.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,
.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker,
.cds--date-picker--fluid .cds--date-picker--single .cds--date-picker--fluid--warn .cds--date-picker__input,
.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range .cds--date-picker-container {
  border-block-end: 1px solid transparent;
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range > .cds--date-picker-container:last-child .cds--date-picker__input,
.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range > .cds--date-picker-container:last-child .cds--date-picker__input,
.cds--date-picker--fluid .cds--date-picker--fluid--warn + .cds--date-picker-container:last-child .cds--date-picker__input,
.cds--date-picker--fluid .cds--date-picker--fluid--warn.cds--date-picker-container:last-child .cds--date-picker__input {
  border-inline-start: 1px solid transparent;
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range > .cds--date-picker-container:first-child::after,
.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range > .cds--date-picker-container:first-child::after,
.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:first-child::after,
.cds--date-picker--fluid .cds--date-picker--range .cds--date-picker--fluid--warn.cds--date-picker-container:last-child::after {
  position: absolute;
  display: block;
  background: var(--cds-border-strong);
  block-size: calc(100% - 1rem);
  content: "";
  inline-size: 1px;
  inset-block-start: 0.5rem;
  inset-inline-end: 0;
}

.cds--date-picker--fluid .cds--date-picker--fluid--warn.cds--date-picker-container:last-child::after {
  inset-inline-start: 0;
}

.cds--date-picker--fluid .cds--date-picker__divider {
  border-style: solid;
  border-color: var(--cds-border-subtle);
  margin: 0 1rem;
  border-block-end: none;
  inline-size: calc(100% - 2rem);
}

.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,
.cds--date-picker-container.cds--date-picker--fluid--warn .cds--date-picker__icon--warn {
  inset-block-start: 5rem;
}

.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--invalid .cds--date-picker__icon--invalid,
.cds--date-picker--fluid .cds--date-picker--simple .cds--date-picker--fluid--warn .cds--date-picker__icon--warn {
  display: block;
}

.cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--date-picker-container.cds--date-picker--fluid--invalid .cds--date-picker__input:focus {
    outline-style: dotted;
  }
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range ~ .cds--form-requirement,
.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range ~ .cds--form-requirement {
  display: block;
  overflow: visible;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  margin-block-start: 0;
  max-block-size: 100%;
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range ~ .cds--form-requirement {
  color: var(--cds-text-error, #da1e28);
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid,
.cds--date-picker--fluid.cds--date-picker--fluid--warn {
  position: relative;
}

.cds--date-picker--fluid.cds--date-picker--fluid--invalid .cds--date-picker--range + .cds--date-picker__icon,
.cds--date-picker--fluid.cds--date-picker--fluid--warn .cds--date-picker--range + .cds--date-picker__icon {
  inset-block-start: 5rem;
}

.cds--date-picker--fluid__skeleton {
  background: var(--cds-skeleton-background, #e8e8e8);
  block-size: 4rem;
  border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--date-picker--fluid__skeleton--container {
  position: relative;
  block-size: 100%;
  inline-size: 100%;
}

.cds--date-picker--fluid__skeleton .cds--skeleton {
  position: absolute;
  block-size: 0.5rem;
  inline-size: 25%;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
}

.cds--date-picker--fluid__skeleton .cds--label {
  margin-block-end: 0.25rem;
}

.cds--date-picker--fluid__skeleton .cds--text-input {
  position: absolute;
  padding: 0;
  block-size: 0.5rem;
  inline-size: 50%;
  inset-block-start: 2.25rem;
  inset-inline-start: 1rem;
}

.cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {
  inset-block: auto 0.5rem;
}

.cds--date-picker--fluid__skeleton--range {
  display: flex;
  flex-direction: row;
}

.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container {
  display: flex;
  flex-direction: column;
  inline-size: 50%;
}

.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container:first-of-type {
  border-inline-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--date-picker--fluid__skeleton--range .cds--date-picker--fluid__skeleton--container .cds--date-picker__icon {
  inset-block-end: 0.5rem;
}

.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker > .cds--date-picker-container,
.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker .cds--date-picker__input {
  border-block-end-color: var(--cds-border-subtle);
}

.cds--date-picker--fluid.cds--date-picker--fluid--readonly:not(.cds--date-picker--fluid--invalid):not(.cds--date-picker--fluid--warn) .cds--date-picker--range > .cds--date-picker-container:last-child .cds--date-picker__input {
  border-inline-start-color: var(--cds-border-subtle);
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator > *,
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--ai-label,
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--slug {
  inset-block-start: 2.6875rem;
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid),
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) .cds--date-picker__input:not(.cds--date-picker__input--invalid) {
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--date-picker--fluid .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,
.cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,
.cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--decorator .cds--date-picker__input,
.cds--date-picker--fluid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
.cds--date-picker--fluid--invalid .cds--date-picker-input__wrapper--slug .cds--date-picker__input,
.cds--date-picker--fluid--warn .cds--date-picker-input__wrapper--slug .cds--date-picker__input {
  padding-inline-end: 4rem;
}

.cds--multi-select {
  box-sizing: border-box;
}

.cds--multi-select .cds--list-box__field--wrapper {
  display: inline-flex;
  align-items: center;
  block-size: calc(100% + 1px);
  inline-size: 100%;
}

.cds--multi-select .cds--list-box__field:focus {
  outline: 2px solid transparent;
  outline-offset: -2px;
}

.cds--multi-select--filterable .cds--list-box__field {
  padding: 0;
}

.cds--multi-select .cds--tag {
  margin: 0 0.5rem 0 1rem;
  min-inline-size: auto;
}

.cds--multi-select .cds--list-box__menu {
  min-inline-size: auto;
}

.cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:first-child .cds--list-box__menu-item__option {
  padding: 0.6875rem 1rem;
  margin: 0;
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:nth-child(2) .cds--list-box__menu-item__option {
  border-block-start: none;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-wrapper {
  display: flex;
  align-items: center;
  block-size: 100%;
  inline-size: 100%;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label {
  display: inline-block;
  overflow: hidden;
  inline-size: 100%;
  padding-inline-start: 1.75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::before {
  margin-block: 0;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox:indeterminate + .cds--checkbox-label::after {
  inset-block-start: 0.5625rem;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::after {
  inset-block-start: 0.3125rem;
}

.cds--multi-select .cds--list-box__menu-item__option > .cds--form-item {
  flex-direction: row;
  margin: 0;
}

.cds--multi-select .cds--list-box__menu-item .cds--checkbox:checked ~ .cds--checkbox-label-text {
  color: var(--cds-text-primary, #161616);
}

.cds--multi-select--filterable {
  transition: outline-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--multi-select--filterable.cds--combo-box .cds--text-input {
  border: 0.125rem solid transparent;
  background-clip: padding-box;
  outline: none;
}

.cds--multi-select--filterable--input-focused,
.cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
.cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--multi-select--filterable--input-focused,
  .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
  .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
    outline-style: dotted;
  }
}

.cds--multi-select.cds--list-box--expanded .cds--list-box__field--wrapper:has(button[aria-activedescendant]:not([aria-activedescendant=""])),
.cds--multi-select--filterable.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=""])) {
  outline-offset: -0.0625rem;
  outline-width: 0.0625rem;
}

.cds--multi-select--filterable.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before,
.cds--multi-select.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before {
  position: absolute;
  border: 2px solid var(--cds-focus, #0f62fe);
  block-size: 100%;
  border-block-start: 1px solid var(--cds-focus, #0f62fe);
  content: "";
  inline-size: 100%;
}

.cds--multi-select--filterable.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted,
.cds--multi-select.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted {
  outline: 2px solid transparent;
  outline-offset: -2px;
}

.cds--multi-select--filterable.cds--multi-select--selected .cds--text-input,
.cds--multi-select.cds--multi-select--selected .cds--list-box__field {
  padding-inline-start: 0;
}

.cds--multi-select--filterable.cds--list-box--disabled:hover:not(.cds--multi-select--filterable) .cds--text-input {
  background-color: var(--cds-field);
}

.cds--multi-select--filterable .cds--list-box__selection--multi {
  margin: 0 0 0 1rem;
}

.cds--multi-select--filterable.cds--multi-select--inline,
.cds--multi-select--filterable.cds--multi-select--inline .cds--text-input {
  background-color: transparent;
  border-block-end: 0;
}

.cds--multi-select:not(.cds--list-box--expanded) .cds--list-box__menu {
  visibility: hidden;
}

.cds--multi-select.cds--multi-select--readonly,
.cds--multi-select.cds--multi-select--readonly:hover {
  background-color: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--multi-select.cds--multi-select--readonly .cds--tag--filter,
.cds--multi-select.cds--multi-select--readonly .cds--tag__close-icon:hover {
  background-color: transparent;
  color: var(--cds-text-primary, #161616);
  cursor: default;
}

.cds--multi-select.cds--multi-select--readonly .cds--tag--filter {
  box-shadow: 0 0 0 1px var(--cds-border-subtle);
}

.cds--multi-select.cds--multi-select--readonly .cds--tag--filter svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--multi-select.cds--multi-select--readonly .cds--list-box__field,
.cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon {
  cursor: default;
}

.cds--multi-select__wrapper.cds--list-box__wrapper--fluid--focus:not(.cds--multi-select--filterable__wrapper) .cds--list-box__field--wrapper--input-focused {
  outline: none;
}

.cds--list-box__wrapper--fluid .cds--tag.cds--tag--filter {
  margin-block-start: 1.25rem;
}

.cds--list-box__wrapper--fluid .cds--multi-select--filterable .cds--list-box__field .cds--text-input {
  border-block-end: 1px solid transparent;
}

.cds--list-box__wrapper--fluid .cds--multi-select--filterable.cds--combo-box .cds--list-box__field {
  align-items: baseline;
}

.cds--list-box__wrapper--fluid.cds--multi-select--filterable__wrapper:not(.cds--list-box--up) .cds--list-box__menu {
  inset-block-start: calc(100% + 0.0625rem);
}

.cds--number__controls:hover .cds--number__control-btn::after {
  display: none;
}

.cds--number__input-wrapper--decorator .cds--number__rule-divider,
.cds--number__input-wrapper--slug .cds--number__rule-divider {
  display: none;
}

.cds--number__input-wrapper--decorator .cds--number__control-btn:hover,
.cds--number__input-wrapper--slug .cds--number__control-btn:hover {
  box-shadow: 0 -1px 0 var(--cds-ai-border-strong, #4589ff) inset;
}

.cds--number__controls:focus-within .cds--number__control-btn::after {
  display: none;
}

.cds--number html {
  font-size: 100%;
}
.cds--number body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--number code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--number strong {
  font-weight: 600;
}
.cds--number {
  position: relative;
  display: flex;
  flex-direction: column;
  inline-size: 100%;
}

.cds--number .cds--number__input-wrapper--warning input[type=number],
.cds--number .cds--number__input-wrapper--warning input[type=text] {
  padding-inline-end: 8rem;
}

.cds--number input[type=number],
.cds--number input[type=text] {
  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);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: inline-flex;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  -moz-appearance: textfield;
  appearance: textfield;
  background-color: var(--cds-field);
  block-size: 2.5rem;
  border-block-end: 0.0625rem solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  font-weight: 400;
  inline-size: 100%;
  min-inline-size: 9.375rem;
  padding-inline: 1rem 6rem;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--number input[type=number]:focus,
.cds--number input[type=text]:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--number input[type=number]:focus,
  .cds--number input[type=text]:focus {
    outline-style: dotted;
  }
}
.cds--number input[type=number]:disabled ~ .cds--number__controls,
.cds--number input[type=text]:disabled ~ .cds--number__controls {
  cursor: not-allowed;
  pointer-events: none;
}
.cds--number input[type=number]:disabled ~ .cds--number__controls svg,
.cds--number input[type=text]:disabled ~ .cds--number__controls svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--number input[type=number]::-ms-clear,
.cds--number input[type=text]::-ms-clear {
  display: none;
}
.cds--number input[type=number]::-webkit-inner-spin-button,
.cds--number input[type=text]::-webkit-inner-spin-button {
  appearance: none;
}
.cds--number input[type=number][data-invalid],
.cds--number input[type=text][data-invalid] {
  padding-inline-end: 8rem;
}

.cds--number--lg.cds--number input[type=number],
.cds--number--lg.cds--number input[type=text] {
  padding-inline-end: 7rem;
}
.cds--number--lg.cds--number input[type=number][data-invalid],
.cds--number--lg.cds--number input[type=text][data-invalid] {
  padding-inline-end: 9rem;
}
.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number],
.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=text] {
  padding-inline-end: 9rem;
}

.cds--number--sm.cds--number input[type=number],
.cds--number--sm.cds--number input[type=text] {
  padding-inline-end: 5rem;
}
.cds--number--sm.cds--number input[type=number][data-invalid],
.cds--number--sm.cds--number input[type=text][data-invalid] {
  padding-inline-end: 7rem;
}
.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number],
.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=text] {
  padding-inline-end: 7rem;
}

.cds--number input[type=number]:disabled,
.cds--number input[type=text]:disabled {
  background-color: var(--cds-field);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--number__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.cds--number__controls html {
  font-size: 100%;
}
.cds--number__controls body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--number__controls code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--number__controls strong {
  font-weight: 600;
}
.cds--number__controls {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  block-size: 100%;
  inline-size: 5rem;
  inset-block-start: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
}

.cds--number__control-btn {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--number__control-btn *,
.cds--number__control-btn *::before,
.cds--number__control-btn *::after {
  box-sizing: inherit;
}
.cds--number__control-btn::-moz-focus-inner {
  border: 0;
}
.cds--number__control-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  block-size: 100%;
  color: var(--cds-icon-primary, #161616);
}
.cds--number__control-btn svg {
  fill: currentColor;
}
.cds--number__control-btn:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--number__control-btn:focus {
    outline-style: dotted;
  }
}
.cds--number__control-btn:focus {
  color: var(--cds-icon-primary, #161616);
  outline-offset: -2px;
  outline-width: 2px;
}
.cds--number__control-btn:hover {
  background-color: var(--cds-field-hover);
  box-shadow: 0 -1px 0 var(--cds-border-strong) inset;
  color: var(--cds-icon-primary, #161616);
  cursor: pointer;
}
.cds--number__control-btn:disabled {
  border-block-end-color: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--number__control-btn.down-icon {
  order: 1;
}

.cds--number__control-btn.up-icon {
  order: 2;
}

.cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn,
.cds--number input[type=text][data-invalid] ~ .cds--number__controls .cds--number__control-btn {
  border-block-end-color: var(--cds-support-error, #da1e28);
}

.cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn,
.cds--number input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn {
  border-width: 2px 0;
  border-style: solid;
  border-color: var(--cds-focus, #0f62fe);
  box-shadow: none;
  outline-offset: -2px;
}

.cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover,
.cds--number input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {
  box-shadow: -4px 0 0 -2px var(--cds-focus, #0f62fe) inset;
}

.cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover,
.cds--number input[type=text][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {
  box-shadow: -4px 0 0 -2px var(--cds-support-error, #da1e28) inset;
}

.cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover,
.cds--number input[type=text][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {
  border-width: 2px 0;
  border-style: solid;
  border-color: var(--cds-support-error, #da1e28);
  box-shadow: none;
  outline-offset: -2px;
}

.cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover,
.cds--number input[type=text][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover,
  .cds--number input[type=text][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover {
    outline-style: dotted;
  }
}

.cds--number__rule-divider {
  position: absolute;
  z-index: 6000;
  background-color: var(--cds-border-subtle);
  block-size: 1rem;
  inline-size: 0.0625rem;
}
.cds--number__rule-divider:first-of-type {
  order: 0;
}

.cds--number__controls .cds--number__rule-divider:first-of-type {
  background-color: transparent;
  inset-inline-start: 0;
}

.cds--number__invalid + .cds--number__controls .cds--number__rule-divider:first-of-type {
  background-color: var(--cds-border-subtle);
}

.cds--number--light .cds--number__rule-divider,
.cds--number--light .cds--number__invalid + .cds--number__controls .cds--number__rule-divider:first-of-type {
  background-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--number input[type=number]:disabled + .cds--number__controls .cds--number__rule-divider:first-of-type,
.cds--number input[type=text]:disabled + .cds--number__controls .cds--number__rule-divider:first-of-type {
  background-color: transparent;
}

.cds--number input[type=number]:disabled + .cds--number__controls .cds--number__rule-divider,
.cds--number input[type=text]:disabled + .cds--number__controls .cds--number__rule-divider {
  background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--number__control-btn:focus ~ .cds--number__rule-divider {
  background-color: transparent;
}

.cds--number__invalid {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-inline-end: 6rem;
}

.cds--number--lg .cds--number__invalid {
  inset-inline-end: 7rem;
}

.cds--number--sm .cds--number__invalid {
  inset-inline-end: 5rem;
}

.cds--number__invalid + .cds--number__rule-divider {
  position: absolute;
  inset-inline-end: 5rem;
}

.cds--number--lg .cds--number__invalid + .cds--number__rule-divider {
  inset-inline-end: 6rem;
}

.cds--number--sm .cds--number__invalid + .cds--number__rule-divider {
  inset-inline-end: 4rem;
}

.cds--number__control-btn.down-icon:hover ~ .cds--number__rule-divider,
.cds--number__control-btn.up-icon:hover + .cds--number__rule-divider,
.cds--number__control-btn.down-icon:focus ~ .cds--number__rule-divider,
.cds--number__control-btn.up-icon:focus + .cds--number__rule-divider {
  background-color: transparent;
}

.cds--number__invalid--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--number__invalid--warning path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--number--lg input[type=number],
.cds--number--lg input[type=text] {
  block-size: 3rem;
}

.cds--number--lg .cds--number__controls {
  inline-size: 6rem;
}

.cds--number--lg .cds--number__control-btn {
  inline-size: 3rem;
}

.cds--number--sm input[type=number],
.cds--number--sm input[type=text] {
  block-size: 2rem;
}

.cds--number--sm .cds--number__controls {
  inline-size: 4rem;
}

.cds--number--sm .cds--number__control-btn {
  inline-size: 2rem;
}

.cds--number--nolabel .cds--label + .cds--form__helper-text {
  margin-block-start: 0;
}

.cds--number--nosteppers input[type=number],
.cds--number--nosteppers input[type=text] {
  padding-inline-end: 0;
}

.cds--number--nosteppers input[type=number][data-invalid],
.cds--number--nosteppers input[type=text][data-invalid],
.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number],
.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=text] {
  padding-inline-end: 3rem;
}

.cds--number--nosteppers .cds--number__invalid {
  inset-inline-end: 1rem;
}

.cds--number--readonly input[type=number],
.cds--number--readonly input[type=text] {
  background: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--number--readonly .cds--number__control-btn {
  color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
  pointer-events: none;
}
.cds--number--readonly .cds--number__control-btn:hover {
  background-color: transparent;
  cursor: pointer;
}

.cds--number--readonly input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover,
.cds--number--readonly input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
  outline: none;
}

.cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type) {
  background-color: var(--cds-border-subtle);
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *,
.cds--number__input-wrapper--slug .cds--ai-label,
.cds--number__input-wrapper--slug .cds--slug {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 6rem;
  transform: translateY(-50%);
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator:not(:has(.cds--ai-label)) > * {
  block-size: 1rem;
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *::before,
.cds--number__input-wrapper--decorator .cds--number__control-btn::before,
.cds--number__input-wrapper--decorator .cds--number__control-btn::after,
.cds--number__input-wrapper--slug .cds--ai-label::before,
.cds--number__input-wrapper--slug .cds--slug::before,
.cds--number__input-wrapper--slug .cds--number__control-btn::before,
.cds--number__input-wrapper--slug .cds--number__control-btn::after {
  position: absolute;
  background-color: var(--cds-border-subtle);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *::before,
.cds--number__input-wrapper--slug .cds--ai-label::before,
.cds--number__input-wrapper--slug .cds--slug::before {
  display: none;
  inset-inline-start: -1rem;
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert::before,
.cds--number__input-wrapper--slug .cds--ai-label--revert::before,
.cds--number__input-wrapper--slug .cds--slug--revert::before {
  inset-block-start: 0.5rem;
  inset-inline-start: -0.5rem;
}

.cds--number__control-btn::after {
  display: block;
  inset-inline-end: 0;
}

.cds--number__input-wrapper--decorator .cds--number__control-btn::before,
.cds--number__input-wrapper--slug .cds--number__control-btn::before {
  display: block;
  inset-inline-end: 2.5rem;
}

.cds--number__input-wrapper--decorator .cds--number__control-btn:focus::before,
.cds--number__input-wrapper--slug .cds--number__control-btn:focus::before {
  display: none;
}

.cds--number__control-btn:hover::after,
.cds--number__control-btn:hover::before {
  display: none;
  inset-inline-end: 0;
}

.cds--number__input-wrapper:has(.cds--number__control-btn:hover) ~ .cds--number__input-wrapper--decorator::after,
.cds--number__input-wrapper:has(.cds--number__control-btn:hover) ~ .cds--number__input-wrapper--slug::after {
  display: none;
}

.cds--number__control-btn:has(.up-icon)::after,
.cds--number__control-btn:has(.up-icon)::before {
  display: none;
}

.cds--number__input-wrapper--decorator .cds--number__invalid,
.cds--number__input-wrapper--slug .cds--number__invalid {
  inset-inline-end: 9rem;
}

.cds--number__input-wrapper--decorator:has(.cds--number__invalid) .cds--number__input-inner-wrapper--decorator > *::before,
.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label::before,
.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label::before,
.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug::before {
  display: block;
}

.cds--number .cds--number__input-wrapper--decorator input[data-invalid],
.cds--number .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,
.cds--number .cds--number__input-wrapper--slug input[data-invalid],
.cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
  padding-inline-end: 9rem;
}

.cds--number__input-wrapper--decorator input[type=number]:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=number]:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=number]:has(~ .cds--slug):not(:has(~ .cds--slug--revert)),
.cds--number__input-wrapper--slug input[type=number]:disabled,
.cds--number__input-wrapper--decorator input[type=text]:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=text]:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=text]:has(~ .cds--slug):not(:has(~ .cds--slug--revert)),
.cds--number__input-wrapper--slug input[type=text]:disabled {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
  padding-inline-end: 9.0625rem;
}

.cds--number.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--number.cds--skeleton:hover, .cds--number.cds--skeleton:focus, .cds--number.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--number.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--number.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--number.cds--skeleton {
    background: CanvasText;
  }
  .cds--number.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--number.cds--skeleton {
  inline-size: 100%;
}
.cds--number.cds--skeleton input[type=number],
.cds--number.cds--skeleton input[type=text] {
  display: none;
}

.cds--number.cds--skeleton.cds--number--sm {
  block-size: 2rem;
}

.cds--number.cds--skeleton.cds--number--md {
  block-size: 2.5rem;
}

.cds--number.cds--skeleton.cds--number--lg {
  block-size: 3rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--number__control-btn:hover,
  .cds--number__control-btn:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--number__control-btn {
    outline: 1px solid transparent;
  }
}

.cds--number-input--fluid {
  position: relative;
  background: var(--cds-field);
  block-size: 100%;
}

.cds--number-input--fluid .cds--label {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0;
  block-size: 1rem;
  inline-size: calc(100% - 2rem);
  inset-block-start: 0.8125rem;
  inset-inline-start: 1rem;
}

.cds--number-input--fluid .cds--label::-webkit-scrollbar,
.cds--number-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
  display: none;
}

.cds--number-input--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--number-input--fluid .cds--label .cds--toggletip-label {
  -ms-overflow-style: none;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
}

.cds--number-input--fluid .cds--number__input-wrapper {
  position: initial;
}

.cds--number-input--fluid input[type=number],
.cds--number-input--fluid input[type=text] {
  padding: 2rem 5rem 0.8125rem 1rem;
  background: transparent;
  min-block-size: 4rem;
  outline: none;
}

.cds--number-input--fluid .cds--number__controls {
  block-size: 2.5rem;
  inset-block-start: 1.4375rem;
  transform: translate(0);
}

.cds--number-input--fluid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn {
  border-block-end-color: var(--cds-focus, #0f62fe);
  box-shadow: inset 0 -1px var(--cds-focus, #0f62fe);
}

.cds--number-input--fluid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type,
.cds--number-input--fluid input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type {
  box-shadow: inset 0 -1px var(--cds-focus, #0f62fe), inset -2px 0 var(--cds-focus, #0f62fe);
}

.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid--invalid input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid--invalid input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn {
  border-block-end-color: transparent;
  box-shadow: none;
}

.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type,
.cds--number-input--fluid--invalid input[type=number][data-invalid]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type,
.cds--number-input--fluid--invalid input[type=text][data-invalid]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type {
  box-shadow: inset -2px 0 var(--cds-focus, #0f62fe);
}

.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover,
.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {
  box-shadow: inset -2px 0 var(--cds-support-error, #da1e28);
}

.cds--number-input--fluid--invalid input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover,
.cds--number-input--fluid--invalid input[type=text][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {
  box-shadow: none;
}

.cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--number-input--fluid.cds--number-input--fluid--focus .cds--number {
    outline-style: dotted;
  }
}

.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover,
.cds--number-input--fluid:not(.cds--number-input--fluid--invalid) .cds--number-input-wrapper:not(.cds--number-input-wrapper__warning) input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
  border-block-end: 1px solid var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--number-input--fluid--invalid input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus,
.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus:hover,
.cds--number-input--fluid--invalid input[type=text][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus,
.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus:hover {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--number-input--fluid--invalid input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus,
  .cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus:hover,
  .cds--number-input--fluid--invalid input[type=text][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus,
  .cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid] ~ .cds--number__controls .cds--number__control-btn:focus:hover {
    outline-style: dotted;
  }
}

.cds--number-input--fluid .cds--number-input__divider {
  display: none;
}

.cds--number-input--fluid .cds--number__invalid {
  inset-block-start: 4.5625rem;
  inset-inline-end: 1rem;
  pointer-events: none;
}

.cds--number-input--fluid .cds--number__controls .cds--number__rule-divider:first-of-type {
  display: none;
}

.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number],
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text] {
  border-block-end: 1px solid transparent;
}

.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number]:focus,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text]:focus {
  outline: none;
}

.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number-input__divider,
.cds--number-input--fluid .cds--number__input-wrapper--warning + .cds--number-input__divider {
  position: absolute;
  display: block;
  border: none;
  margin: 0 1rem;
  block-size: 0.0625rem;
  border-block-end: 1px solid var(--cds-border-subtle);
  inline-size: calc(100% - 2rem);
  inset-block-start: 3.9375rem;
}

.cds--number-input--fluid .cds--form-requirement {
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  margin: 0;
}

.cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--number-input--fluid.cds--number-input--fluid--invalid:not(.cds--number-input--fluid--focus) .cds--number {
    outline-style: dotted;
  }
}

.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],
.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text] {
  border-block-end: 1px solid transparent;
}

.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=number],
.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn:hover,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number] ~ .cds--number__controls .cds--number__control-btn:hover:not(:focus),
.cds--number-input--fluid--invalid .cds--number[data-invalid] input[type=text],
.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid] ~ .cds--number__controls .cds--number__control-btn:hover,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text] ~ .cds--number__controls .cds--number__control-btn:hover:not(:focus) {
  outline: none;
}

.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=number] ~ .cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=number] ~ .cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid.cds--number-input--invalid .cds--number__input-wrapper input[type=text] ~ .cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid .cds--number__input-wrapper--warning input[type=text] ~ .cds--number__controls .cds--number__control-btn {
  border-block-end: none;
}

.cds--number-input--fluid--invalid .cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid .cds--number input[type=number] ~ .cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid--invalid .cds--number input[type=text][data-invalid] ~ .cds--number__controls .cds--number__control-btn,
.cds--number-input--fluid .cds--number input[type=text] ~ .cds--number__controls .cds--number__control-btn {
  border: initial;
  border-block-end-width: 0.0625rem;
}

.cds--number-input--fluid--disabled:not(.cds--number-input--fluid--invalid) .cds--number {
  border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=number]:disabled,
.cds--number-input--fluid--disabled.cds--number-input--fluid--invalid .cds--number input[type=text]:disabled {
  background-color: transparent;
}

.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *,
.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label,
.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug {
  inset-block-start: 2.6875rem;
}

.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *,
.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning .cds--number__input-inner-wrapper--decorator > *,
.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--ai-label,
.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--ai-label,
.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug .cds--slug,
.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning .cds--slug {
  inset-inline-end: 5.5rem;
}

.cds--number-input--fluid .cds--number__input-wrapper--decorator input,
.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--decorator input[data-invalid],
.cds--number-input--fluid .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,
.cds--number-input--fluid .cds--number__input-wrapper--slug input,
.cds--number-input--fluid.cds--number-input--fluid--invalid .cds--number__input-wrapper--slug input[data-invalid],
.cds--number-input--fluid .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
  padding-inline-end: 7.5rem;
}

.cds--number-input--fluid .cds--number__input-wrapper--decorator:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
.cds--number-input--fluid .cds--number__input-wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--number-input--fluid .cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *::before,
.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--ai-label::before,
.cds--number-input--fluid .cds--number__input-wrapper--slug .cds--slug::before {
  display: none;
}

.cds--search--fluid {
  block-size: 4rem;
}

.cds--search--fluid .cds--label {
  position: absolute;
  z-index: 1;
  display: flex;
  overflow: initial;
  align-items: center;
  margin: 0;
  block-size: 1rem;
  clip: initial;
  inline-size: calc(100% - 2rem);
  inset-block-start: 0.8125rem;
  inset-inline-start: 1rem;
  white-space: initial;
}

.cds--search--fluid .cds--label::-webkit-scrollbar,
.cds--search--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
  display: none;
}

.cds--search--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--search--fluid .cds--label .cds--toggletip-label {
  -ms-overflow-style: none;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
}

.cds--search--fluid .cds--search-input {
  padding: 2rem 5.5rem 0.8125rem 1rem;
  block-size: 100%;
}

.cds--search--fluid .cds--search-magnifier-icon {
  color: var(--cds-icon-primary, #161616);
  inset: auto 1rem 0.8125rem auto;
  transform: none;
}

.cds--search--fluid .cds--search-close {
  border: none;
  block-size: 2.5rem;
  inline-size: 2.5rem;
  inset: auto 3rem 0 auto;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search--fluid .cds--search-input:focus ~ .cds--search-close:hover {
  outline: none;
}

.cds--search--fluid .cds--search-close::after {
  position: absolute;
  display: block;
  block-size: 0.125rem;
  content: "";
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-start: 0;
}

.cds--search--fluid .cds--search-input:focus ~ .cds--search-close::after {
  background: var(--cds-focus, #0f62fe);
}

.cds--search--fluid .cds--search-input:not(:focus) ~ .cds--search-close:not([disabled])::after {
  background: var(--cds-border-strong);
  block-size: 0.0625rem;
}

.cds--search--fluid .cds--search-close svg {
  margin-block-end: 0.125rem;
}

.cds--search--fluid .cds--search-input:disabled ~ .cds--search-close:hover::before {
  background: var(--cds-border-subtle);
}

.cds--search--fluid.cds--search--disabled .cds--label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--search--fluid.cds--search--disabled .cds--search-input[disabled] {
  border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--select {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--select *,
.cds--select *::before,
.cds--select *::after {
  box-sizing: inherit;
}
.cds--select {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  inline-size: 100%;
}

.cds--select-input__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  inline-size: 100%;
}

.cds--select-input {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: block;
  border: none;
  border-radius: 0;
  appearance: none;
  background-color: var(--cds-field);
  block-size: 2.5rem;
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  font-family: inherit;
  inline-size: 100%;
  opacity: 1;
  padding-block: 0;
  padding-inline: 1rem 3rem;
  text-overflow: ellipsis;
  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--select-input:hover {
  background-color: var(--cds-field-hover);
}
.cds--select-input::-ms-expand {
  display: none;
}
.cds--select-input {
  /* This is for targeting styles specific to firefox */
  /* Removes dotted inner focus */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
@-moz-document url-prefix() {
  .cds--select-input:-moz-focusring, .cds--select-input::-moz-focus-inner {
    background-image: none;
    color: transparent;
    text-shadow: 0 0 0 #000000;
  }
}
.cds--select-input:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--select-input:focus {
    outline-style: dotted;
  }
}
.cds--select-input:focus {
  color: var(--cds-text-primary, #161616);
}
.cds--select-input:disabled, .cds--select-input:hover:disabled {
  background-color: var(--cds-field);
  border-block-end-color: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--select-input--sm {
  block-size: 2rem;
  max-block-size: 2rem;
}

.cds--select-input--lg {
  block-size: 3rem;
  max-block-size: 3rem;
}

.cds--select--disabled .cds--label,
.cds--select--disabled .cds--form__helper-text {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select-input__wrapper[data-invalid] .cds--select-input,
.cds--select--warning .cds--select-input {
  padding-inline-end: 4rem;
}

.cds--select-input:disabled ~ .cds--select__arrow {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--light .cds--select-input {
  background-color: var(--cds-field-02, #ffffff);
}
.cds--select--light .cds--select-input:hover {
  background-color: var(--cds-field-hover);
}
.cds--select--light .cds--select-input:disabled, .cds--select--light .cds--select-input:hover:disabled {
  background-color: var(--cds-field-02, #ffffff);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--select__arrow {
  position: absolute;
  block-size: 100%;
  fill: var(--cds-icon-primary, #161616);
  inset-block-start: 0;
  inset-inline-end: 1rem;
  pointer-events: none;
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .cds--select__arrow path {
    fill: ButtonText;
  }
}

.cds--select__invalid-icon {
  position: absolute;
  inset-inline-end: 2.5rem;
}

.cds--select-input__wrapper[data-invalid] .cds--select-input ~ .cds--select__invalid-icon {
  fill: var(--cds-support-error, #da1e28);
}

.cds--select-input--inline__wrapper[data-invalid] .cds--select__invalid-icon {
  fill: var(--cds-support-error, #da1e28);
}

.cds--select__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--select__invalid-icon--warning path[fill] {
  fill: #000000;
  opacity: 1;
}

optgroup.cds--select-optgroup,
.cds--select-option {
  background-color: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}
optgroup.cds--select-optgroup:disabled,
.cds--select-option:disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--inline {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.cds--select--inline .cds--form__helper-text {
  margin-block-end: 0;
  margin-inline-start: 0.5rem;
}

.cds--select--inline .cds--label {
  margin: 0 0.5rem 0 0;
  white-space: nowrap;
}

.cds--select--inline .cds--select-input {
  background-color: transparent;
  border-block-end: none;
  color: var(--cds-text-primary, #161616);
  inline-size: 100%;
  padding-inline: 0.5rem 3rem;
}
.cds--select--inline .cds--select-input:hover {
  background-color: var(--cds-field-hover);
}

.cds--select--inline .cds--select-input:focus,
.cds--select--inline .cds--select-input:focus option,
.cds--select--inline .cds--select-input:focus optgroup {
  background-color: var(--cds-background, #ffffff);
}
.cds--select--inline .cds--select-input:focus:hover,
.cds--select--inline .cds--select-input:focus option:hover,
.cds--select--inline .cds--select-input:focus optgroup:hover {
  background-color: var(--cds-field-hover);
}

.cds--select--inline .cds--select-input[disabled],
.cds--select--inline .cds--select-input[disabled]:hover {
  background-color: var(--cds-background, #ffffff);
}

.cds--select--inline .cds--select__arrow {
  inset-inline-end: 0.5rem;
}

.cds--select--inline.cds--select--invalid .cds--select-input {
  padding-inline-end: 3.5rem;
}

.cds--select--inline.cds--select--invalid .cds--select-input ~ .cds--select__invalid-icon,
.cds--select--inline.cds--select--warning .cds--select-input ~ .cds--select__invalid-icon--warning {
  inset-inline-end: 2rem;
}

.cds--select--inline .cds--select-input:disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--select--inline .cds--select-input:disabled ~ * {
  cursor: not-allowed;
}

.cds--select--readonly .cds--select-input {
  background-color: transparent;
  border-block-end-color: var(--cds-border-subtle);
  cursor: default;
}

.cds--select--readonly .cds--select__arrow {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--readonly.cds--select--inline .cds--select-input:hover {
  background-color: transparent;
}

.cds--select.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--select.cds--skeleton:hover, .cds--select.cds--skeleton:focus, .cds--select.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--select.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--select.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--select.cds--skeleton {
    background: CanvasText;
  }
  .cds--select.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--select.cds--skeleton {
  block-size: 2.5rem;
  inline-size: 100%;
}

.cds--select.cds--skeleton .cds--select-input {
  display: none;
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > *,
.cds--select--slug .cds--ai-label,
.cds--select--slug .cds--slug {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: calc(2.5rem + 8px + 1px);
  margin-block-start: 0.03125rem;
  transform: translateY(-50%);
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > *::after,
.cds--select--decorator .cds--select__inner-wrapper--decorator > *::before,
.cds--select--slug .cds--ai-label::after,
.cds--select--slug .cds--ai-label::before,
.cds--select--slug .cds--slug::after,
.cds--select--slug .cds--slug::before {
  position: absolute;
  background-color: var(--cds-border-subtle-01, #c6c6c6);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > *::before,
.cds--select--slug .cds--ai-label::before,
.cds--select--slug .cds--slug::before {
  display: none;
  inset-inline-start: calc(-0.5rem - 1px);
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > *::after,
.cds--select--slug .cds--ai-label::after,
.cds--select--slug .cds--slug::after {
  display: block;
  inset-block-start: 0;
  inset-inline-end: calc(-0.5rem - 1px);
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > .cds--ai-label--revert::before,
.cds--select--slug .cds--ai-label--revert::before,
.cds--select--slug .cds--slug--revert::before {
  inset-block-start: 0.5rem;
  inset-inline-start: 0;
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > .cds--ai-label--revert,
.cds--select--slug .cds--ai-label--revert {
  inset-inline-end: 2.5625rem;
}

.cds--select--decorator .cds--ai-label--revert::after,
.cds--select--slug .cds--ai-label--revert::after,
.cds--select--slug .cds--slug--revert::after {
  inset-block-start: 0.5rem;
  inset-inline-end: -1px;
}

.cds--select--decorator .cds--select-input:has(~ .cds--select__inner-wrapper--decorator),
.cds--select--slug .cds--select-input:has(~ .cds--ai-label),
.cds--select--slug .cds--select-input:has(~ .cds--slug) {
  padding-inline-end: 4rem;
}

.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--select__inner-wrapper--decorator),
.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--ai-label),
.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--slug) {
  padding-inline-end: 6rem;
}

.cds--select--decorator .cds--select-input:has(~ .cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--select__inner-wrapper--decorator .cds--ai-label--revert)),
.cds--select--slug .cds--select-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--select--slug .cds--select-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)),
.cds--select-input-has--ai-label {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator > *::before,
.cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label::before,
.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {
  display: block;
}

.cds--select--decorator .cds--select-input__wrapper .cds--select-input ~ .cds--select__invalid-icon,
.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input ~ .cds--select__invalid-icon,
.cds--select--slug .cds--select-input__wrapper .cds--select-input ~ .cds--select__invalid-icon {
  inset-inline-end: 5rem;
}

.cds--select--fluid .cds--select {
  position: relative;
  background: var(--cds-field);
  block-size: 100%;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--select--fluid .cds--label {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0;
  block-size: 1rem;
  inline-size: calc(100% - 2rem);
  inset-block-start: 0.8125rem;
  inset-inline-start: 1rem;
}

.cds--select--fluid .cds--label::-webkit-scrollbar,
.cds--select--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
  display: none;
}

.cds--select--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--select--fluid .cds--label .cds--toggletip-label {
  -ms-overflow-style: none;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
}

.cds--select--fluid .cds--select-input {
  padding: 2rem 2rem 0.8125rem 1rem;
  min-block-size: 4rem;
  outline: none;
  text-overflow: ellipsis;
}

.cds--select--fluid .cds--select__arrow {
  block-size: 1rem;
  inset-block-start: 2.125rem;
  inset-inline-end: 0.75rem;
}

.cds--select--fluid .cds--select__divider {
  display: none;
  transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--select--fluid .cds--select--invalid .cds--select-input__wrapper {
    outline-style: dotted;
  }
}

.cds--select--fluid .cds--select--invalid .cds--select__divider,
.cds--select--fluid .cds--select--warning .cds--select__divider {
  display: block;
  border: none;
  margin: 0 1rem;
  border-block-end: 1px solid var(--cds-border-subtle);
  inline-size: calc(100% - 2rem);
}

.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input,
.cds--select--fluid .cds--select--warning .cds--select-input {
  border-block-end: 1px solid transparent;
  padding-inline-end: 2rem;
}

.cds--select--fluid .cds--select--warning {
  border-block-end: 1px solid var(--cds-border-strong);
}

.cds--select--fluid .cds--select-input__wrapper {
  display: block;
}

.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
.cds--select--fluid .cds--select--warning .cds--select-input:not(:focus) {
  outline: none;
}

.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement,
.cds--select--fluid .cds--select--warning .cds--form-requirement {
  display: block;
  overflow: visible;
  max-block-size: 100%;
}

.cds--select--fluid .cds--select-input__wrapper[data-invalid] .cds--form-requirement {
  color: var(--cds-text-error, #da1e28);
}

.cds--select--fluid .cds--form-requirement {
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  margin: 0;
}

.cds--select--fluid .cds--select-input__wrapper[data-invalid]:hover + .cds--select__divider,
.cds--select--fluid .cds--select--warning .cds--select-input__wrapper:hover + .cds--select__divider {
  border-color: transparent;
}

.cds--select--fluid .cds--select--invalid .cds--select-input__wrapper[data-invalid] .cds--select__invalid-icon,
.cds--select--fluid .cds--select--warning .cds--select-input__wrapper .cds--select__invalid-icon {
  inset-block-start: 4.5625rem;
  inset-inline-end: 1rem;
  pointer-events: none;
}

.cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--select--fluid .cds--select--fluid--focus .cds--select-input__wrapper {
    outline-style: dotted;
  }
}

.cds--select--fluid .cds--select--fluid--focus .cds--select-input,
.cds--select--fluid .cds--select--fluid--focus.cds--select--warning {
  border-block-end: 1px solid transparent;
}

.cds--select--fluid .cds--select--disabled .cds--toggletip-label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--fluid .cds--select--disabled .cds--toggletip-button {
  pointer-events: none;
}

.cds--select--fluid .cds--select--disabled .cds--toggletip-button svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator > *,
.cds--select--fluid .cds--select--slug .cds--ai-label,
.cds--select--fluid .cds--select--slug .cds--slug {
  inset-block-start: 2.625rem;
  inset-inline-end: 3rem;
}

.cds--select--fluid .cds--select--slug .cds--select-input {
  padding-inline-end: 4rem;
}

.cds--select--fluid .cds--select--decorator .cds--select__inner-wrapper--decorator > .cds--ai-label::before,
.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label::before,
.cds--select--fluid .cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {
  display: none;
}

.cds--select--fluid__skeleton {
  position: relative;
  background: var(--cds-skeleton-background, #e8e8e8);
  block-size: 4rem;
  border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--select--fluid__skeleton .cds--skeleton {
  position: absolute;
  block-size: 0.5rem;
  inline-size: 25%;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
}

.cds--select--fluid__skeleton .cds--label {
  position: absolute;
  padding: 0;
  block-size: 0.5rem;
  inline-size: 50%;
  inset-block-start: 2.25rem;
  inset-inline-start: 1rem;
}

.cds--text-area {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--text-area *,
.cds--text-area *::before,
.cds--text-area *::after {
  box-sizing: inherit;
}
.cds--text-area {
  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);
  outline: 2px solid transparent;
  outline-offset: -2px;
  padding: 0.6875rem var(--cds-layout-density-padding-inline-local);
  border: none;
  background-color: var(--cds-field);
  block-size: 100%;
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  font-family: inherit;
  min-block-size: 2.5rem;
  min-inline-size: 10rem;
  resize: vertical;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--text-area:focus,
.cds--text-area:active {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--text-area:focus,
  .cds--text-area:active {
    outline-style: dotted;
  }
}

.cds--text-area::placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
  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);
}

.cds--text-area--light {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--text-area__wrapper {
  --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));
  position: relative;
  display: flex;
  inline-size: 100%;
  max-inline-size: 100%;
}

.cds--text-area__wrapper--cols {
  inline-size: auto;
}

.cds--text-area__invalid-icon {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-block-start: 0.75rem;
  inset-inline-end: var(--cds-layout-density-padding-inline-local);
}

.cds--text-area__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--text-area__invalid-icon--warning path[fill] {
  fill: #000000;
  opacity: 1;
}

.cds--text-area__counter-alert {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
}

.cds--form-item:has(.cds--text-area__wrapper--cols) {
  inline-size: fit-content;
}

.cds--text-area:disabled {
  background-color: var(--cds-field);
  border-block-end: 1px solid transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  outline: none;
  resize: none;
}

.cds--text-area:disabled::placeholder {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-area__wrapper--readonly .cds--text-area {
  background: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--text-area__wrapper--decorator .cds--text-area__inner-wrapper--decorator > *,
.cds--text-area__wrapper--slug .cds--ai-label,
.cds--text-area__wrapper--slug .cds--slug {
  position: absolute;
  inset-block-start: 0.75rem;
  inset-inline-end: 1rem;
}

.cds--text-area__wrapper--decorator .cds--ai-label.cds--ai-label--revert,
.cds--text-area__wrapper--slug .cds--ai-label.cds--ai-label--revert,
.cds--text-area__wrapper--slug .cds--slug.cds--slug--revert {
  inset-block-start: 0.25rem;
  inset-inline-end: 0.5rem;
  transform: translate(0);
}

.cds--text-area__wrapper--decorator .cds--text-area:has(~ .cds--text-area__inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--text-area__inner-wrapper--decorator .cds--ai-label--revert)),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--text-area__wrapper--decorator .cds--text-area:has(~ .cds--text-area__inner-wrapper--decorator > *),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--ai-label),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--slug) {
  padding-inline-end: 2.5rem;
}

.cds--text-area--invalid:has(~ .cds--text-area__inner-wrapper--decorator > *),
.cds--text-area--warn:has(~ .cds--text-area__inner-wrapper--decorator > *),
.cds--text-area--invalid:has(~ .cds--ai-label),
.cds--text-area--warn:has(~ .cds--ai-label),
.cds--text-area--invalid:has(~ .cds--slug),
.cds--text-area--warn:has(~ .cds--slug) {
  padding-inline-end: 4rem;
}

.cds--text-area--invalid ~ .cds--text-area__inner-wrapper--decorator > *,
.cds--text-area--warn ~ .cds--text-area__inner-wrapper--decorator > *,
.cds--text-area--invalid ~ .cds--ai-label,
.cds--text-area--warn ~ .cds--ai-label,
.cds--text-area--invalid ~ .cds--slug,
.cds--text-area--warn ~ .cds--slug {
  inset-inline-end: 2.5rem;
}

.cds--text-area--invalid ~ .cds--text-area__inner-wrapper--decorator > .cds--ai-label.cds--ai-label--revert,
.cds--text-area--warn ~ .cds--text-area__inner-wrapper--decorator > .cds--ai-label.cds--ai-label--revert,
.cds--text-area--invalid ~ .cds--ai-label.cds--ai-label--revert,
.cds--text-area--warn ~ .cds--ai-label.cds--ai-label--revert,
.cds--text-area--invalid ~ .cds--slug.cds--slug--revert,
.cds--text-area--warn ~ .cds--slug.cds--slug--revert {
  inset-inline-end: 2rem;
}

.cds--text-area.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--text-area.cds--skeleton:hover, .cds--text-area.cds--skeleton:focus, .cds--text-area.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--text-area.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--text-area.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--text-area.cds--skeleton {
    background: CanvasText;
  }
  .cds--text-area.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--text-area.cds--skeleton {
  block-size: 6.25rem;
  inline-size: 100%;
}
.cds--text-area.cds--skeleton::placeholder {
  color: transparent;
}

.cds--text-area__label-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  inline-size: 100%;
}

.cds--text-area--fluid .cds--text-area__wrapper {
  position: relative;
  flex-direction: column;
  background: var(--cds-field);
  block-size: 100%;
}

.cds--modal .cds--text-area--fluid .cds--text-area__wrapper {
  background: var(--cds-field-02, #ffffff);
}

.cds--text-area--fluid .cds--text-area__label-wrapper {
  position: relative;
  block-size: 100%;
}

.cds--text-area--fluid .cds--label {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0;
  block-size: 1rem;
  inset-block-start: 0.8125rem;
}
.cds--text-area--fluid .cds--label:not(.cds--text-area__label-counter) {
  inline-size: auto;
  inset-inline-end: auto;
  inset-inline-start: 1rem;
}
.cds--text-area--fluid .cds--label.cds--text-area__label-counter {
  inline-size: auto;
  inset-inline-end: 1rem;
  inset-inline-start: auto;
}
.cds--text-area--fluid .cds--label .cds--toggletip-button {
  padding: 0.25rem;
  margin-inline-start: -0.25rem;
  min-block-size: 1.5rem;
  min-inline-size: 1.5rem;
}

.cds--text-area--fluid .cds--label::-webkit-scrollbar,
.cds--text-area--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
  display: none;
}

.cds--text-area--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--text-area--fluid .cds--label .cds--toggletip-label {
  -ms-overflow-style: none;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
}

.cds--text-area--fluid div.cds--label {
  display: flex;
  justify-content: flex-end;
}

.cds--text-area--fluid .cds--text-area {
  padding: 0 1rem 0.8125rem;
  margin-block-start: 2rem;
  min-block-size: 4rem;
  outline: none;
}

.cds--text-area--fluid .cds--form__helper-text {
  display: none;
}

.cds--text-area--fluid .cds--text-area--invalid,
.cds--text-area--fluid .cds--text-area:focus {
  border-block-end: 1px solid transparent;
}

.cds--text-area__divider,
.cds--text-area--fluid .cds--text-area__divider {
  display: none;
}

.cds--text-area--fluid .cds--text-area--invalid,
.cds--text-area--fluid .cds--text-area--warn {
  resize: none;
}

.cds--text-area--fluid .cds--text-area--invalid {
  padding: 0 0.875rem 0.8125rem;
  margin-block-start: 1.875rem;
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider,
.cds--text-area--fluid .cds--text-area__wrapper--warn .cds--text-area__divider {
  display: block;
  border-style: solid;
  border-color: var(--cds-border-subtle);
  margin: 0 1rem;
  border-block-end: none;
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--form-requirement.cds--form-requirement,
.cds--text-area--fluid .cds--text-area__wrapper--warn .cds--form-requirement.cds--form-requirement {
  position: relative;
  display: block;
  overflow: visible;
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  margin: 0;
  background: var(--cds-field);
  max-block-size: 12.5rem;
}

.cds--text-area--fluid .cds--text-area__wrapper--warn .cds--form-requirement.cds--form-requirement {
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--form-requirement.cds--form-requirement {
  border-block-end: none;
  color: var(--cds-text-error, #da1e28);
}

.cds--text-area--fluid .cds--text-area--warn {
  border-block-end: none;
}

.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement {
  background: var(--cds-field-02, #ffffff);
}

.cds--text-area--fluid .cds--text-area__invalid-icon {
  inset-block-start: 0.5rem;
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:not(:focus) {
  border: 2px solid var(--cds-support-error, #da1e28);
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within,
.cds--text-area--fluid .cds--text-area__wrapper:focus-within {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--text-area--fluid .cds--text-area__wrapper[data-invalid]:focus-within,
  .cds--text-area--fluid .cds--text-area__wrapper:focus-within {
    outline-style: dotted;
  }
}

.cds--text-area--fluid .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:focus,
.cds--text-area--fluid .cds--text-area__wrapper > .cds--text-area:focus,
.cds--text-area--fluid .cds--text-area__wrapper > .cds--text-area:active,
.cds--text-area--fluid .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid {
  outline: none;
  transition: none;
}

.cds--text-area--fluid__skeleton {
  padding: 1rem;
  background: var(--cds-skeleton-background, #e8e8e8);
  border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--text-area--fluid__skeleton .cds--skeleton,
.cds--text-area--fluid__skeleton .cds--text-area.cds--skeleton::before {
  block-size: 0.5rem;
}

.cds--text-area--fluid__skeleton .cds--label {
  margin-block-end: 0.75rem;
}

.cds--text-area--fluid__skeleton .cds--text-area.cds--skeleton {
  block-size: 4rem;
  inline-size: 80%;
}

.cds--text-area--fluid .cds--text-area__wrapper--decorator:has(.cds--text-area__inner-wrapper--decorator .cds--ai-label):not(:has(.cds--text-area__inner-wrapper--decorator .cds--ai-label--revert)),
.cds--text-area--fluid .cds--text-area__wrapper--slug:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
.cds--text-area--fluid .cds--text-area__wrapper--slug:has(.cds--slug):not(:has(.cds--slug--revert)) {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--text-area--fluid .cds--text-area__wrapper--decorator .cds--text-area--invalid ~ .cds--text-area__inner-wrapper--decorator > *,
.cds--text-area--fluid .cds--text-area__wrapper--decorator .cds--text-area--warn ~ .cds--text-area__inner-wrapper--decorator > *,
.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid ~ .cds--ai-label,
.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--warn ~ .cds--ai-label,
.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid ~ .cds--slug,
.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--warn ~ .cds--slug {
  inset-inline-end: 1rem;
}

.cds--text-area--fluid .cds--text-area__wrapper--decorator .cds--text-area--invalid,
.cds--text-area--fluid .cds--text-area__wrapper--slug .cds--text-area--invalid {
  border-block-end-color: transparent;
}

.cds--text-input--fluid.cds--text-input-wrapper {
  position: relative;
  background: var(--cds-field);
  block-size: 100%;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--text-input--fluid .cds--label {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0;
  block-size: 1rem;
  inset-block-start: 0.8125rem;
}
.cds--text-input--fluid .cds--label:not(.cds--text-input__label-counter) {
  inline-size: auto;
  inset-inline-end: auto;
  inset-inline-start: 1rem;
}
.cds--text-input--fluid .cds--label.cds--text-input__label-counter {
  inline-size: auto;
  inset-inline-end: 1rem;
  inset-inline-start: auto;
}

.cds--text-input--fluid.cds--text-input-wrapper--readonly .cds--text-input__field-wrapper .cds--text-input {
  color: var(--cds-text-secondary, #525252);
}

.cds--text-input--fluid .cds--label::-webkit-scrollbar,
.cds--text-input--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar {
  display: none;
}

.cds--text-input--fluid .cds--label:not(:has(.cds--toggletip-label)),
.cds--text-input--fluid .cds--label .cds--toggletip-label {
  -ms-overflow-style: none;
  overflow-x: scroll;
  scrollbar-width: none;
  white-space: nowrap;
}

.cds--text-input--fluid .cds--form__helper-text {
  display: none;
}

.cds--text-input--fluid .cds--text-input {
  padding: 2rem 1rem 0.8125rem;
  min-block-size: 4rem;
}

.cds--text-input__divider,
.cds--text-input--fluid .cds--text-input__divider {
  display: none;
}

.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid],
.cds--text-input--fluid .cds--text-input__field-wrapper--warning {
  display: block;
}

.cds--text-input--fluid input[data-invalid] {
  outline: none;
}

.cds--text-input--fluid .cds--form-requirement {
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  margin: 0;
}

.cds--text-input--fluid .cds--text-input--invalid,
.cds--text-input--fluid .cds--text-input--warning {
  border-block-end: none;
}

.cds--text-input--fluid .cds--text-input--invalid ~ .cds--text-input__divider,
.cds--text-input--fluid .cds--text-input--warning ~ .cds--text-input__divider {
  display: block;
  border-style: solid;
  border-color: var(--cds-border-subtle);
  margin: 0 1rem;
  border-block-end: none;
}

.cds--text-input--fluid .cds--text-input__invalid-icon {
  inset-block-start: 5rem;
}

.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid,
.cds--text-input--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning {
  outline: none;
}

.cds--text-input--fluid .cds--text-input__field-wrapper--warning {
  border-block-end: 1px solid var(--cds-border-strong);
}

.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
    outline-style: dotted;
  }
}

.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
.cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
  .cds--text-input--fluid .cds--text-input__field-wrapper--warning:focus-within {
    outline-style: dotted;
  }
}

.cds--text-input--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus,
.cds--text-input--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning:focus {
  outline: none;
}

.cds--text-input--fluid .cds--text-input.cds--password-input {
  padding-inline-end: 2.5rem;
}

.cds--text-input--fluid.cds--password-input-wrapper .cds--text-input__invalid-icon {
  inset-inline-end: 1rem;
}

.cds--text-input--fluid .cds--toggle-password-tooltip {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  block-size: 4rem;
  cursor: pointer;
  inline-size: 3rem;
  inset-block-start: 0;
  inset-inline-end: 0;
  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--text-input--fluid .cds--toggle-password-tooltip .cds--popover {
  inset-inline-start: 0;
}

.cds--text-input--fluid .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
  block-size: 2rem;
  inline-size: 2rem;
  inset-block-start: 1.625rem;
  inset-inline-end: 0.5rem;
}

.cds--text-input--fluid__skeleton {
  position: relative;
  background: var(--cds-skeleton-background, #e8e8e8);
  block-size: 4rem;
  border-block-end: 1px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--text-input--fluid__skeleton .cds--skeleton {
  position: absolute;
  block-size: 0.5rem;
  inline-size: 25%;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
}

.cds--text-input--fluid__skeleton .cds--label {
  position: absolute;
  padding: 0;
  block-size: 0.5rem;
  inline-size: 50%;
  inset-block-start: 2.25rem;
  inset-inline-start: 1rem;
}

.cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator > *,
.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--ai-label,
.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--slug {
  inset-block-start: 2.625rem;
}

.cds--text-input--fluid .cds--text-input--invalid ~ .cds--text-input__field-inner-wrapper--decorator > *,
.cds--text-input--fluid .cds--text-input--warning ~ .cds--text-input__field-inner-wrapper--decorator > *,
.cds--text-input--fluid .cds--text-input--invalid ~ .cds--ai-label,
.cds--text-input--fluid .cds--text-input--warning ~ .cds--ai-label,
.cds--text-input--fluid .cds--text-input--invalid ~ .cds--slug,
.cds--text-input--fluid .cds--text-input--warning ~ .cds--slug {
  inset-inline-end: 1rem;
}

.cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input,
.cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input--invalid,
.cds--text-input--fluid .cds--text-input__field-wrapper--decorator .cds--text-input--warning,
.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input,
.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--invalid,
.cds--text-input--fluid .cds--text-input__field-wrapper--slug .cds--text-input--warning {
  padding-inline-end: 2.5rem;
}

.cds--time-picker--fluid {
  background: var(--cds-field);
}

.cds--time-picker--fluid .cds--time-picker--fluid__wrapper {
  display: flex;
}

.cds--time-picker--fluid__wrapper > *:nth-child(1),
.cds--time-picker--fluid__wrapper > *:nth-child(2) {
  flex-basis: 25%;
}

.cds--time-picker--equal-width .cds--time-picker--fluid__wrapper > * {
  flex-basis: 50%;
}

.cds--time-picker--fluid__wrapper > *:nth-child(2):not(:last-child) .cds--select-input__wrapper::before,
.cds--time-picker--fluid__wrapper > *:last-child .cds--select-input__wrapper::before {
  position: absolute;
  display: block;
  background-color: var(--cds-border-strong);
  block-size: calc(100% - 1px);
  content: "";
  inline-size: 1px;
  opacity: 1;
  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--select--readonly .cds--select-input__wrapper::before {
  background-color: var(--cds-border-subtle) !important; /* stylelint-disable-line declaration-no-important */
  opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
  transition: none;
}

.cds--time-picker--fluid__wrapper .cds--select-input__wrapper::after {
  inset-inline-end: 0;
}

.cds--time-picker--fluid__wrapper .cds--select-input__wrapper::before {
  inset-inline-start: 0;
}

.cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled) .cds--time-picker--fluid__wrapper > *:nth-child(2):not(:last-child):hover .cds--select-input__wrapper::before,
.cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled) .cds--time-picker--fluid__wrapper > *:nth-child(2):hover:not(:last-child) ~ * .cds--select-input__wrapper::before,
.cds--time-picker--fluid:not(.cds--time-picker--fluid--disabled) .cds--time-picker--fluid__wrapper > *:last-child:hover .cds--select-input__wrapper::before {
  opacity: 0;
}

.cds--time-picker--fluid--disabled .cds--time-picker--fluid__wrapper .cds--select--disabled .cds--select-input__wrapper::before {
  background: var(--cds-border-disabled, #c6c6c6);
}

.cds--time-picker--fluid .cds--form-requirement {
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  margin: 0;
  background: var(--cds-field);
}

.cds--time-picker--fluid--invalid {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--time-picker--fluid--invalid {
    outline-style: dotted;
  }
}
.cds--time-picker--fluid--invalid {
  position: relative;
}

.cds--time-picker--fluid--invalid .cds--text-input,
.cds--time-picker--fluid--invalid .cds--text-input-wrapper,
.cds--time-picker--fluid--invalid .cds--select-input,
.cds--time-picker--fluid--invalid .cds--select {
  background: transparent;
}

.cds--time-picker--fluid--invalid .cds--select-input {
  border-block-start: 2px solid transparent;
  padding-block-start: 1.875rem;
}

.cds--time-picker--fluid .cds--select--fluid:last-of-type .cds--select-input {
  border-inline-end: 2px solid transparent;
}

.cds--time-picker--fluid--invalid .cds--select-input:hover:not([disabled]) {
  background: var(--cds-field-hover);
}

.cds--time-picker--fluid--invalid .cds--select-input:hover {
  border-block-start: 2px solid var(--cds-support-error, #da1e28);
}

.cds--time-picker--fluid--invalid .cds--select--fluid:last-of-type .cds--select-input:hover {
  border-inline-end: 2px solid var(--cds-support-error, #da1e28);
}

.cds--time-picker--fluid--warning {
  position: relative;
}

.cds--time-picker__icon {
  display: none;
}

.cds--time-picker--fluid--invalid .cds--time-picker__icon,
.cds--time-picker--fluid--warning .cds--time-picker__icon {
  position: absolute;
  display: block;
  inset-block-start: 4.5rem;
  inset-inline-end: 1rem;
}

.cds--time-picker--fluid--invalid .cds--time-picker__icon {
  fill: var(--cds-support-error, #da1e28);
}

.cds--time-picker--fluid--warning .cds--time-picker__icon {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--time-picker--fluid--warning .cds--time-picker__icon path:first-of-type {
  fill: var(--cds-icon-primary, #161616);
}

.cds--time-picker--fluid--invalid .cds--form-requirement,
.cds--time-picker--fluid--warning .cds--form-requirement {
  display: block;
  overflow: visible;
  max-block-size: 100%;
}

.cds--time-picker--fluid--invalid .cds--form-requirement {
  color: var(--cds-text-error, #da1e28);
}

.cds--time-picker--fluid--invalid .cds--time-picker--fluid__wrapper > *:nth-child(2):not(:last-child) .cds--select-input__wrapper::before,
.cds--time-picker--fluid--invalid .cds--time-picker--fluid__wrapper > *:last-child .cds--select-input__wrapper::before,
.cds--time-picker--fluid--warning .cds--time-picker--fluid__wrapper > *:nth-child(2):not(:last-child) .cds--select-input__wrapper::before,
.cds--time-picker--fluid--warning .cds--time-picker--fluid__wrapper > *:last-child .cds--select-input__wrapper::before {
  block-size: calc(100% - 1rem);
  inset-block-start: 8px;
}

.cds--time-picker--fluid--invalid .cds--text-input,
.cds--time-picker--fluid--warning .cds--text-input,
.cds--time-picker--fluid--invalid .cds--select-input,
.cds--time-picker--fluid--warning .cds--select-input {
  border-block-end: 1px solid transparent;
}

.cds--time-picker--fluid.cds--time-picker--fluid--invalid .cds--time-picker__divider,
.cds--time-picker--fluid.cds--time-picker--fluid--warning .cds--time-picker__divider {
  border-style: solid;
  border-color: var(--cds-border-subtle);
  margin: 0 1rem;
  border-block-end: none;
  inline-size: calc(100% - 2rem);
}

.cds--time-picker--fluid--skeleton {
  display: flex;
  block-size: 4rem;
  inline-size: 100%;
}

.cds--time-picker--fluid--skeleton > * {
  block-size: 100%;
  inline-size: auto;
}

.cds--time-picker--fluid--skeleton > *:nth-child(1),
.cds--time-picker--fluid--skeleton > *:nth-child(2) {
  inline-size: 25%;
}

.cds--time-picker--fluid--skeleton > *:last-child,
.cds--time-picker--fluid--skeleton.cds--time-picker--equal-width > *:first-child {
  inline-size: 50%;
}

.cds--icon-indicator {
  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: flex;
  color: var(--cds-text-secondary, #525252);
}

.cds--icon-indicator svg {
  align-self: center;
  margin-inline-end: 0.5rem;
}

.cds--icon-indicator--20 {
  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--icon-indicator--failed {
  fill: var(--cds-status-red, #da1e28);
}

.cds--icon-indicator--caution-major {
  fill: var(--cds-status-orange, #ff832b);
}
.cds--icon-indicator--caution-major path:first-of-type {
  fill: #000000;
}

.cds--icon-indicator--caution-minor {
  fill: var(--cds-status-yellow, #f1c21b);
}
.cds--icon-indicator--caution-minor path:first-of-type {
  fill: #000000;
}

.cds--icon-indicator--undefined {
  fill: var(--cds-status-purple, #8a3ffc);
}

.cds--icon-indicator--succeeded {
  fill: var(--cds-status-green, #24a148);
}

.cds--icon-indicator--normal {
  fill: var(--cds-status-blue, #0043ce);
}

.cds--icon-indicator--in-progress {
  fill: var(--cds-status-blue, #0043ce);
}

.cds--icon-indicator--incomplete {
  fill: var(--cds-status-blue, #0043ce);
}

.cds--icon-indicator--not-started {
  fill: var(--cds-status-gray, #6f6f6f);
}

.cds--icon-indicator--pending {
  fill: var(--cds-status-gray, #6f6f6f);
}

.cds--icon-indicator--unknown {
  fill: var(--cds-status-gray, #6f6f6f);
}

.cds--icon-indicator--informative {
  fill: var(--cds-status-blue, #0043ce);
}

@keyframes prefix--stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
.cds--inline-loading {
  display: flex;
  align-items: center;
  color: var(--cds-text-secondary, #525252);
  inline-size: 100%;
  min-block-size: 2rem;
}

.cds--inline-loading__text {
  font-size: var(--cds-label-02-font-size, 0.875rem);
  font-weight: var(--cds-label-02-font-weight, 400);
  line-height: var(--cds-label-02-line-height, 1.28572);
  letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
}

.cds--inline-loading__animation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 0.5rem;
}

.cds--inline-loading__checkmark-container {
  fill: var(--cds-support-success, #24a148);
}
.cds--inline-loading__checkmark-container.cds--inline-loading__svg {
  position: absolute;
  inline-size: 0.75rem;
  inset-block-start: 0.75rem;
}
.cds--inline-loading__checkmark-container[hidden] {
  display: none;
}

.cds--inline-loading__checkmark {
  animation-duration: 250ms;
  animation-fill-mode: forwards;
  animation-name: cds--stroke;
  fill: none;
  stroke: var(--cds-interactive, #0f62fe);
  stroke-dasharray: 12;
  stroke-dashoffset: 12;
  stroke-width: 1.8;
  transform-origin: 50% 50%;
}

.cds--inline-loading--error {
  block-size: 1rem;
  fill: var(--cds-support-error, #da1e28);
  inline-size: 1rem;
}
.cds--inline-loading--error[hidden] {
  display: none;
}

.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 .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;
  }
}
.cds--list--nested,
.cds--list--unordered,
.cds--list--ordered,
.cds--list--ordered--native {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--list--nested *,
.cds--list--nested *::before,
.cds--list--nested *::after,
.cds--list--unordered *,
.cds--list--unordered *::before,
.cds--list--unordered *::after,
.cds--list--ordered *,
.cds--list--ordered *::before,
.cds--list--ordered *::after,
.cds--list--ordered--native *,
.cds--list--ordered--native *::before,
.cds--list--ordered--native *::after {
  box-sizing: inherit;
}
.cds--list--nested,
.cds--list--unordered,
.cds--list--ordered,
.cds--list--ordered--native {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  list-style: none;
}

.cds--list--unordered:not(.cds--list--nested) {
  margin-inline-start: 1rem;
}

.cds--list--expressive,
.cds--list--expressive .cds--list--nested {
  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--list--ordered--native {
  list-style: decimal;
}

.cds--list__item {
  color: var(--cds-text-primary, #161616);
}

.cds--list--nested {
  margin-inline-start: 2rem;
}

.cds--list--nested .cds--list__item {
  padding-inline-start: 0.25rem;
}

.cds--list--ordered:not(.cds--list--nested) {
  counter-reset: item;
}

.cds--list--ordered:not(.cds--list--nested) > .cds--list__item {
  position: relative;
}

.cds--list--ordered:not(.cds--list--nested) > .cds--list__item::before {
  position: absolute;
  content: counter(item) ".";
  counter-increment: item;
  inset-inline-start: -1.5rem;
}

.cds--list--ordered.cds--list--nested,
.cds--list--ordered--native.cds--list--nested {
  list-style-type: lower-latin;
}

.cds--list--unordered > .cds--list__item {
  position: relative;
}
.cds--list--unordered > .cds--list__item::before {
  position: absolute;
  content: "–";
  inset-inline-start: calc(-1 * 1rem);
}

.cds--list--unordered.cds--list--nested > .cds--list__item::before {
  content: "▪";
  inset-inline-start: calc(-1 * 0.75rem);
}

.cds--menu-button__container {
  display: contents;
}

.cds--menu-button__trigger:not(.cds--btn--ghost) {
  min-inline-size: 12rem;
}

.cds--menu-button__trigger svg {
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--menu-button__trigger--open svg {
  transform: rotate(180deg);
}

.cds--modal {
  position: fixed;
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
  block-size: 100vh;
  content: "";
  inline-size: 100vw;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.cds--modal.cds--modal--enable-presence {
  animation: cds--presence-modal__enter 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--modal.cds--modal--enable-presence {
    animation: none;
  }
}
.cds--modal.cds--modal--enable-presence[data-exiting] {
  animation: cds--presence-modal__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--modal.cds--modal--enable-presence[data-exiting] {
    animation: none;
  }
}
@keyframes cds--presence-modal__enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes cds--presence-modal__exit {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.cds--modal:not(.cds--modal--enable-presence) {
  opacity: 0;
  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;
  visibility: hidden;
}
.cds--modal:not(.cds--modal--enable-presence).is-visible {
  opacity: 1;
  transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;
  visibility: inherit;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--modal:not(.cds--modal--enable-presence).is-visible {
    transition: none;
  }
}
.cds--modal .cds--text-input--fluid .cds--text-input,
.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,
.cds--modal .cds--text-area--fluid .cds--text-area,
.cds--modal .cds--search--fluid .cds--search-input,
.cds--modal .cds--select--fluid .cds--select-input,
.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement,
.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,
.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,
.cds--modal .cds--number-input--fluid input[type=number],
.cds--modal .cds--number-input--fluid input[type=text],
.cds--modal .cds--number-input--fluid .cds--number__control-btn::before,
.cds--modal .cds--number-input--fluid .cds--number__control-btn::after,
.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {
  background-color: var(--cds-field-01, #f4f4f4);
}
.cds--modal .cds--list-box__wrapper--fluid .cds--list-box__menu {
  background-color: var(--cds-layer-01, #f4f4f4);
}
.cds--modal .cds--list-box__menu-item:hover {
  background-color: var(--cds-layer-hover-02, #e8e8e8);
}
.cds--modal .cds--list-box__menu-item--active {
  background-color: var(--cds-layer-selected-02, #e0e0e0);
}
.cds--modal .cds--list-box__menu-item--active:hover {
  background-color: var(--cds-layer-selected-hover-02, #d1d1d1);
}
.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,
.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after {
  background-color: var(--cds-field-hover);
}
.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,
.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after {
  border-inline-start: 2px solid var(--cds-focus, #0f62fe);
}

.cds--modal--enable-presence[data-exiting] .cds--modal-container {
  animation: cds--presence-modal-container__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--modal--enable-presence[data-exiting] .cds--modal-container {
    animation: none;
  }
}
.cds--modal--enable-presence .cds--modal-container {
  animation: cds--presence-modal-container__enter 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--modal--enable-presence .cds--modal-container {
    animation: none;
  }
}
@keyframes cds--presence-modal-container__enter {
  from {
    transform: translate3d(0, -24px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes cds--presence-modal-container__exit {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -24px, 0);
  }
}

:not(.cds--modal--enable-presence).is-visible .cds--modal-container {
  transform: translate3d(0, 0, 0);
  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);
}
:not(.cds--modal--enable-presence) .cds--modal-container {
  transform: translate3d(0, -24px, 0);
  transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);
}

.cds--modal-container {
  position: fixed;
  display: grid;
  border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  background-color: var(--cds-layer);
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  inline-size: 100%;
  inset-block-start: 0;
  max-block-size: 100%;
  outline: 3px solid transparent;
  outline-offset: -3px;
  transform-origin: top center;
}
@media (min-width: 42rem) {
  .cds--modal-container {
    position: relative;
    inline-size: 84%;
    max-block-size: 90%;
  }
}
@media (min-width: 66rem) {
  .cds--modal-container {
    inline-size: 60%;
    max-block-size: 84%;
  }
}
@media (min-width: 82rem) {
  .cds--modal-container {
    inline-size: 48%;
  }
}
.cds--modal-container .cds--modal-container-body {
  display: contents;
}

.cds--modal-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);
  position: relative;
  color: var(--cds-text-primary, #161616);
  font-weight: 400;
  grid-column: 1/-1;
  grid-row: 2/-2;
  overflow-y: auto;
  padding-block: 0.5rem 3rem;
  padding-inline: 1rem 1rem;
}
.cds--modal-content:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--modal-content:focus {
    outline-style: dotted;
  }
}

.cds--modal-content .cds--form--fluid {
  margin-inline: -2rem;
}

.cds--modal-content > p,
.cds--modal-content__regular-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);
  padding-inline-end: calc(20% - 2rem);
}

.cds--modal-content--with-form {
  padding-inline-end: 1rem;
}

.cds--modal-header {
  grid-column: 1/-1;
  grid-row: 1/1;
  margin-block-end: 0.5rem;
  max-block-size: 50vh;
  overflow-y: auto;
  padding-block-start: 1rem;
  padding-inline: 1rem 3rem;
}

.cds--modal-header__label {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--modal-header__label *,
.cds--modal-header__label *::before,
.cds--modal-header__label *::after {
  box-sizing: inherit;
}
.cds--modal-header__label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 0.25rem;
}

.cds--modal-header__heading {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--modal-header__heading *,
.cds--modal-header__heading *::before,
.cds--modal-header__heading *::after {
  box-sizing: inherit;
}
.cds--modal-header__heading {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
  color: var(--cds-text-primary, #161616);
  padding-inline-end: calc(20% - 3rem);
}

.cds--modal-container--xs .cds--modal-content__regular-content {
  padding-inline-end: 1rem;
}
.cds--modal-container--xs .cds--modal-content > p {
  padding-inline-end: 0;
}
@media (min-width: 42rem) {
  .cds--modal-container--xs {
    inline-size: 48%;
  }
}
@media (min-width: 66rem) {
  .cds--modal-container--xs {
    inline-size: 32%;
    max-block-size: 48%;
  }
}
@media (min-width: 82rem) {
  .cds--modal-container--xs {
    inline-size: 24%;
  }
}

.cds--modal-container--sm .cds--modal-content__regular-content {
  padding-inline-end: 1rem;
}
.cds--modal-container--sm .cds--modal-content > p {
  padding-inline-end: 0;
}
@media (min-width: 42rem) {
  .cds--modal-container--sm {
    inline-size: 60%;
  }
}
@media (min-width: 66rem) {
  .cds--modal-container--sm {
    inline-size: 42%;
    max-block-size: 72%;
  }
  .cds--modal-container--sm .cds--modal-content > p,
  .cds--modal-container--sm .cds--modal-content__regular-content {
    padding-inline-end: 20%;
  }
}
@media (min-width: 82rem) {
  .cds--modal-container--sm {
    inline-size: 36%;
  }
}

@media (min-width: 42rem) {
  .cds--modal-container--lg {
    inline-size: 96%;
  }
}
@media (min-width: 66rem) {
  .cds--modal-container--lg {
    inline-size: 84%;
    max-block-size: 96%;
  }
}
@media (min-width: 82rem) {
  .cds--modal-container--lg {
    inline-size: 72%;
  }
}

.cds--modal-scroll-content {
  border-block-end: 2px solid transparent;
  mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
}

.cds--modal--slug .cds--modal-content.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
.cds--modal--decorator .cds--modal-content.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
.cds--modal-scroll-content--no-fade {
  mask-image: none;
}

.cds--modal-scroll-content:has(.cds--autoalign) {
  mask-image: none;
}

.cds--modal-scroll-content > *:last-child {
  margin-block-end: 1.5rem;
}

.cds--modal-footer {
  display: flex;
  justify-content: flex-end;
  block-size: 4rem;
  grid-column: 1/-1;
  grid-row: -1/-1;
  margin-block-start: auto;
}

.cds--modal-footer .cds--btn {
  flex: 0 1 50%;
  align-items: baseline;
  margin: 0;
  block-size: 4rem;
  max-inline-size: none;
}

.cds--modal-footer .cds--btn:not(.cds--skeleton) {
  padding-block: 0.875rem 2rem;
}

.cds--modal-footer--three-button .cds--btn {
  flex: 0 1 25%;
  align-items: flex-start;
}

.cds--modal-close-button {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.cds--modal-close {
  padding: 0.75rem;
  border: 2px solid transparent;
  background-color: transparent;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--modal-close:hover {
  background-color: var(--cds-layer-hover);
}
.cds--modal-close:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--modal-close::-moz-focus-inner {
  border: 0;
}

.cds--modal-close__icon {
  block-size: 1.25rem;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1.25rem;
}

.cds--body--with-modal-open {
  overflow: hidden;
}

.cds--body--with-modal-open .cds--modal .cds--tooltip,
.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,
.cds--body--with-modal-open .cds--overflow-menu-options {
  z-index: 9000;
}

.cds--modal-container--full-width .cds--modal-content {
  padding: 0;
  margin: 0;
}

.cds--modal--slug.cds--modal,
.cds--modal--decorator:has(.cds--ai-label).cds--modal {
  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
}

.cds--modal--slug .cds--modal-container,
.cds--modal--decorator:has(.cds--ai-label) .cds--modal-container {
  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;
  background-color: var(--cds-layer);
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--modal--slug .cds--modal-container:has(.cds--modal-footer),
.cds--modal--decorator:has(.cds--ai-label) .cds--modal-container:has(.cds--modal-footer) {
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) calc(0% + 64px), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), 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;
  box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--modal--slug .cds--modal-content.cds--modal-scroll-content,
.cds--modal--decorator .cds--modal-content.cds--modal-scroll-content {
  mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
}

.cds--modal-header > .cds--modal--inner__decorator:has(+ .cds--modal-close-button) > *,
.cds--modal-header > .cds--modal-close-button ~ .cds--modal--inner__decorator > *,
.cds--modal--decorator .cds--modal-container-body > .cds--modal--inner__decorator > *,
.cds--modal-header > .cds--ai-label:has(+ .cds--modal-close-button),
.cds--modal-header > .cds--modal-close-button ~ .cds--ai-label,
.cds--modal--slug .cds--modal-container-body > .cds--ai-label,
.cds--modal-header > .cds--slug:has(+ .cds--modal-close-button),
.cds--modal-header > .cds--modal-close-button ~ .cds--slug,
.cds--modal--slug .cds--modal-container-body > .cds--slug {
  position: absolute;
  inset-block-start: 0.625rem;
  inset-inline-end: 3rem;
}

.cds--modal-header > .cds--modal--inner__decorator:not(:has(.cds--ai-label)) > * {
  inset-block-start: 1rem;
}

.cds--modal-header > .cds--modal--inner__decorator:has(.cds--ai-label--revert) > * {
  inset-block-start: 1.475rem;
}

.cds--modal--decorator .cds--modal-content--overflow-indicator::before,
.cds--modal--decorator .cds--modal-content--overflow-indicator {
  display: none;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--modal-close:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--inline-notification html {
  font-size: 100%;
}
.cds--inline-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--inline-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--inline-notification strong {
  font-weight: 600;
}
.cds--inline-notification {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  inline-size: 100%;
  max-inline-size: 18rem;
  min-block-size: 3rem;
  min-inline-size: 18rem;
}
@media (min-width: 42rem) {
  .cds--inline-notification {
    flex-wrap: nowrap;
    max-inline-size: 38rem;
  }
}
@media (min-width: 66rem) {
  .cds--inline-notification {
    max-inline-size: 46rem;
  }
}
@media (min-width: 99rem) {
  .cds--inline-notification {
    max-inline-size: 52rem;
  }
}

.cds--inline-notification:not(.cds--inline-notification--low-contrast) a {
  color: var(--cds-link-inverse, #78a9ff);
}

.cds--inline-notification a {
  text-decoration: none;
}

.cds--inline-notification a:hover {
  text-decoration: underline;
}

.cds--inline-notification a:focus {
  outline: 1px solid var(--cds-link-inverse, #78a9ff);
}

.cds--inline-notification.cds--inline-notification--low-contrast a:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--inline-notification.cds--inline-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}

.cds--inline-notification--low-contrast {
  color: var(--cds-text-primary, #161616);
}
.cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--inline-notification--low-contrast .cds--inline-notification__close-button:focus {
    outline-style: dotted;
  }
}
.cds--inline-notification--low-contrast .cds--inline-notification__close-button .cds--inline-notification__close-icon {
  fill: var(--cds-icon-primary, #161616);
}
.cds--inline-notification--low-contrast::before {
  position: absolute;
  box-sizing: border-box;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  block-size: 100%;
  content: "";
  filter: opacity(0.4);
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  pointer-events: none;
}

.cds--inline-notification--error {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);
}
.cds--inline-notification--error .cds--inline-notification__icon,
.cds--inline-notification--error .cds--toast-notification__icon,
.cds--inline-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error-inverse, #fa4d56);
}

.cds--inline-notification--low-contrast.cds--inline-notification--error {
  background: var(--cds-notification-background-error, #fff1f1);
  border-inline-start: 3px solid var(--cds-support-error, #da1e28);
}
.cds--inline-notification--low-contrast.cds--inline-notification--error .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--error .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error, #da1e28);
}
.cds--inline-notification--low-contrast.cds--inline-notification--error::before {
  border-color: var(--cds-support-error, #da1e28);
}

.cds--inline-notification--success {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);
}
.cds--inline-notification--success .cds--inline-notification__icon,
.cds--inline-notification--success .cds--toast-notification__icon,
.cds--inline-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success-inverse, #42be65);
}

.cds--inline-notification--low-contrast.cds--inline-notification--success {
  background: var(--cds-notification-background-success, #defbe6);
  border-inline-start: 3px solid var(--cds-support-success, #24a148);
}
.cds--inline-notification--low-contrast.cds--inline-notification--success .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--success .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success, #24a148);
}
.cds--inline-notification--low-contrast.cds--inline-notification--success::before {
  border-color: var(--cds-support-success, #24a148);
}

.cds--inline-notification--info,
.cds--inline-notification--info-square {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);
}
.cds--inline-notification--info .cds--inline-notification__icon,
.cds--inline-notification--info .cds--toast-notification__icon,
.cds--inline-notification--info .cds--actionable-notification__icon,
.cds--inline-notification--info-square .cds--inline-notification__icon,
.cds--inline-notification--info-square .cds--toast-notification__icon,
.cds--inline-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info-inverse, #4589ff);
}

.cds--inline-notification--low-contrast.cds--inline-notification--info,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square {
  background: var(--cds-notification-background-info, #edf5ff);
  border-inline-start: 3px solid var(--cds-support-info, #0043ce);
}
.cds--inline-notification--low-contrast.cds--inline-notification--info .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info .cds--actionable-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info, #0043ce);
}
.cds--inline-notification--low-contrast.cds--inline-notification--info::before,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square::before {
  border-color: var(--cds-support-info, #0043ce);
}

.cds--inline-notification--warning,
.cds--inline-notification--warning-alt {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);
}
.cds--inline-notification--warning .cds--inline-notification__icon,
.cds--inline-notification--warning .cds--toast-notification__icon,
.cds--inline-notification--warning .cds--actionable-notification__icon,
.cds--inline-notification--warning-alt .cds--inline-notification__icon,
.cds--inline-notification--warning-alt .cds--toast-notification__icon,
.cds--inline-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning-inverse, #f1c21b);
}

.cds--inline-notification--low-contrast.cds--inline-notification--warning,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt {
  background: var(--cds-notification-background-warning, #fcf4d6);
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
}
.cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--actionable-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning, #f1c21b);
}
.cds--inline-notification--low-contrast.cds--inline-notification--warning::before,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt::before {
  border-color: var(--cds-support-warning, #f1c21b);
}

.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"],
.cds--inline-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--inline-notification__details {
  display: flex;
  flex-grow: 1;
  margin-inline: 0.8125rem 3rem;
}
@media (min-width: 42rem) {
  .cds--inline-notification__details {
    margin: 0 0.8125rem;
  }
}

.cds--inline-notification__icon {
  flex-shrink: 0;
  margin-block-start: 0.875rem;
  margin-inline-end: 1rem;
}

.cds--inline-notification__text-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem 0;
}

.cds--inline-notification__title {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  margin-inline-end: 0.25rem;
}

.cds--inline-notification__subtitle {
  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);
  word-break: break-word;
}

.cds--inline-notification__action-button.cds--btn--ghost {
  block-size: 2rem;
  margin-block-end: 0.5rem;
  margin-inline-start: 2.5rem;
}
@media (min-width: 42rem) {
  .cds--inline-notification__action-button.cds--btn--ghost {
    margin: 0.5rem 0;
  }
}

.cds--inline-notification:not(.cds--inline-notification--low-contrast) .cds--inline-notification__action-button.cds--btn--ghost {
  color: var(--cds-link-inverse, #78a9ff);
}

.cds--inline-notification__action-button.cds--btn--ghost:active,
.cds--inline-notification__action-button.cds--btn--ghost:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}

.cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:active,
.cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:hover {
  background-color: var(--cds-notification-action-hover, #ffffff);
}

.cds--inline-notification__action-button.cds--btn--ghost:focus {
  border-color: transparent;
  box-shadow: none;
  outline: 2px solid var(--cds-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:focus {
  outline-color: var(--cds-focus, #0f62fe);
}

.cds--inline-notification--hide-close-button .cds--inline-notification__action-button.cds--btn--ghost {
  margin-inline-end: 0.5rem;
}

.cds--inline-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  inset-block-start: 0;
  inset-inline-end: 0;
  max-inline-size: 3rem;
  min-inline-size: 3rem;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--inline-notification__close-button:focus {
  outline: 2px solid var(--cds-focus-inverse, #ffffff);
  outline-offset: -2px;
}
.cds--inline-notification__close-button .cds--inline-notification__close-icon {
  fill: var(--cds-icon-inverse, #ffffff);
}
@media (min-width: 42rem) {
  .cds--inline-notification__close-button {
    position: static;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--inline-notification {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--inline-notification__close-button:focus,
  .cds--btn.cds--btn--ghost.cds--inline-notification__action-button:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--toast-notification html {
  font-size: 100%;
}
.cds--toast-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--toast-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--toast-notification strong {
  font-weight: 600;
}
.cds--toast-notification {
  display: flex;
  block-size: auto;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  color: var(--cds-text-inverse, #ffffff);
  inline-size: 18rem;
  padding-inline-start: 0.8125rem;
}
@media (min-width: 99rem) {
  .cds--toast-notification {
    inline-size: 22rem;
  }
}

.cds--toast-notification:not(.cds--toast-notification--low-contrast) a {
  color: var(--cds-link-inverse, #78a9ff);
}

.cds--toast-notification a {
  text-decoration: none;
}

.cds--toast-notification a:hover {
  text-decoration: underline;
}

.cds--toast-notification a:focus {
  outline: 1px solid var(--cds-link-inverse, #78a9ff);
}

.cds--toast-notification.cds--toast-notification--low-contrast a:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--toast-notification.cds--toast-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}

.cds--toast-notification--low-contrast {
  color: var(--cds-text-primary, #161616);
}
.cds--toast-notification--low-contrast .cds--toast-notification__subtitle,
.cds--toast-notification--low-contrast .cds--toast-notification__caption {
  color: var(--cds-text-primary, #161616);
}
.cds--toast-notification--low-contrast .cds--toast-notification__close-button .cds--toast-notification__close-icon {
  fill: var(--cds-icon-primary, #161616);
}
.cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--toast-notification--low-contrast .cds--toast-notification__close-button:focus {
    outline-style: dotted;
  }
}

.cds--toast-notification--error {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);
}
.cds--toast-notification--error .cds--inline-notification__icon,
.cds--toast-notification--error .cds--toast-notification__icon,
.cds--toast-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error-inverse, #fa4d56);
}

.cds--toast-notification--low-contrast.cds--toast-notification--error {
  background: var(--cds-notification-background-error, #fff1f1);
  border-inline-start: 3px solid var(--cds-support-error, #da1e28);
}
.cds--toast-notification--low-contrast.cds--toast-notification--error .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--error .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error, #da1e28);
}

.cds--toast-notification--success {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);
}
.cds--toast-notification--success .cds--inline-notification__icon,
.cds--toast-notification--success .cds--toast-notification__icon,
.cds--toast-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success-inverse, #42be65);
}

.cds--toast-notification--low-contrast.cds--toast-notification--success {
  background: var(--cds-notification-background-success, #defbe6);
  border-inline-start: 3px solid var(--cds-support-success, #24a148);
}
.cds--toast-notification--low-contrast.cds--toast-notification--success .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--success .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success, #24a148);
}

.cds--toast-notification--info,
.cds--toast-notification--info-square {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);
}
.cds--toast-notification--info .cds--inline-notification__icon,
.cds--toast-notification--info .cds--toast-notification__icon,
.cds--toast-notification--info .cds--actionable-notification__icon,
.cds--toast-notification--info-square .cds--inline-notification__icon,
.cds--toast-notification--info-square .cds--toast-notification__icon,
.cds--toast-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info-inverse, #4589ff);
}

.cds--toast-notification--low-contrast.cds--toast-notification--info,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square {
  background: var(--cds-notification-background-info, #edf5ff);
  border-inline-start: 3px solid var(--cds-support-info, #0043ce);
}
.cds--toast-notification--low-contrast.cds--toast-notification--info .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info .cds--actionable-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info, #0043ce);
}

.cds--toast-notification--warning,
.cds--toast-notification--warning-alt {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);
}
.cds--toast-notification--warning .cds--inline-notification__icon,
.cds--toast-notification--warning .cds--toast-notification__icon,
.cds--toast-notification--warning .cds--actionable-notification__icon,
.cds--toast-notification--warning-alt .cds--inline-notification__icon,
.cds--toast-notification--warning-alt .cds--toast-notification__icon,
.cds--toast-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning-inverse, #f1c21b);
}

.cds--toast-notification--low-contrast.cds--toast-notification--warning,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt {
  background: var(--cds-notification-background-warning, #fcf4d6);
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
}
.cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--actionable-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"],
.cds--toast-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--toast-notification__icon {
  flex-shrink: 0;
  margin-block-start: 1rem;
  margin-inline-end: 1rem;
}

.cds--toast-notification__details {
  margin-block-end: 1rem;
  margin-inline-end: 1rem;
}

.cds--toast-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: transparent;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  margin-inline-start: auto;
  min-block-size: 3rem;
  min-inline-size: 3rem;
  transition: outline 250ms, background-color 250ms;
}
.cds--toast-notification__close-button:focus {
  outline: 2px solid var(--cds-focus-inverse, #ffffff);
  outline-offset: -2px;
}
.cds--toast-notification__close-button .cds--toast-notification__close-icon {
  fill: var(--cds-icon-inverse, #ffffff);
}

.cds--toast-notification__title {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  font-weight: 600;
  margin-block-start: 1rem;
  word-break: break-word;
}

.cds--toast-notification__subtitle {
  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-inverse, #ffffff);
  margin-block: 0 1rem;
  word-break: break-word;
}

.cds--toast-notification__caption {
  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-inverse, #ffffff);
  padding-block-start: 0.5rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toast-notification {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toast-notification__close-button:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--actionable-notification html {
  font-size: 100%;
}
.cds--actionable-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--actionable-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--actionable-notification strong {
  font-weight: 600;
}
.cds--actionable-notification {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  inline-size: 100%;
  max-inline-size: 18rem;
  min-block-size: 3rem;
  min-inline-size: 18rem;
}
@media (min-width: 42rem) {
  .cds--actionable-notification {
    flex-wrap: nowrap;
    max-inline-size: 38rem;
  }
}
@media (min-width: 66rem) {
  .cds--actionable-notification {
    max-inline-size: 46rem;
  }
}
@media (min-width: 99rem) {
  .cds--actionable-notification {
    max-inline-size: 52rem;
  }
}

.cds--actionable-notification--toast {
  flex-wrap: wrap;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  max-inline-size: 18rem;
  min-inline-size: 18rem;
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) a {
  color: var(--cds-link-inverse, #78a9ff);
}

.cds--actionable-notification a {
  text-decoration: none;
}

.cds--actionable-notification a:hover {
  text-decoration: underline;
}

.cds--actionable-notification a:focus {
  outline: 1px solid var(--cds-focus-inverse, #ffffff);
}

.cds--actionable-notification.cds--actionable-notification--low-contrast a:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--actionable-notification.cds--actionable-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}

.cds--actionable-notification--low-contrast {
  color: var(--cds-text-primary, #161616);
}
.cds--actionable-notification--low-contrast .cds--actionable-notification__subtitle,
.cds--actionable-notification--low-contrast .cds--actionable-notification__caption {
  color: var(--cds-text-primary, #161616);
}
.cds--actionable-notification--low-contrast .cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
  fill: var(--cds-icon-primary, #161616);
}

.cds--actionable-notification--low-contrast:not(.cds--actionable-notification--toast)::before {
  position: absolute;
  box-sizing: border-box;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  block-size: 100%;
  content: "";
  filter: opacity(0.4);
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  pointer-events: none;
}

.cds--actionable-notification--error {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);
}
.cds--actionable-notification--error .cds--inline-notification__icon,
.cds--actionable-notification--error .cds--toast-notification__icon,
.cds--actionable-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error-inverse, #fa4d56);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--error {
  background: var(--cds-notification-background-error, #fff1f1);
  border-inline-start: 3px solid var(--cds-support-error, #da1e28);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error, #da1e28);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--error::before {
  border-color: var(--cds-support-error, #da1e28);
}

.cds--actionable-notification--success {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);
}
.cds--actionable-notification--success .cds--inline-notification__icon,
.cds--actionable-notification--success .cds--toast-notification__icon,
.cds--actionable-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success-inverse, #42be65);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--success {
  background: var(--cds-notification-background-success, #defbe6);
  border-inline-start: 3px solid var(--cds-support-success, #24a148);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success, #24a148);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--success::before {
  border-color: var(--cds-support-success, #24a148);
}

.cds--actionable-notification--info,
.cds--actionable-notification--info-square {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);
}
.cds--actionable-notification--info .cds--inline-notification__icon,
.cds--actionable-notification--info .cds--toast-notification__icon,
.cds--actionable-notification--info .cds--actionable-notification__icon,
.cds--actionable-notification--info-square .cds--inline-notification__icon,
.cds--actionable-notification--info-square .cds--toast-notification__icon,
.cds--actionable-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info-inverse, #4589ff);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--info,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square {
  background: var(--cds-notification-background-info, #edf5ff);
  border-inline-start: 3px solid var(--cds-support-info, #0043ce);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--actionable-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info, #0043ce);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--info::before,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square::before {
  border-color: var(--cds-support-info, #0043ce);
}

.cds--actionable-notification--warning,
.cds--actionable-notification--warning-alt {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);
}
.cds--actionable-notification--warning .cds--inline-notification__icon,
.cds--actionable-notification--warning .cds--toast-notification__icon,
.cds--actionable-notification--warning .cds--actionable-notification__icon,
.cds--actionable-notification--warning-alt .cds--inline-notification__icon,
.cds--actionable-notification--warning-alt .cds--toast-notification__icon,
.cds--actionable-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning-inverse, #f1c21b);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--warning,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt {
  background: var(--cds-notification-background-warning, #fcf4d6);
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--actionable-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning, #f1c21b);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning::before,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt::before {
  border-color: var(--cds-support-warning, #f1c21b);
}

.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"],
.cds--actionable-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--actionable-notification--warning .cds--inline-notification__icon path[opacity="0"],
.cds--actionable-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--actionable-notification__details {
  display: flex;
  flex-grow: 1;
  margin-inline: 0.8125rem 3rem;
}

@media (min-width: 42rem) {
  .cds--actionable-notification:not(.cds--actionable-notification--toast) .cds--actionable-notification__details {
    margin: 0 0.8125rem;
  }
}

.cds--actionable-notification .cds--inline-notification__icon {
  flex-shrink: 0;
  margin-block-start: 0.875rem;
  margin-inline-end: 1rem;
}

.cds--actionable-notification .cds--toast-notification__icon {
  flex-shrink: 0;
  margin-block-start: 1rem;
  margin-inline-end: 1rem;
}

.cds--actionable-notification__text-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem 0;
}

.cds--actionable-notification__button-wrapper {
  display: flex;
}

.cds--actionable-notification--toast .cds--actionable-notification__text-wrapper {
  padding: 0.9375rem 0 1.4375rem 0;
}

.cds--actionable-notification__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);
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}

.cds--actionable-notification--toast .cds--actionable-notification__content {
  display: block;
}

.cds--actionable-notification__title {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  font-weight: 600;
  margin-inline-end: 0.25rem;
  word-break: break-word;
}

.cds--actionable-notification--toast .cds--actionable-notification__title {
  margin-inline-end: 0;
}

.cds--actionable-notification__subtitle {
  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-inverse, #ffffff);
  margin-block-start: 0;
  word-break: break-word;
}

.cds--actionable-notification__caption {
  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-inverse, #ffffff);
  padding-block-start: 1.5rem;
}

/* Ghost action button when inline */
.cds--actionable-notification__action-button.cds--btn--ghost {
  block-size: 2rem;
  margin-block-end: 0.5rem;
  margin-inline-start: 2.5rem;
}
@media (min-width: 42rem) {
  .cds--actionable-notification__action-button.cds--btn--ghost {
    margin: 0.5rem 0;
  }
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--ghost {
  color: var(--cds-link-inverse, #78a9ff);
}

.cds--actionable-notification__action-button.cds--btn--ghost:active,
.cds--actionable-notification__action-button.cds--btn--ghost:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:active,
.cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:hover {
  background-color: var(--cds-notification-action-hover, #ffffff);
}

.cds--actionable-notification__action-button.cds--btn--ghost:focus {
  border-color: transparent;
  box-shadow: none;
  outline: 2px solid var(--cds-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:focus {
  outline-color: var(--cds-focus, #0f62fe);
}

.cds--actionable-notification--hide-close-button .cds--actionable-notification__action-button.cds--btn--ghost {
  margin-inline-end: 0.5rem;
}

/* Tertiary action button when not inline (toast) */
.cds--actionable-notification__action-button.cds--btn--tertiary {
  margin-block-end: 1rem;
  margin-inline-start: calc(2rem + 1.25rem - 0.125rem);
  padding-inline: 1rem;
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary {
  border-width: 1px;
  border-style: solid;
  border-color: var(--cds-notification-action-tertiary-inverse, #ffffff);
  background-color: transparent;
  color: var(--cds-notification-action-tertiary-inverse, #ffffff);
}
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover {
  background-color: var(--cds-notification-action-tertiary-inverse-hover, #f4f4f4);
}
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.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--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:active {
  background-color: var(--cds-notification-action-tertiary-inverse-active, #c6c6c6);
}
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary .cds--btn__icon,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover {
  color: var(--cds-notification-action-tertiary-inverse-text, #161616);
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:focus {
  border-color: var(--cds-focus-inverse, #ffffff);
  background-color: var(--cds-notification-action-tertiary-inverse, #ffffff);
  box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #ffffff), inset 0 0 0 2px var(--cds-background-inverse, #393939);
  color: var(--cds-notification-action-tertiary-inverse-text, #161616);
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:active {
  border-color: transparent;
  background-color: var(--cds-notification-action-tertiary-inverse-active, #c6c6c6);
  color: var(--cds-notification-action-tertiary-inverse-text, #161616);
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:disabled,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover:disabled,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:focus:disabled,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:hover,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:focus {
  background: transparent;
  color: var(--cds-notification-action-tertiary-inverse-text-on-color-disabled, rgba(255, 255, 255, 0.25));
  outline: none;
}

.cds--actionable-notification--hide-close-button .cds--actionable-notification__action-button.cds--btn--tertiary {
  margin-inline-end: 0.5rem;
}

.cds--actionable-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  inset-block-start: 0;
  inset-inline-end: 0;
  max-inline-size: 3rem;
  min-inline-size: 3rem;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--actionable-notification__close-button:focus {
  outline: 2px solid var(--cds-focus-inverse, #ffffff);
  outline-offset: -2px;
}
.cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
  fill: var(--cds-icon-inverse, #ffffff);
}
@media (min-width: 42rem) {
  .cds--actionable-notification__close-button {
    position: static;
  }
}

@media (min-width: 42rem) {
  .cds--actionable-notification--toast .cds--actionable-notification__close-button {
    position: absolute;
  }
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__close-button:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--actionable-notification--low-contrast .cds--actionable-notification__close-button:focus {
    outline-style: dotted;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--actionable-notification {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--actionable-notification__close-button:focus,
  .cds--btn.cds--btn--ghost.cds--actionable-notification__action-button:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--page-header {
  background-color: var(--cds-layer-01, #f4f4f4);
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.cds--page-header__breadcrumb-bar {
  block-size: 2.5rem;
}

.cds--page-header__breadcrumb-bar .cds--subgrid {
  block-size: 100%;
}

.cds--page-header__breadcrumb-container {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  block-size: 100%;
  inline-size: 100%;
}

.cds--page-header__breadcrumb__actions-flush .cds--css-grid {
  padding-inline-end: 0;
}
.cds--page-header__breadcrumb__actions-flush .cds--css-grid-column {
  margin-inline-end: 0;
}

.cds--page-header__breadcrumb-bar-border {
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.cds--page-header__breadcrumb__icon {
  margin-inline-end: 0.5rem;
}

.cds--page-header__breadcrumb__actions {
  display: inline-flex;
}

.cds--page-header__breadcrumb__content-actions {
  margin-inline-end: 0.75rem;
}

.cds--page-header__breadcrumb-wrapper {
  display: inline-flex;
}

.cds--page-header__content {
  padding: 1.5rem 0;
}

@media (max-width: 41.98rem) {
  .cds--page-header__content__title-wrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 1rem;
  }
}
.cds--page-header__content__title-wrapper {
  display: grid;
  gap: 1rem;
  grid-template-columns: auto minmax(var(--pageheader-title-grid-width, 0), 1fr);
  margin-block-end: 1rem;
  min-block-size: 2.5rem;
}

.cds--page-header__content__start {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.cds--page-header__content__title-container {
  display: flex;
}

.cds--page-header__content__title-container .cds--definition-term {
  border-block-end: none;
}

.cds--page-header__content__contextual-actions {
  display: flex;
}

.cds--page-header__content__title {
  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);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-inline-size: 40rem;
  text-overflow: ellipsis;
  white-space: normal;
}

.cds--page-header__content:has(.cds--page-header__content__contextual-actions) .cds--page-header__content__title {
  -webkit-line-clamp: 1;
}

.cds--page-header__content__icon {
  margin-inline-end: 1rem;
}

.cds--page-header__content__page-actions {
  display: flex;
  justify-content: right;
}
@media (max-width: 41.98rem) {
  .cds--page-header__content__page-actions {
    justify-content: left;
    margin-block-start: 0;
  }
}

.cds--page-header__content__page-actions .cds--menu-button__trigger:not(.cds--btn--ghost) {
  min-inline-size: 0;
}

.cds--page-header__content__subtitle {
  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);
  margin-block-end: 0.5rem;
}

.cds--page-header__content__body {
  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);
  margin-block-start: 0.5rem;
  max-inline-size: 40rem;
}

[data-hidden]:not([data-fixed]) {
  display: none;
}

.cds--page-header__hero-image {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: flex-end;
  block-size: 100%;
}

.cds--page-header__tab-bar {
  margin-inline-start: -1rem;
}

.cds--page-header__tab-bar--tablist {
  display: grid;
  grid-gap: 4rem;
  grid-template-columns: auto minmax(0, 1fr);
}

.cds--page-header__tags {
  display: flex;
  align-items: center;
  justify-content: right;
}

.cds--page-header__tags-popover-list {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

.cds--page-header__tag-item {
  flex-shrink: 0;
}

.cds--data-table-container + .cds--pagination {
  border-block-start: 0;
}

.cds--pagination {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--pagination *,
.cds--pagination *::before,
.cds--pagination *::after {
  box-sizing: inherit;
}
.cds--pagination {
  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: flex;
  overflow: initial;
  align-items: center;
  justify-content: space-between;
  background-color: var(--cds-layer);
  border-block-start: 1px solid var(--cds-border-subtle);
  container-name: pagination;
  container-type: inline-size;
  inline-size: calc(100% - 1px);
  min-block-size: 2.5rem;
}
@container pagination (min-width: 42rem) {
  .cds--pagination .cds--pagination__control-buttons {
    display: flex;
  }
}
@container pagination (max-width: 42rem) {
  .cds--pagination .cds--pagination__left > *,
  .cds--pagination .cds--pagination__right > * {
    display: none;
  }
  .cds--pagination .cds--pagination__items-count {
    display: initial;
  }
  .cds--pagination .cds--pagination__control-buttons {
    display: flex;
  }
}

.cds--pagination--sm {
  min-block-size: 2rem;
}

.cds--pagination--lg {
  min-block-size: 3rem;
}

.cds--pagination .cds--select {
  align-items: center;
  block-size: 100%;
}

.cds--pagination .cds--select-input--inline__wrapper {
  display: flex;
  block-size: 100%;
}

.cds--pagination .cds--select-input {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  block-size: 100%;
  inline-size: auto;
  line-height: 2.5rem;
  min-inline-size: auto;
}
@-moz-document url-prefix() {
  .cds--pagination .cds--select-input {
    padding-inline-end: 1rem;
    text-overflow: clip;
  }
}

.cds--pagination .cds--select--inline .cds--select-input {
  padding-inline: 1rem 2.25rem;
}

.cds--pagination--sm .cds--select-input {
  line-height: 2rem;
}

.cds--pagination--lg .cds--select-input {
  line-height: 3rem;
}

.cds--pagination .cds--select-input:hover {
  background: var(--cds-layer-hover);
}

.cds--pagination .cds--select--inline .cds--select-input:focus,
.cds--pagination .cds--select--inline .cds--select-input:focus option,
.cds--pagination .cds--select--inline .cds--select-input:focus optgroup {
  background-color: var(--cds-layer);
}

.cds--pagination .cds--select__arrow {
  inset-block-start: 50%;
  transform: translate(-0.5rem, -50%);
}

.cds--pagination .cds--select__item-count .cds--select-input {
  border-inline-end: 1px solid var(--cds-border-subtle);
}

.cds--pagination__right {
  border-inline-start: 1px solid var(--cds-border-subtle);
}

.cds--pagination__left,
.cds--pagination__right {
  display: flex;
  align-items: center;
  block-size: 100%;
}

.cds--pagination__left > .cds--form-item,
.cds--pagination__right > .cds--form-item {
  block-size: 100%;
}

.cds--pagination__left .cds--pagination__text,
.cds--pagination__right .cds--pagination__text {
  white-space: nowrap;
}

.cds--pagination__left .cds--pagination__text {
  margin-inline-end: 0.0625rem;
}

.cds--pagination__right .cds--pagination__text {
  margin-inline: 0.0625rem 1rem;
}

.cds--pagination__right .cds--pagination__text.cds--pagination__page-text {
  margin-inline: 1rem 0.0625rem;
}

.cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {
  margin-inline-end: 1rem;
}

.cds--pagination__right .cds--pagination__text:empty {
  margin: 0;
}

.cds--pagination__left {
  padding: 0 1rem 0 0;
}
@container pagination (min-width: 42rem) {
  .cds--pagination__left {
    padding: 0 1rem;
  }
}

@container pagination (min-width: 42rem) {
  .cds--pagination__text {
    display: inline-block;
  }
}

span.cds--pagination__text {
  color: var(--cds-text-primary, #161616);
  margin-inline-start: 1rem;
}

span.cds--pagination__text.cds--pagination__items-count {
  color: var(--cds-text-secondary, #525252);
}

.cds--pagination__button,
.cds--btn--ghost.cds--pagination__button {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--pagination__button *,
.cds--pagination__button *::before,
.cds--pagination__button *::after,
.cds--btn--ghost.cds--pagination__button *,
.cds--btn--ghost.cds--pagination__button *::before,
.cds--btn--ghost.cds--pagination__button *::after {
  box-sizing: inherit;
}
.cds--pagination__button,
.cds--btn--ghost.cds--pagination__button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin: 0;
  background: none;
  block-size: 2.5rem;
  border-inline-start: 1px solid var(--cds-border-subtle);
  cursor: pointer;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 2.5rem;
  min-block-size: 2rem;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--pagination__button > svg,
.cds--btn--ghost.cds--pagination__button > svg {
  margin-block-start: 0;
}

[dir=rtl] .cds--pagination__button > svg,
[dir=rtl] .cds--btn--ghost.cds--pagination__button > svg {
  transform: rotate(0.5turn);
}

.cds--pagination--sm .cds--pagination__button,
.cds--pagination--sm .cds--btn--ghost.cds--pagination__button {
  block-size: 2rem;
  inline-size: 2rem;
}

.cds--pagination--lg .cds--pagination__button,
.cds--pagination--lg .cds--btn--ghost.cds--pagination__button {
  block-size: 3rem;
  inline-size: 3rem;
}

.cds--pagination__button:focus,
.cds--btn--ghost:focus.cds--pagination__button {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--pagination__button:focus,
  .cds--btn--ghost:focus.cds--pagination__button {
    outline-style: dotted;
  }
}
.cds--pagination__button:focus,
.cds--btn--ghost:focus.cds--pagination__button {
  border-inline-start: 0;
}

.cds--pagination__button:hover,
.cds--btn--ghost:hover.cds--pagination__button {
  background: var(--cds-layer-hover);
}

.cds--pagination__button--no-index,
.cds--btn--ghost.cds--pagination__button--no-index {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--pagination__button:disabled:hover,
.cds--pagination__button--no-index:hover,
.cds--btn--ghost:disabled:hover.cds--pagination__button,
.cds--btn--ghost:hover.cds--pagination__button--no-index {
  border-color: var(--cds-border-subtle);
  background: var(--cds-layer);
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--pagination.cds--skeleton .cds--skeleton__text {
  margin-block-end: 0;
  margin-inline-end: 1rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--pagination__button,
  .cds--btn--ghost.cds--pagination__button {
    outline: 1px solid transparent;
  }
}

[dir=rtl] .cds--pagination .cds--select__arrow {
  transform: translate(0.5rem, -50%);
}

.cds--pagination .cds--select--inline .cds--select-input[disabled],
.cds--pagination .cds--select--inline .cds--select-input[disabled]:hover {
  background-color: var(--cds-layer);
}

.cds--unstable-pagination {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--unstable-pagination *,
.cds--unstable-pagination *::before,
.cds--unstable-pagination *::after {
  box-sizing: inherit;
}
.cds--unstable-pagination {
  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: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--cds-layer);
  border-block-end: 1px solid transparent;
  border-block-start: 1px solid var(--cds-border-subtle);
  container-name: pagination;
  container-type: inline-size;
  inline-size: 100%;
  min-block-size: 2.5rem;
}

@container pagination (min-width: 42rem) {
  .cds--unstable-pagination__text {
    display: inline-block;
  }
}
.cds--unstable-pagination__text {
  margin: 0 1rem;
  color: var(--cds-text-secondary, #525252);
}

.cds--unstable-pagination__left,
.cds--unstable-pagination__right {
  display: flex;
  align-items: center;
  block-size: 100%;
}

.cds--unstable-pagination__left {
  padding: 0 1rem 0 0;
}

.cds--unstable-pagination__left > .cds--form-item,
.cds--unstable-pagination__right > .cds--form-item {
  block-size: 100%;
}

.cds--unstable-pagination__left .cds--unstable-pagination__text {
  margin-inline-end: 0.0625rem;
}

.cds--unstable-pagination__right .cds--unstable-pagination__text {
  margin-inline: 0.0625rem 1rem;
}

.cds--unstable-pagination__button {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--unstable-pagination__button *,
.cds--unstable-pagination__button *::before,
.cds--unstable-pagination__button *::after {
  box-sizing: inherit;
}
.cds--unstable-pagination__button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin: 0;
  background: none;
  block-size: 2.5rem;
  border-inline-start: 1px solid var(--cds-border-subtle);
  color: var(--cds-icon-primary, #161616);
  cursor: pointer;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 2.5rem;
  min-block-size: 2rem;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--unstable-pagination__button .cds--btn__icon {
  block-size: initial;
  inline-size: initial;
}

.cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {
    outline-style: dotted;
  }
}

.cds--unstable-pagination__button:hover {
  background: var(--cds-layer-hover);
  color: var(--cds-icon-primary, #161616);
}

.cds--unstable-pagination__button--no-index {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--unstable-pagination__button.cds--btn:disabled {
  border-color: var(--cds-border-subtle);
  background: transparent;
}

.cds--unstable-pagination__button:disabled:hover,
.cds--unstable-pagination__button--no-index:hover {
  background: transparent;
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--unstable-pagination__page-selector,
.cds--unstable-pagination__page-sizer {
  align-items: center;
  block-size: 100%;
}

.cds--unstable-pagination__page-selector .cds--select-input--inline__wrapper,
.cds--unstable-pagination__page-sizer .cds--select-input--inline__wrapper {
  display: flex;
  block-size: 100%;
}

.cds--unstable-pagination__page-selector .cds--select-input,
.cds--unstable-pagination__page-sizer .cds--select-input {
  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);
  padding: 0 2.25rem 0 1rem;
  block-size: 100%;
  inline-size: auto;
  line-height: 2.5rem;
  min-inline-size: auto;
}

.cds--unstable-pagination__page-selector .cds--select-input:hover,
.cds--unstable-pagination__page-sizer .cds--select-input:hover {
  background: var(--cds-layer-hover);
}

.cds--unstable-pagination__page-selector .cds--select__arrow,
.cds--unstable-pagination__page-sizer .cds--select__arrow {
  inset-block-start: 50%;
  transform: translateY(-50%);
}
@container pagination (min-width: 42rem) {
  .cds--unstable-pagination__page-selector .cds--select__arrow,
  .cds--unstable-pagination__page-sizer .cds--select__arrow {
    inset-inline-end: 1rem;
  }
}

.cds--unstable-pagination__page-selector {
  border-inline-start: 1px solid var(--cds-border-subtle);
}

.cds--unstable-pagination__page-sizer {
  border-inline-end: 1px solid var(--cds-border-subtle);
}

.cds--pagination-nav html {
  font-size: 100%;
}
.cds--pagination-nav body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--pagination-nav code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--pagination-nav strong {
  font-weight: 600;
}
.cds--pagination-nav {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  --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));
  line-height: 0;
}

.cds--pagination-nav__list {
  display: flex;
  align-items: center;
  list-style: none;
}

.cds--pagination-nav__list-item {
  padding: 0;
}
.cds--pagination-nav__list-item:first-child {
  padding-inline-start: 0;
}
.cds--pagination-nav__list-item:last-child {
  padding-inline-end: 0;
}

.cds--pagination-nav__page {
  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-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--pagination-nav__page *,
.cds--pagination-nav__page *::before,
.cds--pagination-nav__page *::after {
  box-sizing: inherit;
}
.cds--pagination-nav__page::-moz-focus-inner {
  border: 0;
}
.cds--pagination-nav__page {
  position: relative;
  display: block;
  padding: calc((var(--cds-layout-size-height-local) - 0.875rem) / 2) 0.25rem;
  border-radius: 0;
  color: var(--cds-text-primary, #161616);
  font-weight: 400;
  line-height: 1;
  min-inline-size: var(--cds-layout-size-height-local);
  outline: 0;
  text-align: center;
  text-decoration: none;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  user-select: none;
}
.cds--pagination-nav__page:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}
.cds--pagination-nav__page:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--pagination-nav__page:focus {
    outline-style: dotted;
  }
}
.cds--pagination-nav__page:disabled, .cds--pagination-nav__page.cds--pagination-nav__page--disabled {
  background: none;
  color: rgba(var(--cds-text-secondary, #525252), 0.5);
  outline: none;
  pointer-events: none;
}
.cds--pagination-nav__page:not(.cds--pagination-nav__page--direction)::after {
  position: absolute;
  display: block;
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: 0.25rem;
  content: "";
  inline-size: 0;
  inset-block-end: 0;
  inset-inline-start: 50%;
  opacity: 0;
  transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--pagination-nav__page:not(.cds--pagination-nav__page--direction)::after {
    transition: none;
  }
}
.cds--pagination-nav__page--active + .cds--pagination-nav__page::after, .cds--pagination-nav__page.cds--pagination-nav__page--active::after {
  inline-size: 1rem;
  inset-inline-start: calc(50% - 0.5rem);
  opacity: 1;
}
.cds--pagination-nav__page.cds--pagination-nav__page--active {
  background-color: initial;
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
}
.cds--pagination-nav__page .cds--pagination-nav__icon {
  fill: currentColor;
  pointer-events: none;
}

.cds--pagination-nav__page--direction {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 3rem;
  inline-size: 3rem;
  line-height: 0;
}

.cds--pagination-nav__select {
  position: relative;
}

.cds--pagination-nav__page--select {
  appearance: none;
  max-block-size: var(--cds-layout-size-height-local);
  text-indent: calc(50% - 4.5px);
  /* This is for targeting styles specific to firefox */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
@-moz-document url-prefix() {
  .cds--pagination-nav__page--select {
    text-indent: 0;
  }
}

.cds--pagination-nav__select-icon-wrapper {
  position: absolute;
  block-size: 100%;
  inline-size: 100%;
  inset-block-start: 0;
  pointer-events: none;
}
.cds--pagination-nav__select-icon-wrapper:not(.cds--pagination-nav__page--direction)::after {
  position: absolute;
  display: block;
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: 0.25rem;
  content: "";
  inline-size: 0;
  inset-block-end: 0;
  inset-inline-start: 50%;
  opacity: 0;
  transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--pagination-nav__select-icon-wrapper:not(.cds--pagination-nav__page--direction)::after {
    transition: none;
  }
}
.cds--pagination-nav__page--active + .cds--pagination-nav__select-icon-wrapper::after, .cds--pagination-nav__select-icon-wrapper.cds--pagination-nav__page--active::after {
  inline-size: 1rem;
  inset-inline-start: calc(50% - 0.5rem);
  opacity: 1;
}
.cds--pagination-nav__page--active + .cds--pagination-nav__select-icon-wrapper .cds--pagination-nav__select-icon {
  display: none;
}

.cds--pagination-nav__select-icon {
  position: absolute;
  inset-block-start: calc(50% - 0.25rem);
  inset-inline-start: calc(50% - 0.5rem);
  pointer-events: none;
}

.cds--pagination-nav__accessibility-label {
  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;
}

[dir=rtl] .cds--pagination-nav__list-item svg {
  transform: rotate(0.5turn);
}

.cds--progress-bar {
  --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));
}

.cds--progress-bar__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);
  display: flex;
  justify-content: space-between;
  color: var(--cds-text-primary, #161616);
  margin-block-end: 0.5rem;
  min-inline-size: 3rem;
}

.cds--progress-bar__label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--progress-bar__track {
  position: relative;
  background-color: var(--cds-layer);
  block-size: 0.5rem;
  inline-size: 100%;
  min-inline-size: 3rem;
}

.cds--progress-bar--big .cds--progress-bar__track {
  block-size: 0.5rem;
}

.cds--progress-bar--small .cds--progress-bar__track {
  block-size: 0.25rem;
}

.cds--progress-bar__bar {
  display: block;
  background-color: currentColor;
  block-size: 100%;
  color: var(--cds-interactive, #0f62fe);
  inline-size: 100%;
  transform: scaleX(0);
  transform-origin: 0 center;
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

[dir=rtl] .cds--progress-bar__bar {
  transform-origin: 100% center;
}

.cds--progress-bar--indeterminate .cds--progress-bar__track::after {
  position: absolute;
  animation-duration: 1400ms;
  animation-iteration-count: infinite;
  animation-name: cds--progress-bar-indeterminate;
  animation-timing-function: linear;
  background-image: linear-gradient(90deg, var(--cds-interactive, #0f62fe) 12.5%, transparent 12.5%);
  background-position-x: 0%;
  background-size: 200% 100%;
  content: "";
  inset: 0;
}

[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track::after {
  animation-name: cds--progress-bar-indeterminate-rtl;
}

.cds--progress-bar__helper-text {
  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);
  color: var(--cds-text-secondary, #525252);
  margin-block-start: 0.5rem;
}

.cds--progress-bar__status-icon {
  flex-shrink: 0;
  margin-inline-start: var(--cds-layout-density-padding-inline-local);
}

.cds--progress-bar--finished .cds--progress-bar__bar,
.cds--progress-bar--finished .cds--progress-bar__status-icon {
  color: var(--cds-support-success, #24a148);
}

.cds--progress-bar--error .cds--progress-bar__bar,
.cds--progress-bar--error .cds--progress-bar__status-icon {
  color: var(--cds-support-error, #da1e28);
}

.cds--progress-bar--error .cds--progress-bar__helper-text {
  color: var(--cds-text-error, #da1e28);
}

.cds--progress-bar--finished .cds--progress-bar__bar,
.cds--progress-bar--error .cds--progress-bar__bar {
  transform: scaleX(1);
}

.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track,
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track {
  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--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label,
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label {
  flex-shrink: 1;
  justify-content: flex-start;
  margin-inline-end: 0;
}

@keyframes cds--progress-bar-indeterminate {
  0% {
    background-position-x: 25%;
  }
  80%, 100% {
    background-position-x: -105%;
  }
}
@keyframes cds--progress-bar-indeterminate-rtl {
  0% {
    background-position-x: -105%;
  }
  80%, 100% {
    background-position-x: 25%;
  }
}
.cds--progress-bar--inline {
  display: flex;
  align-items: center;
}

.cds--progress-bar--inline .cds--progress-bar__label {
  flex-shrink: 0;
  margin-block-end: 0;
  margin-inline-end: var(--cds-layout-density-padding-inline-local);
}

.cds--progress-bar--inline .cds--progress-bar__track {
  flex-basis: 0;
  flex-grow: 1;
}

.cds--progress-bar--inline .cds--progress-bar__helper-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--progress-bar--indented .cds--progress-bar__label,
.cds--progress-bar--indented .cds--progress-bar__helper-text {
  padding-inline: var(--cds-layout-density-padding-inline-local);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--progress-bar__track {
    background-color: Canvas;
    forced-color-adjust: none;
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: -2px;
  }
  .cds--progress-bar__bar {
    background-color: CanvasText;
  }
}
.cds--progress {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--progress *,
.cds--progress *::before,
.cds--progress *::after {
  box-sizing: inherit;
}
.cds--progress {
  display: flex;
  list-style: none;
}

.cds--progress-step {
  position: relative;
  display: inline-flex;
  overflow: visible;
  flex-direction: row;
  inline-size: 8rem;
  min-inline-size: 7rem;
}
.cds--progress-step .cds--tooltip__label {
  display: block;
}

.cds--progress--space-equal .cds--progress-step {
  flex-grow: 1;
  min-inline-size: 8rem;
}

.cds--progress-line {
  position: absolute;
  border: 1px inset transparent;
  block-size: 2px;
  inline-size: 8rem;
  inset-inline-start: 0;
}

.cds--progress--space-equal .cds--progress-line {
  inline-size: 100%;
  min-inline-size: 8rem;
}

.cds--progress-step svg {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  border-radius: 50%;
  block-size: 1rem;
  fill: var(--cds-interactive, #0f62fe);
  inline-size: 1rem;
  margin-block-start: 0.625rem;
  margin-inline-end: 0.5rem;
}

.cds--progress--space-equal .cds--progress-text {
  overflow: hidden;
  padding: 0.125rem;
  margin: -0.125rem;
}

.cds--progress-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);
  overflow: hidden;
  margin: 0.5rem 0 0 0;
  color: var(--cds-text-primary, #161616);
  line-height: 1.45;
  max-inline-size: 5.5rem;
  text-overflow: ellipsis;
  transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  white-space: nowrap;
}
.cds--progress-label::before {
  display: block;
  content: "";
}

.cds--progress-label:hover {
  box-shadow: 0 0.0625rem var(--cds-link-primary-hover, #0043ce);
  color: var(--cds-link-primary-hover, #0043ce);
  cursor: pointer;
}

.cds--progress--space-equal .cds--progress-label {
  margin-inline-end: 0.75rem;
  max-inline-size: 100%;
}

.cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus {
  outline: none;
}
.cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus-visible .cds--progress-label {
  color: var(--cds-focus, #0f62fe);
  outline: 0.0625rem solid var(--cds-focus, #0f62fe);
}
.cds--progress-step-button:not(.cds--progress-step-button--unclickable) .cds--progress-label:active {
  box-shadow: 0 0.0625rem 0 0 var(--cds-text-primary, #161616);
  color: var(--cds-text-primary, #161616);
}

.cds--progress-label-overflow:hover ~ .cds--tooltip,
.cds--progress-label-overflow:focus ~ .cds--tooltip {
  visibility: inherit;
}

.cds--progress-step .cds--tooltip .cds--tooltip__caret {
  margin-inline-start: 0.625rem;
}

.cds--tooltip__text {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

.cds--progress-step .cds--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);
  display: block;
  padding: 0.5rem 1rem;
  color: var(--cds-text-inverse, #ffffff);
  inline-size: 7.8125rem;
  margin-block-start: 2.5rem;
  margin-inline-start: 1.375rem;
  min-block-size: 1.5rem;
  min-inline-size: 7.1875rem;
  visibility: hidden;
}

.cds--progress-step .cds--tooltip_multi {
  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);
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  inline-size: 9.375rem;
}

.cds--progress-optional {
  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);
  position: absolute;
  color: var(--cds-text-secondary, #525252);
  inset-inline-start: 0;
  margin-block-start: 1.75rem;
  margin-inline-start: 1.5rem;
  text-align: start;
}

.cds--progress-step--current .cds--progress-line {
  background-color: var(--cds-interactive, #0f62fe);
}

.cds--progress-step--incomplete svg {
  fill: var(--cds-icon-primary, #161616);
}
.cds--progress-step--incomplete .cds--progress-line {
  background-color: var(--cds-border-subtle);
}

.cds--progress-step--complete .cds--progress-line {
  background-color: var(--cds-interactive, #0f62fe);
}

.cds--progress-step-button {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--progress-step-button *,
.cds--progress-step-button *::before,
.cds--progress-step-button *::after {
  box-sizing: inherit;
}
.cds--progress-step-button::-moz-focus-inner {
  border: 0;
}
.cds--progress-step-button {
  display: flex;
  text-align: start;
}

.cds--progress-step-button--unclickable {
  cursor: default;
  outline: none;
}

.cds--progress-step-button--unclickable .cds--progress-label:hover {
  box-shadow: none;
  color: var(--cds-text-primary, #161616);
  cursor: default;
}

.cds--progress-step-button--unclickable .cds--tooltip__label:hover {
  box-shadow: 0 0.0625rem var(--cds-link-primary, #0f62fe);
  color: var(--cds-link-primary, #0f62fe);
  cursor: pointer;
}

.cds--progress-step--disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.cds--progress-step--disabled svg {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--progress-step--disabled .cds--progress-label,
.cds--progress-step--disabled .cds--progress-label:hover {
  box-shadow: none;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--progress-step--disabled .cds--progress-line {
  cursor: not-allowed;
}
.cds--progress-step--disabled .cds--progress-label-overflow:hover ~ .cds--tooltip--definition .cds--tooltip--definition__bottom {
  display: none;
}

.cds--progress__warning > * {
  fill: var(--cds-support-error, #da1e28);
}

.cds--progress.cds--skeleton .cds--progress-label {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--progress.cds--skeleton .cds--progress-label:hover, .cds--progress.cds--skeleton .cds--progress-label:focus, .cds--progress.cds--skeleton .cds--progress-label:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--progress.cds--skeleton .cds--progress-label::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--progress.cds--skeleton .cds--progress-label::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--progress.cds--skeleton .cds--progress-label {
    background: CanvasText;
  }
  .cds--progress.cds--skeleton .cds--progress-label::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--progress.cds--skeleton .cds--progress-label {
  block-size: 0.875rem;
  inline-size: 2.5rem;
  margin-block-start: 0.625rem;
}

.cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {
  margin-block-start: 0.0625rem;
}

.cds--progress--vertical {
  display: flex;
  flex-direction: column;
}

.cds--progress--vertical,
.cds--progress-text {
  display: flex;
  flex-direction: column;
}

.cds--progress--vertical .cds--progress-step,
.cds--progress--vertical .cds--progress-step-button {
  align-content: flex-start;
  inline-size: initial;
  min-block-size: 3.625rem;
  min-inline-size: initial;
}

.cds--progress--vertical .cds--progress-step svg,
.cds--progress--vertical .cds--progress-step-button svg {
  display: inline-block;
  margin: 0.0625rem 0.5rem 0;
}

.cds--progress--vertical .cds--progress-label {
  display: inline-block;
  margin: 0;
  inline-size: initial;
  max-inline-size: 10rem;
  vertical-align: top;
  white-space: initial;
}

.cds--progress--vertical .cds--progress-step .cds--tooltip {
  margin-block-start: 0.5rem;
}

.cds--progress--vertical .cds--progress-optional {
  position: static;
  margin: 0 0 auto;
  inline-size: 100%;
}

.cds--progress--vertical .cds--progress-line {
  position: absolute;
  block-size: 100%;
  inline-size: 1px;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.cds--shape-indicator {
  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: flex;
  color: var(--cds-text-secondary, #525252);
}

.cds--shape-indicator svg {
  align-self: center;
  margin-inline-end: 0.5rem;
}

.cds--shape-indicator--14 {
  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--shape-indicator--failed {
  fill: var(--cds-status-red, #da1e28);
}

.cds--shape-indicator--critical {
  fill: var(--cds-status-red, #da1e28);
}

.cds--shape-indicator--high {
  fill: var(--cds-status-red, #da1e28);
}

.cds--shape-indicator--medium {
  fill: var(--cds-status-orange, #ff832b);
}
.cds--shape-indicator--medium path:first-of-type {
  fill: var(--cds-status-orange-outline, #ba4e00);
}

.cds--shape-indicator--low {
  fill: var(--cds-status-yellow, #f1c21b);
}
.cds--shape-indicator--low path:nth-of-type(2) {
  fill: var(--cds-status-yellow-outline, #8e6a00);
}

.cds--shape-indicator--cautious {
  fill: var(--cds-status-yellow, #f1c21b);
}
.cds--shape-indicator--cautious path:first-of-type {
  fill: var(--cds-status-yellow-outline, #8e6a00);
}

.cds--shape-indicator--undefined {
  fill: var(--cds-status-purple, #8a3ffc);
}

.cds--shape-indicator--stable {
  fill: var(--cds-status-green, #24a148);
}

.cds--shape-indicator--informative {
  fill: var(--cds-status-blue, #0043ce);
}

.cds--shape-indicator--incomplete path:nth-of-type(2) {
  fill: var(--cds-status-blue, #0043ce);
}

.cds--shape-indicator--draft {
  fill: var(--cds-status-gray, #6f6f6f);
}

@keyframes ai-skeleton-animation {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.cds--icon--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--icon--skeleton:hover, .cds--icon--skeleton:focus, .cds--icon--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--icon--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--icon--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--icon--skeleton {
    background: CanvasText;
  }
  .cds--icon--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--icon--skeleton {
  display: inline-block;
  block-size: 1rem;
  inline-size: 1rem;
}

.cds--skeleton__placeholder {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--skeleton__placeholder:hover, .cds--skeleton__placeholder:focus, .cds--skeleton__placeholder:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--skeleton__placeholder::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--skeleton__placeholder::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--skeleton__placeholder {
    background: CanvasText;
  }
  .cds--skeleton__placeholder::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--skeleton__placeholder {
  block-size: 6.25rem;
  inline-size: 6.25rem;
}

.cds--skeleton__text {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--skeleton__text:hover, .cds--skeleton__text:focus, .cds--skeleton__text:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--skeleton__text::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--skeleton__text::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--skeleton__text {
    background: CanvasText;
  }
  .cds--skeleton__text::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--skeleton__text {
  block-size: 1rem;
  inline-size: 100%;
  margin-block-end: 0.5rem;
}

.cds--skeleton__heading {
  block-size: 1.5rem;
}

.cds--skeleton__text--ai,
.cds--skeleton__placeholder--ai,
.cds--skeleton__icon--ai {
  overflow: hidden;
  background: var(--cds-ai-skeleton-background, #d0e2ff);
}

.cds--skeleton__text--ai::before,
.cds--skeleton__placeholder--ai::before,
.cds--skeleton__icon--ai::before {
  animation: 1250ms ease-in-out ai-skeleton-animation infinite;
  background: linear-gradient(to right, rgba(69, 137, 255, 0) 0%, rgba(69, 137, 255, 0.5) 50%, rgba(69, 137, 255, 0) 100%);
}

.cds--skeleton__placeholder--ai::before,
.cds--skeleton__icon--ai::before {
  inline-size: 200%;
}

.cds--skeleton__placeholder--ai {
  border-radius: 0.5rem;
}

.cds--skeleton__text--ai {
  border-radius: 1rem;
}

.cds--skeleton__icon--ai {
  border-radius: 0.125rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--skeleton__text--ai,
  .cds--skeleton__placeholder--ai,
  .cds--skeleton__icon--ai {
    background: CanvasText;
  }
  .cds--skeleton__text--ai::before,
  .cds--skeleton__placeholder--ai::before,
  .cds--skeleton__icon--ai::before {
    background: Canvas;
  }
}
.cds--slider-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  user-select: none;
}

.cds--slider {
  position: relative;
  padding: 1rem 0;
  cursor: pointer;
  inline-size: 100%;
  max-inline-size: 40rem;
  min-inline-size: 12.5rem;
}
.cds--slider-container--two-handles .cds--slider {
  margin-inline: 0.25rem;
}

.cds--slider__range-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);
  color: var(--cds-text-primary, #161616);
  white-space: nowrap;
}

.cds--slider__track {
  position: absolute;
  background: var(--cds-border-subtle);
  block-size: 0.125rem;
  inline-size: 100%;
  transform: translate(0%, -50%);
}

.cds--slider__track:before {
  position: absolute;
  display: inline-block;
  background: var(--cds-border-subtle);
  block-size: 0.25rem;
  content: "";
  inline-size: 0.125rem;
  inset-block-start: -0.3125rem;
  inset-inline-start: 50%;
  transform: translate(-50%, 0);
}

.cds--slider__filled-track {
  position: absolute;
  background: var(--cds-layer-selected-inverse, #161616);
  block-size: 0.125rem;
  inline-size: 100%;
  pointer-events: none;
  transform: translate(0%, -50%);
  transform-origin: left;
  transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--slider__thumb-wrapper {
  position: absolute;
  z-index: 3;
  block-size: 0.875rem;
  inline-size: 0.875rem;
  transform: translate(-50%, -50%);
  --cds-tooltip-padding-inline: 0.5rem;
  --cds-popover-offset: 0.5rem;
}
.cds--slider-container--rtl .cds--slider__thumb-wrapper {
  transform: translate(50%, -50%);
}

.cds--slider__thumb-wrapper--lower,
.cds--slider__thumb-wrapper--upper {
  block-size: 24px;
  inline-size: 16px;
  --cds-popover-offset: var(--cds-popover-caret-height, 0.5rem);
}

.cds--slider__thumb-wrapper--lower {
  transform: translate(-100%, -50%);
}
.cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {
  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}
.cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
  inset-inline-start: revert;
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower {
  transform: translate(100%, -50%);
}
.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {
  transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
}
.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider__thumb-wrapper--upper {
  transform: translate(0, -50%);
}
.cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {
  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}
.cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper {
  transform: translate(0, -50%);
}
.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {
  transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
}
.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider__thumb {
  position: absolute;
  border-radius: 50%;
  background: var(--cds-layer-selected-inverse, #161616);
  box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
  inset: 0;
  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);
}
.cds--slider__thumb:focus {
  background-color: var(--cds-interactive, #0f62fe);
  box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe), inset 0 0 0 3px var(--cds-layer);
  transform: scale(1.4286);
}
.cds--slider__thumb:active {
  box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe);
  transform: scale(1.4286);
}

.cds--slider__thumb-icon {
  fill: var(--cds-layer-selected-inverse, #161616);
}

.cds--slider__thumb-icon--focus {
  display: none;
  fill: var(--cds-interactive, #0f62fe);
}

.cds--slider__thumb--lower,
.cds--slider__thumb--upper {
  position: absolute;
  border-radius: unset;
  background-color: transparent;
  box-shadow: none;
  inset: 0;
  transition: none;
}
.cds--slider__thumb--lower::before,
.cds--slider__thumb--upper::before {
  position: absolute;
  z-index: -1;
  display: block;
  background: var(--cds-background, #ffffff);
  block-size: 0.125rem;
  content: "";
  inline-size: 0.375rem;
  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);
}
.cds--slider__thumb--lower:active,
.cds--slider__thumb--upper:active {
  box-shadow: none;
  transform: none;
}
.cds--slider__thumb--lower:focus,
.cds--slider__thumb--upper:focus {
  background-color: transparent;
  box-shadow: none;
  transform: none;
}
.cds--slider__thumb--lower:focus .cds--slider__thumb-icon,
.cds--slider__thumb--upper:focus .cds--slider__thumb-icon {
  display: none;
  fill: var(--cds-interactive, #0f62fe);
}
.cds--slider__thumb--lower:focus .cds--slider__thumb-icon--focus,
.cds--slider__thumb--upper:focus .cds--slider__thumb-icon--focus {
  display: block;
}

.cds--slider__thumb--lower:focus::before,
.cds--slider__thumb--upper:focus::before {
  inline-size: 100%;
}

.cds--slider__thumb--upper {
  transform: none;
}
.cds--slider__thumb--upper::before {
  inset-inline: 0 auto;
}
.cds--slider__thumb--upper:hover, .cds--slider__thumb--upper:active, .cds--slider__thumb--upper:focus {
  transform: none;
}

.cds--slider__input {
  display: none;
}

.cds--slider-text-input-wrapper {
  position: relative;
}

.cds--slider-text-input-wrapper--hidden {
  display: none;
}

.cds--slider-text-input,
.cds-slider-text-input {
  -moz-appearance: textfield;
  appearance: textfield;
  block-size: 2.5rem;
  inline-size: 4rem;
}
.cds--slider-text-input::-webkit-outer-spin-button, .cds--slider-text-input::-webkit-inner-spin-button,
.cds-slider-text-input::-webkit-outer-spin-button,
.cds-slider-text-input::-webkit-inner-spin-button {
  display: none;
}

.cds--slider__thumb:focus ~ .cds--slider__filled-track,
.cds--slider__thumb-wrapper:focus-within ~ .cds--slider__filled-track {
  background-color: var(--cds-border-interactive, #0f62fe);
}

.cds--slider-text-input.cds--text-input--invalid,
.cds--slider-text-input--warn {
  inline-size: 6rem;
  padding-inline-end: 3rem;
}

.cds--slider__invalid-icon {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  transform: translateY(-50%);
}

.cds--slider__validation-msg.cds--form-requirement {
  display: block;
  overflow: visible;
  max-block-size: 100%;
}

.cds--slider__validation-msg--invalid {
  color: var(--cds-text-error, #da1e28);
}

.cds--slider__invalid-icon.cds--slider__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--slider__invalid-icon--warning path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--label--disabled ~ .cds--slider-container > .cds--slider__range-label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--slider--disabled.cds--slider {
  cursor: not-allowed;
}

.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;
}
.cds--slider--disabled .cds--slider__thumb:focus {
  background-color: var(--cds-border-disabled, #c6c6c6);
  box-shadow: none;
  outline: none;
  transform: none;
}
.cds--slider--disabled .cds--slider__thumb:active {
  background: var(--cds-border-disabled, #c6c6c6);
  box-shadow: none;
  transform: none;
}

.cds--slider--disabled .cds--slider__thumb--lower,
.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--upper:active,
.cds--slider--disabled .cds--slider__thumb--upper:hover,
.cds--slider--disabled .cds--slider__thumb--upper:focus {
  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);
}

.cds--slider--disabled .cds--slider__track,
.cds--slider--disabled .cds--slider__filled-track,
.cds--slider--disabled .cds--slider__thumb:focus ~ .cds--slider__filled-track {
  background-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--slider--disabled ~ .cds--form-item .cds--slider-text-input,
.cds--slider--disabled ~ .cds--slider-text-input {
  border: none;
  background-color: var(--cds-field);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  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--slider-text-input:active,
.cds--slider--disabled ~ .cds--slider-text-input:focus,
.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;
}

.cds--slider-container--readonly .cds--slider__thumb {
  block-size: 0;
  inline-size: 0;
}
.cds--slider-container--readonly .cds--slider__thumb::before, .cds--slider-container--readonly .cds--slider__thumb::after {
  display: none;
}

.cds--slider-container--readonly .cds--slider-text-input {
  background-color: transparent;
}

.cds--slider__status-msg.cds--form-requirement {
  display: block;
  overflow: visible;
  max-block-size: 100%;
}

.cds--slider-container.cds--skeleton .cds--slider__range-label {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--slider-container.cds--skeleton .cds--slider__range-label:hover, .cds--slider-container.cds--skeleton .cds--slider__range-label:focus, .cds--slider-container.cds--skeleton .cds--slider__range-label:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--slider-container.cds--skeleton .cds--slider__range-label::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--slider-container.cds--skeleton .cds--slider__range-label {
    background: CanvasText;
  }
  .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--slider-container.cds--skeleton .cds--slider__range-label {
  block-size: 0.75rem;
  inline-size: 1.25rem;
}

.cds--slider-container.cds--skeleton .cds--slider__track {
  cursor: default;
  pointer-events: none;
}

.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper {
  inset-inline-start: 50%;
}
.cds--slider-container.cds--skeleton .cds--slider__thumb {
  cursor: default;
  pointer-events: none;
}
.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower {
  inset-inline-start: 0;
}
.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper {
  inset-inline-start: 100%;
}

.cds--popover-container.cds--slider__thumb-wrapper {
  position: absolute;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--slider__thumb {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--slider__thumb:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--slider__track {
    outline: 1px solid transparent;
  }
}

.cds--stack-horizontal {
  display: inline-grid;
  column-gap: var(--cds-stack-gap, 0);
  grid-auto-flow: column;
}

.cds--stack-vertical {
  display: grid;
  grid-auto-flow: row;
  row-gap: var(--cds-stack-gap, 0);
}

.cds--stack-scale-1 {
  --cds-stack-gap: 0.125rem;
}

.cds--stack-scale-2 {
  --cds-stack-gap: 0.25rem;
}

.cds--stack-scale-3 {
  --cds-stack-gap: 0.5rem;
}

.cds--stack-scale-4 {
  --cds-stack-gap: 0.75rem;
}

.cds--stack-scale-5 {
  --cds-stack-gap: 1rem;
}

.cds--stack-scale-6 {
  --cds-stack-gap: 1.5rem;
}

.cds--stack-scale-7 {
  --cds-stack-gap: 2rem;
}

.cds--stack-scale-8 {
  --cds-stack-gap: 2.5rem;
}

.cds--stack-scale-9 {
  --cds-stack-gap: 3rem;
}

.cds--stack-scale-10 {
  --cds-stack-gap: 4rem;
}

.cds--stack-scale-11 {
  --cds-stack-gap: 5rem;
}

.cds--stack-scale-12 {
  --cds-stack-gap: 6rem;
}

.cds--stack-scale-13 {
  --cds-stack-gap: 10rem;
}

.cds--structured-list--selection .cds--structured-list-td,
.cds--structured-list--selection .cds--structured-list-th {
  padding-inline: 1rem 1rem;
}
.cds--structured-list--selection .cds--structured-list-td:first-child,
.cds--structured-list--selection .cds--structured-list-th:first-child {
  padding-inline: 1rem 1rem;
}

.cds--structured-list-row--focused-within {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--structured-list-row--focused-within {
    outline-style: dotted;
  }
}

.cds--structured-list {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--structured-list *,
.cds--structured-list *::before,
.cds--structured-list *::after {
  box-sizing: inherit;
}
.cds--structured-list {
  display: table;
  background-color: var(--cds-layer) transparent;
  border-collapse: collapse;
  border-spacing: 0;
  inline-size: 100%;
  overflow-x: auto;
}
.cds--structured-list.cds--structured-list--condensed .cds--structured-list-td, .cds--structured-list.cds--structured-list--condensed .cds--structured-list-th {
  padding: 0.5rem;
}
.cds--structured-list .cds--structured-list-row .cds--structured-list-td:first-of-type,
.cds--structured-list .cds--structured-list-row .cds--structured-list-th:first-of-type {
  padding-inline-start: 1rem;
}
.cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td:first-of-type, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th:first-of-type {
  padding-inline: 0 1rem;
}

.cds--structured-list-row {
  display: table-row;
  border-block-start: 1px solid var(--cds-border-subtle);
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--structured-list-tbody .cds--structured-list-row:last-child {
  border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--structured-list-row--header-row {
  border: none;
}

.cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) {
  border-color: var(--cds-layer-hover);
  background-color: var(--cds-layer-hover);
  cursor: pointer;
}

.cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) + .cds--structured-list-row {
  border-color: var(--cds-layer-hover);
}

.cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected {
  border-color: var(--cds-layer-selected);
  background-color: var(--cds-layer-selected);
}

.cds--structured-list--selection .cds--structured-list-row--selected + .cds--structured-list-row {
  border-color: var(--cds-layer-selected);
}

.cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected .cds--structured-list-td {
  color: var(--cds-text-primary, #161616);
}

.cds--structured-list-row.cds--structured-list-row--header-row {
  cursor: inherit;
}

.cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row) > .cds--structured-list-td,
.cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected > .cds--structured-list-td {
  color: var(--cds-text-primary, #161616);
}

.cds--structured-list-thead {
  display: table-header-group;
  vertical-align: middle;
}

.cds--structured-list-th {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--structured-list-th *,
.cds--structured-list-th *::before,
.cds--structured-list-th *::after {
  box-sizing: inherit;
}
.cds--structured-list-th {
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: table-cell;
  block-size: 2.5rem;
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
  text-align: start;
  text-transform: none;
  vertical-align: top;
}

.cds--structured-list-tbody {
  display: table-row-group;
  vertical-align: middle;
}

.cds--structured-list-td {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--structured-list-td *,
.cds--structured-list-td *::before,
.cds--structured-list-td *::after {
  box-sizing: inherit;
}
.cds--structured-list-td {
  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);
  padding: 1rem 0.5rem 1.5rem 0.5rem;
  position: relative;
  display: table-cell;
  color: var(--cds-text-secondary, #525252);
  max-inline-size: 36rem;
  transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--structured-list-content--nowrap {
  white-space: nowrap;
}

.cds--structured-list-input + .cds--structured-list-td {
  text-align: end;
}

.cds--structured-list-svg {
  display: inline-block;
  margin-block-start: 0.125rem;
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  vertical-align: top;
}

.cds--structured-list-input:checked + .cds--structured-list-row .cds--structured-list-svg,
.cds--structured-list-input:checked + .cds--structured-list-td .cds--structured-list-svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--structured-list-svg {
  fill: transparent;
}

.cds--structured-list--selection .cds--structured-list-td:last-child {
  inline-size: 2rem;
  padding-inline-start: 0;
}

.cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
  inline-size: 8%;
}
.cds--structured-list.cds--skeleton .cds--structured-list-th:nth-child(3n+2) {
  inline-size: 30%;
}
.cds--structured-list.cds--skeleton .cds--structured-list-th:nth-child(3n+3) {
  inline-size: 15%;
}
.cds--structured-list.cds--skeleton span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--structured-list.cds--skeleton span:hover, .cds--structured-list.cds--skeleton span:focus, .cds--structured-list.cds--skeleton span:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--structured-list.cds--skeleton span::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--structured-list.cds--skeleton span::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--structured-list.cds--skeleton span {
    background: CanvasText;
  }
  .cds--structured-list.cds--skeleton span::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--structured-list.cds--skeleton span {
  display: block;
  block-size: 1rem;
  inline-size: 75%;
}

.cds--structured-list.cds--structured-list--selection.cds--skeleton .cds--structured-list-th:first-child {
  inline-size: 5%;
}
.cds--structured-list.cds--structured-list--selection.cds--skeleton .cds--structured-list-th:first-child span {
  display: none;
}

.cds--structured-list__icon {
  margin-block-start: 0.125rem;
  vertical-align: top;
}

.cds--structured-list--selection .cds--structured-list-td:first-child:has(.cds--structured-list__icon) {
  inline-size: 2rem;
  padding-inline-end: 0;
}

.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  inline-size: 100%;
}
.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-label,
.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-secondary-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item--icon {
  margin-inline-start: auto;
}

.cds--tabs.cds--tabs--vertical .cds--tabs__nav-link .cds--tabs__nav-item-label {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
}

.cds--tabs,
.cds--tab-content {
  --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));
}

.cds--tabs.cds--tabs--tall,
.cds--tabs.cds--tabs--contained.cds--tabs--tall {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-lg)), var(--cds-layout-size-height, var(--cds-layout-size-height-xl)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
}

.cds--tabs html {
  font-size: 100%;
}
.cds--tabs body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--tabs code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--tabs strong {
  font-weight: 600;
}
.cds--tabs {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  position: relative;
  display: flex;
  block-size: auto;
  color: var(--cds-text-primary, #161616);
  inline-size: 100%;
  max-block-size: var(--cds-layout-size-height-xl);
  min-block-size: var(--cds-layout-size-height-local);
  overflow-x: hidden;
}
.cds--tabs.cds--tabs--contained {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
}
.cds--tabs .cds--tab--list {
  display: flex;
  inline-size: auto;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  will-change: scroll-position;
}
.cds--tabs .cds--tab--list::-webkit-scrollbar {
  display: none;
}
.cds--tabs.cds--tabs--vertical {
  background: var(--cds-layer);
  box-shadow: inset -1px 0 var(--cds-border-subtle);
  grid-column: span 2;
  max-block-size: none;
}
@media (min-width: 66rem) {
  .cds--tabs.cds--tabs--vertical {
    grid-column: span 4;
  }
}
.cds--tabs.cds--tabs--vertical .cds--tab--list {
  overflow: visible auto;
  flex-direction: column;
  inline-size: 100%;
}
.cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_bottom {
  position: absolute;
  background: linear-gradient(to bottom, transparent, var(--cds-layer));
  block-size: 4rem;
  inset-block-end: 0;
  inset-inline: 0;
  pointer-events: none;
}
.cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_top {
  position: absolute;
  background: linear-gradient(to top, transparent, var(--cds-layer));
  block-size: 4rem;
  inset-block-start: 0;
  inset-inline: 0;
  pointer-events: none;
}
.cds--tabs .cds--tabs__nav {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--tabs .cds--tabs__nav *,
.cds--tabs .cds--tabs__nav *::before,
.cds--tabs .cds--tabs__nav *::after {
  box-sizing: inherit;
}
.cds--tabs .cds--tabs__nav {
  display: flex;
}
.cds--tabs .cds--tab--overflow-nav-button {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--tabs .cds--tab--overflow-nav-button *,
.cds--tabs .cds--tab--overflow-nav-button *::before,
.cds--tabs .cds--tab--overflow-nav-button *::after {
  box-sizing: inherit;
}
.cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {
  border: 0;
}
.cds--tabs .cds--tab--overflow-nav-button {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: var(--cds-background, #ffffff);
  inline-size: 2.5rem;
}
.cds--tabs .cds--tab--overflow-nav-button:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tabs .cds--tab--overflow-nav-button:focus {
    outline-style: dotted;
  }
}
.cds--tabs .cds--tab--overflow-nav-button:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}
.cds--tabs .cds--tab--overflow-nav-button:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}
.cds--tabs .cds--tab--overflow-nav-button--hidden {
  display: none;
}
.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button {
  margin: 0;
  background-color: var(--cds-layer-accent);
  inline-size: 3rem;
}
.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:hover {
  background-color: var(--cds-layer-accent-hover);
}
.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:active {
  background-color: var(--cds-layer-accent-active);
}
.cds--tabs .cds--tab--overflow-nav-button svg {
  z-index: 2;
  fill: var(--cds-icon-primary, #161616);
}
.cds--tabs .cds--tab--overflow-nav-button svg:active, .cds--tabs .cds--tab--overflow-nav-button svg:hover {
  fill: var(--cds-icon-primary, #161616);
}
.cds--tabs .cds--tab--overflow-nav-button--next {
  position: relative;
  inset-block: 0;
  inset-inline-end: 0;
}
.cds--tabs .cds--tab--overflow-nav-button--next::before {
  position: absolute;
  z-index: 1;
  block-size: 100%;
  content: "";
  inline-size: 0.5rem;
  inset-inline-start: -0.5rem;
}
.cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--next::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
}
.cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--previous::before {
  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
}
.cds--tabs .cds--tab--overflow-nav-button--previous {
  position: relative;
  z-index: 1;
  inset-block: 0;
  inset-inline-start: 0;
}
.cds--tabs .cds--tab--overflow-nav-button--previous::before {
  position: absolute;
  z-index: 1;
  block-size: 100%;
  content: "";
  inline-size: 0.5rem;
  inset-inline-end: -0.5rem;
}
.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
}
.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--right {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer));
}
.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
}
.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer-accent));
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .cds--tabs .cds--tabs__overflow-indicator--left {
    background-image: linear-gradient(to left, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));
  }
  .cds--tabs .cds--tabs__overflow-indicator--right {
    background-image: linear-gradient(to right, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));
  }
  .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {
    background-image: linear-gradient(to left, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));
  }
  .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {
    background-image: linear-gradient(to right, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));
  }
}
.cds--tabs .cds--tabs__nav-item-label-wrapper {
  display: flex;
}
.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item-label-wrapper {
  position: relative;
  inset-block-start: 0.0625rem;
}
.cds--tabs .cds--tabs__nav-item html {
  font-size: 100%;
}
.cds--tabs .cds--tabs__nav-item body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--tabs .cds--tabs__nav-item code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--tabs .cds--tabs__nav-item strong {
  font-weight: 600;
}
.cds--tabs .cds--tabs__nav-item {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  padding: 0;
  cursor: pointer;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tabs .cds--tabs__nav-item + .cds--tabs__nav-item {
  margin-inline-start: 0.0625rem;
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item {
  background-color: var(--cds-layer-accent);
  box-shadow: -0.0625rem 0 0 0 var(--cds-border-strong);
  margin-inline-start: 0;
}
.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item {
  flex: none;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 4rem;
  border-block-end: 1px solid var(--cds-border-subtle);
  border-inline-end: 1px solid var(--cds-border-subtle);
  box-shadow: inset 3px 0 0 0 var(--cds-border-subtle);
  inline-size: 100%;
  margin-inline-start: 0;
}
.cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-item--selected + div + .cds--tabs__nav-item {
  box-shadow: -0.0625rem 0 0 0 transparent;
}
.cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tabs.cds--tabs--dismissable .cds--tabs__nav-link {
  padding-inline-end: 2.5rem;
}
.cds--tabs.cds--tabs--dismissable.cds--tabs--contained .cds--tabs__nav-link {
  padding-inline-end: calc(3rem - 1px);
}
.cds--tabs .cds--tabs__nav-item--close {
  position: relative;
  display: flex;
  align-items: center;
  inset-inline-start: calc(-0.75rem - 1px);
  margin-inline-start: calc(-1.5rem + 1px);
}
.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item--close--hidden {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
  visibility: inherit;
  white-space: nowrap;
  position: static;
  inline-size: 0.1875rem;
}
.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tabs__nav-item--close--hidden {
  display: none;
}
.cds--tabs .cds--tabs__nav-item--close-icon {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--tabs .cds--tabs__nav-item--close-icon *,
.cds--tabs .cds--tabs__nav-item--close-icon *::before,
.cds--tabs .cds--tabs__nav-item--close-icon *::after {
  box-sizing: inherit;
}
.cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {
  border: 0;
}
.cds--tabs .cds--tabs__nav-item--close-icon {
  block-size: 1.5rem;
  inline-size: 1.5rem;
  padding-block: 0.25rem;
  padding-inline: 0.25rem;
  pointer-events: auto;
}
.cds--tabs .cds--tabs__nav-item--close-icon svg {
  block-size: 1rem;
  fill: var(--cds-text-secondary, #525252);
  inline-size: 1rem;
}
.cds--tabs .cds--tabs__nav-item--close-icon svg:hover {
  fill: var(--cds-icon-primary, #161616);
}
.cds--tabs .cds--tabs__nav-item--close-icon:hover {
  background-color: var(--cds-layer-hover);
}
.cds--tabs .cds--tabs__nav-item--close-icon:focus, .cds--tabs .cds--tabs__nav-item--close-icon:active {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tabs .cds--tabs__nav-item--close-icon:focus, .cds--tabs .cds--tabs__nav-item--close-icon:active {
    outline-style: dotted;
  }
}
.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon svg {
  fill: var(--cds-icon-primary, #161616);
}
.cds--tabs .cds--tabs__nav-item--close-icon--selected svg {
  fill: var(--cds-icon-primary, #161616);
}
.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover {
  background-color: inherit;
  cursor: not-allowed;
}
.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled svg,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled svg,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:focus, .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:active,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:focus,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:active,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:focus,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:active {
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.cds--tabs .cds--tabs__nav-item--icon {
  display: flex;
  align-items: center;
  padding-inline-start: 0.5rem;
}
.cds--tabs .cds--tabs__nav-item--icon-left {
  display: flex;
  align-items: center;
  margin-block-start: -2px;
  padding-inline-end: 0.5rem;
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
  padding-inline-start: var(--cds-layout-density-padding-inline-local);
}
.cds--tabs .cds--tabs__nav-link {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--tabs .cds--tabs__nav-link *,
.cds--tabs .cds--tabs__nav-link *::before,
.cds--tabs .cds--tabs__nav-link *::after {
  box-sizing: inherit;
}
.cds--tabs .cds--tabs__nav-link::-moz-focus-inner {
  border: 0;
}
.cds--tabs .cds--tabs__nav-link {
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  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);
  overflow: hidden;
  border-block-end: 2px solid var(--cds-border-subtle);
  color: var(--cds-text-secondary, #525252);
  padding-inline: var(--cds-layout-density-padding-inline-local);
  text-align: start;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  white-space: nowrap;
}
.cds--tabs .cds--tabs__nav-link:focus, .cds--tabs .cds--tabs__nav-link:active {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tabs .cds--tabs__nav-link:focus, .cds--tabs .cds--tabs__nav-link:active {
    outline-style: dotted;
  }
}
.cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-link {
  border-block-end: 0;
}
.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
  line-height: calc(3rem - 0.5rem * 2);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-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);
  min-block-size: 1rem;
}
.cds--tabs.cds--tabs--vertical:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
  line-height: var(--cds-body-compact-01-line-height);
}
.cds--tabs.cds--tabs__icon--default, .cds--tabs.cds--tabs__icon--lg, .cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
  overflow-x: visible;
}
.cds--tabs .cds--tabs__nav-item--icon-only {
  margin-inline-end: 0.0625rem;
}
.cds--tabs .cds--tabs__nav-item--icon-only, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  block-size: var(--cds-layout-size-height-local);
  inline-size: var(--cds-layout-size-height-local);
}
.cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label {
  line-height: 0;
}
.cds--tabs .cds--tabs__nav-item--icon-only:not(.cds--tabs__nav-item--icon-only__20) .cds--badge-indicator {
  margin-block-start: 0.25rem;
  margin-inline-end: 0.25rem;
}
.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover {
  border-block-end: 2px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
  background-color: var(--cds-layer-accent-hover);
  color: var(--cds-text-primary, #161616);
}
.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
  background-color: var(--cds-layer-hover);
  box-shadow: inset 3px 0 0 0 var(--cds-border-strong);
}
.cds--tabs .cds--tabs__nav-item--selected {
  border-block-end: 2px solid var(--cds-border-interactive, #0f62fe);
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected + .cds--tabs__nav-item {
  box-shadow: none;
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--selected {
  box-shadow: inset 0 2px 0 0 var(--cds-border-interactive, #0f62fe);
}
.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--selected {
  border-inline: none;
  box-shadow: inset 3px 0 0 0 var(--cds-border-interactive, #0f62fe);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,
.cds--tabs .cds--tabs__nav-item--selected,
.cds--tabs .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus,
.cds--tabs .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
}
.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected:hover {
  line-height: calc(3rem - 0.5rem * 2);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
  background-color: var(--cds-layer);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus,
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:active, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:focus,
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:active {
  box-shadow: none;
}
.cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
  background-color: var(--cds-background, #ffffff);
}
.cds--tabs .cds--tabs__nav-item--disabled {
  background-color: transparent;
  border-block-end: 2px solid var(--cds-border-subtle);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}
.cds--tabs .cds--tabs__nav-item--disabled:hover {
  border-block-end: 2px solid var(--cds-border-subtle);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover {
  background-color: var(--cds-button-disabled, #c6c6c6);
}
.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--disabled, .cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover {
  background-color: var(--cds-layer);
  border-block-end: 1px solid var(--cds-border-subtle);
}
.cds--tabs .cds--tabs__nav-item--disabled:focus,
.cds--tabs .cds--tabs__nav-item--disabled:active {
  border-block-end: 2px solid var(--cds-border-subtle);
  outline: none;
  pointer-events: none;
}
.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link {
  border-block-end-color: var(--cds-border-subtle);
}
.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled:hover .cds--tabs__nav-link {
  border-block-end-color: var(--cds-border-subtle);
}
.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:focus,
.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:active {
  border-block-end-color: var(--cds-border-subtle);
}
.cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-item--disabled {
  border-block-end: none;
  color: var(--cds-text-on-color-disabled, #8d8d8d);
}

.cds--tab-content {
  padding: var(--cds-layout-density-padding-inline-local);
}
.cds--tab-content:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tab-content:focus {
    outline-style: dotted;
  }
}

.cds--tabs--contained ~ .cds--tab-content {
  background: var(--cds-layer);
}

.cds--tabs--vertical ~ .cds--tab-content .cds--text-input--fluid .cds--text-input,
.cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area__wrapper,
.cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area,
.cds--tabs--vertical ~ .cds--tab-content .cds--search--fluid .cds--search-input,
.cds--tabs--vertical ~ .cds--tab-content .cds--select--fluid .cds--select-input,
.cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement,
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__wrapper--fluid .cds--list-box,
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__wrapper--fluid.cds--list-box__wrapper,
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid input[type=number],
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid input[type=text],
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn::before,
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn::after,
.cds--tabs--vertical ~ .cds--tab-content .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {
  background-color: var(--cds-field-01, #f4f4f4);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__wrapper--fluid .cds--list-box__menu {
  background-color: var(--cds-layer-01, #f4f4f4);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__menu-item:hover {
  background-color: var(--cds-layer-hover-02, #e8e8e8);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__menu-item--active {
  background-color: var(--cds-layer-selected-02, #e0e0e0);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__menu-item--active:hover {
  background-color: var(--cds-layer-selected-hover-02, #d1d1d1);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:hover::before,
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:hover::after {
  background-color: var(--cds-field-hover);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:focus::before,
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:focus::after {
  border-inline-start: 2px solid var(--cds-focus, #0f62fe);
}
.cds--tabs--vertical ~ .cds--tab-content {
  grid-column: 3/-1;
  overflow-y: auto;
}
@media (min-width: 66rem) {
  .cds--tabs--vertical ~ .cds--tab-content {
    grid-column: 5/-1;
  }
}

.cds--tabs.cds--skeleton {
  cursor: default;
  pointer-events: none;
}

.cds--skeleton.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-link {
  border-block-end: 2px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--tabs.cds--skeleton .cds--tabs__nav-link {
  display: flex;
  align-items: center;
  padding: 0 var(--cds-layout-density-padding-inline-local);
  block-size: 100%;
  inline-size: 10rem;
}

.cds--tabs.cds--skeleton .cds--tabs__nav-link span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--tabs.cds--skeleton .cds--tabs__nav-link span:hover, .cds--tabs.cds--skeleton .cds--tabs__nav-link span:focus, .cds--tabs.cds--skeleton .cds--tabs__nav-link span:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tabs.cds--skeleton .cds--tabs__nav-link span {
    background: CanvasText;
  }
  .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--tabs.cds--skeleton .cds--tabs__nav-link span {
  display: block;
  block-size: 0.875rem;
  inline-size: 100%;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tabs__nav-item--selected .cds--tabs__nav-link,
  .cds--tabs__nav-item--selected.cds--tabs__nav-link,
  .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,
  .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected.cds--tabs__nav-link {
    background-color: SelectedItem;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tabs .cds--tabs__nav-item--disabled .cds--tabs__nav-link {
    color: GrayText;
    fill: GrayText;
  }
}

.cds--tile-group html {
  font-size: 100%;
}
.cds--tile-group body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--tile-group code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--tile-group strong {
  font-weight: 600;
}

.cds--tile {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  --cds-layout-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));
  position: relative;
  display: block;
  padding: var(--cds-layout-density-padding-inline-local);
  background-color: var(--cds-layer);
  min-block-size: 4rem;
  min-inline-size: 8rem;
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.cds--tile:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tile:focus {
    outline-style: dotted;
  }
}

.cds--tile--light {
  background-color: var(--cds-layer-02, #ffffff);
}

.cds--tile--clickable,
.cds--tile--selectable {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--tile--clickable *,
.cds--tile--clickable *::before,
.cds--tile--clickable *::after,
.cds--tile--selectable *,
.cds--tile--selectable *::before,
.cds--tile--selectable *::after {
  box-sizing: inherit;
}
.cds--tile--clickable,
.cds--tile--selectable {
  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: var(--cds-layout-density-padding-inline-local);
  cursor: pointer;
  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tile--clickable:hover,
.cds--tile--selectable:hover {
  background: var(--cds-layer-hover);
}

.cds--tile--clickable {
  color: var(--cds-text-primary, #161616);
  text-decoration: none;
}
.cds--tile--clickable:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tile--clickable:focus {
    outline-style: dotted;
  }
}
.cds--tile--clickable:focus {
  text-decoration: none;
}
.cds--tile--clickable:hover .cds--tile__checkmark, .cds--tile--clickable:focus .cds--tile__checkmark {
  opacity: 1;
}

.cds--tile--expandable::-moz-focus-inner {
  border: 0;
}

.cds--tile--clickable:hover,
.cds--tile--clickable:active,
.cds--tile--clickable:visited,
.cds--tile--clickable:visited:hover {
  color: var(--cds-text-primary, #161616);
  text-decoration: none;
}

.cds--tile--clickable.cds--link--disabled,
.cds--tile--clickable:hover.cds--link--disabled {
  display: block;
  padding: var(--cds-layout-density-padding-inline-local);
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--tile--clickable .cds--tile--icon,
.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
  position: absolute;
  block-size: 1.25rem;
  inline-size: 1.25rem;
  inset-block-end: 0.75rem;
  inset-inline-end: 0.75rem;
}

.cds--tile--clickable .cds--tile--icon {
  fill: var(--cds-icon-interactive, #0f62fe);
}

.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tile--clickable.cds--link--disabled .cds--tile--icon {
  display: none;
}

.cds--tile--selectable {
  border: 1px solid transparent;
  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
}

.cds--tile__checkmark {
  position: absolute;
  border: none;
  background: transparent;
  block-size: 1rem;
  inset-block-start: var(--cds-layout-density-padding-inline-local);
  inset-inline-end: var(--cds-layout-density-padding-inline-local);
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  opacity: 0;
}
.cds--tile__checkmark svg {
  border-radius: 50%;
  fill: var(--cds-icon-secondary, #525252);
}
.cds--tile__checkmark:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tile__checkmark:focus {
    outline-style: dotted;
  }
}

.cds--tile__checkmark--persistent {
  opacity: 1;
}

.cds--tile__chevron {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
  inline-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
  inset-block-end: 0;
  inset-inline-end: 0;
}
.cds--tile__chevron svg {
  fill: var(--cds-icon-primary, #161616);
  transform-origin: center;
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--tile__chevron svg {
    transition: none;
  }
}

.cds--tile__chevron--interactive {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--tile__chevron--interactive *,
.cds--tile__chevron--interactive *::before,
.cds--tile__chevron--interactive *::after {
  box-sizing: inherit;
}
.cds--tile__chevron--interactive::-moz-focus-inner {
  border: 0;
}
.cds--tile__chevron--interactive {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
  inline-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
  inset-block-end: 0;
  inset-inline-end: 0;
}
.cds--tile__chevron--interactive:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
.cds--tile__chevron--interactive:hover {
  background-color: var(--cds-layer-hover);
  cursor: pointer;
}

.cds--tile--expandable {
  position: relative;
  overflow: hidden;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  inline-size: 100%;
  text-align: start;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
  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--tile--expandable:hover {
  background: var(--cds-layer-hover);
}

.cds--tile--expandable.cds--tile--expandable--interactive {
  border: none;
  cursor: default;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tile--expandable.cds--tile--expandable--interactive:hover {
  background-color: var(--cds-layer);
}
.cds--tile--expandable.cds--tile--expandable--interactive:focus {
  outline: none;
}

.cds--tile--expandable--interactive:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tile--expandable--interactive:focus {
    outline-style: dotted;
  }
}

.cds--tile-content__below-the-fold {
  display: block;
  opacity: 0;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: hidden;
}

.cds--tile--is-expanded {
  overflow: visible;
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tile--is-expanded .cds--tile__chevron svg {
  transform: rotate(180deg);
}
.cds--tile--is-expanded .cds--tile-content__below-the-fold {
  opacity: 1;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: inherit;
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .cds--tile--is-expanded .cds--tile-content__below-the-fold {
    overflow-y: auto;
  }
}

.cds--tile--is-selected {
  border: 1px solid var(--cds-layer-selected-inverse, #161616);
}

.cds--tile--is-selected .cds--tile__checkmark {
  opacity: 1;
}

.cds--tile--is-selected .cds--tile__checkmark svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--tile-content {
  block-size: 100%;
  inline-size: 100%;
}

.cds--tile-input {
  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--tile-input:focus + .cds--tile {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tile-input:focus + .cds--tile {
    outline-style: dotted;
  }
}

.cds--tile--disabled.cds--tile--selectable {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--tile--disabled.cds--tile--selectable.cds--tile--light {
  background-color: var(--cds-layer-02, #ffffff);
}

.cds--tile--disabled.cds--tile--is-selected {
  border-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--tile--disabled .cds--tile__checkmark svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tile > .cds--tile--inner-decorator > *,
.cds--tile--expandable > div > .cds--tile--inner-decorator > *,
.cds--tile > .cds--ai-label,
.cds--tile--expandable > div > .cds--ai-label,
.cds--tile > .cds--slug,
.cds--tile--expandable > div > .cds--slug,
.cds--tile--clickable .cds--tile--ai-label-icon {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
}

.cds--tile.cds--tile--selectable > .cds--tile--inner-decorator > *,
.cds--tile.cds--tile--selectable > .cds--ai-label,
.cds--tile.cds--tile--selectable > .cds--slug {
  inset-inline-end: 2.5rem;
}

.cds--tile.cds--tile--selectable.cds--tile--radio > .cds--tile--inner-decorator > *,
.cds--tile.cds--tile--selectable.cds--tile--radio > .cds--ai-label,
.cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
  inset-inline-end: 1rem;
  transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  inset-inline-end: 2.5rem;
}

.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--tile--inner-decorator > *,
.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--ai-label,
.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {
  inset-inline-end: 2.5rem;
}

.cds--tile.cds--tile--clickable > .cds--tile--inner-decorator > *,
.cds--tile.cds--tile--clickable > .cds--ai-label,
.cds--tile.cds--tile--clickable > .cds--slug {
  pointer-events: none;
}

.cds--tile--decorator:has(.cds--tile--ai-label-icon).cds--tile,
.cds--tile--decorator:has(.cds--ai-label).cds--tile,
.cds--tile--slug.cds--tile {
  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 8px 0 var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--tile--decorator:has(.cds--ai-label).cds--tile--expandable:hover,
.cds--tile--slug.cds--tile--expandable:hover {
  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;
}

.cds--tile--decorator.cds--tile--selectable::before,
.cds--tile--decorator.cds--tile--selectable::after,
.cds--tile--decorator.cds--tile--clickable::before,
.cds--tile--slug.cds--tile--selectable::before,
.cds--tile--slug.cds--tile--selectable::after,
.cds--tile--slug.cds--tile--clickable::before {
  position: absolute;
  display: block;
  block-size: 100%;
  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--tile--decorator:has(.cds--ai-label).cds--tile--selectable::before,
.cds--tile--decorator:has(.cds--ai-label).cds--tile--clickable::before,
.cds--tile--decorator:has(.cds--tile--ai-label-icon).cds--tile--clickable::before,
.cds--tile--slug.cds--tile--selectable::before,
.cds--tile--slug.cds--tile--clickable::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;
  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--tile--decorator.cds--tile--selectable:hover::before,
.cds--tile--decorator.cds--tile--clickable:hover::before,
.cds--tile--slug.cds--tile--selectable:hover::before,
.cds--tile--slug.cds--tile--clickable:hover::before {
  opacity: 1;
}

.cds--tile--decorator.cds--tile--selectable:focus,
.cds--tile--decorator.cds--tile--clickable:focus,
.cds--tile-input:focus + .cds--tile--decorator.cds--tile,
.cds--tile--slug.cds--tile--selectable:focus,
.cds--tile--slug.cds--tile--clickable:focus,
.cds--tile-input:focus + .cds--tile--slug.cds--tile {
  outline-offset: -1px;
}

.cds--tile--decorator:has(.cds--tile--inner-decorator .cds--ai-label).cds--tile--selectable::after,
.cds--tile--slug.cds--tile--selectable::after {
  background: linear-gradient(to top, 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-layer)) padding-box, linear-gradient(to bottom, var(--cds-border-inverse, #161616), var(--cds-border-inverse, #161616)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 8px 0 var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--tile--decorator.cds--tile--selectable:hover::after,
.cds--tile--slug.cds--tile--selectable:hover::after {
  opacity: 0;
}

.cds--tile--decorator.cds--tile--is-selected::after,
.cds--tile--slug.cds--tile--is-selected::after {
  opacity: 1;
}

.cds--tile--decorator:has(.cds--tile--inner-decorator).cds--tile--is-selected,
.cds--tile--slug.cds--tile--is-selected {
  border-color: var(--cds-border-inverse, #161616);
}

.cds--tile--decorator.cds--tile--selectable .cds--tile-content,
.cds--tile--decorator.cds--tile--clickable .cds--tile-content,
.cds--tile--slug.cds--tile--selectable .cds--tile-content,
.cds--tile--slug.cds--tile--clickable .cds--tile-content {
  position: relative;
  cursor: pointer;
}

.cds--tile--decorator.cds--tile--selectable .cds--tile-content,
.cds--tile--decorator.cds--tile--clickable .cds--tile-content,
.cds--tile--decorator.cds--tile--selectable > .cds--tile__checkmark,
.cds--tile--decorator.cds--tile--is-selected .cds--tile--inner-decorator > *,
.cds--tile--slug.cds--tile--selectable .cds--tile-content,
.cds--tile--slug.cds--tile--clickable .cds--tile-content,
.cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
.cds--tile--slug.cds--tile--is-selected .cds--ai-label,
.cds--tile--slug.cds--tile--is-selected .cds--slug {
  z-index: 1;
}

.cds--tile--decorator.cds--tile--selectable .cds--tile--inner-decorator > *:has(> .cds--popover--open),
.cds--tile--slug.cds--tile--selectable .cds--ai-label:has(> .cds--popover--open),
.cds--tile--slug.cds--tile--selectable .cds--slug:has(> .cds--popover--open) {
  z-index: 2;
}

.cds--tile--decorator.cds--tile--selectable > .cds--tile--inner-decorator > *,
.cds--tile--decorator.cds--tile--selectable > .cds--tile__checkmark,
.cds--tile--slug.cds--tile--selectable > .cds--ai-label,
.cds--tile--slug.cds--tile--selectable > .cds--slug,
.cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
  z-index: 1;
}

.cds--tile--expandable:has(.cds--tile--inner-decorator > * > .cds--popover--open),
.cds--tile--expandable:has(.cds--ai-label > .cds--popover--open),
.cds--tile--expandable:has(.cds--slug > .cds--popover--open) {
  overflow: visible;
}

.cds--tile--clickable .cds--tile--ai-label-icon rect {
  stroke: var(--cds-icon-primary, #161616);
}

.cds--tile--clickable .cds--tile--ai-label-icon path {
  fill: var(--cds-icon-primary, #161616);
}

.cds--tile--decorator-rounded,
.cds--tile--decorator-rounded.cds--tile--selectable::before,
.cds--tile--decorator-rounded.cds--tile--selectable::after,
.cds--tile--decorator-rounded.cds--tile--clickable::before,
.cds--tile--slug-rounded,
.cds--tile--slug-rounded.cds--tile--selectable::before,
.cds--tile--slug-rounded.cds--tile--selectable::after,
.cds--tile--slug-rounded.cds--tile--clickable::before {
  border-radius: 0.5rem;
}

.cds--tile--decorator-rounded .cds--tile__chevron,
.cds--tile--slug-rounded .cds--tile__chevron {
  border-end-end-radius: 0.5rem;
}

.cds--time-picker {
  display: flex;
  align-items: flex-end;
}

.cds--time-picker__select {
  justify-content: center;
  margin-inline-start: 0.125rem;
}

.cds--time-picker__input {
  position: relative;
  display: flex;
  flex-direction: column;
}

.cds--time-picker__error__icon {
  position: absolute;
  display: flex;
  block-size: 100%;
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  place-items: center;
  transform: translateY(-50%);
}

.cds--time-picker__error__icon .cds--checkbox__invalid-icon {
  fill: var(--cds-support-error, #da1e28);
}

.cds--time-picker .cds--select-input {
  margin: 0;
  inline-size: auto;
  line-height: 1;
  min-inline-size: auto;
  padding-inline-end: 3rem;
}

.cds--time-picker__input-field {
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-02-font-size, 0.875rem);
  font-weight: var(--cds-code-02-font-weight, 400);
  line-height: var(--cds-code-02-line-height, 1.42857);
  letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);
  display: flex;
  align-items: center;
  block-size: 2.5rem;
  inline-size: 4.875rem;
  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--time-picker__input-field::placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}

.cds--time-picker__input-field-error {
  inline-size: 6.175rem;
}

.cds--time-picker--light .cds--select-input {
  background-color: var(--cds-field-02, #ffffff);
}
.cds--time-picker--light .cds--select-input:hover {
  background-color: var(--cds-field-hover);
}
.cds--time-picker--light .cds--select-input:disabled, .cds--time-picker--light .cds--select-input:hover:disabled {
  background-color: transparent;
  border-block-end: 1px solid transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--time-picker--sm .cds--select-input,
.cds--time-picker--sm .cds--time-picker__input-field {
  block-size: 2rem;
  max-block-size: 2rem;
}

.cds--time-picker--lg .cds--select-input,
.cds--time-picker--lg .cds--time-picker__input-field {
  block-size: 3rem;
  max-block-size: 3rem;
}

.cds--time-picker--readonly .cds--time-picker__input-field {
  background-color: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--time-picker--readonly .cds--select-input {
  background-color: transparent;
  border-block-end-color: var(--cds-border-subtle);
  cursor: default;
}

.cds--time-picker--readonly .cds--select-input + .cds--select__arrow {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--toggle {
  display: inline-block;
  user-select: none;
}

.cds--toggle__label-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);
  display: block;
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 1rem;
}

.cds--toggle__button {
  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--toggle__button:focus {
  outline: none;
}

.cds--toggle__appearance {
  display: inline-grid;
  align-items: center;
  column-gap: 0.5rem;
  cursor: pointer;
  grid-template-columns: max-content max-content;
}

.cds--toggle__switch {
  position: relative;
  border-radius: 0.75rem;
  background-color: var(--cds-toggle-off, #8d8d8d);
  block-size: 1.5rem;
  inline-size: 3rem;
  transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
}
.cds--toggle__switch::before {
  position: absolute;
  border-radius: 50%;
  background-color: var(--cds-icon-on-color, #ffffff);
  block-size: 1.125rem;
  content: "";
  inline-size: 1.125rem;
  inset-block-start: 0.1875rem;
  inset-inline-start: 0.1875rem;
  transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--toggle__switch::before {
    transition: none;
  }
}

.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch::after,
.cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch::after {
  display: block;
  border-radius: 1rem;
  block-size: 100%;
  content: "";
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

.cds--toggle__switch--checked {
  background-color: var(--cds-support-success, #24a148);
}
.cds--toggle__switch--checked::before {
  transform: translateX(1.5rem);
}

.cds--toggle__text {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
}

.cds--toggle__appearance--sm .cds--toggle__switch {
  block-size: 1rem;
  inline-size: 2rem;
}
.cds--toggle__appearance--sm .cds--toggle__switch::before {
  block-size: 0.625rem;
  inline-size: 0.625rem;
}

.cds--toggle__appearance--sm .cds--toggle__switch--checked::before {
  transform: translateX(1rem);
}

.cds--toggle__check {
  position: absolute;
  block-size: 0.3125rem;
  fill: var(--cds-support-success, #24a148);
  inline-size: 0.375rem;
  inset-block-start: 0.375rem;
  inset-inline-end: 0.3125rem;
  visibility: hidden;
}

.cds--toggle__switch--checked .cds--toggle__check {
  visibility: visible;
}

.cds--toggle--disabled .cds--toggle__appearance {
  cursor: not-allowed;
}

.cds--toggle--disabled .cds--toggle__label-text,
.cds--toggle--disabled .cds--toggle__text {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--toggle--disabled .cds--toggle__switch {
  background-color: var(--cds-button-disabled, #c6c6c6);
}
.cds--toggle--disabled .cds--toggle__switch::before {
  background-color: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.cds--toggle--disabled .cds--toggle__check {
  fill: var(--cds-button-disabled, #c6c6c6);
}

.cds--toggle--readonly .cds--toggle__appearance {
  cursor: default;
}

.cds--toggle--readonly .cds--toggle__switch {
  border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
  background-color: transparent;
}
.cds--toggle--readonly .cds--toggle__switch::before {
  background-color: var(--cds-icon-primary, #161616);
  inset-block-start: 0.125rem;
  inset-inline-start: 0.125rem;
}

.cds--toggle--readonly .cds--toggle__check {
  fill: var(--cds-background, #ffffff);
  inset-block-start: 0.3125rem;
  inset-inline-end: 0.25rem;
}

.cds--toggle--readonly .cds--toggle__text {
  cursor: text;
  user-select: text;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toggle__switch,
  .cds--toggle__switch::before {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
  .cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--toggle--skeleton {
  display: flex;
  align-items: center;
}

.cds--toggle--skeleton .cds--toggle__skeleton-circle {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  background: var(--cds-skeleton-background, #e8e8e8);
}
.cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 200%;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toggle--skeleton .cds--toggle__skeleton-circle {
    background: CanvasText;
  }
  .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--toggle--skeleton .cds--toggle__skeleton-circle {
  border-radius: 50%;
  block-size: 1.125rem;
  inline-size: 1.125rem;
}

.cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:hover, .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:focus, .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
    background: CanvasText;
  }
  .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
  block-size: 0.5rem;
  inline-size: 1.5rem;
  margin-inline-start: 0.5rem;
}

[dir=rtl] .cds--toggle__switch--checked::before {
  transform: translateX(-1.5rem);
}

[dir=rtl] .cds--toggle__appearance--sm .cds--toggle__switch--checked::before {
  transform: translateX(-1rem);
}

.cds--tree {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--tree *,
.cds--tree *::before,
.cds--tree *::after {
  box-sizing: inherit;
}
.cds--tree {
  overflow: hidden;
}

.cds--tree-node {
  background-color: var(--cds-layer-01, #f4f4f4);
  color: var(--cds-text-secondary, #525252);
  padding-inline-start: 1rem;
}
.cds--tree-node:focus {
  outline: none;
}
.cds--tree-node:hover {
  cursor: pointer;
}

.cds--tree-node--hidden {
  display: none;
}

.cds--tree-node__children {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--tree-node__children *,
.cds--tree-node__children *::before,
.cds--tree-node__children *::after {
  box-sizing: inherit;
}
.cds--tree-node__children {
  list-style-type: none;
}

.cds--tree-node--with-icon .cds--tree-node {
  margin-inline-start: 0.5rem;
}

.cds--tree-node:focus > .cds--tree-node__label {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tree-node:focus > .cds--tree-node__label {
    outline-style: dotted;
  }
}

.cds--tree-node.cds--tree-parent-node > .cds--tree-node__label {
  inline-size: auto;
}

.cds--tree-node--disabled:focus > .cds--tree-node__label {
  outline: none;
}

.cds--tree-node--disabled,
.cds--tree-node--disabled .cds--tree-node__label:hover,
.cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-node__label__details {
  background-color: var(--cds-field-01, #f4f4f4);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tree-node--disabled .cds--tree-parent-node__toggle-icon,
.cds--tree-node--disabled .cds--tree-node__icon,
.cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-parent-node__toggle-icon,
.cds--tree-node--disabled .cds--tree-node__label:hover .cds--tree-node__icon {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tree-node--disabled,
.cds--tree-node--disabled .cds--tree-parent-node__toggle-icon:hover {
  cursor: not-allowed;
}

li a.cds--tree-node {
  text-decoration: none;
}
li a.cds--tree-node:not(.cds--tree-node--disabled) {
  color: var(--cds-text-secondary, #525252);
}

li.cds--tree-node-link-parent {
  display: flex;
  flex-direction: column;
  background-color: var(--cds-layer-01, #f4f4f4);
}
li.cds--tree-node-link-parent > .cds--tree-node__children {
  padding-inline-start: 1rem;
}

.cds--tree-node__label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  box-sizing: border-box;
  flex: 1;
  align-items: center;
  inline-size: 100%;
  min-block-size: 2rem;
  padding-inline-end: 1rem;
}
.cds--tree-node__label:hover {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
  color: var(--cds-text-primary, #161616);
}

.cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {
  padding-block: 0.4375rem 0.4375rem;
}

.cds--tree-node__label:hover .cds--tree-node__label__details {
  color: var(--cds-text-primary, #161616);
}

.cds--tree-node__label:hover .cds--tree-parent-node__toggle-icon,
.cds--tree-node__label:hover .cds--tree-node__icon {
  fill: var(--cds-icon-primary, #161616);
}

.cds--tree-leaf-node {
  display: flex;
  padding-inline-start: 2.5rem;
}

.cds--tree-leaf-node.cds--tree-node--with-icon {
  padding-inline-start: 2rem;
}

.cds--tree-leaf-node.cds--tree-node--with-icon .cds--tree-leaf-node {
  padding-inline-start: 1.5rem;
}

.cds--tree-node__label__details {
  display: flex;
  align-items: center;
  min-inline-size: 0;
}

.cds--tree-node--with-icon .cds--tree-parent-node__toggle {
  margin-inline-end: 0;
}

.cds--tree-parent-node__toggle {
  display: flex;
  align-items: center;
  border: 0;
  block-size: 1.5rem;
  inline-size: 1.5rem;
  margin-inline: -0.25rem 0.25rem;
  padding-inline-start: 0.25rem;
}
.cds--tree-parent-node__toggle:hover {
  cursor: pointer;
}
.cds--tree-parent-node__toggle:focus {
  outline: none;
}

.cds--tree-parent-node__toggle-icon {
  fill: var(--cds-icon-secondary, #525252);
  transform: rotate(-90deg);
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--tree-parent-node__toggle-icon--expanded {
  transform: rotate(0);
}

.cds--tree-node__icon {
  fill: var(--cds-icon-secondary, #525252);
  margin-inline: 0.5rem 0.5rem;
  min-block-size: 1rem;
  min-inline-size: 1rem;
}

.cds--tree-parent-node__toggle + .cds--tree-node__label__details .cds--tree-node__icon {
  margin-inline-start: 0.25rem;
}

.cds--tree-node--selected > .cds--tree-node__label {
  background-color: var(--cds-layer-selected-01, #e0e0e0);
  color: var(--cds-text-primary, #161616);
}
.cds--tree-node--selected > .cds--tree-node__label:hover {
  background-color: var(--cds-layer-selected-hover-01, #d1d1d1);
}

.cds--tree-node--selected > .cds--tree-node__label .cds--tree-parent-node__toggle-icon,
.cds--tree-node--selected > .cds--tree-node__label .cds--tree-node__icon {
  fill: var(--cds-icon-primary, #161616);
}

.cds--tree-node--active > .cds--tree-node__label {
  position: relative;
}
.cds--tree-node--active > .cds--tree-node__label::before {
  position: absolute;
  background-color: var(--cds-interactive, #0f62fe);
  block-size: 100%;
  content: "";
  inline-size: 0.25rem;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.cds--tree--xs .cds--tree-node__label {
  min-block-size: 1.5rem;
}

.cds--tree--xs .cds--tree-node:not(.cds--tree-parent-node) .cds--tree-node__label {
  padding: 0;
}

.cds--tree--xs .cds--tree-parent-node__toggle {
  margin-block-start: 0;
}

.cds--tree-node__label__text {
  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: block;
  overflow: hidden;
  line-height: 1.2;
  padding-inline-start: 0.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--tree-node__label .cds--icon-tooltip {
  inline-size: 100%;
}

.cds--tree-node__label .cds--icon-tooltip .cds--btn--icon-only {
  padding: 0;
  border: none;
  background: transparent;
  block-size: auto;
  color: inherit;
  inline-size: 100%;
  min-block-size: unset;
  text-align: start;
}

.cds--tree-node__label .cds--icon-tooltip .cds--btn--icon-only .cds--tree-node__label__text {
  color: inherit;
  inline-size: 100%;
}

.cds--tree-node__label .cds--tooltip-content {
  padding: 1rem;
}

.cds--tree-node__label .cds--popover-container {
  inline-size: 100%;
}

.cds--tree .cds--tree-node__label .cds--tooltip-trigger__wrapper .cds--btn--ghost:focus {
  box-shadow: none;
  outline: 2px solid var(--cds-focus, #0f62fe);
}

.cds--content {
  padding: 2rem;
  color: var(--cds-text-primary, #161616);
  will-change: margin-left;
}

.cds--header ~ .cds--content,
div:has(.cds--header) ~ .cds--content {
  margin-block-start: 3rem;
}

.cds--side-nav ~ .cds--content {
  margin-inline-start: 3rem;
}

.cds--side-nav.cds--side-nav--expanded ~ .cds--content {
  margin-inline-start: 16rem;
}

.cds--header {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--header *,
.cds--header *::before,
.cds--header *::after {
  box-sizing: inherit;
}
.cds--header {
  position: fixed;
  z-index: 8000;
  display: flex;
  align-items: center;
  background-color: var(--cds-background, #ffffff);
  block-size: 3rem;
  border-block-end: 1px solid var(--cds-border-subtle);
  inset-block-start: 0;
  inset-inline: 0;
}

.cds--header__action {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--header__action *,
.cds--header__action *::before,
.cds--header__action *::after {
  box-sizing: inherit;
}
.cds--header__action::-moz-focus-inner {
  border: 0;
}
.cds--header__action {
  display: inline-flex;
  border: 0.0625rem solid transparent;
  block-size: 3rem;
  inline-size: 3rem;
  transition: background-color 110ms, border-color 110ms;
}
@media (max-width: 41.98rem) {
  .cds--header__action {
    min-inline-size: 3rem;
  }
}

.cds--header__global .cds--popover {
  z-index: 8001;
}

.cds--header__action > :first-child {
  margin-block-start: 0;
}

.cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
.cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
  display: none;
}

.cds--header__action--active > svg.cds--navigation-menu-panel-collapse-icon {
  display: inline;
}

.cds--header__action:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.cds--header__action--active {
  background: var(--cds-layer);
  border-block-end: 1px solid transparent;
  border-inline-end: 1px solid var(--cds-border-subtle);
  border-inline-start: 1px solid var(--cds-border-subtle);
}

.cds--header__action--active > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__action:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--header__action:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}

.cds--header__action.cds--btn--icon-only {
  align-items: center;
  justify-content: center;
}

.cds--btn.cds--btn--icon-only.cds--header__action svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--btn.cds--btn--icon-only.cds--header__action:hover svg,
.cds--btn.cds--btn--icon-only.cds--header__action:active svg,
.cds--btn.cds--btn--icon-only.cds--header__action--active svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-trigger > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-trigger:hover > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 66rem) {
  .cds--header__menu-toggle__hidden {
    display: none;
  }
}

a.cds--header__name {
  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: flex;
  align-items: center;
  padding: 0 2rem 0 1rem;
  border: 0.125rem solid transparent;
  block-size: 100%;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  outline: none;
  text-decoration: none;
  transition: border-color 110ms;
  user-select: none;
}
@media (max-width: 41.98rem) {
  a.cds--header__name {
    padding: 0 1rem;
  }
}

a.cds--header__name:focus {
  border-color: var(--cds-focus, #0f62fe);
}

.cds--header__name--prefix {
  font-weight: 400;
}

a.cds--header__name,
a.cds--header__name:hover {
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden) ~ .cds--header__name {
  padding-inline-start: 0.5rem;
}

.cds--header__nav {
  position: relative;
  display: none;
  block-size: 100%;
  padding-inline-start: 1rem;
}
@media (min-width: 66rem) {
  .cds--header__nav {
    display: block;
  }
}
.cds--header__nav::before {
  position: absolute;
  display: block;
  background-color: var(--cds-border-subtle);
  block-size: 1.5rem;
  content: "";
  inline-size: 0.0625rem;
  inset-block-start: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
}

.cds--header__menu-bar {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--header__menu-bar *,
.cds--header__menu-bar *::before,
.cds--header__menu-bar *::after {
  box-sizing: inherit;
}
.cds--header__menu-bar {
  display: flex;
  padding: 0;
  margin: 0;
  block-size: 100%;
  list-style: none;
}

a.cds--header__menu-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  border: 2px solid transparent;
  background-color: var(--cds-background, #ffffff);
  block-size: 100%;
  color: var(--cds-text-secondary, #525252);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  text-decoration: none;
  transition: background-color 110ms, border-color 110ms, color 110ms;
  user-select: none;
}

a.cds--header__menu-item:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

.cds--header__action:active,
a.cds--header__menu-item:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

a.cds--header__menu-item:hover > svg,
a.cds--header__menu-item:active > svg {
  fill: var(--cds-icon-primary, #161616);
}

a.cds--header__menu-item[aria-current=page],
.cds--header__menu-item--current {
  color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item[aria-current=page]::after,
.cds--header__menu-item--current::after {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: 3px;
  content: "";
  inline-size: calc(100% + 4px);
  inset-block-end: -2px;
  inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__menu-item--current:focus::after {
  border: 0;
}

.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: calc(100% + 4px);
  inline-size: 3px;
  inset-block-start: -2px;
  inset-inline-start: -2px;
}
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: calc(100% + 4px);
  inline-size: 5px;
  inset-block-start: -2px;
  inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus,
a.cds--header__menu-item.cds--header__menu-item--current:focus {
  border: 2px solid var(--cds-focus, #0f62fe);
}

.cds--header__submenu {
  position: relative;
}

.cds--header__menu-title[aria-haspopup=true] {
  position: relative;
}

.cds--header__menu-title[aria-expanded=true] {
  z-index: 8002;
  background-color: var(--cds-layer);
  color: var(--cds-text-secondary, #525252);
}

.cds--header__menu-title[aria-expanded=true] > .cds--header__menu-arrow {
  transform: rotate(180deg);
}

.cds--header__menu {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  position: absolute;
  z-index: 8001;
  display: flex;
  flex-direction: column;
  background-color: var(--cds-layer);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  inline-size: 12.5rem;
  inset-block-end: 0;
  inset-inline-start: 0;
  transform: translateY(100%);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item {
  background-color: var(--cds-layer);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:hover {
  background-color: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:active {
  background-color: var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
  background-color: var(--cds-layer-selected);
}
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
  background-color: var(--cds-layer-selected-hover);
}

.cds--header__menu .cds--header__menu-item {
  block-size: 3rem;
}

.cds--header__menu-arrow {
  fill: var(--cds-icon-secondary, #525252);
  margin-inline-start: 0.5rem;
  transition: transform 110ms, fill 110ms;
}

.cds--header__global {
  display: flex;
  flex: 1 1 0%;
  justify-content: flex-end;
  block-size: 100%;
}

.cds--skip-to-content {
  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--skip-to-content:focus {
  z-index: 9999;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  border: 4px solid var(--cds-focus, #0f62fe);
  background-color: var(--cds-background, #ffffff);
  block-size: 3rem;
  clip: auto;
  color: var(--cds-text-secondary, #525252);
  inline-size: auto;
  inset-block-start: 0;
  inset-inline-start: 0;
  outline: none;
}

.cds--header-panel {
  position: fixed;
  z-index: 8000;
  overflow: hidden;
  border: none;
  background-color: var(--cds-layer);
  color: var(--cds-text-secondary, #525252);
  inline-size: 0;
  inset-block: 3rem 0;
  inset-inline-end: 0;
  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
  will-change: width;
}

.cds--header-panel--expanded {
  border-inline-end: 1px solid var(--cds-border-subtle);
  border-inline-start: 1px solid var(--cds-border-subtle);
  inline-size: 16rem;
  overflow-y: auto;
}

.cds--side-nav {
  position: fixed;
  z-index: 8000;
  overflow: hidden;
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-secondary, #525252);
  inline-size: 3rem;
  inset-block: 0;
  inset-inline-start: 0;
  max-inline-size: 16rem;
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
  will-change: inline-size;
}

.cds--side-nav--ux {
  inline-size: 16rem;
  inset-block-start: 3rem;
}
@media (max-width: 65.98rem) {
  .cds--side-nav--ux {
    inline-size: 0;
  }
}

.cds--side-nav--rail {
  inline-size: 3rem;
}

.cds--side-nav--hidden {
  inline-size: 0;
}

.cds--side-nav--expanded {
  inline-size: 16rem;
}

.cds--side-nav__overlay {
  position: fixed;
  background-color: transparent;
  block-size: 0;
  inline-size: 0;
  inset-block-start: 3rem;
  inset-inline-start: 0;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
}

@media (max-width: 65.98rem) {
  .cds--side-nav__overlay-active {
    z-index: 6000;
    background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
    block-size: 100vh;
    inline-size: 100vw;
    opacity: 1;
    transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
  }
}

.cds--header ~ .cds--side-nav {
  block-size: calc(100% - 48px);
  inset-block-start: 3rem;
}

.cds--side-nav--fixed {
  inline-size: 16rem;
}

.cds--side-nav--collapsed {
  inline-size: 16rem;
  transform: translateX(-16rem);
}

.cds--side-nav__navigation {
  display: flex;
  flex-direction: column;
}

.cds--side-nav__items {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--side-nav__items *,
.cds--side-nav__items *::before,
.cds--side-nav__items *::after {
  box-sizing: inherit;
}
.cds--side-nav__items {
  overflow: hidden;
  flex: 1 1 0%;
  padding: 1rem 0 0;
}
.cds--side-nav:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
  overflow-y: auto;
}

.cds--side-nav--ux .cds--side-nav__items {
  overflow-y: auto;
}

.cds--side-nav__item {
  overflow: hidden;
  block-size: auto;
  inline-size: auto;
}

.cds--side-nav--ux .cds--side-nav__item {
  block-size: auto;
  inline-size: auto;
}

.cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,
.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,
.cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,
.cds--side-nav a.cds--header__menu-item:hover,
.cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,
.cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item--large {
  block-size: auto;
}

.cds--side-nav__divider {
  margin: 0.5rem 1rem;
  background-color: var(--cds-border-subtle);
  block-size: 1px;
  list-style-type: none;
}

.cds--side-nav__divider hr {
  border: none;
}

.cds--side-nav__submenu {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--side-nav__submenu *,
.cds--side-nav__submenu *::before,
.cds--side-nav__submenu *::after {
  box-sizing: inherit;
}
.cds--side-nav__submenu::-moz-focus-inner {
  border: 0;
}
.cds--side-nav__submenu {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  block-size: 2rem;
  color: var(--cds-text-secondary, #525252);
  transition: color 110ms, background-color 110ms, outline 110ms;
  user-select: none;
}

.cds--side-nav__submenu:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__submenu:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--side-nav__submenu:focus {
    outline-style: dotted;
  }
}

.cds--side-nav__submenu-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
}

.cds--side-nav__icon.cds--side-nav__submenu-chevron {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.cds--side-nav__submenu-chevron > svg {
  block-size: 1rem;
  inline-size: 1rem;
  transition: transform 110ms;
}

.cds--side-nav__submenu[aria-expanded=true] .cds--side-nav__submenu-chevron > svg {
  transform: rotate(180deg);
}

.cds--side-nav__item--large .cds--side-nav__submenu {
  block-size: 3rem;
}

.cds--side-nav__item--active .cds--side-nav__submenu:hover {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {
  position: relative;
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--cds-text-primary, #161616);
}
.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false]::before {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  content: "";
  inline-size: 3px;
  inset-block: 0;
  inset-inline-start: 0;
}

.cds--side-nav__item--active .cds--side-nav__submenu-title {
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
}

.cds--side-nav__item--active .cds--side-nav__icon > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--side-nav__menu {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--side-nav__menu *,
.cds--side-nav__menu *::before,
.cds--side-nav__menu *::after {
  box-sizing: inherit;
}
.cds--side-nav__menu {
  display: block;
  max-block-size: 0;
  visibility: hidden;
}

.cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
  max-block-size: 93.75rem;
  visibility: inherit;
}

.cds--side-nav__menu a.cds--side-nav__link {
  block-size: 2rem;
  font-weight: 400;
  min-block-size: 2rem;
  padding-inline-start: 2rem;
}

.cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {
  padding-inline-start: 4.5rem;
}

.cds--side-nav__menu a.cds--side-nav__link--current,
.cds--side-nav__menu a.cds--side-nav__link[aria-current=page],
a.cds--side-nav__link--current {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
}
.cds--side-nav__menu a.cds--side-nav__link--current > span,
.cds--side-nav__menu a.cds--side-nav__link[aria-current=page] > span,
a.cds--side-nav__link--current > span {
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
}

a.cds--side-nav__link,
.cds--side-nav a.cds--header__menu-item,
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  min-block-size: 2rem;
  text-decoration: none;
  transition: color 110ms, background-color 110ms, outline 110ms;
}

.cds--side-nav__item--large a.cds--side-nav__link {
  block-size: 3rem;
}

a.cds--side-nav__link > .cds--side-nav__link-text,
.cds--side-nav a.cds--header__menu-item .cds--text-truncate-end {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cds-text-secondary, #525252);
  font-size: 0.875rem;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  user-select: none;
}

a.cds--side-nav__link:focus,
.cds--side-nav a.cds--header__menu-item:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  a.cds--side-nav__link:focus,
  .cds--side-nav a.cds--header__menu-item:focus {
    outline-style: dotted;
  }
}

a.cds--side-nav__link[aria-current=page],
a.cds--side-nav__link--current {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  font-weight: 600;
}

a.cds--side-nav__link[aria-current=page] .cds--side-nav__link-text,
a.cds--side-nav__link--current .cds--side-nav__link-text {
  color: var(--cds-text-primary, #161616);
}

a.cds--side-nav__link[aria-current=page]::before,
a.cds--side-nav__link--current::before {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  content: "";
  inline-size: 3px;
  inset-block: 0;
  inset-inline-start: 0;
}

.cds--side-nav__icon {
  display: flex;
  flex: 0 0 1rem;
  align-items: center;
  justify-content: center;
}

.cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {
  margin-inline-end: 1.5rem;
}

.cds--side-nav__icon > svg {
  block-size: 1rem;
  fill: var(--cds-icon-secondary, #525252);
  inline-size: 1rem;
}

.cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
  display: none;
}

.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-expand-icon {
  display: none;
}

.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
  display: block;
}

.cds--side-nav--fixed a.cds--side-nav__link,
.cds--side-nav--fixed .cds--side-nav__submenu {
  padding-inline-start: 1rem;
}

.cds--side-nav--fixed .cds--side-nav__item:not(.cds--side-nav__item--icon) .cds--side-nav__menu a.cds--side-nav__link {
  padding-inline-start: 2rem;
}

@media (max-width: 65.98rem) {
  .cds--side-nav .cds--header__nav {
    display: block;
  }
}

.cds--side-nav__header-navigation {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--side-nav__header-navigation *,
.cds--side-nav__header-navigation *::before,
.cds--side-nav__header-navigation *::after {
  box-sizing: inherit;
}
.cds--side-nav__header-navigation {
  display: none;
}
@media (max-width: 65.98rem) {
  .cds--side-nav__header-navigation {
    position: relative;
    display: block;
    margin-block-end: 2rem;
  }
}

.cds--side-nav__header-divider::after {
  position: absolute;
  background: var(--cds-border-subtle);
  block-size: 0.0625rem;
  content: "";
  inline-size: calc(100% - 32px);
  inset-block-end: -1rem;
  inset-inline-start: 1rem;
}

.cds--side-nav a.cds--header__menu-item {
  justify-content: space-between;
  color: var(--cds-text-secondary, #525252);
  white-space: nowrap;
}
.cds--side-nav a.cds--header__menu-item[aria-expanded=true] {
  background-color: transparent;
}

.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  inline-size: 100%;
  inset-block-end: inherit;
  transform: none;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu li {
  inline-size: 100%;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item {
  font-weight: 400;
  padding-inline-start: 4.25rem;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
  background-color: var(--cds-layer-selected-hover);
}

.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
  block-size: calc(100% + 4px);
  inline-size: 3px;
}

.cds--side-nav .cds--header__menu a.cds--header__menu-item {
  block-size: inherit;
}

.cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
.cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
.cds--side-nav .cds--header__menu-arrow {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--switcher {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--switcher *,
.cds--switcher *::before,
.cds--switcher *::after {
  box-sizing: inherit;
}
.cds--switcher {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--cds-text-secondary, #525252);
}

.cds--switcher__item {
  block-size: 2rem;
  inline-size: 100%;
}

.cds--switcher__item:nth-child(1) {
  margin-block-start: 1rem;
}

.cds--switcher__item--divider {
  display: block;
  border: none;
  margin: 0.5rem 1rem;
  background: var(--cds-border-subtle);
  block-size: 1px;
  inline-size: 14rem;
}

.cds--switcher__item-link {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: block;
  padding: 0.375rem 1rem;
  block-size: 2rem;
  color: var(--cds-text-secondary, #525252);
  text-decoration: none;
}
.cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected) {
  background: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
}
.cds--switcher__item-link:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
.cds--switcher__item-link:active {
  background: var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
}

.cds--switcher__item-link--selected {
  background: var(--cds-layer-selected);
  color: var(--cds-text-primary, #161616);
}

.cds--content {
  padding: 2rem;
  color: var(--cds-text-primary, #161616);
  will-change: margin-left;
}

.cds--header ~ .cds--content,
div:has(.cds--header) ~ .cds--content {
  margin-block-start: 3rem;
}

.cds--side-nav ~ .cds--content {
  margin-inline-start: 3rem;
}

.cds--side-nav.cds--side-nav--expanded ~ .cds--content {
  margin-inline-start: 16rem;
}

.cds--header {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--header *,
.cds--header *::before,
.cds--header *::after {
  box-sizing: inherit;
}
.cds--header {
  position: fixed;
  z-index: 8000;
  display: flex;
  align-items: center;
  background-color: var(--cds-background, #ffffff);
  block-size: 3rem;
  border-block-end: 1px solid var(--cds-border-subtle);
  inset-block-start: 0;
  inset-inline: 0;
}

.cds--header__action {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--header__action *,
.cds--header__action *::before,
.cds--header__action *::after {
  box-sizing: inherit;
}
.cds--header__action::-moz-focus-inner {
  border: 0;
}
.cds--header__action {
  display: inline-flex;
  border: 0.0625rem solid transparent;
  block-size: 3rem;
  inline-size: 3rem;
  transition: background-color 110ms, border-color 110ms;
}
@media (max-width: 41.98rem) {
  .cds--header__action {
    min-inline-size: 3rem;
  }
}

.cds--header__global .cds--popover {
  z-index: 8001;
}

.cds--header__action > :first-child {
  margin-block-start: 0;
}

.cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
.cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
  display: none;
}

.cds--header__action--active > svg.cds--navigation-menu-panel-collapse-icon {
  display: inline;
}

.cds--header__action:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.cds--header__action--active {
  background: var(--cds-layer);
  border-block-end: 1px solid transparent;
  border-inline-end: 1px solid var(--cds-border-subtle);
  border-inline-start: 1px solid var(--cds-border-subtle);
}

.cds--header__action--active > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__action:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--header__action:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}

.cds--header__action.cds--btn--icon-only {
  align-items: center;
  justify-content: center;
}

.cds--btn.cds--btn--icon-only.cds--header__action svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--btn.cds--btn--icon-only.cds--header__action:hover svg,
.cds--btn.cds--btn--icon-only.cds--header__action:active svg,
.cds--btn.cds--btn--icon-only.cds--header__action--active svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-trigger > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-trigger:hover > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 66rem) {
  .cds--header__menu-toggle__hidden {
    display: none;
  }
}

a.cds--header__name {
  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: flex;
  align-items: center;
  padding: 0 2rem 0 1rem;
  border: 0.125rem solid transparent;
  block-size: 100%;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  outline: none;
  text-decoration: none;
  transition: border-color 110ms;
  user-select: none;
}
@media (max-width: 41.98rem) {
  a.cds--header__name {
    padding: 0 1rem;
  }
}

a.cds--header__name:focus {
  border-color: var(--cds-focus, #0f62fe);
}

.cds--header__name--prefix {
  font-weight: 400;
}

a.cds--header__name,
a.cds--header__name:hover {
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden) ~ .cds--header__name {
  padding-inline-start: 0.5rem;
}

.cds--header__nav {
  position: relative;
  display: none;
  block-size: 100%;
  padding-inline-start: 1rem;
}
@media (min-width: 66rem) {
  .cds--header__nav {
    display: block;
  }
}
.cds--header__nav::before {
  position: absolute;
  display: block;
  background-color: var(--cds-border-subtle);
  block-size: 1.5rem;
  content: "";
  inline-size: 0.0625rem;
  inset-block-start: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
}

.cds--header__menu-bar {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--header__menu-bar *,
.cds--header__menu-bar *::before,
.cds--header__menu-bar *::after {
  box-sizing: inherit;
}
.cds--header__menu-bar {
  display: flex;
  padding: 0;
  margin: 0;
  block-size: 100%;
  list-style: none;
}

a.cds--header__menu-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  border: 2px solid transparent;
  background-color: var(--cds-background, #ffffff);
  block-size: 100%;
  color: var(--cds-text-secondary, #525252);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  text-decoration: none;
  transition: background-color 110ms, border-color 110ms, color 110ms;
  user-select: none;
}

a.cds--header__menu-item:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

.cds--header__action:active,
a.cds--header__menu-item:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

a.cds--header__menu-item:hover > svg,
a.cds--header__menu-item:active > svg {
  fill: var(--cds-icon-primary, #161616);
}

a.cds--header__menu-item[aria-current=page],
.cds--header__menu-item--current {
  color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item[aria-current=page]::after,
.cds--header__menu-item--current::after {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: 3px;
  content: "";
  inline-size: calc(100% + 4px);
  inset-block-end: -2px;
  inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__menu-item--current:focus::after {
  border: 0;
}

.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: calc(100% + 4px);
  inline-size: 3px;
  inset-block-start: -2px;
  inset-inline-start: -2px;
}
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: calc(100% + 4px);
  inline-size: 5px;
  inset-block-start: -2px;
  inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus,
a.cds--header__menu-item.cds--header__menu-item--current:focus {
  border: 2px solid var(--cds-focus, #0f62fe);
}

.cds--header__submenu {
  position: relative;
}

.cds--header__menu-title[aria-haspopup=true] {
  position: relative;
}

.cds--header__menu-title[aria-expanded=true] {
  z-index: 8002;
  background-color: var(--cds-layer);
  color: var(--cds-text-secondary, #525252);
}

.cds--header__menu-title[aria-expanded=true] > .cds--header__menu-arrow {
  transform: rotate(180deg);
}

.cds--header__menu {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  position: absolute;
  z-index: 8001;
  display: flex;
  flex-direction: column;
  background-color: var(--cds-layer);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  inline-size: 12.5rem;
  inset-block-end: 0;
  inset-inline-start: 0;
  transform: translateY(100%);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item {
  background-color: var(--cds-layer);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:hover {
  background-color: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:active {
  background-color: var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
  background-color: var(--cds-layer-selected);
}
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
  background-color: var(--cds-layer-selected-hover);
}

.cds--header__menu .cds--header__menu-item {
  block-size: 3rem;
}

.cds--header__menu-arrow {
  fill: var(--cds-icon-secondary, #525252);
  margin-inline-start: 0.5rem;
  transition: transform 110ms, fill 110ms;
}

.cds--header__global {
  display: flex;
  flex: 1 1 0%;
  justify-content: flex-end;
  block-size: 100%;
}

.cds--skip-to-content {
  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--skip-to-content:focus {
  z-index: 9999;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  border: 4px solid var(--cds-focus, #0f62fe);
  background-color: var(--cds-background, #ffffff);
  block-size: 3rem;
  clip: auto;
  color: var(--cds-text-secondary, #525252);
  inline-size: auto;
  inset-block-start: 0;
  inset-inline-start: 0;
  outline: none;
}

.cds--header-panel {
  position: fixed;
  z-index: 8000;
  overflow: hidden;
  border: none;
  background-color: var(--cds-layer);
  color: var(--cds-text-secondary, #525252);
  inline-size: 0;
  inset-block: 3rem 0;
  inset-inline-end: 0;
  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
  will-change: width;
}

.cds--header-panel--expanded {
  border-inline-end: 1px solid var(--cds-border-subtle);
  border-inline-start: 1px solid var(--cds-border-subtle);
  inline-size: 16rem;
  overflow-y: auto;
}

.cds--side-nav {
  position: fixed;
  z-index: 8000;
  overflow: hidden;
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-secondary, #525252);
  inline-size: 3rem;
  inset-block: 0;
  inset-inline-start: 0;
  max-inline-size: 16rem;
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
  will-change: inline-size;
}

.cds--side-nav--ux {
  inline-size: 16rem;
  inset-block-start: 3rem;
}
@media (max-width: 65.98rem) {
  .cds--side-nav--ux {
    inline-size: 0;
  }
}

.cds--side-nav--rail {
  inline-size: 3rem;
}

.cds--side-nav--hidden {
  inline-size: 0;
}

.cds--side-nav--expanded {
  inline-size: 16rem;
}

.cds--side-nav__overlay {
  position: fixed;
  background-color: transparent;
  block-size: 0;
  inline-size: 0;
  inset-block-start: 3rem;
  inset-inline-start: 0;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
}

@media (max-width: 65.98rem) {
  .cds--side-nav__overlay-active {
    z-index: 6000;
    background-color: var(--cds-overlay, rgba(0, 0, 0, 0.6));
    block-size: 100vh;
    inline-size: 100vw;
    opacity: 1;
    transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
  }
}

.cds--header ~ .cds--side-nav {
  block-size: calc(100% - 48px);
  inset-block-start: 3rem;
}

.cds--side-nav--fixed {
  inline-size: 16rem;
}

.cds--side-nav--collapsed {
  inline-size: 16rem;
  transform: translateX(-16rem);
}

.cds--side-nav__navigation {
  display: flex;
  flex-direction: column;
}

.cds--side-nav__items {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--side-nav__items *,
.cds--side-nav__items *::before,
.cds--side-nav__items *::after {
  box-sizing: inherit;
}
.cds--side-nav__items {
  overflow: hidden;
  flex: 1 1 0%;
  padding: 1rem 0 0;
}
.cds--side-nav:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
  overflow-y: auto;
}

.cds--side-nav--ux .cds--side-nav__items {
  overflow-y: auto;
}

.cds--side-nav__item {
  overflow: hidden;
  block-size: auto;
  inline-size: auto;
}

.cds--side-nav--ux .cds--side-nav__item {
  block-size: auto;
  inline-size: auto;
}

.cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,
.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,
.cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,
.cds--side-nav a.cds--header__menu-item:hover,
.cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,
.cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item--large {
  block-size: auto;
}

.cds--side-nav__divider {
  margin: 0.5rem 1rem;
  background-color: var(--cds-border-subtle);
  block-size: 1px;
  list-style-type: none;
}

.cds--side-nav__divider hr {
  border: none;
}

.cds--side-nav__submenu {
  display: inline-block;
  padding: 0;
  border: 0;
  appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--side-nav__submenu *,
.cds--side-nav__submenu *::before,
.cds--side-nav__submenu *::after {
  box-sizing: inherit;
}
.cds--side-nav__submenu::-moz-focus-inner {
  border: 0;
}
.cds--side-nav__submenu {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  block-size: 2rem;
  color: var(--cds-text-secondary, #525252);
  transition: color 110ms, background-color 110ms, outline 110ms;
  user-select: none;
}

.cds--side-nav__submenu:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__submenu:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--side-nav__submenu:focus {
    outline-style: dotted;
  }
}

.cds--side-nav__submenu-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
}

.cds--side-nav__icon.cds--side-nav__submenu-chevron {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.cds--side-nav__submenu-chevron > svg {
  block-size: 1rem;
  inline-size: 1rem;
  transition: transform 110ms;
}

.cds--side-nav__submenu[aria-expanded=true] .cds--side-nav__submenu-chevron > svg {
  transform: rotate(180deg);
}

.cds--side-nav__item--large .cds--side-nav__submenu {
  block-size: 3rem;
}

.cds--side-nav__item--active .cds--side-nav__submenu:hover {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {
  position: relative;
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--cds-text-primary, #161616);
}
.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false]::before {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  content: "";
  inline-size: 3px;
  inset-block: 0;
  inset-inline-start: 0;
}

.cds--side-nav__item--active .cds--side-nav__submenu-title {
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
}

.cds--side-nav__item--active .cds--side-nav__icon > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--side-nav__menu {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--side-nav__menu *,
.cds--side-nav__menu *::before,
.cds--side-nav__menu *::after {
  box-sizing: inherit;
}
.cds--side-nav__menu {
  display: block;
  max-block-size: 0;
  visibility: hidden;
}

.cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
  max-block-size: 93.75rem;
  visibility: inherit;
}

.cds--side-nav__menu a.cds--side-nav__link {
  block-size: 2rem;
  font-weight: 400;
  min-block-size: 2rem;
  padding-inline-start: 2rem;
}

.cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {
  padding-inline-start: 4.5rem;
}

.cds--side-nav__menu a.cds--side-nav__link--current,
.cds--side-nav__menu a.cds--side-nav__link[aria-current=page],
a.cds--side-nav__link--current {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
}
.cds--side-nav__menu a.cds--side-nav__link--current > span,
.cds--side-nav__menu a.cds--side-nav__link[aria-current=page] > span,
a.cds--side-nav__link--current > span {
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
}

a.cds--side-nav__link,
.cds--side-nav a.cds--header__menu-item,
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  min-block-size: 2rem;
  text-decoration: none;
  transition: color 110ms, background-color 110ms, outline 110ms;
}

.cds--side-nav__item--large a.cds--side-nav__link {
  block-size: 3rem;
}

a.cds--side-nav__link > .cds--side-nav__link-text,
.cds--side-nav a.cds--header__menu-item .cds--text-truncate-end {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cds-text-secondary, #525252);
  font-size: 0.875rem;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  user-select: none;
}

a.cds--side-nav__link:focus,
.cds--side-nav a.cds--header__menu-item:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  a.cds--side-nav__link:focus,
  .cds--side-nav a.cds--header__menu-item:focus {
    outline-style: dotted;
  }
}

a.cds--side-nav__link[aria-current=page],
a.cds--side-nav__link--current {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  font-weight: 600;
}

a.cds--side-nav__link[aria-current=page] .cds--side-nav__link-text,
a.cds--side-nav__link--current .cds--side-nav__link-text {
  color: var(--cds-text-primary, #161616);
}

a.cds--side-nav__link[aria-current=page]::before,
a.cds--side-nav__link--current::before {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  content: "";
  inline-size: 3px;
  inset-block: 0;
  inset-inline-start: 0;
}

.cds--side-nav__icon {
  display: flex;
  flex: 0 0 1rem;
  align-items: center;
  justify-content: center;
}

.cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {
  margin-inline-end: 1.5rem;
}

.cds--side-nav__icon > svg {
  block-size: 1rem;
  fill: var(--cds-icon-secondary, #525252);
  inline-size: 1rem;
}

.cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
  display: none;
}

.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-expand-icon {
  display: none;
}

.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
  display: block;
}

.cds--side-nav--fixed a.cds--side-nav__link,
.cds--side-nav--fixed .cds--side-nav__submenu {
  padding-inline-start: 1rem;
}

.cds--side-nav--fixed .cds--side-nav__item:not(.cds--side-nav__item--icon) .cds--side-nav__menu a.cds--side-nav__link {
  padding-inline-start: 2rem;
}

@media (max-width: 65.98rem) {
  .cds--side-nav .cds--header__nav {
    display: block;
  }
}

.cds--side-nav__header-navigation {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--side-nav__header-navigation *,
.cds--side-nav__header-navigation *::before,
.cds--side-nav__header-navigation *::after {
  box-sizing: inherit;
}
.cds--side-nav__header-navigation {
  display: none;
}
@media (max-width: 65.98rem) {
  .cds--side-nav__header-navigation {
    position: relative;
    display: block;
    margin-block-end: 2rem;
  }
}

.cds--side-nav__header-divider::after {
  position: absolute;
  background: var(--cds-border-subtle);
  block-size: 0.0625rem;
  content: "";
  inline-size: calc(100% - 32px);
  inset-block-end: -1rem;
  inset-inline-start: 1rem;
}

.cds--side-nav a.cds--header__menu-item {
  justify-content: space-between;
  color: var(--cds-text-secondary, #525252);
  white-space: nowrap;
}
.cds--side-nav a.cds--header__menu-item[aria-expanded=true] {
  background-color: transparent;
}

.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  inline-size: 100%;
  inset-block-end: inherit;
  transform: none;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu li {
  inline-size: 100%;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item {
  font-weight: 400;
  padding-inline-start: 4.25rem;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
  background-color: var(--cds-layer-selected-hover);
}

.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
  block-size: calc(100% + 4px);
  inline-size: 3px;
}

.cds--side-nav .cds--header__menu a.cds--header__menu-item {
  block-size: inherit;
}

.cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
.cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
.cds--side-nav .cds--header__menu-arrow {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--switcher {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--switcher *,
.cds--switcher *::before,
.cds--switcher *::after {
  box-sizing: inherit;
}
.cds--switcher {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--cds-text-secondary, #525252);
}

.cds--switcher__item {
  block-size: 2rem;
  inline-size: 100%;
}

.cds--switcher__item:nth-child(1) {
  margin-block-start: 1rem;
}

.cds--switcher__item--divider {
  display: block;
  border: none;
  margin: 0.5rem 1rem;
  background: var(--cds-border-subtle);
  block-size: 1px;
  inline-size: 14rem;
}

.cds--switcher__item-link {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: block;
  padding: 0.375rem 1rem;
  block-size: 2rem;
  color: var(--cds-text-secondary, #525252);
  text-decoration: none;
}
.cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected) {
  background: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
}
.cds--switcher__item-link:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
.cds--switcher__item-link:active {
  background: var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
}

.cds--switcher__item-link--selected {
  background: var(--cds-layer-selected);
  color: var(--cds-text-primary, #161616);
}

/*# sourceMappingURL=index-full-carbon.css.map */