.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--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--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: 1rem;
}

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

: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--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);
}

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

@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-full-page__header {
  /* stylelint-disable-next-line max-nesting-depth */
}
.c4p--create-full-page__header button:first-of-type {
  background: none;
}

@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;
}

/**
 * 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, 320px));
  }
  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, 320px) * -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, 320px));
  }
}
@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, 320px) * -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__decorator-and-close .cds--ai-label__button--xs {
  margin: 0.25rem;
}
.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__action-button.c4p--action-set__action-button {
  block-size: var(--c4p--side-panel--actions-height);
}
.c4p--side-panel.c4p--side-panel.c4p--side-panel--xs .c4p--side-panel__actions-container.c4p--action-set--sm {
  inline-size: clamp(16rem, var(--c4p-side-panel-modified-size, 16rem), 100%);
}

.c4p--side-panel .cds--text-input,
.c4p--side-panel .cds--text-area,
.c4p--side-panel .cds--search-input,
.c4p--side-panel .cds--select-input,
.c4p--side-panel .cds--multi-select,
.c4p--side-panel .cds--dropdown,
.c4p--side-panel .cds--dropdown-list,
.c4p--side-panel .cds--number input[type=number],
.c4p--side-panel .cds--date-picker__input {
  background-color: var(--cds-field-02, #ffffff);
}

@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);
}

.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.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;
}
.c4p--tearsheet.c4p--tearsheet--tearsheet-enable-presence.c4p--tearsheet {
  animation: c4p--tearsheet--presence-tearsheet__enter 240ms cubic-bezier(0, 0, 0.3, 1);
  opacity: 1;
}
.c4p--tearsheet.c4p--tearsheet--tearsheet-enable-presence.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
  animation: c4p--tearsheet--presence-tearsheet--container__enter 240ms cubic-bezier(0, 0, 0.3, 1);
  transform: translate3d(0, 0, 0);
}
@media screen and (prefers-reduced-motion: reduce) {
  .c4p--tearsheet.c4p--tearsheet--tearsheet-enable-presence.c4p--tearsheet.c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
    animation: none;
  }
}
.c4p--tearsheet.c4p--tearsheet--tearsheet-enable-presence.c4p--tearsheet.c4p--tearsheet--stacked-1-of-2.is-visible .c4p--tearsheet__container, .c4p--tearsheet.c4p--tearsheet--tearsheet-enable-presence.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--tearsheet-enable-presence.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--tearsheet-enable-presence.c4p--tearsheet[data-tearsheet-exiting] {
  animation: c4p--tearsheet--presence-tearsheet__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
}
.c4p--tearsheet.c4p--tearsheet--tearsheet-enable-presence.c4p--tearsheet[data-tearsheet-exiting].c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
  animation: c4p--tearsheet--presence-tearsheet--container__exit 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .c4p--tearsheet.c4p--tearsheet--tearsheet-enable-presence.c4p--tearsheet[data-tearsheet-exiting].c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
    animation: none;
  }
}
@keyframes c4p--tearsheet--presence-tearsheet__enter {
  from {
    opacity: 0;
    transition: none;
  }
}
@keyframes c4p--tearsheet--presence-tearsheet__exit {
  to {
    opacity: 0;
  }
}
@keyframes c4p--tearsheet--presence-tearsheet--container__enter {
  from {
    transform: translate3d(0, min(95vh, 500px), 0);
    transition: none;
  }
}
@keyframes c4p--tearsheet--presence-tearsheet--container__exit {
  to {
    transform: translate3d(0, min(95vh, 500px), 0);
  }
}
.c4p--tearsheet:not(.c4p--tearsheet--tearsheet-enable-presence).c4p--tearsheet:not(.is-visible).c4p--tearsheet.c4p--tearsheet .c4p--tearsheet__container {
  transform: translate3d(0, min(95vh, 500px), 0);
}

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

@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--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, 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.
 */
.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, 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--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, 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--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, 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--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, 320px) * -1));
  }
  100% {
    inline-size: var(--panel-transform, 320px);
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes filter-panel-exit-left {
  0% {
    inline-size: var(--panel-transform, 320px);
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    inline-size: 0;
    opacity: 0;
    /* stylelint-disable-next-line carbon/layout-use */
    transform: translateX(calc(var(--panel-transform, 320px) * -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;
  /* stylelint-disable-next-line carbon/layout-use */
  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, 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--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, 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--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--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;
}

.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--datagrid__datagridWrap {
  display: block;
  inline-size: 100%;
}
.c4p--datagrid__datagridWrap .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%;
}
.c4p--datagrid__datagridWrap-simple .cds--pagination {
  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
  overflow-x: unset;
}
@supports (overflow-inline: unset) {
  .c4p--datagrid__datagridWrap-simple .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;
}

.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__toggletip-wrapper {
  display: block;
  inline-size: 100%;
}

.c4p--edit-in-place__toggletip-wrapper .cds--toggletip-button {
  display: block;
  inline-size: 100%;
}

.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:not(.c4p--edit-in-place--readonly) .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--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);
}

.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--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 .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));
  clip-path: inset(0 calc(-1 * var(--cds-spacing-01)) calc(-1 * var(--cds-spacing-02)) calc(-1 * var(--cds-spacing-01)));
  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:focus:before {
  display: none;
}
.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;
}

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

.c4p--options-tile__toggle-container {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: calc(1rem + 2rem + 1rem);
  inset-block: 0;
  inset-inline-end: 0;
  padding-inline-end: 1rem;
  padding-inline-start: 1rem;
}

.c4p--options-tile__toggle {
  position: absolute;
}

.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__details {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
}

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

.c4p--options-tile__header {
  flex-grow: 1;
  background-color: transparent;
  cursor: pointer;
  inline-size: 100%;
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}
.c4p--options-tile__header--has-toggle {
  inline-size: calc(100% - (1rem + 2rem + 1rem));
}

.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:has(.c4p--options-tile__toggle-container:hover) {
  background-color: transparent;
}

.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: 1rem;
  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;
  }
}
.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;
  align-items: center;
  justify-content: space-between;
  inline-size: 100%;
}
.c4p--action-bar-overflow-items__options .c4p--action-bar-overflow-items__item svg {
  flex-shrink: 0;
  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);
}
.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;
  flex: 0 0 auto;
  justify-content: flex-end;
  min-inline-size: 75%;
}
@media (min-width: 42rem) {
  .c4p--page-header__next .c4p--page-header__breadcrumb__actions {
    min-inline-size: 40%;
  }
}
.c4p--page-header__next .c4p--page-header__breadcrumb__content-actions {
  margin-inline-end: 0.75rem;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper {
  display: inline-flex;
  flex: 1 1 auto;
  min-inline-size: 0;
}
@media (min-width: 42rem) {
  .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper {
    min-inline-size: 60%;
  }
}
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow {
  flex: 1 1 0%;
  min-inline-size: 0;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb {
  display: flex;
  flex-wrap: nowrap;
}
.c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb-item[data-fixed=true] .cds--link {
  display: block;
  overflow: hidden;
  inline-size: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 65.98rem) {
  .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb-item[data-fixed=true] .cds--link {
    inline-size: 75%;
  }
}
@media (max-width: 41.98rem) {
  .c4p--page-header__next .c4p--page-header__breadcrumb-wrapper .c4p--page-header-breadcrumb-overflow .cds--breadcrumb-item[data-fixed=true] .cds--link {
    inline-size: 25%;
  }
}
.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 .cds--menu.cds--menu--open {
  max-block-size: calc(100vh - 1rem);
  overflow-y: auto;
}
.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: flex;
  align-items: center;
}
.c4p--page-header__next .c4p--page-header__tab-bar--tablist > .cds--tabs {
  display: inline-flex;
  margin-inline-end: 0.5rem;
}
.c4p--page-header__next .c4p--page-header__tab-bar--tablist .c4p--page-header__tags {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  margin-inline-start: auto;
  min-inline-size: 0;
}
.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 {
  display: inline-flex;
  align-content: center;
  justify-content: flex-end;
  inline-size: 40%;
  text-align: end;
}
.c4p--page-header__next .c4p--page-header--tag-overflow-container .cds--tag {
  flex-shrink: 0;
  margin-inline-end: 0.5rem;
}
@media (max-width: 41.98rem) {
  .c4p--page-header__next .c4p--page-header--tag-overflow-container {
    inline-size: auto;
  }
}
.c4p--page-header__next .c4p--page-header--tag-overflow-popover__hidden {
  visibility: hidden;
}
.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: relative;
  margin-inline-start: 0.5rem;
  padding-inline-end: 1rem;
}
@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;
  }
}

/**
 * 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:not(.c4p--tearsheet__next--keep-mounted) {
  animation: c4p--tearsheet__next--presence-tearsheet__enter 240ms cubic-bezier(0, 0, 0.3, 1);
  opacity: 1;
}
.c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted).c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
  animation: c4p--tearsheet__next--presence-tearsheet--container__enter 240ms cubic-bezier(0, 0, 0.3, 1);
  transform: translate3d(0, 0, 0);
}
@media screen and (prefers-reduced-motion: reduce) {
  .c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted).c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
    animation: none;
  }
}
.c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted).c4p--tearsheet__next--stacked.is-visible .c4p--tearsheet__next__container {
  transform: scaleX(var(--scale-factor));
}
.c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted)[data-tearsheet-exiting] {
  animation: c4p--tearsheet__next--presence-tearsheet__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
}
.c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted)[data-tearsheet-exiting].c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
  animation: c4p--tearsheet__next--presence-tearsheet--container__exit 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .c4p--tearsheet__next.c4p--tearsheet__next:not(.c4p--tearsheet__next--keep-mounted)[data-tearsheet-exiting].c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
    animation: none;
  }
}
.c4p--tearsheet__next.c4p--tearsheet__next--keep-mounted:not(.is-visible).c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
  transform: translate3d(0, min(95vh, 500px), 0);
}
@keyframes c4p--tearsheet__next--presence-tearsheet__enter {
  from {
    opacity: 0;
    transition: none;
  }
}
@keyframes c4p--tearsheet__next--presence-tearsheet__exit {
  to {
    opacity: 0;
  }
}
@keyframes c4p--tearsheet__next--presence-tearsheet--container__enter {
  from {
    transform: translate3d(0, min(95vh, 500px), 0);
    transition: none;
  }
}
@keyframes c4p--tearsheet__next--presence-tearsheet--container__exit {
  to {
    transform: translate3d(0, min(95vh, 500px), 0);
  }
}
.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));
  max-inline-size: var(--tearsheet-max-inline-size, 1312px);
}
@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 screen and (prefers-reduced-motion: reduce) {
  .c4p--tearsheet__next.c4p--tearsheet__next.c4p--tearsheet__next .c4p--tearsheet__next__container {
    transition: none;
  }
}
.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,
.c4p--tearsheet__next__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;
  }
}
@media (min-width: 42rem) {
  .c4p--tearsheet__next:not(.c4p--tearsheet__next--narrow) .c4p--tearsheet__next__header-content-wrapper .c4p--tearsheet__next__header-actions {
    order: 2;
  }
  .c4p--tearsheet__next:not(.c4p--tearsheet__next--narrow) .c4p--tearsheet__next__header-content-wrapper .c4p--tearsheet__next__header-content {
    order: 1;
  }
}
.c4p--tearsheet__next .c4p--tearsheet__next__header > *:not(.c4p--tearsheet__next__navigation-bar,
.c4p--tearsheet__next__header-content-wrapper,
.cds--modal-close-button,
.c4p--tearsheet__next__close-button,
.c4p--tearsheet__next__decorator,
.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);
  visibility: hidden;
}
.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,
.c4p--tearsheet__next__close-button,
.c4p--tearsheet__next__decorator,
.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,
.c4p--tearsheet__next__close-button,
.c4p--tearsheet__next__decorator,
.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);
  visibility: hidden;
}
.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-title .c4p--tearsheet__next__title-start svg,
.c4p--tearsheet__next .c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-title .c4p--tearsheet__next__title-end svg {
  inline-size: 1rem;
}
.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: var(--cds-border-subtle-01, #c6c6c6);
  block-size: 1px;
  content: "";
  inline-size: calc(100% + 5rem);
  inset-block-start: 0;
  inset-inline-start: -2rem;
  pointer-events: none;
}
.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__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__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__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__header-title {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-block-end: 0.5rem;
}
.c4p--tearsheet__next__header-title svg {
  flex-shrink: 0;
}
.c4p--tearsheet__next__header-title .c4p--tearsheet__next__title-end {
  margin-inline-start: 1rem;
}

.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__header--no-close-icon {
  display: none;
}

.c4p--tearsheet__next__decorator {
  position: absolute;
  inset-block-start: 0.625rem;
  inset-inline-end: 3rem;
}

.c4p--tearsheet__next__navigation-bar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.125rem;
  max-inline-size: calc(100% - 0.75rem);
  min-block-size: 2.5rem;
}
.c4p--tearsheet__next__navigation-bar .cds--tabs {
  margin-inline-start: -1rem;
}

.c4p--tearsheet__next__scroller-container {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: -2.5rem;
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next__scroller-container {
    inset-inline-end: -1.5rem;
  }
}
.c4p--tearsheet__next__scroller-container .c4p--tearsheet__next__scroller-button-icon-collapsed {
  transform: rotate(-180deg);
}

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

.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__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__content__header-actions {
  /* Remove margin on the last visible item */
}
.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__content__header-actions > * {
  flex-shrink: 0;
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next__content__header-actions {
    justify-content: flex-start;
    margin-inline-end: 0;
  }
}

.c4p--tearsheet__next__header-content,
.c4p--tearsheet__next__header-actions {
  margin-block-end: 1.5rem;
}

@media (min-width: 42rem) {
  .c4p--tearsheet__next--wide .c4p--tearsheet__next__container {
    inline-size: calc(100% - 2 * 4rem);
  }
}
.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__body-layout:not(.c4p--tearsheet__next__body-layout--has-influencer) {
  grid-template-areas: "body" "footer";
  grid-template-columns: 1fr;
}

/* Assign components to their named grid areas */
.c4p--tearsheet__next__influencer {
  border-inline-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  grid-area: influencer;
}

.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__body {
    grid-template-columns: 1fr 0;
  }
}
.c4p--tearsheet__next__body > *:only-child {
  grid-column: 1/-1;
}

.c4p--tearsheet__next__footer {
  overflow: hidden;
  block-size: 5rem;
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  grid-area: footer;
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next__footer {
    block-size: 4rem;
  }
}
@media (max-width: 19.98rem) {
  .c4p--tearsheet__next__footer.c4p--tearsheet__next__footer--three-actions {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .c4p--tearsheet__next__footer.c4p--tearsheet__next__footer--three-actions .c4p--action-set {
    display: inline-flex;
    flex-shrink: 0;
    min-inline-size: max-content;
  }
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next__footer.c4p--tearsheet__next__footer--many-actions {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .c4p--tearsheet__next__footer.c4p--tearsheet__next__footer--many-actions .c4p--action-set {
    display: inline-flex;
    flex-shrink: 0;
    min-inline-size: max-content;
  }
}

.c4p--tearsheet__next__influencer,
.c4p--tearsheet__next__main-content,
.c4p--tearsheet__next__summary-content {
  overflow: auto;
}
.c4p--tearsheet__next__influencer:not(.c4p--tearsheet__next__flush),
.c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
.c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
  padding-inline: 2rem;
}
@media (max-width: 41.98rem) {
  .c4p--tearsheet__next__influencer:not(.c4p--tearsheet__next__flush),
  .c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
  .c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
    padding-inline: 1rem;
  }
}

.c4p--tearsheet__next__main-content {
  position: relative;
}

.c4p--tearsheet__next__side-panel {
  position: absolute;
  z-index: 9999;
  block-size: 100%;
  inline-size: 100% !important; /* stylelint-disable-line declaration-no-important */
  inset-block-start: 0;
  max-inline-size: none;
}
.c4p--tearsheet__next__side-panel .c4p--side-panel__header {
  min-block-size: 0;
}

.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header {
  padding-inline: 1rem;
}
.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header.c4p--tearsheet__next__header-collapsed .c4p--tearsheet__next__header-actions {
  display: none;
}
.c4p--tearsheet__next--narrow .c4p--tearsheet__next__header-content-wrapper {
  display: flex;
  flex-direction: column;
}
.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--narrow .c4p--tearsheet__next__content__header-actions {
  justify-content: flex-start;
  margin-inline-end: 0;
}
.c4p--tearsheet__next--narrow .c4p--tearsheet__next__body {
  grid-template-columns: 1fr 0;
}
.c4p--tearsheet__next--narrow .c4p--tearsheet__next__influencer:not(.c4p--tearsheet__next__flush),
.c4p--tearsheet__next--narrow .c4p--tearsheet__next__main-content:not(.c4p--tearsheet__next__flush),
.c4p--tearsheet__next--narrow .c4p--tearsheet__next__summary-content:not(.c4p--tearsheet__next__flush) {
  padding-inline: 1rem;
}
.c4p--tearsheet__next--narrow .c4p--tearsheet__next__footer {
  block-size: 4rem;
}

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

@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-color-scheme: dark;
  --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;
  color-scheme: var(--cds-color-scheme, light);
}
@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-color-scheme: dark;
  --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;
  color-scheme: var(--cds-color-scheme, light);
}
@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-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;
}

/* stylelint-disable max-nesting-depth */
/* stylelint-disable declaration-no-important */
.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--interstitial-screen--body {
  overflow: hidden auto;
  flex-grow: 1;
  padding: 0;
  margin: 0;
  background-color: var(--cds-background, #ffffff);
}
.c4p--interstitial-screen--progress {
  overflow: auto;
  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;
  padding-block-start: 1.5rem;
  padding-inline-start: 2rem;
}
@media (max-width: 41.98rem) {
  .c4p--interstitial-screen--internal-header {
    padding-inline: 1rem;
  }
}
.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 {
  background: var(--cds-background, #ffffff);
  border-block-start: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  inline-size: 100%;
}
@media (max-width: 41.98rem) {
  .c4p--interstitial-screen--footer {
    block-size: auto;
  }
}
.c4p--interstitial-screen--footer .cds--btn-set {
  display: flex;
  justify-content: flex-end;
  inline-size: 100%;
}
@media (max-width: 41.98rem) {
  .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,
  .c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn {
    flex: 1 1 0;
    inline-size: auto;
    max-inline-size: none;
    min-inline-size: 0;
  }
}
@media (min-width: 42rem) {
  .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 {
    flex-shrink: 0;
    inline-size: 15rem;
    max-inline-size: 15rem;
  }
  .c4p--interstitial-screen--footer .c4p--interstitial-screen--skip-btn {
    flex: 1 1 auto;
    max-inline-size: none;
  }
}
.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;
}

/*# sourceMappingURL=index-without-carbon-released-only.css.map */
