@charset "UTF-8";
@import url("https://api.mapbox.com/mapbox-gl-js/v2.2.0/mapbox-gl.css");
@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;
}

:root {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}

.cds--layer-one {
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}

.cds--layer-two {
  --cds-layer: var(--cds-layer-02, #ffffff);
  --cds-layer-active: var(--cds-layer-active-02, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-02, #f4f4f4);
  --cds-layer-hover: var(--cds-layer-hover-02, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-02, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-02, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-02, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-02, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-02, #a8a8a8);
  --cds-field: var(--cds-field-02, #ffffff);
  --cds-field-hover: var(--cds-field-hover-02, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-01, #c6c6c6);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-02, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-02, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-02, #a8a8a8);
}

.cds--layer-three {
  --cds-layer: var(--cds-layer-03, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-03, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-03, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-03, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-03, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-03, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-03, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-03, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-03, #a8a8a8);
  --cds-field: var(--cds-field-03, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-03, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-02, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-03, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-03, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-03, #c6c6c6);
}

.cds--layer-one.cds--layer__with-background {
  background-color: var(--cds-layer-background);
}

.cds--layer-two.cds--layer__with-background {
  background-color: var(--cds-layer-background);
}

.cds--layer-three.cds--layer__with-background {
  background-color: var(--cds-layer-background);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px var(--cds-field) inset;
  -webkit-text-fill-color: var(--cds-text-primary, #161616);
}

.cds--fieldset {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--fieldset *,
.cds--fieldset *::before,
.cds--fieldset *::after {
  box-sizing: inherit;
}

.cds--form-item {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
}

.cds--label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  display: inline-block;
  color: var(--cds-text-secondary, #525252);
  font-weight: 400;
  line-height: 1rem;
  margin-block-end: 0.5rem;
  vertical-align: baseline;
}
.cds--label html {
  font-size: 100%;
}
.cds--label body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--label code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--label strong {
  font-weight: 600;
}

.cds--label .cds--toggletip-label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--label--no-margin {
  margin-block-end: 0;
}

.cds--label + .cds--tooltip {
  position: relative;
  inset-block-start: 0.2rem;
  inset-inline-start: 0.5rem;
}

.cds--label + .cds--tooltip .cds--tooltip__trigger {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}
.cds--label + .cds--tooltip .cds--tooltip__trigger *,
.cds--label + .cds--tooltip .cds--tooltip__trigger *::before,
.cds--label + .cds--tooltip .cds--tooltip__trigger *::after {
  box-sizing: inherit;
}
.cds--label + .cds--tooltip .cds--tooltip__trigger::-moz-focus-inner {
  border: 0;
}

.cds--label + .cds--tooltip .cds--tooltip__trigger:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}

.cds--label + .cds--tooltip .cds--tooltip__trigger svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--label + .cds--tooltip .cds--tooltip__trigger svg :hover {
  fill: var(--cds-icon-primary, #161616);
}

.cds--label + .cds--toggletip {
  inset-block-start: 0.2rem;
  inset-inline-start: 0.5rem;
}

.cds--label.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 0.875rem;
  inline-size: 4.6875rem;
}
.cds--label.cds--skeleton:hover, .cds--label.cds--skeleton:focus, .cds--label.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--label.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--label.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--label.cds--skeleton {
    background: CanvasText;
  }
  .cds--label.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

input[type=number],
input[type=text].cds--number {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
}

input[data-invalid]:not(:focus),
.cds--number[data-invalid] input[type=number]:not(:focus),
.cds--number[data-invalid] input[type=text]:not(:focus),
.cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
.cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,
.cds--combo-box--invalid--focused),
.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  input[data-invalid]:not(:focus),
  .cds--number[data-invalid] input[type=number]:not(:focus),
  .cds--number[data-invalid] input[type=text]:not(:focus),
  .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:not(:focus),
  .cds--text-area__wrapper[data-invalid] > .cds--text-area--invalid:not(:focus),
  .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),
  .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,
  .cds--combo-box--invalid--focused),
  .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus) {
    outline-style: dotted;
  }
}

input[data-invalid] ~ .cds--form-requirement,
.cds--number[data-invalid] .cds--number__input-wrapper ~ .cds--form-requirement,
.cds--number__input-wrapper--warning ~ .cds--form-requirement,
.cds--date-picker-input__wrapper ~ .cds--form-requirement,
.cds--date-picker-input__wrapper--warn ~ .cds--form-requirement,
.cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,
.cds--time-picker--invalid ~ .cds--form-requirement,
.cds--time-picker--warning ~ .cds--form-requirement,
.cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,
.cds--text-input__field-wrapper--warning ~ .cds--form-requirement,
.cds--text-input__field-wrapper--warning > .cds--text-input ~ .cds--form-requirement,
.cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,
.cds--text-area__wrapper--warn ~ .cds--form-requirement,
.cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,
.cds--select--warning .cds--select-input__wrapper ~ .cds--form-requirement,
.cds--time-picker[data-invalid] ~ .cds--form-requirement,
.cds--list-box[data-invalid] ~ .cds--form-requirement,
.cds--list-box--warning ~ .cds--form-requirement {
  display: block;
  overflow: visible;
  font-weight: 400;
  max-block-size: 12.5rem;
}

.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper ~ .cds--form-requirement,
.cds--select-input--inline__wrapper[data-invalid] ~ .cds--form-requirement {
  display: inline-flex;
  overflow: visible;
  margin: 0;
  inline-size: 100%;
  margin-block-end: 0;
  max-block-size: 100%;
  padding-inline-start: 0.5rem;
}

input[data-invalid] ~ .cds--form-requirement,
.cds--number[data-invalid] .cds--number__input-wrapper ~ .cds--form-requirement,
.cds--date-picker-input__wrapper ~ .cds--form-requirement,
.cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,
.cds--time-picker--invalid ~ .cds--form-requirement,
.cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,
.cds--text-area__wrapper[data-invalid] ~ .cds--form-requirement,
.cds--select-input__wrapper[data-invalid] ~ .cds--form-requirement,
.cds--time-picker[data-invalid] ~ .cds--form-requirement,
.cds--list-box[data-invalid] ~ .cds--form-requirement,
.cds--select-input--inline__wrapper[data-invalid] ~ .cds--form-requirement {
  color: var(--cds-text-error, #da1e28);
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid],
.cds--form--fluid .cds--text-input__field-wrapper--warning {
  display: block;
}

.cds--form--fluid input[data-invalid] {
  outline: none;
}

.cds--form--fluid .cds--form-requirement {
  padding: 0.5rem 2.5rem 0.5rem 1rem;
  margin: 0;
}

input:not(output, [data-invalid]):-moz-ui-invalid {
  box-shadow: none;
}

.cds--form-requirement {
  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
  line-height: var(--cds-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
  display: none;
  overflow: hidden;
  margin: 0.25rem 0 0;
  max-block-size: 0;
}
.cds--form-requirement html {
  font-size: 100%;
}
.cds--form-requirement body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--form-requirement code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--form-requirement strong {
  font-weight: 600;
}

.cds--select--inline .cds--form__helper-text {
  margin-block-start: 0;
}

.cds--form__helper-text {
  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
  line-height: var(--cds-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
  z-index: 0;
  color: var(--cds-text-helper, #6f6f6f);
  inline-size: 100%;
  margin-block-start: 0.25rem;
  opacity: 1;
}

.cds--label--disabled,
.cds--form__helper-text--disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

fieldset[disabled] .cds--label,
fieldset[disabled] .cds--form__helper-text {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-input {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  padding: 0 var(--cds-layout-density-padding-inline-local);
  border: none;
  background-color: var(--cds-field);
  block-size: var(--cds-layout-size-height-local);
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  font-family: inherit;
  inline-size: 100%;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--text-input *,
.cds--text-input *::before,
.cds--text-input *::after {
  box-sizing: inherit;
}
.cds--text-input:focus, .cds--text-input:active {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--text-input:focus, .cds--text-input:active {
    outline-style: dotted;
  }
}
.cds--text-input-wrapper svg[hidden] {
  display: none;
}

.cds--password-input {
  padding-inline-end: 2.5rem;
}

.cds--text-input--sm.cds--password-input {
  padding-inline-end: 2rem;
}

.cds--text-input--lg.cds--password-input {
  padding-inline-end: 3rem;
}

.cds--text-input::-moz-placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}

.cds--text-input::placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}

.cds--text-input--light {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--text-input__field-wrapper {
  position: relative;
  display: flex;
  inline-size: 100%;
}

.cds--text-input__invalid-icon {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  transform: translateY(-50%);
}

.cds--text-input__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--text-input__invalid-icon--warning path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--text-input--password__visibility {
  position: relative;
  display: inline-flex;
  overflow: visible;
  align-items: center;
  cursor: pointer;
}
.cds--text-input--password__visibility:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--text-input--password__visibility:focus {
    outline-style: dotted;
  }
}
.cds--text-input--password__visibility:focus {
  outline: 1px solid transparent;
}
.cds--text-input--password__visibility:focus svg {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--text-input--password__visibility:focus svg {
    outline-style: dotted;
  }
}
.cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility + .cds--assistive-text {
  position: absolute;
  z-index: 6000;
  display: flex;
  align-items: center;
  opacity: 0;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after,
  .cds--text-input--password__visibility .cds--assistive-text,
  .cds--text-input--password__visibility + .cds--assistive-text {
    display: inline-block;
  }
}
.cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after {
  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after {
    transition: none;
  }
}
.cds--text-input--password__visibility.cds--tooltip--a11y::before, .cds--text-input--password__visibility.cds--tooltip--a11y::after {
  transition: none;
}
.cds--text-input--password__visibility::before {
  border-style: solid;
  block-size: 0;
  content: "";
  inline-size: 0;
}
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility + .cds--assistive-text {
  box-sizing: content-box;
  color: inherit;
  opacity: 1;
  white-space: normal;
  word-break: break-word;
}
.cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility + .cds--assistive-text {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  z-index: 6000;
  padding: 0.5rem 1rem;
  border-radius: 0.125rem;
  background-color: var(--cds-background-inverse, #393939);
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  font-weight: 400;
  inline-size: -moz-max-content;
  inline-size: max-content;
  max-inline-size: 13rem;
  min-inline-size: 1.5rem;
  text-align: start;
  transform: translateX(-50%);
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cds--text-input--password__visibility::after,
  .cds--text-input--password__visibility .cds--assistive-text,
  .cds--text-input--password__visibility + .cds--assistive-text {
    inline-size: auto;
  }
}
@supports (-ms-accelerator: true) {
  .cds--text-input--password__visibility::after,
  .cds--text-input--password__visibility .cds--assistive-text,
  .cds--text-input--password__visibility + .cds--assistive-text {
    inline-size: auto;
  }
}
@supports (-ms-ime-align: auto) {
  .cds--text-input--password__visibility::after,
  .cds--text-input--password__visibility .cds--assistive-text,
  .cds--text-input--password__visibility + .cds--assistive-text {
    inline-size: auto;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .cds--text-input--password__visibility::after,
  .cds--text-input--password__visibility .cds--assistive-text,
  .cds--text-input--password__visibility + .cds--assistive-text {
    border: 1px solid transparent;
  }
}
.cds--text-input--password__visibility::after {
  content: attr(aria-label);
}
.cds--text-input--password__visibility.cds--tooltip--a11y::after {
  content: none;
}
.cds--text-input--password__visibility.cds--tooltip--visible::before, .cds--text-input--password__visibility.cds--tooltip--visible::after, .cds--text-input--password__visibility:hover::before, .cds--text-input--password__visibility:hover::after, .cds--text-input--password__visibility:focus::before, .cds--text-input--password__visibility:focus::after {
  opacity: 1;
}
@keyframes cds--tooltip-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,
.cds--text-input--password__visibility.cds--tooltip--visible + .cds--assistive-text, .cds--text-input--password__visibility:hover .cds--assistive-text,
.cds--text-input--password__visibility:hover + .cds--assistive-text, .cds--text-input--password__visibility:focus .cds--assistive-text,
.cds--text-input--password__visibility:focus + .cds--assistive-text {
  overflow: visible;
  margin: auto;
  clip: auto;
}
.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,
.cds--text-input--password__visibility.cds--tooltip--visible + .cds--assistive-text, .cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y::before, .cds--text-input--password__visibility:hover .cds--assistive-text,
.cds--text-input--password__visibility:hover + .cds--assistive-text, .cds--text-input--password__visibility:hover.cds--tooltip--a11y::before, .cds--text-input--password__visibility:focus .cds--assistive-text,
.cds--text-input--password__visibility:focus + .cds--assistive-text, .cds--text-input--password__visibility:focus.cds--tooltip--a11y::before {
  animation: cds--tooltip-fade 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text, .cds--text-input--password__visibility.cds--tooltip--hidden + .cds--assistive-text {
  overflow: hidden;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}
.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y::before {
  animation: none;
  opacity: 0;
}
.cds--text-input--password__visibility .cds--assistive-text::after {
  position: absolute;
  display: block;
  content: "";
  block-size: 0.75rem;
  inline-size: 100%;
  inset-inline-start: 0;
  inset-block-start: -0.75rem;
}
.cds--text-input--password__visibility::before, .cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility + .cds--assistive-text {
  inset-block-end: 0;
  inset-inline-start: 50%;
}
.cds--text-input--password__visibility::before {
  border-width: 0 0.25rem 0.3125rem;
  border-color: transparent transparent var(--cds-background-inverse, #393939);
  inset-block-end: -0.25rem;
  transform: translate(-50%, 100%);
}
.cds--text-input--password__visibility::after,
.cds--text-input--password__visibility .cds--assistive-text,
.cds--text-input--password__visibility + .cds--assistive-text {
  inset-block-end: -0.5625rem;
  transform: translate(-50%, 100%);
}

.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: none;
  block-size: 100%;
  cursor: pointer;
  inline-size: 2.5rem;
  inset-inline-end: 0;
  min-block-size: auto;
  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--toggle-password-tooltip .cds--popover {
  inset-inline-start: -2.5rem;
}

.cds--toggle-password-tooltip .cds--popover-content {
  min-inline-size: 2.5rem;
}

.cds--text-input--sm + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
  inline-size: 2rem;
}

.cds--text-input--lg + .cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
  inline-size: 3rem;
}

.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
  fill: var(--cds-icon-primary, #161616);
}

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

.cds--text-input--invalid,
.cds--text-input--warning {
  padding-inline-end: 2.5rem;
}

.cds--text-input--invalid.cds--password-input {
  padding-inline-end: 4rem;
}

.cds--text-input--invalid + .cds--text-input--password__visibility__toggle {
  inset-inline-end: 1rem;
}

.cds--password-input-wrapper .cds--text-input__invalid-icon {
  inset-inline-end: 2.5rem;
}

.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger {
  cursor: not-allowed;
}

.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--text-input:disabled ~ .cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger {
  cursor: default;
}
.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover {
  cursor: default;
}
.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-input__counter-alert {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
}

.cds--text-input:disabled {
  outline: 2px solid transparent;
  outline-offset: -2px;
  background-color: var(--cds-field);
  border-block-end: 1px solid transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  -webkit-text-fill-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-input--light:disabled {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--text-input:disabled::-moz-placeholder {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  opacity: 1;
}

.cds--text-input:disabled::placeholder {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  opacity: 1;
}

.cds--text-input--invalid {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
  box-shadow: none;
}
@media screen and (prefers-contrast) {
  .cds--text-input--invalid {
    outline-style: dotted;
  }
}
.cds--text-input--invalid .cds--text-input--password__visibility__toggle {
  inset-inline-end: 2.5rem;
}

.cds--skeleton.cds--text-input {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--skeleton.cds--text-input:hover, .cds--skeleton.cds--text-input:focus, .cds--skeleton.cds--text-input:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--skeleton.cds--text-input::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--skeleton.cds--text-input::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--skeleton.cds--text-input {
    background: CanvasText;
  }
  .cds--skeleton.cds--text-input::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--form--fluid .cds--text-input-wrapper {
  position: relative;
  background: var(--cds-field);
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--form--fluid .cds--label {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0;
  block-size: 1rem;
  inset-block-start: 0.8125rem;
  inset-inline-start: 1rem;
}

.cds--form--fluid .cds--form__helper-text {
  display: none;
}

.cds--form--fluid .cds--text-input {
  padding: 2rem 1rem 0.8125rem;
  min-block-size: 4rem;
}

.cds--text-input__divider,
.cds--form--fluid .cds--text-input__divider {
  display: none;
}

.cds--form--fluid .cds--text-input--invalid,
.cds--form--fluid .cds--text-input--warning {
  border-block-end: none;
}

.cds--form--fluid .cds--text-input--invalid + .cds--text-input__divider,
.cds--form--fluid .cds--text-input--warning + .cds--text-input__divider {
  display: block;
  border-style: solid;
  border-color: var(--cds-border-subtle);
  margin: 0 1rem;
  border-block-end: none;
}

.cds--form--fluid .cds--text-input__invalid-icon {
  inset-block-start: 5rem;
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid,
.cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning {
  outline: none;
}

.cds--form--fluid .cds--text-input__field-wrapper--warning {
  border-block-end: 1px solid var(--cds-border-strong);
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus) {
    outline-style: dotted;
  }
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within,
  .cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within {
    outline-style: dotted;
  }
}

.cds--form--fluid .cds--text-input__field-wrapper[data-invalid] > .cds--text-input--invalid:focus,
.cds--form--fluid .cds--text-input__field-wrapper--warning > .cds--text-input--warning:focus {
  outline: none;
}

.cds--text-input-wrapper.cds--text-input-wrapper--inline {
  flex-flow: row wrap;
}

.cds--text-input-wrapper .cds--label--inline {
  flex: 1;
  margin: 0.8125rem 0 0 0;
  overflow-wrap: break-word;
  word-break: break-word;
}

.cds--text-input-wrapper .cds--label--inline--sm {
  margin-block-start: 0.5625rem;
}

.cds--text-input-wrapper .cds--label--inline--lg {
  margin-block-start: 1.0625rem;
}

.cds--text-input__label-helper-wrapper {
  flex: 2;
  flex-direction: column;
  margin-inline-end: 1.5rem;
  max-inline-size: 8rem;
  overflow-wrap: break-word;
}

.cds--text-input-wrapper .cds--form__helper-text--inline {
  margin-block-start: 0.125rem;
}

.cds--text-input__field-outer-wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  inline-size: 100%;
}

.cds--text-input__field-outer-wrapper--inline {
  flex: 8;
  flex-direction: column;
}

.cds--text-input-wrapper--inline .cds--form-requirement {
  display: block;
  overflow: visible;
  font-weight: 400;
  max-block-size: 12.5rem;
}

.cds--text-input-wrapper--inline--invalid .cds--form-requirement {
  color: var(--cds-text-error, #da1e28);
}

.cds--form--fluid .cds--text-input-wrapper--readonly,
.cds--text-input-wrapper--readonly .cds--text-input {
  background: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator > *,
.cds--text-input__field-wrapper .cds--ai-label,
.cds--text-input__field-wrapper .cds--slug {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  transform: translateY(-50%);
}

.cds--text-input__field-wrapper--decorator .cds--text-input:has(~ .cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--text-input__field-wrapper--decorator .cds--text-input:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
.cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--ai-label),
.cds--text-input__field-wrapper--slug .cds--text-input:has(~ .cds--slug) {
  padding-inline-end: 2.5rem;
}

.cds--text-input--invalid:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
.cds--text-input--warning:has(~ .cds--text-input__field-inner-wrapper--decorator > *),
.cds--text-input--invalid:has(~ .cds--ai-label),
.cds--text-input--warning:has(~ .cds--ai-label),
.cds--text-input--invalid:has(~ .cds--slug),
.cds--text-input--warning:has(~ .cds--slug) {
  padding-inline-end: 4rem;
}

.cds--text-input--invalid ~ .cds--text-input__field-inner-wrapper--decorator > *,
.cds--text-input--warning ~ .cds--text-input__field-inner-wrapper--decorator > *,
.cds--text-input--invalid ~ .cds--ai-label,
.cds--text-input--warning ~ .cds--ai-label,
.cds--text-input--invalid ~ .cds--slug,
.cds--text-input--warning ~ .cds--slug {
  inset-inline-end: 2.5rem;
}

.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label)) > * {
  block-size: 1rem;
}

.cds--text-input__label-wrapper {
  display: flex;
  justify-content: space-between;
  inline-size: 100%;
}

.cds--tag {
  --cds-layout-size-height-xs: 1.125rem;
  --cds-layout-size-height-sm: 1.125rem;
  --cds-layout-size-height-md: 1.5rem;
  --cds-layout-size-height-lg: 2rem;
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  background-color: var(--cds-tag-background-gray, #e0e0e0);
  color: var(--cds-tag-color-gray, #161616);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  cursor: default;
  max-inline-size: 13rem;
  min-block-size: var(--cds-layout-size-height-local);
  min-inline-size: 2rem;
  padding-inline: 0.5rem;
  vertical-align: middle;
  word-break: break-word;
}
.cds--tag.cds--layout--size-xs, .cds--layout--size-xs :where(.cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-xs);
}
.cds--tag.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-sm);
}
.cds--tag.cds--layout--size-md, .cds--layout--size-md :where(.cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-md);
}
.cds--tag.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--tag) {
  --cds-layout-size-height: var(--cds-layout-size-height-lg);
}
.cds--tag.cds--tag--operational {
  border: 1px solid var(--cds-tag-background-gray, #e0e0e0);
}
.cds--tag.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
}
.cds--tag .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
}
.cds--tag .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-gray, #161616);
}
.cds--tag.cds--tag--lg {
  padding-inline-start: 0.75rem;
}
.cds--tag:has(.cds--tag__custom-icon) {
  padding-inline-start: 0.25rem;
}
.cds--tag.cds--tag--lg:not(.cds--tag--filter) {
  padding-inline: 0.75rem;
}
.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon) {
  padding-inline-start: 0.5rem;
}
.cds--tag:not(.cds--tag--selectable) {
  border: 0;
}
.cds--tag:not(:first-child) {
  margin-inline-start: 0;
}

.cds--tag--operational > span,
.cds--tag--selectable > span,
.cds--tag__label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--tag--interactive:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

.cds--tag--filter {
  padding-block: 0;
  padding-inline-end: 0;
}
.cds--tag--filter:hover {
  outline: none;
}

.cds--tag--selectable {
  border: 1px solid var(--cds-border-inverse, #161616);
  background-color: var(--cds-layer);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
}
.cds--tag--selectable:hover {
  background-color: var(--cds-layer-hover);
  outline: none;
}
.cds--tag--selectable:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

.cds--tag--selectable-selected {
  background-color: var(--cds-layer-selected-inverse, #161616);
  color: var(--cds-text-inverse, #ffffff);
}
.cds--tag--selectable-selected:hover {
  background-color: var(--cds-layer-selected-inverse, #161616);
}

.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
  background-color: var(--cds-tag-background-gray, #e0e0e0);
  color: var(--cds-tag-color-gray, #161616);
  cursor: pointer;
}
.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
  outline: none;
}
.cds--tag--operational:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

.cds--tag--red {
  background-color: var(--cds-tag-background-red, #ffd7d9);
  color: var(--cds-tag-color-red, #a2191f);
}
.cds--tag--red.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-red, #ff8389);
}
.cds--tag--red.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-red, #ffc2c5);
}
.cds--tag--red .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-red, #ffc2c5);
}
.cds--tag--red .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-red, #a2191f);
}

.cds--tag--magenta {
  background-color: var(--cds-tag-background-magenta, #ffd6e8);
  color: var(--cds-tag-color-magenta, #9f1853);
}
.cds--tag--magenta.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-magenta, #ff7eb6);
}
.cds--tag--magenta.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-magenta, #ffbdda);
}
.cds--tag--magenta .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-magenta, #ffbdda);
}
.cds--tag--magenta .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-magenta, #9f1853);
}

.cds--tag--purple {
  background-color: var(--cds-tag-background-purple, #e8daff);
  color: var(--cds-tag-color-purple, #6929c4);
}
.cds--tag--purple.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-purple, #be95ff);
}
.cds--tag--purple.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-purple, #dcc7ff);
}
.cds--tag--purple .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-purple, #dcc7ff);
}
.cds--tag--purple .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-purple, #6929c4);
}

.cds--tag--blue {
  background-color: var(--cds-tag-background-blue, #d0e2ff);
  color: var(--cds-tag-color-blue, #0043ce);
}
.cds--tag--blue.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-blue, #78a9ff);
}
.cds--tag--blue.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-blue, #b8d3ff);
}
.cds--tag--blue .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-blue, #b8d3ff);
}
.cds--tag--blue .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-blue, #0043ce);
}

.cds--tag--cyan {
  background-color: var(--cds-tag-background-cyan, #bae6ff);
  color: var(--cds-tag-color-cyan, #00539a);
}
.cds--tag--cyan.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-cyan, #33b1ff);
}
.cds--tag--cyan.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-cyan, #99daff);
}
.cds--tag--cyan .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-cyan, #99daff);
}
.cds--tag--cyan .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-cyan, #00539a);
}

.cds--tag--teal {
  background-color: var(--cds-tag-background-teal, #9ef0f0);
  color: var(--cds-tag-color-teal, #005d5d);
}
.cds--tag--teal.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-teal, #08bdba);
}
.cds--tag--teal.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-teal, #57e5e5);
}
.cds--tag--teal .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-teal, #57e5e5);
}
.cds--tag--teal .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-teal, #005d5d);
}

.cds--tag--green {
  background-color: var(--cds-tag-background-green, #a7f0ba);
  color: var(--cds-tag-color-green, #0e6027);
}
.cds--tag--green.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-green, #42be65);
}
.cds--tag--green.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-green, #74e792);
}
.cds--tag--green .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-green, #74e792);
}
.cds--tag--green .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-green, #0e6027);
}

.cds--tag--gray {
  background-color: var(--cds-tag-background-gray, #e0e0e0);
  color: var(--cds-tag-color-gray, #161616);
}
.cds--tag--gray.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-gray, #a8a8a8);
}
.cds--tag--gray.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
}
.cds--tag--gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-gray, #d1d1d1);
}
.cds--tag--gray .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-gray, #161616);
}

.cds--tag--cool-gray {
  background-color: var(--cds-tag-background-cool-gray, #dde1e6);
  color: var(--cds-tag-color-cool-gray, #121619);
}
.cds--tag--cool-gray.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-cool-gray, #a2a9b0);
}
.cds--tag--cool-gray.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
}
.cds--tag--cool-gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-cool-gray, #cdd3da);
}
.cds--tag--cool-gray .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-cool-gray, #121619);
}

.cds--tag--warm-gray {
  background-color: var(--cds-tag-background-warm-gray, #e5e0df);
  color: var(--cds-tag-color-warm-gray, #171414);
}
.cds--tag--warm-gray.cds--tag--operational {
  border: 1px solid var(--cds-tag-border-warm-gray, #ada8a8);
}
.cds--tag--warm-gray.cds--tag--operational:hover {
  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
}
.cds--tag--warm-gray .cds--tag__close-icon:hover {
  background-color: var(--cds-tag-hover-warm-gray, #d8d0cf);
}
.cds--tag--warm-gray .cds--definition-term .cds--tag__label {
  color: var(--cds-tag-color-warm-gray, #171414);
}

.cds--tag--high-contrast:not(.cds--tag--operational) {
  background-color: var(--cds-background-inverse, #393939);
  color: var(--cds-text-inverse, #ffffff);
}
.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational {
  border: 1px solid var(--cds-background-inverse, #393939);
}
.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}
.cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}
.cds--tag--high-contrast:not(.cds--tag--operational) .cds--definition-term .cds--tag__label {
  color: var(--cds-text-inverse, #ffffff);
}

.cds--multi-select--readonly .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover {
  background-color: transparent;
}

.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) {
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-primary, #161616);
  outline: 1px solid var(--cds-background-inverse, #393939);
  outline-offset: -1px;
}
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational {
  border: 1px solid var(--cds-background, #ffffff);
}
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover {
  background-color: var(--cds-layer-hover);
}
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover {
  background-color: var(--cds-layer-hover);
}
.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--definition-term .cds--tag__label {
  color: var(--cds-text-primary, #161616);
}

.cds--tag--disabled:not(.cds--tag--operational),
.cds--tag--filter.cds--tag--disabled,
.cds--tag--interactive.cds--tag--disabled {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  box-shadow: none;
  outline: none;
}
.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,
.cds--tag--filter.cds--tag--disabled.cds--tag--operational,
.cds--tag--interactive.cds--tag--disabled.cds--tag--operational {
  border: 1px solid var(--cds-layer);
}
.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,
.cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,
.cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover {
  background-color: var(--cds-layer);
}
.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,
.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,
.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover {
  background-color: var(--cds-layer);
}
.cds--tag--disabled:not(.cds--tag--operational) .cds--definition-term .cds--tag__label,
.cds--tag--filter.cds--tag--disabled .cds--definition-term .cds--tag__label,
.cds--tag--interactive.cds--tag--disabled .cds--definition-term .cds--tag__label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--tag--disabled:not(.cds--tag--operational):hover,
.cds--tag--filter.cds--tag--disabled:hover,
.cds--tag--interactive.cds--tag--disabled:hover {
  cursor: not-allowed;
}
.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__label,
.cds--tag--filter.cds--tag--disabled .cds--tag__label,
.cds--tag--interactive.cds--tag--disabled .cds--tag__label {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tag--selectable.cds--tag--disabled,
.cds--tag--operational.cds--tag--disabled {
  border: 1px solid var(--cds-border-disabled, #c6c6c6);
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--tag--selectable.cds--tag--disabled:hover,
.cds--tag--operational.cds--tag--disabled:hover {
  background-color: var(--cds-layer);
  cursor: not-allowed;
}

.cds--tag--interactive {
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--tag__close-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  margin: 0 0 0 0.125rem;
  background-color: transparent;
  block-size: var(--cds-layout-size-height-local);
  color: currentColor;
  cursor: pointer;
  inline-size: var(--cds-layout-size-height-local);
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tag__close-icon svg {
  fill: currentColor;
}

.cds--tag__custom-icon {
  flex-shrink: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  block-size: 1rem;
  color: currentColor;
  inline-size: 1rem;
  margin-inline-end: 0.25rem;
  outline: none;
}
.cds--tag__custom-icon svg {
  fill: currentColor;
}

.cds--tag--disabled .cds--tag__close-icon {
  cursor: not-allowed;
}

.cds--tag__close-icon:focus {
  z-index: 99999;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--tag--high-contrast .cds--tag__close-icon:focus {
  box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #ffffff);
}

.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover {
  background-color: transparent;
}

.cds--tag--filter.cds--tag--disabled svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tag--sm.cds--tag--filter {
  padding-inline-end: 0;
}

.cds--tag--sm .cds--tag__close-icon {
  margin-inline-start: 0.3125rem;
}

.cds--tag.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  background-color: var(--cds-skeleton-background, #e8e8e8);
  color: var(--cds-text-primary, #161616);
  overflow: hidden;
  inline-size: 3.75rem;
}
.cds--tag.cds--skeleton:hover, .cds--tag.cds--skeleton:focus, .cds--tag.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--tag.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--tag.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag.cds--skeleton {
    background: CanvasText;
  }
  .cds--tag.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--tag.cds--skeleton.cds--tag--operational {
  border: 1px solid var(--cds-skeleton-background, #e8e8e8);
}
.cds--tag.cds--skeleton.cds--tag--operational:hover {
  background-color: var(--cds-skeleton-background, #e8e8e8);
}
.cds--tag.cds--skeleton .cds--tag__close-icon:hover {
  background-color: var(--cds-skeleton-background, #e8e8e8);
}
.cds--tag.cds--skeleton .cds--definition-term .cds--tag__label {
  color: var(--cds-text-primary, #161616);
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .cds--tag.cds--skeleton {
    transform: translateZ(0);
  }
}

.cds--tag .cds--ai-label .cds--ai-label__button--inline,
.cds--tag .cds--slug .cds--slug__button--inline {
  color: currentColor;
  margin-inline-start: 0.0625rem;
}

.cds--tag .cds--ai-label .cds--ai-label__button--inline .cds--ai-label__text::before,
.cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text::before {
  background-color: currentColor;
}

.cds--tag .cds--ai-label .cds--ai-label__button--inline:hover,
.cds--tag .cds--slug .cds--slug__button--inline:hover {
  border-color: currentColor;
}

.cds--tag--filter .cds--tag__decorator > *,
.cds--tag--filter .cds--ai-label,
.cds--tag--filter .cds--slug {
  min-inline-size: 2.00875rem;
}

.cds--tag .cds--tag__decorator:not(:has(.cds--ai-label)) {
  block-size: 1rem;
  text-align: center;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tag__close-icon:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--tag-label-tooltip {
  max-inline-size: -webkit-fill-available;
}

.cds--tag__custom-icon + .cds--tag-label-tooltip {
  max-inline-size: 11rem;
}

.cds--tag--filter .cds--tag__custom-icon + .cds--tag-label-tooltip {
  max-inline-size: 9.875rem;
}

.cds--interactive--tag-children {
  display: inline-flex;
  max-inline-size: 12.5rem;
  place-items: center;
}

.cds--tag--filter .cds--tag__custom-icon + span > .cds--interactive--tag-children {
  max-inline-size: 11.5rem;
}

.cds--tag .cds--definition-term {
  border-block-end: none;
  cursor: default;
  max-inline-size: 12rem;
}

.cds--tag .cds--tag__custom-icon + span > .cds--definition-term {
  max-inline-size: 11rem;
}

.cds--tag > .cds--popover-container {
  display: flex;
}

.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled) {
  pointer-events: none;
}

.cds--list-box__wrapper {
  display: block;
}

.cds--list-box__wrapper--inline {
  display: inline-grid;
  align-items: center;
  grid-gap: 0.25rem;
  grid-template: auto auto/auto auto;
}
.cds--list-box__wrapper--inline .cds--label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}
.cds--list-box__wrapper--inline .cds--label,
.cds--list-box__wrapper--inline .cds--form__helper-text,
.cds--list-box__wrapper--inline .cds--form-requirement {
  margin: 0;
}
.cds--list-box__wrapper--inline .cds--form__helper-text {
  max-inline-size: none;
}
.cds--list-box__wrapper--inline .cds--form-requirement {
  grid-column: 2;
}

.cds--list-box {
  position: relative;
  border: none;
  background-color: var(--cds-field);
  block-size: 2.5rem;
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  inline-size: 100%;
  max-block-size: 2.5rem;
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--list-box html {
  font-size: 100%;
}
.cds--list-box body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--list-box code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--list-box strong {
  font-weight: 600;
}
.cds--list-box:hover {
  background-color: var(--cds-field-hover);
}

.cds--multi-select.cds--multi-select--readonly.cds--list-box {
  cursor: default;
}

.cds--list-box--lg {
  block-size: 3rem;
  max-block-size: 3rem;
}

.cds--list-box--sm {
  block-size: 2rem;
  max-block-size: 2rem;
}

.cds--list-box--expanded {
  border-block-end-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box--expanded {
  border-block-end-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box--expanded {
  border-block-end-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box--expanded:hover {
  background-color: var(--cds-field);
}

.cds--list-box--expanded:hover.cds--list-box--light:hover {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--list-box .cds--text-input {
  block-size: 100%;
  min-inline-size: 0;
}

.cds--list-box__invalid-icon {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-block-start: 50%;
  inset-inline-end: 2.5rem;
  transform: translateY(-50%);
}

.cds--list-box__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--list-box__invalid-icon--warning path[fill] {
  fill: #000000;
  opacity: 1;
}

.cds--list-box[data-invalid] .cds--list-box__field,
.cds--list-box.cds--list-box--warning .cds--list-box__field {
  border-block-end: 0;
  padding-inline-end: 4rem;
}

.cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field,
.cds--list-box.cds--list-box--warning.cds--list-box--inline .cds--list-box__field {
  padding-inline-end: 3.5rem;
}

.cds--list-box--light {
  background-color: var(--cds-field-02, #ffffff);
}
.cds--list-box--light:hover {
  background-color: var(--cds-field-hover);
}

.cds--list-box--light .cds--list-box__menu {
  background: var(--cds-layer);
}

.cds--list-box--light .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle);
}

.cds--list-box--light.cds--list-box--expanded {
  border-block-end-color: transparent;
}

.cds--list-box--disabled:hover {
  background-color: var(--cds-field);
}

.cds--list-box--light.cds--list-box--disabled {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--list-box--disabled,
.cds--list-box--disabled .cds--list-box__field,
.cds--list-box--disabled .cds--list-box__field:focus {
  border-block-end-color: transparent;
  outline: none;
}

.cds--list-box--disabled .cds--list-box__label,
.cds--list-box--disabled.cds--list-box--inline .cds--list-box__label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box--disabled .cds--list-box__menu-icon > svg,
.cds--list-box--disabled .cds--list-box__selection > svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box--disabled,
.cds--list-box--disabled .cds--list-box__field,
.cds--list-box--disabled .cds--list-box__menu-icon {
  cursor: not-allowed;
}

.cds--list-box--disabled .cds--list-box__menu-item,
.cds--list-box--disabled .cds--list-box__menu-item:hover,
.cds--list-box--disabled .cds--list-box__menu-item--highlighted {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  text-decoration: none;
}

.cds--list-box--disabled .cds--list-box__selection:hover {
  cursor: not-allowed;
}

.cds--list-box--disabled.cds--list-box[data-invalid] .cds--list-box__field {
  padding-inline-end: 3rem;
}

.cds--list-box--disabled.cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field {
  padding-inline-end: 2rem;
}

.cds--list-box.cds--list-box--inline {
  border-width: 0;
  background-color: transparent;
}
.cds--list-box.cds--list-box--inline:hover {
  background-color: var(--cds-layer-hover);
}

.cds--list-box.cds--list-box--inline.cds--list-box--expanded {
  border-block-end-width: 0;
}

.cds--list-box.cds--list-box--inline.cds--list-box--expanded .cds--list-box__field[aria-expanded=true] {
  border-width: 0;
}

.cds--list-box.cds--list-box--inline.cds--list-box--expanded:hover,
.cds--list-box.cds--list-box--inline.cds--list-box--disabled:hover {
  background-color: transparent;
}

.cds--list-box.cds--list-box--inline .cds--list-box__field {
  padding: 0 2rem 0 0.5rem;
}

.cds--list-box.cds--list-box--inline .cds--list-box__menu-icon {
  inset-inline-end: 0.5rem;
}

.cds--list-box.cds--list-box--inline .cds--list-box__invalid-icon {
  inset-inline-end: 2rem;
}

.cds--list-box--inline .cds--list-box__label {
  color: var(--cds-text-primary, #161616);
}

.cds--list-box--inline .cds--list-box__field {
  block-size: 100%;
}

.cds--dropdown--inline .cds--list-box__field {
  max-inline-size: 30rem;
}

.cds--dropdown--inline .cds--list-box__menu {
  max-inline-size: 30rem;
  min-inline-size: 18rem;
}

.cds--list-box__field {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: relative;
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  block-size: calc(100% + 1px);
  cursor: pointer;
  outline: none;
  padding-block: 0;
  padding-inline: 1rem 3rem;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.cds--list-box__field *,
.cds--list-box__field *::before,
.cds--list-box__field *::after {
  box-sizing: inherit;
}
.cds--list-box__field::-moz-focus-inner {
  border: 0;
}

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

.cds--list-box__field[disabled] {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}

.cds--list-box__field .cds--text-input {
  padding-inline-end: 4.375rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input,
.cds--list-box--warning .cds--list-box__field .cds--text-input {
  padding-inline-end: 6.5625rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon,
.cds--list-box--warning .cds--list-box__field .cds--text-input + .cds--list-box__invalid-icon {
  inset-inline-end: 5.125rem;
}

.cds--list-box__field .cds--text-input--empty {
  padding-inline-end: 3rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty,
.cds--list-box--warning .cds--list-box__field .cds--text-input--empty {
  padding-inline-end: 4rem;
}

.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty + .cds--list-box__invalid-icon,
.cds--list-box--warning .cds--list-box__field .cds--text-input--empty + .cds--list-box__invalid-icon {
  inset-inline-end: 2.5rem;
}

.cds--list-box__label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  overflow: hidden;
  color: var(--cds-text-primary, #161616);
  text-overflow: ellipsis;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}

.cds--list-box__menu-icon {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 1.5rem;
  cursor: pointer;
  inline-size: 1.5rem;
  inset-inline-end: 0.75rem;
  outline: none;
  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--list-box__menu-icon *,
.cds--list-box__menu-icon *::before,
.cds--list-box__menu-icon *::after {
  box-sizing: inherit;
}
.cds--list-box__menu-icon::-moz-focus-inner {
  border: 0;
}

.cds--list-box__menu-icon > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--list-box__menu-icon--open {
  justify-content: center;
  inline-size: 1.5rem;
  transform: rotate(180deg);
}

.cds--list-box__selection {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 1.5rem;
  cursor: pointer;
  inline-size: 1.5rem;
  inset-block-start: 50%;
  /* to preserve .5rem space between icons according to spec top/transform used to center the combobox clear selection icon in IE11 */
  inset-inline-end: 2.8125rem;
  transform: translateY(-50%);
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cds--list-box__selection *,
.cds--list-box__selection *::before,
.cds--list-box__selection *::after {
  box-sizing: inherit;
}
.cds--list-box__selection::-moz-focus-inner {
  border: 0;
}
.cds--list-box__selection:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--list-box__selection:focus {
    outline-style: dotted;
  }
}
.cds--list-box__selection:focus:hover {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--list-box__selection:focus:hover {
    outline-style: dotted;
  }
}

.cds--list-box__selection > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--list-box--disabled .cds--list-box__selection:focus {
  outline: none;
}

.cds--list-box__selection--multi {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  position: static;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  border-radius: 0.75rem;
  background-color: var(--cds-background-inverse, #393939);
  block-size: 1.5rem;
  color: var(--cds-text-inverse, #ffffff);
  inline-size: auto;
  inset-block-start: auto;
  line-height: 0;
  margin-inline-end: 0.625rem;
  padding-inline-end: 0.125rem;
  transform: none;
}

.cds--list-box__selection--multi > svg {
  padding: 0.125rem;
  block-size: 1.25rem;
  fill: var(--cds-icon-inverse, #ffffff);
  inline-size: 1.25rem;
  margin-inline-start: 0.25rem;
}
.cds--list-box__selection--multi > svg:hover {
  border-radius: 50%;
  background-color: var(--cds-button-secondary-hover, #474747);
}

.cds--list-box--disabled .cds--list-box__selection--multi {
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  color: var(--cds-layer);
}
.cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational {
  border: 1px solid var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational:hover {
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover {
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--list-box--disabled .cds--list-box__selection--multi .cds--definition-term .cds--tag__label {
  color: var(--cds-layer);
}
.cds--list-box--disabled .cds--list-box__selection--multi > svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--list-box--disabled .cds--list-box__selection--multi > svg:hover {
  background-color: initial;
}

.cds--list-box__selection--multi:hover {
  outline: none;
}

.cds--list-box__menu {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  position: absolute;
  z-index: 9100;
  display: none;
  background-color: var(--cds-layer);
  inline-size: 100%;
  inset-inline: 0;
  overflow-y: auto;
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--list-box__menu:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--list-box__menu:focus {
    outline-style: dotted;
  }
}

.cds--autoalign .cds--list-box__menu {
  inset-inline: auto;
}

.cds--list-box .cds--list-box__field[aria-expanded=false] .cds--list-box__menu {
  display: none;
  max-block-size: 0;
  visibility: hidden;
}

.cds--list-box--expanded .cds--list-box__menu {
  display: block;
  max-block-size: 13.75rem;
}

.cds--list-box--expanded.cds--list-box--lg .cds--list-box__menu {
  max-block-size: 16.5rem;
}

.cds--list-box--expanded.cds--list-box--sm .cds--list-box__menu {
  max-block-size: 11rem;
}

.cds--list-box__menu-item {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  block-size: 2.5rem;
  color: var(--cds-text-secondary, #525252);
  cursor: pointer;
  transition: background 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cds--list-box__menu-item:hover {
  background-color: var(--cds-layer-hover);
}
.cds--list-box__menu-item:active {
  background-color: var(--cds-layer-selected);
}

.cds--list-box--light .cds--list-box__menu-item:hover {
  background-color: var(--cds-layer-hover);
}

.cds--list-box--sm .cds--list-box__menu-item {
  block-size: 2rem;
}

.cds--list-box--lg .cds--list-box__menu-item {
  block-size: 3rem;
}

.cds--list-box--disabled .cds--list-box__menu-item:hover {
  background-color: transparent;
}

.cds--list-box--light .cds--list-box__menu-item:active {
  background-color: var(--cds-layer-selected);
}

.cds--list-box--disabled .cds--list-box__menu-item__option:hover {
  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item__option:hover {
  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item__option:hover {
  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box__menu-item:first-of-type .cds--list-box__menu-item__option {
  border-block-start-color: transparent;
}

.cds--list-box__menu-item:hover .cds--list-box__menu-item__option {
  color: var(--cds-text-primary, #161616);
}

.cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--layer-two .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box__menu-item__option {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: block;
  overflow: hidden;
  padding: 0.6875rem 0;
  margin: 0 1rem;
  block-size: 2.5rem;
  border-block-end: 1px solid transparent;
  border-block-start: 1px solid transparent;
  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
  color: var(--cds-text-secondary, #525252);
  font-weight: normal;
  line-height: 1rem;
  padding-inline-end: 1.5rem;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: border-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  white-space: nowrap;
}
.cds--list-box__menu-item__option *,
.cds--list-box__menu-item__option *::before,
.cds--list-box__menu-item__option *::after {
  box-sizing: inherit;
}
.cds--list-box__menu-item__option:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  padding: 0.6875rem 1rem;
  border-color: transparent;
  margin: 0;
}
@media screen and (prefers-contrast) {
  .cds--list-box__menu-item__option:focus {
    outline-style: dotted;
  }
}
.cds--list-box__menu-item__option:hover {
  border-color: transparent;
  color: var(--cds-text-primary, #161616);
}

.cds--list-box--sm .cds--list-box__menu-item__option {
  block-size: 2rem;
  padding-block: 0.4375rem 0.4375rem;
}

.cds--list-box--lg .cds--list-box__menu-item__option {
  block-size: 3rem;
  padding-block: 0.9375rem 0.9375rem;
}

.cds--list-box--disabled .cds--list-box__menu-item:hover .cds--list-box__menu-item__option,
.cds--list-box--disabled .cds--list-box__menu-item__option {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box__menu-item[disabled],
.cds--list-box__menu-item[disabled] *,
.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--list-box__menu-item[disabled]:hover {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  outline: none;
}

.cds--list-box__menu-item[disabled]:hover {
  background-color: revert;
}

.cds--list-box__menu-item[disabled] .cds--checkbox-label::before {
  border-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-01, #c6c6c6);
}

.cds--layer-two .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--layer-two .cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--layer-three .cds--list-box__menu-item[disabled]:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: var(--cds-border-subtle-03, #c6c6c6);
}

.cds--list-box__menu-item--active + .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,
.cds--list-box__menu-item:hover + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: transparent;
}

.cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option {
  margin: 0 0.5rem;
}
.cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option:focus {
  margin: 0;
  padding-inline: 0.5rem 0.5rem;
}

.cds--list-box__menu-item--highlighted {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  color: var(--cds-text-primary, #161616);
}
@media screen and (prefers-contrast) {
  .cds--list-box__menu-item--highlighted {
    outline-style: dotted;
  }
}

.cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,
.cds--list-box__menu-item--highlighted + .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-block-start-color: transparent;
}

.cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {
  color: var(--cds-text-primary, #161616);
}

.cds--list-box__menu-item--active {
  background-color: var(--cds-layer-selected);
  border-block-end-color: var(--cds-layer-selected);
  color: var(--cds-text-primary, #161616);
}

.cds--list-box--light .cds--list-box__menu-item--active {
  background-color: var(--cds-layer-selected);
  border-block-end-color: var(--cds-layer-selected);
}

.cds--list-box__menu-item--active:hover {
  background-color: var(--cds-layer-selected-hover);
  border-block-end-color: var(--cds-layer-selected-hover);
}

.cds--list-box__menu-item--active .cds--list-box__menu-item__option {
  color: var(--cds-text-primary, #161616);
}

.cds--list-box__menu-item--active + .cds--list-box__menu-item > .cds--list-box__menu-item__option {
  border-block-start-color: transparent;
}

.cds--list-box__menu-item__selected-icon {
  position: absolute;
  display: none;
  fill: var(--cds-icon-primary, #161616);
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  transform: translateY(-50%);
}

.cds--list-box--inline .cds--list-box__menu-item__selected-icon {
  inset-inline-end: 0.5rem;
}

.cds--list-box__menu-item--active .cds--list-box__menu-item__selected-icon {
  display: block;
}

.cds--list-box__menu-item .cds--checkbox-label {
  inline-size: 100%;
}

.cds--list-box__menu-item .cds--checkbox-label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--list-box--up .cds--list-box__menu {
  inset-block-end: 2.5rem;
}

.cds--list-box--up.cds--dropdown--sm .cds--list-box__menu,
.cds--list-box--up.cds--list-box--sm .cds--list-box__menu,
.cds--list-box--up .cds--list-box--sm .cds--list-box__menu {
  inset-block-end: 2rem;
}

.cds--list-box--up.cds--dropdown--lg .cds--list-box__menu,
.cds--list-box--up.cds--list-box--lg .cds--list-box__menu,
.cds--list-box--up .cds--list-box--lg .cds--list-box__menu {
  inset-block-end: 3rem;
}

.cds--list-box .cds--text-input {
  background-color: inherit;
  min-inline-size: 0;
  text-overflow: ellipsis;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *,
.cds--list-box__wrapper--slug .cds--ai-label,
.cds--list-box__wrapper--slug .cds--slug {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: calc(2.5rem + 9px);
  margin-block-start: 0.03125rem;
  transform: translateY(-50%);
}

.cds--list-box__wrapper--decorator:has(.cds--list-box__invalid-icon) .cds--list-box__inner-wrapper--decorator > *::before,
.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--ai-label::before,
.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--slug::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
.cds--list-box__wrapper--slug .cds--ai-label::after,
.cds--list-box__wrapper--slug .cds--slug::after {
  position: absolute;
  background-color: var(--cds-border-subtle-01, #c6c6c6);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
.cds--list-box__wrapper--slug .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--slug::before {
  display: none;
  inset-inline-start: -0.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::before,
.cds--list-box__wrapper--slug .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--slug::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--slug--revert::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator > *::after,
.cds--list-box__wrapper--slug .cds--ai-label::after,
.cds--list-box__wrapper--slug .cds--slug::after {
  display: block;
  inset-block-start: 0.0625rem;
  inset-inline-end: -0.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--ai-label--revert::before,
.cds--list-box__wrapper--slug .cds--slug--revert::before,
.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert::after,
.cds--list-box__wrapper--slug .cds--ai-label--revert::after,
.cds--list-box__wrapper--slug .cds--slug--revert::after {
  inset-block-start: 0.5rem;
  inset-inline-end: -0.0625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box:has(.cds--list-box__inner-wrapper--decorator .cds--ai-label):not(:has(.cds--list-box__inner-wrapper--decorator .cds--ai-label--revert)),
.cds--list-box__wrapper--slug .cds--list-box:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),
.cds--list-box__wrapper--slug .cds--list-box:has(.cds--slug):not(:has(.cds--slug--revert)) {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--list-box__wrapper--decorator .cds--list-box input[role=combobox],
.cds--list-box__wrapper--slug .cds--list-box input[role=combobox] {
  border-block-end-color: transparent;
}

.cds--list-box__wrapper--decorator .cds--list-box__field,
.cds--list-box__wrapper--decorator .cds--text-input--empty,
.cds--list-box__wrapper--slug .cds--list-box__field,
.cds--list-box__wrapper--slug .cds--text-input--empty {
  padding-inline-end: 4rem;
}

.cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty) {
  padding-inline-end: 6.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__field,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input--empty,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__field,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input--empty,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field {
  padding-inline-end: 6rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty) {
  padding-inline-end: 8.5625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty + .cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning {
  inset-inline-end: 5.0625rem;
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] > *::before,
.cds--list-box__wrapper--decorator .cds--list-box--warning > *::before,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label::before,
.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug::before,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug::before {
  display: block;
}

.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator .cds--ai-label,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator .cds--ai-label,
.cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--ai-label,
.cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--slug {
  inset-inline-end: calc(4rem + 18px);
}

.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection) ~ .cds--list-box__inner-wrapper--decorator > * {
  inset-inline-end: calc(4rem + 18px);
}

.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,
.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon {
  inset-inline-end: 7.125rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--list-box__field,
  .cds--list-box__menu,
  .cds--multi-select .cds--tag--filter {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--list-box__field:focus,
  .cds--multi-select .cds--tag__close-icon:focus,
  .cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::after {
  position: absolute;
  background-color: var(--cds-border-subtle-01, #c6c6c6);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
  margin-inline-start: 2.0625rem;
}

.cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before,
.cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection::before {
  position: absolute;
  background-color: var(--cds-border-subtle-01, #c6c6c6);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
  margin-inline-end: 2.0625rem;
}

.cds--list-box__wrapper--decorator:has(.cds--multi-select) .cds--list-box__menu-icon,
.cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon {
  inset-inline-end: 0.75rem;
}

.cds--list-box__wrapper--decorator:has(.cds--dropdown) .cds--list-box__menu-icon,
.cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon {
  inset-inline-end: 0.75rem;
}

.cds--combo-box:hover {
  background-color: var(--cds-field);
}

.cds--combo-box .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before {
  position: absolute;
  border: 2px solid var(--cds-focus, #0f62fe);
  block-size: 100%;
  border-block-start: 1px solid var(--cds-focus, #0f62fe);
  content: "";
  inline-size: 100%;
}

.cds--combo-box .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted {
  outline: 2px solid transparent;
  outline-offset: -2px;
}

.cds--combo-box.cds--list-box--light:hover {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--combo-box .cds--text-input::-ms-clear {
  display: none;
}

.cds--combo-box.cds--list-box--expanded .cds--text-input {
  border-block-end-color: var(--cds-border-subtle);
}

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

.cds--combo-box.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=""])) .cds--combo-box--input--focus.cds--text-input {
  outline-offset: -0.0625rem;
  outline-width: 0.0625rem;
}

.cds--combo-box .cds--list-box__field,
.cds--combo-box.cds--list-box[data-invalid] .cds--list-box__field,
.cds--combo-box.cds--list-box--warning .cds--list-box__field,
.cds--combo-box.cds--list-box--disabled.cds--list-box[data-invalid] .cds--list-box__field,
.cds--combo-box.cds--list-box--disabled.cds--list-box--warning .cds--list-box__field {
  padding: 0;
}

.cds--combo-box--readonly,
.cds--combo-box--readonly:hover {
  background-color: transparent;
}

.cds--combo-box--readonly .cds--text-input {
  border-block-end-color: var(--cds-border-subtle);
}

.cds--combo-box--readonly .cds--list-box__menu-icon,
.cds--combo-box--readonly .cds--list-box__selection {
  cursor: default;
}

.cds--combo-box--readonly .cds--list-box__menu-icon svg,
.cds--combo-box--readonly .cds--list-box__selection svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  padding: 0;
  border: 0;
  margin: 0;
  font: inherit;
  font-feature-settings: "liga" 1;
  font-size: 100%;
  vertical-align: baseline;
}

button,
select,
input,
textarea {
  border-radius: 0;
  font-family: inherit;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-primary, #161616);
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  font-size: 100%;
}

body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}

strong {
  font-weight: 600;
}

@media screen and (-ms-high-contrast: active) {
  svg {
    fill: ButtonText;
  }
}
h1 {
  font-size: var(--cds-heading-06-font-size, 2.625rem);
  font-weight: var(--cds-heading-06-font-weight, 300);
  line-height: var(--cds-heading-06-line-height, 1.199);
  letter-spacing: var(--cds-heading-06-letter-spacing, 0);
}

h2 {
  font-size: var(--cds-heading-05-font-size, 2rem);
  font-weight: var(--cds-heading-05-font-weight, 400);
  line-height: var(--cds-heading-05-line-height, 1.25);
  letter-spacing: var(--cds-heading-05-letter-spacing, 0);
}

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

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

h5 {
  font-size: var(--cds-heading-02-font-size, 1rem);
  font-weight: var(--cds-heading-02-font-weight, 600);
  line-height: var(--cds-heading-02-line-height, 1.5);
  letter-spacing: var(--cds-heading-02-letter-spacing, 0);
}

h6 {
  font-size: var(--cds-heading-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-01-font-weight, 600);
  line-height: var(--cds-heading-01-line-height, 1.42857);
  letter-spacing: var(--cds-heading-01-letter-spacing, 0.16px);
}

p {
  font-size: var(--cds-body-02-font-size, 1rem);
  font-weight: var(--cds-body-02-font-weight, 400);
  line-height: var(--cds-body-02-line-height, 1.5);
  letter-spacing: var(--cds-body-02-letter-spacing, 0);
}

a {
  color: var(--cds-link-primary, #0062fe);
}

em {
  font-style: italic;
}

: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;
  }
}
html[dir=rtl] .chart-holder .legend-item {
  direction: ltr;
}
html[dir=rtl] .chart-holder .axis {
  direction: ltr;
}
html[dir=rtl] .chart-holder .axis .axis-title {
  direction: ltr;
}

.iot--color-dropdown .cds--list-box__menu-item__option {
  margin: 0;
  padding: 0;
  border-top: none;
}
.iot--color-dropdown .iot--color-dropdown__item {
  display: flex;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.iot--color-dropdown .iot--color-dropdown__item-border {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.iot--color-dropdown .cds--list-box__menu-item:hover .iot--color-dropdown__item-border,
.iot--color-dropdown .cds--list-box__menu-item:active .iot--color-dropdown__item-border,
.iot--color-dropdown .cds--list-box__menu-item--highlighted .iot--color-dropdown__item-border {
  border-color: transparent;
}
.iot--color-dropdown .cds--list-box__menu-item:hover + .cds--list-box__menu-item .iot--color-dropdown__item-border,
.iot--color-dropdown .cds--list-box__menu-item:active + .cds--list-box__menu-item .iot--color-dropdown__item-border,
.iot--color-dropdown .cds--list-box__menu-item--highlighted + .cds--list-box__menu-item .iot--color-dropdown__item-border {
  border-color: transparent;
}
.iot--color-dropdown .cds--list-box__menu-item:first-of-type .iot--color-dropdown__item-border {
  border-color: transparent;
}
.iot--color-dropdown .cds--list-box__label .iot--color-dropdown__item {
  padding-left: 0;
}
.iot--color-dropdown .cds--list-box__label .iot--color-dropdown__item .iot--color-dropdown__item-border {
  border-color: transparent;
}

.iot--color-dropdown__color-sample {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  flex-shrink: 0;
}

.iot--color-dropdown__color-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

html[dir=rtl] .iot--color-dropdown__color-sample {
  margin-left: 0.75rem;
}
html[dir=rtl] .iot--color-dropdown__item {
  padding-right: 2rem;
}
html[dir=rtl] .cds--list-box__label .iot--color-dropdown__item {
  padding-right: 0;
}

.cds--popover-container {
  display: inline-block;
}

.cds--popover-container:not(.cds--popover--auto-align) {
  position: relative;
}

.cds--popover--high-contrast .cds--popover {
  --cds-popover-background-color: var(--cds-background-inverse, #393939);
  --cds-popover-text-color: var(--cds-text-inverse, #ffffff);
}

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

.cds--popover--border > .cds--popover > .cds--popover-content {
  outline: 1px solid var(--cds-popover-border-color, var(--cds-border-subtle));
  outline-offset: -1px;
}

.cds--popover--caret {
  --cds-popover-offset: 0.625rem;
}

.cds--popover {
  position: absolute;
  z-index: 6000;
  inset: 0;
  pointer-events: none;
}

.cds--popover-content {
  --cds-layout-size-height-sm: 2rem;
  --cds-layout-size-height-md: 2.5rem;
  --cds-layout-size-height-lg: 3rem;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: absolute;
  z-index: 6000;
  display: none;
  border-radius: var(--cds-popover-border-radius, 2px);
  background-color: var(--cds-popover-background-color, var(--cds-layer));
  color: var(--cds-popover-text-color, var(--cds-text-primary, #161616));
  inline-size: -moz-max-content;
  inline-size: max-content;
  max-inline-size: 23rem;
  pointer-events: auto;
}
.cds--popover-content.cds--layout--size-sm, .cds--layout--size-sm :where(.cds--popover-content) {
  --cds-layout-size-height: var(--cds-layout-size-height-sm);
}
.cds--popover-content.cds--layout--size-md, .cds--layout--size-md :where(.cds--popover-content) {
  --cds-layout-size-height: var(--cds-layout-size-height-md);
}
.cds--popover-content.cds--layout--size-lg, .cds--layout--size-lg :where(.cds--popover-content) {
  --cds-layout-size-height: var(--cds-layout-size-height-lg);
}
.cds--popover-content *,
.cds--popover-content *::before,
.cds--popover-content *::after {
  box-sizing: inherit;
}

.cds--popover--open > .cds--popover > .cds--popover-content {
  display: block;
}

.cds--popover--background-token__background > .cds--popover > .cds--popover-content {
  background-color: var(--cds-background, #ffffff);
}

.cds--popover-content::before {
  position: absolute;
  display: none;
  content: "";
}

.cds--popover--open > .cds--popover > .cds--popover-content::before {
  display: block;
}

.cds--popover-caret,
.cds--popover--auto-align.cds--popover-caret {
  position: absolute;
  z-index: 6000;
  display: none;
  will-change: transform;
}
.cds--popover-caret::after,
.cds--popover--auto-align.cds--popover-caret::after {
  position: absolute;
  display: block;
  background-color: var(--cds-popover-background-color, var(--cds-layer));
  content: "";
}
.cds--popover-caret::before,
.cds--popover--auto-align.cds--popover-caret::before {
  position: absolute;
  display: none;
  background-color: var(--cds-popover-border-color, var(--cds-border-subtle));
  content: "";
}

.cds--popover--background-token__background > .cds--popover > .cds--popover-caret::after {
  background-color: var(--cds-background, #ffffff);
}

.cds--popover--border .cds--popover-caret::before,
.cds--popover--border .cds--popover--auto-align.cds--popover-caret::before {
  display: block;
}

.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret {
  display: block;
}

.cds--popover--auto-align.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-content > .cds--popover-caret {
  display: block;
}

.cds--popover--tab-tip > .cds--popover > .cds--popover-caret {
  display: none;
}

.cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-end: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  transform: translate(50%, calc(100% + var(--cds-popover-offset, 0rem)));
}

.cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-end: 0;
  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--bottom-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
  inset-inline-start: initial;
}

.cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-end: 0;
  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
  transform: translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--bottom-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
}

.cds--popover--bottom > .cds--popover > .cds--popover-content::before,
.cds--popover--bottom-left > .cds--popover > .cds--popover-content::before,
.cds--popover--bottom-start > .cds--popover > .cds--popover-content::before,
.cds--popover--bottom-right > .cds--popover > .cds--popover-content::before,
.cds--popover--bottom-end > .cds--popover > .cds--popover-content::before {
  block-size: var(--cds-popover-offset, 0rem);
  inset-block-start: 0;
  inset-inline: 0;
  transform: translateY(-100%);
}

.cds--popover--bottom > .cds--popover > .cds--popover-caret,
.cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
.cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
.cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
.cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
  inset-block-end: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, var(--cds-popover-offset, 0rem));
}
.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,
.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,
.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,
.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,
.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--border.cds--popover--bottom > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-left > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-start > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-right > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-end > .cds--popover > .cds--popover-caret::after {
  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
  inset-block-start: 1px;
  inset-inline-start: 0.5px;
}

[dir=rtl] .cds--popover--bottom > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--bottom-left > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--bottom-start > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--bottom-right > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--bottom-end > .cds--popover > .cds--popover-caret {
  transform: translate(50%, var(--cds-popover-offset, 0rem));
}

.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--border.cds--popover--bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--bottom-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
  inset-block-start: 1px;
  inset-inline-start: 0.5px;
}

.cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}

.cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 0;
  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
  inset-inline-start: initial;
}

.cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 0;
  inset-inline-end: calc(50% - var(--cds-popover-offset, 0rem));
  transform: translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)));
}

[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-start: calc(50% - var(--cds-popover-offset, 0rem));
}

.cds--popover--top > .cds--popover > .cds--popover-content::before,
.cds--popover--top-left > .cds--popover > .cds--popover-content::before,
.cds--popover--top-start > .cds--popover > .cds--popover-content::before,
.cds--popover--top-right > .cds--popover > .cds--popover-content::before,
.cds--popover--top-end > .cds--popover > .cds--popover-content::before {
  block-size: var(--cds-popover-offset, 0rem);
  inset-block-end: 0;
  inset-inline: 0;
  transform: translateY(100%);
}

.cds--popover--top > .cds--popover > .cds--popover-caret,
.cds--popover--top-left > .cds--popover > .cds--popover-caret,
.cds--popover--top-start > .cds--popover > .cds--popover-caret,
.cds--popover--top-right > .cds--popover > .cds--popover-caret,
.cds--popover--top-end > .cds--popover > .cds--popover-caret {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}
.cds--popover--top > .cds--popover > .cds--popover-caret::after,
.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,
.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,
.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,
.cds--popover--top-end > .cds--popover > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--border.cds--popover--top > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-left > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-start > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-right > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-end > .cds--popover > .cds--popover-caret::after {
  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
  inset-block-start: -1px;
  inset-inline-start: 0.5px;
}

[dir=rtl] .cds--popover--top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--top-left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--top-right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}

.cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-height, 0.375rem);
  clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
  inline-size: var(--cds-popover-caret-width, 0.75rem);
}
.cds--popover--border.cds--popover--top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--top-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inline-size: calc(var(--cds-popover-caret-width, 0.75rem) - 1px);
  inset-block-start: -1px;
  inset-inline-start: 0.5px;
}

.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 50%;
  inset-inline-start: 100%;
  transform: translate(var(--cds-popover-offset, 0rem), -50%);
}

.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 50%;
  inset-inline-start: 100%;
  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px));
}

.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-end: 50%;
  inset-inline-start: 100%;
  transform: translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
}

[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-end: 100%;
  inset-inline-start: initial;
}

.cds--popover--right > .cds--popover > .cds--popover-content::before,
.cds--popover--right-top > .cds--popover > .cds--popover-content::before,
.cds--popover--right-start > .cds--popover > .cds--popover-content::before,
.cds--popover--right-bottom > .cds--popover > .cds--popover-content::before,
.cds--popover--right-end > .cds--popover > .cds--popover-content::before {
  inline-size: var(--cds-popover-offset, 0rem);
  inset-block: 0;
  inset-inline-start: 0;
  transform: translateX(-100%);
}

.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
  inset-block-start: 50%;
  inset-inline-start: 100%;
  transform: translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%);
}
.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}

[dir=rtl] .cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
  inset-inline-end: 100%;
  inset-inline-start: initial;
}

.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  inset-inline-start: 1px;
}

[dir=rtl] .cds--popover--border.cds--popover--right:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  inset-inline-start: -1px;
}

.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inset-inline-start: 1px;
}

[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  margin-inline-start: 1px;
}
[dir=rtl] .cds--popover--border.cds--popover--right.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--right-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inset-inline-start: 0;
}

.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 50%;
  inset-inline-end: 100%;
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%);
}

.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-start: 50%;
  inset-inline-end: 100%;
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) - 16px));
}

.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-block-end: 50%;
  inset-inline-end: 100%;
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px));
}

[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-end: initial;
  inset-inline-start: 100%;
}

.cds--popover--left > .cds--popover > .cds--popover-content::before,
.cds--popover--left-top > .cds--popover > .cds--popover-content::before,
.cds--popover--left-start > .cds--popover > .cds--popover-content::before,
.cds--popover--left-bottom > .cds--popover > .cds--popover-content::before,
.cds--popover--left-end > .cds--popover > .cds--popover-content::before {
  inline-size: var(--cds-popover-offset, 0rem);
  inset-block: 0;
  inset-inline-end: 0;
  transform: translateX(100%);
}

.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
  inset-block-start: 50%;
  inset-inline-end: 100%;
  transform: translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%);
}
.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}

[dir=rtl] .cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret,
[dir=rtl] .cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret {
  inset-inline-end: initial;
  inset-inline-start: 100%;
}

.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  inset-inline-start: -1px;
}

[dir=rtl] .cds--popover--border.cds--popover--left:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-top:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-bottom:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-caret::after {
  inset-inline-start: 1px;
}

.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}

.cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  block-size: var(--cds-popover-caret-width, 0.75rem);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  inline-size: var(--cds-popover-caret-height, 0.375rem);
}
.cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inset-inline-start: -1px;
}

[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  margin-inline-start: -1px;
}
[dir=rtl] .cds--popover--border.cds--popover--left.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-top.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-start.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-bottom.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
[dir=rtl] .cds--popover--border.cds--popover--left-end.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  inset-inline-start: 0;
}

.cds--popover--tab-tip > .cds--popover > .cds--popover-content {
  border-radius: 0;
}

.cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-start: 0;
}

.cds--popover--tab-tip.cds--popover--top-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
.cds--popover--tab-tip.cds--popover--bottom-end:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--tab-tip.cds--popover--top-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content,
[dir=rtl] .cds--popover--tab-tip.cds--popover--bottom-start:not(.cds--popover--auto-align) > .cds--popover > .cds--popover-content {
  inset-inline-end: 0;
  inset-inline-start: initial;
}

.cds--popover--tab-tip .cds--popover {
  will-change: filter;
}

.cds--popover--tab-tip__button {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  block-size: 2rem;
  inline-size: 2rem;
}
.cds--popover--tab-tip__button *,
.cds--popover--tab-tip__button *::before,
.cds--popover--tab-tip__button *::after {
  box-sizing: inherit;
}
.cds--popover--tab-tip__button::-moz-focus-inner {
  border: 0;
}
.cds--popover--tab-tip__button:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--popover--tab-tip__button:focus {
    outline-style: dotted;
  }
}
.cds--popover--tab-tip__button:hover {
  background-color: var(--cds-layer-hover);
}

.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button {
  background: var(--cds-layer);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after {
  position: absolute;
  z-index: 6001;
  background: var(--cds-layer);
  block-size: 2px;
  content: "";
  inline-size: 100%;
  inset-block-end: 0;
}

.cds--popover--tab-tip__button svg {
  fill: var(--cds-icon-primary, #161616);
}

.iot--flyout-menu {
  display: flex;
}
.iot--flyout-menu.iot--flyout-menu__top {
  flex-direction: column-reverse;
}
.iot--flyout-menu.iot--flyout-menu__bottom {
  flex-direction: column;
}
.iot--flyout-menu.iot--flyout-menu__right, [dir=rtl] .iot--flyout-menu.iot--flyout-menu__left {
  flex-direction: row;
}
.iot--flyout-menu.iot--flyout-menu__left, [dir=rtl] .iot--flyout-menu.iot-flyout-menu__right {
  flex-direction: row-reverse;
}
.iot--flyout-menu--body .cds--popover-content:not(.cds--tooltip-content) {
  color: initial;
  border-radius: 0;
}
.iot--flyout-menu--body .cds--popover-content:not(.cds--tooltip-content) .cds--toggletip-content {
  row-gap: unset;
}
.iot--flyout-menu--body .cds--popover-content:not(.cds--tooltip-content) .cds--toggletip-content .cds--toggletip-actions {
  -moz-column-gap: unset;
       column-gap: unset;
}
.iot--flyout-menu--body:not(.iot--flyout-menu--body__light) :not(.cds--tooltip-content).cds--popover-content {
  background: var(--cds-layer-01, #f4f4f4);
}
.iot--flyout-menu--body:not(.iot--flyout-menu--body__light) :not(.cds--tooltip-content).cds--popover-content::after {
  background-color: var(--cds-layer-01, #f4f4f4);
}
.iot--flyout-menu--body.iot--flyout-menu--body__light :not(.cds--tooltip-content).cds--popover-content {
  background: var(--cds-layer-02, #ffffff);
}
.iot--flyout-menu--body.iot--flyout-menu--body__light :not(.cds--tooltip-content).cds--popover-content::after {
  background-color: var(--cds-layer-02, #ffffff);
}
.iot--flyout-menu--body.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-caret {
  display: none;
}
.iot--flyout-menu--body .cds--popover-content {
  max-width: 480px;
}
.iot--flyout-menu--body.cds--popover--bottom:not(.cds--popover--auto-align).iot--flyout-menu--body__bottom-start > .cds--popover > .cds--popover-content {
  inset-block-end: 0;
  inset-inline-start: 0;
  transform: translateY(100%);
}
.iot--flyout-menu--body.cds--popover--bottom:not(.cds--popover--auto-align).iot--flyout-menu--body__bottom-end > .cds--popover > .cds--popover-content {
  inset-block-end: 0;
  inset-inline-start: 100%;
  transform: translateY(100%) translateX(-100%);
}
.iot--flyout-menu--body.cds--popover--top:not(.cds--popover--auto-align).iot--flyout-menu--body__top-start > .cds--popover > .cds--popover-content {
  transform: translateY(-100%);
  inset-block-start: 0;
  inset-inline-start: 0;
}
.iot--flyout-menu--body.cds--popover--top:not(.cds--popover--auto-align).iot--flyout-menu--body__top-end > .cds--popover > .cds--popover-content {
  transform: translateY(-100%) translateX(-100%);
  inset-block-start: 0;
  inset-inline-start: 100%;
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--top:not(.cds--popover--auto-align).iot--flyout-menu--body__top-end > .cds--popover > .cds--popover-content {
  transform: translateY(-100%);
  inset-block-start: 0;
  inset-inline-start: 0;
}
.iot--flyout-menu--body.cds--popover--right:not(.cds--popover--auto-align).iot--flyout-menu--body__right-end > .cds--popover > .cds--popover-content {
  transform: translateY(-100%);
  inset-block-start: 100%;
  inset-inline-start: 100%;
}
.iot--flyout-menu--body.cds--popover--right:not(.cds--popover--auto-align).iot--flyout-menu--body__right-start > .cds--popover > .cds--popover-content {
  inset-block-start: 0;
  inset-inline-start: 100%;
  transform: unset;
}
.iot--flyout-menu--body.cds--popover--left:not(.cds--popover--auto-align).iot--flyout-menu--body__left-start > .cds--popover > .cds--popover-content {
  inset-block-start: 0;
  inset-inline-end: 100%;
  transform: unset;
}
.iot--flyout-menu--body.cds--popover--left:not(.cds--popover--auto-align).iot--flyout-menu--body__left-end > .cds--popover > .cds--popover-content {
  inset-block-start: 100%;
  inset-inline-end: 100%;
  transform: translateY(-100%);
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--bottom-start .cds--popover {
  transform: translateX(var(--cds-popover-offset));
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--bottom-start .cds--popover .cds--popover-content::after {
  left: unset;
  right: 0;
  top: calc(-1 * var(--cds-popover-offset));
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--bottom-end .cds--popover {
  transform: translateX(var(--cds-popover-offset));
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--bottom-end .cds--popover .cds--popover-content::after {
  left: 0;
  right: unset;
  top: calc(-1 * var(--cds-popover-offset));
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--top-start .cds--popover {
  transform: translateX(calc(-1 * var(--cds-popover-offset)));
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--top-start .cds--popover .cds--popover-content::after {
  left: unset;
  right: 0;
  bottom: calc(-1 * var(--cds-popover-offset));
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--top-end .cds--popover {
  transform: translateX(calc(-1 * var(--cds-popover-offset)));
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--top-end .cds--popover .cds--popover-content::after {
  left: 0;
  right: unset;
  top: unset;
  bottom: calc(-1 * var(--cds-popover-offset));
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--right-start .cds--popover {
  transform: translateX(calc(-1 * var(--cds-popover-offset)));
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--right-end .cds--popover {
  transform: translateX(calc(-1 * var(--cds-popover-offset)));
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--right-end .cds--popover .cds--popover-content::after {
  left: calc(-1 * var(--cds-popover-offset));
  right: unset;
  top: unset;
  bottom: 0;
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--left-start .cds--popover {
  transform: translateX(var(--cds-popover-offset));
}
[dir=rtl] .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--left-end .cds--popover {
  transform: translateX(var(--cds-popover-offset));
}
.iot--flyout-menu--body.cds--popover--auto-align.cds--popover--caret.cds--popover--open > .cds--popover > .cds--popover-content > .cds--popover-caret {
  display: none;
}
.iot--flyout-menu--body.cds--popover--auto-align.cds--popover--bottom-start .cds--popover-content:not(.cds--tooltip-content)::after, .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--bottom-end .cds--popover-content:not(.cds--tooltip-content)::after, .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--top-start .cds--popover-content:not(.cds--tooltip-content)::after, .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--top-end .cds--popover-content:not(.cds--tooltip-content)::after {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  clip-path: inset(0 -100% 0 -100%);
  height: var(--cds-popover-offset);
  width: 3rem;
}
.iot--flyout-menu--body.cds--popover--auto-align.cds--popover--right-start .cds--popover-content:not(.cds--tooltip-content)::after, .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--right-end .cds--popover-content:not(.cds--tooltip-content)::after, .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--left-start .cds--popover-content:not(.cds--tooltip-content)::after, .iot--flyout-menu--body.cds--popover--auto-align.cds--popover--left-end .cds--popover-content:not(.cds--tooltip-content)::after {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  clip-path: inset(-100% 0 -100% 0);
  width: var(--cds-popover-offset);
  height: 3rem;
}
.iot--flyout-menu--body.cds--popover--auto-align.cds--popover--bottom-start .cds--popover-content::after {
  top: calc(-1 * var(--cds-popover-offset));
  left: 0;
}
.iot--flyout-menu--body.cds--popover--auto-align.cds--popover--bottom-end .cds--popover-content::after {
  right: 0;
  left: unset;
  top: calc(-1 * var(--cds-popover-offset));
}
.iot--flyout-menu--body.cds--popover--auto-align.cds--popover--top-start .cds--popover-content::after {
  left: 0;
  top: unset;
  bottom: calc(-1 * var(--cds-popover-offset));
}
.iot--flyout-menu--body.cds--popover--auto-align.cds--popover--top-end .cds--popover-content::after {
  bottom: calc(-1 * var(--cds-popover-offset));
  right: 0;
  left: unset;
}
.iot--flyout-menu--body.cds--popover--auto-align.cds--popover--left-start .cds--popover-content::after {
  top: 0;
  right: calc(-1 * var(--cds-popover-offset));
  left: unset;
}
.iot--flyout-menu--body.cds--popover--auto-align.cds--popover--left-end .cds--popover-content::after {
  top: unset;
  bottom: 0;
  right: calc(-1 * var(--cds-popover-offset));
  left: unset;
}
.iot--flyout-menu--body.cds--popover--auto-align.cds--popover--right-start .cds--popover-content::after {
  top: 0;
  left: calc(-1 * var(--cds-popover-offset));
}
.iot--flyout-menu--body.cds--popover--auto-align.cds--popover--right-end .cds--popover-content::after {
  top: unset;
  bottom: 0;
  left: calc(-1 * var(--cds-popover-offset));
}
.iot--flyout-menu--body.iot--flyout-menu--body__open .cds--popover-content::after {
  content: "";
  position: absolute;
  top: -0.4rem;
  left: 0;
}
.iot--flyout-menu--body.iot--flyout-menu--body__bottom-start .cds--popover-content::after {
  left: 0;
  top: -0.4rem;
}
.iot--flyout-menu--body.iot--flyout-menu--body__bottom-end .cds--popover-content::after {
  left: unset;
  right: 0;
}
.iot--flyout-menu--body.iot--flyout-menu--body__top-start:not(.cds--popover--auto-align) .cds--popover-content::after {
  top: unset;
  bottom: -0.4rem;
  left: 0;
}
[dir=rtl] .iot--flyout-menu--body.iot--flyout-menu--body__top-start:not(.cds--popover--auto-align) .cds--popover-content::after {
  bottom: -0.4rem;
  left: unset;
  right: 0;
}
.iot--flyout-menu--body.iot--flyout-menu--body__top-end .cds--popover-content::after {
  bottom: -0.4rem;
  left: unset;
  right: 0;
  top: unset;
}
.iot--flyout-menu--body.iot--flyout-menu--body__left-start:not(.cds--popover--auto-align) .cds--popover-content::after {
  left: unset;
  right: -0.4rem;
  top: 0;
}
.iot--flyout-menu--body.iot--flyout-menu--body__left-end:not(.cds--popover--auto-align) .cds--popover-content::after {
  display: none;
}
.iot--flyout-menu--body.iot--flyout-menu--body__right-start:not(.cds--popover--auto-align) .cds--popover-content::after {
  top: 0;
  left: -0.4rem;
}
[dir=rtl] .iot--flyout-menu--body.iot--flyout-menu--body__right-start:not(.cds--popover--auto-align) .cds--popover-content::after {
  left: unset;
  right: -0.4rem;
}
.iot--flyout-menu--body.iot--flyout-menu--body__right-end:not(.cds--popover--auto-align) .cds--popover-content::after {
  top: unset;
  bottom: 0;
  left: -0.4rem;
}
.iot--flyout-menu--body.iot--flyout-menu--body__bottom-start .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__bottom-end .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__top-start .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__top-end .cds--popover-content::after {
  width: 3rem;
  height: 0.4rem;
}
.iot--flyout-menu--body.iot--flyout-menu--body__bottom-start.iot--flyout-menu--body__field .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__bottom-end.iot--flyout-menu--body__field .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__top-start.iot--flyout-menu--body__field .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__top-end.iot--flyout-menu--body__field .cds--popover-content::after {
  width: 2.5rem;
}
.iot--flyout-menu--body.iot--flyout-menu--body__bottom-start.iot--flyout-menu--body__small .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__bottom-end.iot--flyout-menu--body__small .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__top-start.iot--flyout-menu--body__small .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__top-end.iot--flyout-menu--body__small .cds--popover-content::after {
  width: 2rem;
}
.iot--flyout-menu--body.iot--flyout-menu--body__left-start .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__left-end .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__right-start .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__right-end .cds--popover-content::after {
  width: 0.4rem;
  height: 3rem;
}
.iot--flyout-menu--body.iot--flyout-menu--body__left-start.iot--flyout-menu--body__field .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__left-end.iot--flyout-menu--body__field .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__right-start.iot--flyout-menu--body__field .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__right-end.iot--flyout-menu--body__field .cds--popover-content::after {
  height: 2.5rem;
}
.iot--flyout-menu--body.iot--flyout-menu--body__left-start.iot--flyout-menu--body__small .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__left-end.iot--flyout-menu--body__small .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__right-start.iot--flyout-menu--body__small .cds--popover-content::after, .iot--flyout-menu--body.iot--flyout-menu--body__right-end.iot--flyout-menu--body__small .cds--popover-content::after {
  height: 2rem;
}
.iot--flyout-menu__shadow-block {
  display: block;
  position: absolute;
  background: var(--cds-layer-02, #ffffff);
}
.iot--flyout-menu__shadow-block.bottom-start {
  height: 1.4rem;
  top: -1.4rem;
  left: 0;
}
.iot--flyout-menu__shadow-block.bottom-end {
  height: 1.4rem;
  top: -1.4rem;
  right: 0;
}
.iot--flyout-menu__shadow-block.top-start {
  height: 0.375rem;
  bottom: -0.375rem;
  left: 0;
}
.iot--flyout-menu__shadow-block.top-end {
  height: 0.375rem;
  bottom: -0.375rem;
  right: 0;
}
.iot--flyout-menu__shadow-block.left-start {
  width: 1.4rem;
  right: -1.4rem;
  top: 0;
}
.iot--flyout-menu__shadow-block.left-end {
  width: 1.4rem;
  right: -1.4rem;
  bottom: 0;
}
.iot--flyout-menu__shadow-block.right-start {
  width: 1.4rem;
  left: -1.4rem;
  top: 0;
}
.iot--flyout-menu__shadow-block.right-end {
  width: 1.4rem;
  left: -1.4rem;
  bottom: 0;
}
.iot--flyout-menu--tooltip-anchor {
  position: relative;
  height: 0px;
  width: 0px;
}
.iot--flyout-menu__open .iot--flyout-menu--body,
.iot--flyout-menu__open .cds--popover-content {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}
.iot--flyout-menu__bottom-container {
  min-width: 15.4rem;
  display: flex;
}
.iot--flyout-menu__bottom-container > * {
  flex-grow: 1;
}
.iot--flyout-menu__bottom-container > button.iot--btn {
  padding-right: 60px;
}
.iot--flyout-menu__bottom-container-custom {
  min-height: 64px;
  width: 100%;
}
.iot--flyout-menu__hide-icon-btn-tooltip .cds--popover-content.cds--tooltip-content, .iot--flyout-menu__hide-icon-btn-tooltip .cds--popover-content.cds--tooltip-content + .cds--popover-caret, .iot--flyout-menu__hide-icon-btn-tooltip .cds--popover-content.cds--tooltip-content::before, .iot--flyout-menu__hide-icon-btn-tooltip .cds--popover-content.cds--tooltip-content::after {
  display: none;
}

.iot--flyout-menu--body .cds--toggletip-content {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  min-width: unset;
  max-width: unset;
  padding: 0;
}
.iot--flyout-menu--body .cds--toggletip-content[data-floating-menu-direction=bottom] {
  margin-top: 0;
}

.iot--flyout-menu--content {
  padding: 1rem 1rem 3rem 1rem;
}

.iot--flyout-menu--trigger-button {
  color: var(--cds-icon-primary, #161616);
}
.iot--flyout-menu--trigger-button.cds--btn.cds--btn--icon-only.cds--tooltip__trigger svg, .iot--flyout-menu--trigger-button.cds--btn.cds--btn--icon-only.cds--tooltip__trigger:hover svg {
  fill: #525252;
}
.iot--flyout-menu--trigger-button:not(.iot--flyout-menu__light) {
  background-color: var(--cds-layer-01, #f4f4f4);
}
.iot--flyout-menu--trigger-button:not(.iot--flyout-menu__open) .iot--flyout-menu--trigger-button:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}
.iot--flyout-menu__light.iot--flyout-menu__open .iot--flyout-menu--trigger-button:hover {
  background-color: var(--cds-layer-02, #ffffff);
}
.iot--flyout-menu--trigger-button:focus {
  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-background, #ffffff);
}
.iot--flyout-menu--trigger-button .cds--btn.cds--btn--icon-only.cds--tooltip__trigger::before {
  width: 100%;
}
.iot--flyout-menu--trigger-button > svg {
  margin-left: 0;
}
.iot--flyout-menu--trigger-button .cds--assistive-text, .iot--flyout-menu--trigger-button.cds--tooltip--a11y::before {
  visibility: var(--tooltip-visibility);
}

.iot--hotspot-editor-tooltip-tab {
  background-color: var(--cds-layer-01, #f4f4f4);
  padding: 0.5rem 0;
}

.iot--hotspot-editor--tooltip-form > * {
  padding-bottom: 1rem;
}

.iot--icon-color-container {
  display: flex;
}
.iot--icon-color-container > * {
  flex-grow: 1;
}
.iot--icon-color-container .iot--dropdown__label > svg {
  min-width: 24px;
  width: 24px;
  fill: var(--icon-fill-color);
}
.iot--icon-color-container .cds--dropdown__wrapper:nth-of-type(1) {
  margin-right: 2rem;
}
.iot--icon-color-container .cds--dropdown__wrapper {
  width: calc(50% - 1rem);
}

.iot--hotspot-editor-tooltip-tab__delete-button-container {
  display: flex;
  justify-content: flex-end;
}

.iot--hotspot-editor--tooltip-info-message {
  display: flex;
  align-items: flex-start;
  color: var(--cds-text-secondary, #525252);
}
.iot--hotspot-editor--tooltip-info-message svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  fill: var(--cds-icon-secondary, #525252);
  margin-right: 1rem;
}
.iot--hotspot-editor--tooltip-info-message p {
  max-width: 22rem;
  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);
}

.iot--hotspot-editor-modal.iot--composed-modal > .cds--modal-container > .cds--modal-container-body > .cds--modal-content {
  padding-right: 0;
  display: flex;
}
.iot--hotspot-editor-modal.iot--composed-modal > .cds--modal-container > .cds--modal-container-body > .cds--modal-content > *:first-child {
  margin-right: 2rem;
  flex-grow: 1;
  max-width: calc(100% - (420px + 2rem * 2));
}
.iot--hotspot-editor-modal.iot--composed-modal > .cds--modal-container > .cds--modal-container-body > .cds--modal-content > *:last-child {
  margin-right: 2rem;
  min-width: 420px;
  overflow-y: auto;
}
.iot--hotspot-editor-modal.iot--composed-modal > .cds--modal-container > .cds--modal-container-body > .cds--modal-content .cds--tabs {
  margin-top: 1rem;
}
.iot--hotspot-editor-modal.iot--composed-modal > .cds--modal-container > .cds--modal-container-body > .cds--modal-content .cds--tab-content {
  padding-right: 0;
  padding-left: 0;
}

.iot--hotspot-editor-modal__variable-loading {
  margin-top: 4rem;
  justify-content: center;
}

.cds--tooltip {
  --cds-popover-offset: 12px;
}

.cds--tooltip-content {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  padding: var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);
  max-inline-size: 18rem;
  overflow-wrap: break-word;
}

.cds--icon-tooltip {
  --cds-tooltip-padding-block: 0.125rem;
  --cds-popover-caret-width: 0.5rem;
  --cds-popover-caret-height: 0.25rem;
  --cds-popover-offset: 0.5rem;
}

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

.cds--definition-term {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  border-radius: 0;
  border-block-end: 1px dotted var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
}
.cds--definition-term *,
.cds--definition-term *::before,
.cds--definition-term *::after {
  box-sizing: inherit;
}
.cds--definition-term::-moz-focus-inner {
  border: 0;
}

.cds--definition-term:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
  border-block-end-color: var(--cds-border-interactive, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--definition-term:focus {
    outline-style: dotted;
  }
}

.cds--definition-term:hover {
  border-block-end-color: var(--cds-border-interactive, #0f62fe);
}

.cds--definition-tooltip {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  padding: 0.5rem 1rem;
  max-inline-size: 11rem;
  text-wrap: auto;
  word-break: break-word;
}

.cds--btn {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-xs)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-2xl)));
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
  --temp-1lh: (
    var(--cds-body-compact-01-line-height, 1.28572) * 1em
  );
  --temp-expressive-1lh: (
    var(--cds-body-compact-02-line-height, 1.375) * 1em
  );
  --temp-padding-block-max: calc(
    (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -
      0.0625rem
  );
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: space-between;
  border-radius: 0;
  margin: 0;
  cursor: pointer;
  inline-size: -moz-max-content;
  inline-size: max-content;
  max-inline-size: 20rem;
  min-block-size: var(--cds-layout-size-height-local);
  outline: none;
  padding-block: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
  padding-inline: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem) calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
  text-align: start;
  text-decoration: none;
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
  vertical-align: top;
}
.cds--btn *,
.cds--btn *::before,
.cds--btn *::after {
  box-sizing: inherit;
}
.cds--btn:disabled, .cds--btn:hover:disabled, .cds--btn:focus:disabled, .cds--btn.cds--btn--disabled, .cds--btn.cds--btn--disabled:hover, .cds--btn.cds--btn--disabled:focus {
  border-color: var(--cds-button-disabled, #c6c6c6);
  background: var(--cds-button-disabled, #c6c6c6);
  box-shadow: none;
  color: var(--cds-text-on-color-disabled, #8d8d8d);
  cursor: not-allowed;
}
.cds--btn .cds--btn__icon {
  position: absolute;
  flex-shrink: 0;
  block-size: 1rem;
  inline-size: 1rem;
  inset-block-start: min((var(--cds-layout-size-height-local) - 1rem) / 2 - 0.0625rem, var(--temp-padding-block-max));
  inset-inline-end: var(--cds-layout-density-padding-inline-local);
  margin-block-start: 0.0625rem;
}

.cds--btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.cds--btn--primary {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--cds-button-primary, #0f62fe);
  color: var(--cds-text-on-color, #ffffff);
}
.cds--btn--primary:hover {
  background-color: var(--cds-button-primary-hover, #0050e6);
}
.cds--btn--primary:focus {
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}
.cds--btn--primary:active {
  background-color: var(--cds-button-primary-active, #002d9c);
}
.cds--btn--primary .cds--btn__icon,
.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
.cds--btn--primary:hover {
  color: var(--cds-text-on-color, #ffffff);
}

.cds--btn--secondary {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--cds-button-secondary, #393939);
  color: var(--cds-text-on-color, #ffffff);
}
.cds--btn--secondary:hover {
  background-color: var(--cds-button-secondary-hover, #474747);
}
.cds--btn--secondary:focus {
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}
.cds--btn--secondary:active {
  background-color: var(--cds-button-secondary-active, #6f6f6f);
}
.cds--btn--secondary .cds--btn__icon,
.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
.cds--btn--secondary:hover, .cds--btn--secondary:focus {
  color: var(--cds-text-on-color, #ffffff);
}

.cds--btn--tertiary {
  border-width: 1px;
  border-style: solid;
  border-color: var(--cds-button-tertiary, #0f62fe);
  background-color: transparent;
  color: var(--cds-button-tertiary, #0f62fe);
}
.cds--btn--tertiary:hover {
  background-color: var(--cds-button-tertiary-hover, #0050e6);
}
.cds--btn--tertiary:focus {
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}
.cds--btn--tertiary:active {
  background-color: var(--cds-button-tertiary-active, #002d9c);
}
.cds--btn--tertiary .cds--btn__icon,
.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
.cds--btn--tertiary:hover {
  color: var(--cds-text-inverse, #ffffff);
}
.cds--btn--tertiary:focus {
  background-color: var(--cds-button-tertiary, #0f62fe);
  color: var(--cds-text-inverse, #ffffff);
}
.cds--btn--tertiary:active {
  border-color: transparent;
  background-color: var(--cds-button-tertiary-active, #002d9c);
  color: var(--cds-text-inverse, #ffffff);
}
.cds--btn--tertiary:disabled, .cds--btn--tertiary:hover:disabled, .cds--btn--tertiary:focus:disabled, .cds--btn--tertiary.cds--btn--disabled, .cds--btn--tertiary.cds--btn--disabled:hover, .cds--btn--tertiary.cds--btn--disabled:focus {
  background: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}

.cds--btn--ghost {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  color: var(--cds-link-primary, #0f62fe);
  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
}
.cds--btn--ghost:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}
.cds--btn--ghost:focus {
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}
.cds--btn--ghost:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}
.cds--btn--ghost .cds--btn__icon,
.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
.cds--btn--ghost .cds--btn__icon {
  position: static;
  align-self: center;
  margin-inline-start: 0.5rem;
}
.cds--btn--ghost:hover, .cds--btn--ghost:active {
  color: var(--cds-link-primary-hover, #0043ce);
}
.cds--btn--ghost:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}
.cds--btn--ghost:disabled, .cds--btn--ghost:hover:disabled, .cds--btn--ghost:focus:disabled, .cds--btn--ghost.cds--btn--disabled, .cds--btn--ghost.cds--btn--disabled:hover, .cds--btn--ghost.cds--btn--disabled:focus {
  border-color: transparent;
  background: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}
.cds--btn--ghost:not([disabled]) svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--btn--icon-only {
  align-items: center;
  justify-content: center;
  padding: 0;
  block-size: var(--cds-layout-size-height-local);
  inline-size: var(--cds-layout-size-height-local);
  padding-block-start: 0;
}
.cds--btn--icon-only > :first-child {
  min-inline-size: 1rem;
}
.cds--btn--icon-only .cds--btn__icon {
  position: static;
}
.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon, .cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon {
  margin: 0;
}
.cds--btn--icon-only.cds--btn--danger--ghost {
  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 1rem);
}

.cds--btn--xs:not(.cds--btn--icon-only) {
  padding-block-start: 1.5px;
}

.cds--btn--xs:not(.cds--btn--icon-only) .cds--btn__icon,
.cds--btn--sm:not(.cds--btn--icon-only) .cds--btn__icon,
.cds--btn--md:not(.cds--btn--icon-only) .cds--btn__icon {
  margin-block-start: 0;
}

.cds--btn--icon-only.cds--btn--selected {
  background: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
}

.cds--btn path[data-icon-path=inner-path] {
  fill: none;
}

.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]),
.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon {
  fill: var(--cds-icon-primary, #161616);
}

.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),
.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,
.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon {
  fill: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.cds--btn--ghost.cds--btn--icon-only[disabled] {
  cursor: not-allowed;
}

.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper {
  cursor: not-allowed;
}

.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled] {
  pointer-events: none;
}

.cds--btn--danger {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--cds-button-danger-primary, #da1e28);
  color: var(--cds-text-on-color, #ffffff);
}
.cds--btn--danger:hover {
  background-color: var(--cds-button-danger-hover, #b81921);
}
.cds--btn--danger:focus {
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}
.cds--btn--danger:active {
  background-color: var(--cds-button-danger-active, #750e13);
}
.cds--btn--danger .cds--btn__icon,
.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
.cds--btn--danger:hover {
  color: var(--cds-text-on-color, #ffffff);
}
.cds--btn--danger--tertiary {
  border-width: 1px;
  border-style: solid;
  border-color: var(--cds-button-danger-secondary, #da1e28);
  background-color: transparent;
  color: var(--cds-button-danger-secondary, #da1e28);
}
.cds--btn--danger--tertiary:hover {
  background-color: var(--cds-button-danger-hover, #b81921);
}
.cds--btn--danger--tertiary:focus {
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}
.cds--btn--danger--tertiary:active {
  background-color: var(--cds-button-danger-active, #750e13);
}
.cds--btn--danger--tertiary .cds--btn__icon,
.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
.cds--btn--danger--tertiary:hover {
  border-color: var(--cds-button-danger-hover, #b81921);
  color: var(--cds-text-on-color, #ffffff);
}
.cds--btn--danger--tertiary:focus {
  background-color: var(--cds-button-danger-primary, #da1e28);
  color: var(--cds-text-on-color, #ffffff);
}
.cds--btn--danger--tertiary:active {
  border-color: var(--cds-button-danger-active, #750e13);
  background-color: var(--cds-button-danger-active, #750e13);
  color: var(--cds-text-on-color, #ffffff);
}
.cds--btn--danger--tertiary:disabled, .cds--btn--danger--tertiary:hover:disabled, .cds--btn--danger--tertiary:focus:disabled, .cds--btn--danger--tertiary.cds--btn--disabled, .cds--btn--danger--tertiary.cds--btn--disabled:hover, .cds--btn--danger--tertiary.cds--btn--disabled:focus {
  background: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}
.cds--btn--danger--ghost {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
  color: var(--cds-button-danger-secondary, #da1e28);
  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
}
.cds--btn--danger--ghost:hover {
  background-color: var(--cds-button-danger-hover, #b81921);
}
.cds--btn--danger--ghost:focus {
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}
.cds--btn--danger--ghost:active {
  background-color: var(--cds-button-danger-active, #750e13);
}
.cds--btn--danger--ghost .cds--btn__icon,
.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}
.cds--btn--danger--ghost .cds--btn__icon {
  position: static;
  margin-inline-start: 0.5rem;
}
.cds--btn--danger--ghost:hover, .cds--btn--danger--ghost:active {
  color: var(--cds-text-on-color, #ffffff);
}
.cds--btn--danger--ghost:disabled, .cds--btn--danger--ghost:hover:disabled, .cds--btn--danger--ghost:focus:disabled, .cds--btn--danger--ghost.cds--btn--disabled, .cds--btn--danger--ghost.cds--btn--disabled:hover, .cds--btn--danger--ghost.cds--btn--disabled:focus {
  border-color: transparent;
  background: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}

.cds--btn--expressive {
  font-size: var(--cds-body-compact-02-font-size, 1rem);
  font-weight: var(--cds-body-compact-02-font-weight, 400);
  line-height: var(--cds-body-compact-02-line-height, 1.375);
  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
  padding-block: min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
}

.cds--btn--icon-only.cds--btn--expressive {
  padding: 12px 13px;
}

.cds--btn.cds--btn--expressive .cds--btn__icon {
  block-size: 1.25rem;
  inline-size: 1.25rem;
}

.cds--btn-set .cds--btn.cds--btn--expressive {
  max-inline-size: 20rem;
}

.cds--btn.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  inline-size: 9.375rem;
}
.cds--btn.cds--skeleton:hover, .cds--btn.cds--skeleton:focus, .cds--btn.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--btn.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--btn.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--btn.cds--skeleton {
    background: CanvasText;
  }
  .cds--btn.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--btn-set {
  display: flex;
}

.cds--btn-set--stacked {
  flex-direction: column;
}

.cds--btn-set .cds--btn {
  inline-size: 100%;
  max-inline-size: 12.25rem;
}
.cds--btn-set .cds--btn:not(:focus) {
  box-shadow: -0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
}
.cds--btn-set .cds--btn:first-of-type:not(:focus) {
  box-shadow: inherit;
}

.cds--btn-set .cds--btn:focus + .cds--btn {
  box-shadow: inherit;
}

.cds--btn-set--stacked .cds--btn:not(:focus) {
  box-shadow: 0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0);
}

.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus) {
  box-shadow: inherit;
}

.cds--btn-set .cds--btn.cds--btn--disabled {
  box-shadow: -0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d);
}
.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type {
  box-shadow: none;
}

.cds--btn-set--stacked .cds--btn.cds--btn--disabled {
  box-shadow: 0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d);
}
.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type {
  box-shadow: none;
}

.cds--btn-set .cds--btn.cds--btn--loading {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}

.cds--btn--sm .cds--badge-indicator {
  margin-block-start: 0.25rem;
  margin-inline-end: 0.25rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--btn:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

[dir=rtl] .cds--btn-set .cds--btn:not(:focus) {
  box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
}

.cds--btn-set--fluid {
  container-type: inline-size;
}
.cds--btn-set--fluid .cds--btn-set__fluid-inner {
  --flex-direction: row;
  display: flex;
  flex-direction: var(--flex-direction);
  align-items: stretch;
  justify-content: flex-end;
  inline-size: 100%;
}
.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn {
  flex: 0 1 25%;
  max-inline-size: 14.5rem;
}
.cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack .cds--btn {
  min-inline-size: 11rem;
}
.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--ghost,
.cds--btn-set--fluid .cds--btn-set__fluid-inner .cds--btn--danger--ghost {
  flex: 1 1 25%;
  max-inline-size: none;
  padding-inline-start: 2rem; /* increased padding when inline */
}
@container (width <= 11rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) {
    --flex-direction: column;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn {
    flex: initial;
    inline-size: 100%;
    max-inline-size: none;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(1):last-child) .cds--btn--ghost {
    padding-inline-start: 1rem;
  }
}
@container (width <= 22rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) {
    --flex-direction: column;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn {
    flex: initial;
    inline-size: 100%;
    max-inline-size: none;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(2):last-child) .cds--btn--ghost {
    padding-inline-start: 1rem;
  }
}
@container (width <= 33rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) {
    --flex-direction: column;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn {
    flex: initial;
    inline-size: 100%;
    max-inline-size: none;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(3):last-child) .cds--btn--ghost {
    padding-inline-start: 1rem;
  }
}
@container (width <= 44rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) {
    --flex-direction: column;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn {
    flex: initial;
    inline-size: 100%;
    max-inline-size: none;
  }
  .cds--btn-set--fluid .cds--btn-set__fluid-inner--auto-stack:has(:nth-child(4):last-child) .cds--btn--ghost {
    padding-inline-start: 1rem;
  }
}
@container (width <= 44rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(2):last-child) .cds--btn {
    flex-basis: 50%;
    max-inline-size: none;
  }
}
@container (width <= 33rem) {
  .cds--btn-set--fluid .cds--btn-set__fluid-inner:has(:nth-child(1):last-child) .cds--btn {
    flex: 1 1 100%;
    max-inline-size: none;
  }
}

.cds--content-switcher {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
  display: flex;
  justify-content: space-evenly;
  border-radius: 0.25rem;
  block-size: var(--cds-layout-size-height-local);
  inline-size: 100%;
  outline: 0.0625rem solid var(--cds-border-inverse, #161616);
  outline-offset: -0.0625rem;
}

.cds--content-switcher:has(.cds--content-switcher-btn:disabled) {
  outline-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--content-switcher-btn {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: inline-flex;
  overflow: hidden;
  border: none;
  margin: 0;
  background-color: transparent;
  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
  color: var(--cds-text-secondary, #525252);
  text-align: start;
  text-decoration: none;
  white-space: nowrap;
}
.cds--content-switcher-btn html {
  font-size: 100%;
}
.cds--content-switcher-btn body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--content-switcher-btn code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--content-switcher-btn strong {
  font-weight: 600;
}
.cds--content-switcher-btn::after {
  position: absolute;
  display: block;
  border-radius: 0.25rem;
  background-color: var(--cds-layer-selected-inverse, #161616);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  transform: scaleY(0);
  transform-origin: bottom;
}
.cds--content-switcher-btn:disabled::after {
  display: none;
}
.cds--content-switcher-btn:focus {
  border: 0;
}
.cds--content-switcher-btn:focus::after {
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-focus-inset, #ffffff);
}
.cds--content-switcher-btn:hover {
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
}
.cds--content-switcher-btn:hover, .cds--content-switcher-btn:active {
  z-index: 3;
  background-color: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}
.cds--content-switcher-btn:disabled {
  border-color: var(--cds-border-disabled, #c6c6c6);
  background-color: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--content-switcher-btn:disabled:hover {
  cursor: not-allowed;
}

.cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::before {
  display: block;
  border-radius: 0.25rem;
  block-size: 100%;
  box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
  content: "";
  inline-size: 100%;
}
.cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::after {
  background-color: var(--cds-focus-inset, #ffffff);
  transform: scaleY(1);
}
.cds--content-switcher-btn:not(.cds--content-switcher--selected):focus:hover::after {
  border-radius: 0;
  background-color: var(--cds-layer-hover);
  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
  box-shadow: none;
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn {
  align-items: center;
  padding: 0.5rem var(--cds-layout-density-padding-inline-local);
  inline-size: 100%;
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
  border-end-start-radius: 0.25rem;
  border-start-start-radius: 0.25rem;
  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}
.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child:disabled {
  box-shadow: none;
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child {
  border-end-end-radius: 0.25rem;
  border-start-end-radius: 0.25rem;
  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}
.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child:disabled {
  box-shadow: none;
}

.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:first-child,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:last-child {
  border: 0;
}
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:disabled::before,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:first-child:disabled::before,
.cds--content-switcher .cds--content-switcher-btn.cds--content-switcher--selected:last-child:disabled::before {
  display: none;
}

.cds--content-switcher-btn::before {
  position: absolute;
  z-index: 2;
  display: block;
  background-color: var(--cds-border-subtle);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
  inset-inline-start: 0;
}

.cds--content-switcher:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-of-type::before {
  background-color: transparent;
}

.cds--content-switcher-btn:focus::before,
.cds--content-switcher-btn:focus + .cds--content-switcher-btn::before,
.cds--content-switcher-btn:hover::before,
.cds--content-switcher-btn:hover + .cds--content-switcher-btn::before,
.cds--content-switcher--selected::before,
.cds--content-switcher--selected + .cds--content-switcher-btn::before {
  background-color: transparent;
}

.cds--content-switcher-btn:disabled::before,
.cds--content-switcher-btn:disabled:hover + .cds--content-switcher-btn:disabled::before {
  background-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--content-switcher-btn.cds--content-switcher--selected:disabled + .cds--content-switcher-btn::before,
.cds--content-switcher-btn.cds--content-switcher--selected:disabled:hover + .cds--content-switcher-btn::before {
  background-color: transparent;
}

.cds--content-switcher__icon {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--content-switcher__icon + span {
  margin-inline-start: 0.5rem;
}

.cds--content-switcher__label {
  z-index: 1;
  overflow: hidden;
  max-inline-size: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--content-switcher-btn:hover .cds--content-switcher__icon,
.cds--content-switcher-btn:focus .cds--content-switcher__icon {
  fill: var(--cds-icon-primary, #161616);
}

.cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover)::before,
.cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus::before,
.cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected::before,
.cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover)::before {
  z-index: 0;
  border-radius: 0;
  block-size: 100%;
  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
  box-shadow: inset 0 0 0 0.0625rem var(--cds-layer-hover);
  content: "";
  inline-size: 100%;
}
.cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover):not(.cds--content-switcher--selected)::after,
.cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
.cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover):not(.cds--content-switcher--selected)::after {
  background-color: var(--cds-focus-inset, #ffffff);
  transform: scaleY(1);
}

.cds--content-switcher-btn.cds--content-switcher--selected {
  z-index: 3;
  color: var(--cds-text-inverse, #ffffff);
}
.cds--content-switcher-btn.cds--content-switcher--selected:hover {
  background-color: transparent;
}
.cds--content-switcher-btn.cds--content-switcher--selected:disabled {
  border-radius: 0.25rem;
  background-color: var(--cds-button-disabled, #c6c6c6);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--content-switcher-btn.cds--content-switcher--selected::after {
  transform: scaleY(1);
}

.cds--content-switcher-btn.cds--content-switcher--selected .cds--content-switcher__icon {
  fill: var(--cds-icon-inverse, #ffffff);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--content-switcher-btn:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--content-switcher--icon-only {
  justify-content: flex-start;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}

.cds--content-switcher--icon-only .cds--content-switcher-btn {
  align-items: center;
  padding: 0;
  transition: none;
}
.cds--content-switcher--icon-only .cds--content-switcher-btn:focus {
  box-shadow: none;
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn:first-of-type::before {
  background-color: transparent;
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn {
  border-end-start-radius: 0.25rem;
  border-start-start-radius: 0.25rem;
  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn {
  border-end-end-radius: 0.25rem;
  border-start-end-radius: 0.25rem;
  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-inverse, #161616);
}

.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn[disabled],
.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn[disabled] {
  box-shadow: none;
}

.cds--content-switcher--lg .cds--content-switcher-btn {
  padding-inline: 0.875rem 0.875rem;
}

.cds--content-switcher--lg .cds--content-switcher-btn svg {
  block-size: 20px;
  inline-size: 20px;
}

.cds--content-switcher--icon-only .cds--content-switcher-btn svg {
  z-index: 1;
  fill: var(--cds-icon-primary, #161616);
}

.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected svg {
  z-index: 1;
  fill: var(--cds-icon-inverse, #ffffff);
}

.cds--content-switcher--icon-only.cds--content-switcher--sm .cds--btn--sm {
  block-size: 2rem;
}

.cds--content-switcher-btn:focus::before,
.cds--content-switcher-popover__wrapper:focus-within + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before,
.cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--disabled):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):not(:focus)::before,
.cds--content-switcher--selected::before,
.cds--content-switcher-popover--selected + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before {
  background-color: transparent;
}

.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled]:not(.cds--content-switcher--selected):hover,
.cds--content-switcher--icon-only .cds--content-switcher-popover--selected + .cds--content-switcher-popover--disabled .cds--content-switcher-btn[disabled]:hover::before {
  background-color: transparent;
}

.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled]:hover::before {
  background-color: var(--cds-border-subtle);
}

.cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus::before,
.cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus::before,
.cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected::before,
.cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn::before {
  z-index: 0;
  border-radius: 0;
  block-size: 100%;
  border-block-end: 0.0625rem solid var(--cds-border-inverse, #161616);
  border-block-start: 0.0625rem solid var(--cds-border-inverse, #161616);
  box-shadow: inset 0 0 0 0.0625rem var(--cds-layer-hover);
  content: "";
  inline-size: 100%;
}
.cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
.cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn:not(.cds--content-switcher--selected)::after {
  background-color: var(--cds-focus-inset, #ffffff);
  transform: scaleY(1);
}

.cds--content-switcher--low-contrast {
  background-color: var(--cds-content-switcher-background, #e0e0e0);
  outline-color: var(--cds-border-strong);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn {
  border-color: var(--cds-border-strong);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover, .cds--content-switcher--low-contrast .cds--content-switcher-btn:active {
  background-color: var(--cds-content-switcher-background-hover, #d1d1d1);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn::before {
  background-color: var(--cds-border-strong);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn::after {
  background-color: var(--cds-content-switcher-selected, #ffffff);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled {
  border-color: var(--cds-border-disabled, #c6c6c6);
  background-color: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover {
  cursor: not-allowed;
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::before {
  background: transparent;
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus::after {
  background-color: var(--cds-content-switcher-background, #e0e0e0);
  box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):focus:hover::after {
  border-color: var(--cds-border-strong);
  background-color: var(--cds-content-switcher-background-hover, #d1d1d1);
  box-shadow: none;
}

.cds--content-switcher--low-contrast:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:first-child {
  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-strong);
}

.cds--content-switcher--low-contrast:not(.cds--content-switcher--icon-only) .cds--content-switcher-btn:last-child {
  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-strong);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover)::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover)::before {
  border-color: var(--cds-border-strong);
  box-shadow: inset 0 0 0 0.0625rem var(--cds-content-switcher-background-hover, #d1d1d1);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus:has(+ .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover):not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover + .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover + .cds--content-switcher-btn.cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:has(+ .cds--content-switcher-btn:hover):not(.cds--content-switcher--selected)::after {
  background-color: var(--cds-content-switcher-background, #e0e0e0);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:hover {
  background-color: transparent;
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected::after {
  border-radius: 0.25rem;
  background-color: var(--cds-content-switcher-selected, #ffffff);
  box-shadow: inset 0 0 0 0.0625rem var(--cds-border-inverse, #161616);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:focus::after {
  box-shadow: inset 0 0 0 0.125rem var(--cds-focus, #0f62fe);
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled {
  border: 0.0625rem solid var(--cds-border-disabled, #c6c6c6);
  border-radius: 0.25rem;
  background-color: var(--cds-content-switcher-selected, #ffffff);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled::before {
  background-color: transparent;
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:focus + .cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:hover + .cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher--selected::before,
.cds--content-switcher--low-contrast .cds--content-switcher--selected + .cds--content-switcher-btn::before {
  background-color: transparent;
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover + .cds--content-switcher-btn:disabled::before {
  background-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled + .cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn.cds--content-switcher--selected:disabled:hover + .cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher-btn:disabled:hover + .cds--content-switcher-btn.cds--content-switcher--selected::before {
  background-color: transparent;
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:first-child .cds--content-switcher-btn:not([disabled]) {
  box-shadow: inset 0.0625rem 0 0 0 var(--cds-border-strong);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-popover__wrapper:last-child .cds--content-switcher-btn:not([disabled]) {
  box-shadow: inset -0.0625rem 0 0 0 var(--cds-border-strong);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn:hover svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn[disabled] svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected[disabled] svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--content-switcher--low-contrast.cds--content-switcher--icon-only .cds--content-switcher-btn.cds--content-switcher--selected:disabled {
  border-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--content-switcher--low-contrast .cds--content-switcher-btn:not(.cds--content-switcher__selected-hovered):focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:focus-within + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--disabled):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher__selected-hovered)::before,
.cds--content-switcher--low-contrast .cds--content-switcher--selected:not(.cds--content-switcher__selected-hovered)::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover--selected + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn::before {
  background-color: transparent;
}

.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected::before,
.cds--content-switcher--low-contrast .cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn::before {
  border-color: var(--cds-border-strong);
  box-shadow: inset 0 0 0 0.0625rem var(--cds-content-switcher-background-hover, #d1d1d1);
}
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:not(.cds--content-switcher--selected):hover) .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:not(.cds--content-switcher-popover--selected):hover + .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:focus:not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-popover__wrapper:hover + .cds--content-switcher-popover__wrapper .cds--content-switcher--selected:not(.cds--content-switcher--selected)::after,
.cds--content-switcher--low-contrast .cds--content-switcher-popover--selected:has(+ .cds--content-switcher-popover__wrapper .cds--content-switcher-btn:hover) .cds--content-switcher-btn:not(.cds--content-switcher--selected)::after {
  background-color: var(--cds-content-switcher-background, #e0e0e0);
}

.iot--hotspot-text-style-tab__form > * {
  padding-bottom: 1rem;
}
.iot--hotspot-text-style-tab__form .cds--number input[type=number] {
  padding-right: 5rem;
  background: var(--cds-field-02, #ffffff);
}
.iot--hotspot-text-style-tab__dropdown {
  width: 100%;
}
.iot--hotspot-text-style-tab__row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 1.5rem;
}
.iot--hotspot-text-style-tab__row .cds--dropdown__wrapper.cds--list-box__wrapper {
  width: 100%;
}
.iot--hotspot-text-style-tab__row .cds--form-item {
  min-width: 10rem;
}

.iot--hotspot-editor--text-info-message {
  display: flex;
  align-items: flex-start;
  color: var(--cds-text-secondary, #525252);
}
.iot--hotspot-editor--text-info-message svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  fill: var(--cds-icon-secondary, #525252);
  margin-right: 1rem;
}
.iot--hotspot-editor--text-info-message p {
  max-width: 22rem;
  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);
}

.iot--hotspot-text-style-tab__delete-button-container {
  display: flex;
  justify-content: flex-end;
}

.iot--dynamic-hotspot-source-picker {
  display: flex;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  align-items: flex-end;
}
.iot--dynamic-hotspot-source-picker > *:first-child {
  margin-right: 1rem;
}
.iot--dynamic-hotspot-source-picker .cds--dropdown__wrapper {
  width: 100%;
}

.iot--dynamic-hotspot-source-picker__clear-button {
  margin-left: 0.25rem !important;
  height: 2.5rem;
  margin-bottom: 0.25rem !important;
}

.iot--dynamic-hotspot-source-picker__clear-button--invisible {
  visibility: hidden;
}

.iot--icon-dropdown .cds--list-box__menu-item__option {
  margin: 0;
  padding: 0;
  border-top: none;
}
.iot--icon-dropdown .iot--icon-dropdown__item {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
.iot--icon-dropdown .iot--icon-dropdown__item-border {
  display: flex;
  align-items: center;
}
.iot--icon-dropdown .cds--list-box__label .iot--icon-dropdown__item {
  padding-left: 0;
}
.iot--icon-dropdown .cds--list-box__label .iot--icon-dropdown__item .iot--icon-dropdown__item-border {
  border-color: transparent;
}

.iot--color-dropdown__icon-sample {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  flex-shrink: 0;
}

.iot--icon-dropdown__icon-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

html[dir=rtl] .iot--icon-dropdown__icon-sample {
  margin-left: 0.75rem;
}
html[dir=rtl] .iot--icon-dropdown__item {
  padding-right: 2rem;
}
html[dir=rtl] .cds--list-box__label .iot--icon-dropdown__item {
  padding-right: 0;
}

.iot--rule-builder-wrap {
  background: var(--cds-layer-01, #f4f4f4);
  border: 1px solid var(--cds-border-subtle);
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.iot--rule-builder-wrap--header {
  border-bottom: 1px solid var(--cds-border-subtle);
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.iot--rule-builder-wrap--header .iot--card--toolbar-svg-wrapper {
  height: 2rem;
  width: 2rem;
}
.iot--rule-builder-wrap--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);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.iot--rule-builder-wrap--header-metatext {
  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);
}
.iot--rule-builder-wrap--header div:first-child {
  align-self: center;
}
.iot--rule-builder-wrap--header div:last-child {
  align-items: center;
  display: flex;
}
.iot--rule-builder-wrap--header-actions-save {
  margin-left: 0.5rem;
}
.iot--rule-builder-wrap--body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1rem;
}
.iot--rule-builder-wrap--body .cds--tabs {
  border-bottom: 2px solid #e0e0e0;
}
.iot--rule-builder-wrap--body .cds--tab-content {
  flex: 1;
  padding-top: 1.5rem;
  padding-right: 6rem;
}
.iot--rule-builder-wrap--body .cds--accordion {
  padding-top: 0;
}
.iot--rule-builder-wrap--body .cds--accordion__item {
  border-top: 0;
  border-bottom: 1px solid var(--cds-border-subtle);
}
.iot--rule-builder-wrap--body .cds--accordion__item--active {
  border-bottom: 0;
}
.iot--rule-builder-wrap--body .cds--accordion__item--active .cds--accordion__content {
  border-top: 1px solid var(--cds-border-subtle);
  padding: 1rem 0;
}
.iot--rule-builder-wrap--body .iot--filtertags-container {
  position: relative;
}
.iot--rule-builder-wrap--body .iot--filtertags-overflow-menu {
  position: relative;
  bottom: 0;
}
.iot--rule-builder-wrap--body .cds--accordion__heading {
  padding: 1.5rem 0;
}
.iot--rule-builder-wrap--body .cds--accordion__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);
  margin-left: 0;
}
.iot--rule-builder-wrap--tabs {
  border-bottom: 2px solid #e0e0e0;
  width: 100%;
}
.iot--rule-builder-wrap--tabs .iot--rule-builder--tab {
  width: auto;
}
.iot--rule-builder-wrap--tabs .iot--rule-builder--tab:not(.cds--tabs__nav-item--selected), .iot--rule-builder-wrap--tabs .iot--rule-builder--tab:not(:hover) {
  border-bottom: none;
}
.iot--rule-builder-wrap--tabs + .cds--tab-content {
  padding-top: 1.5rem;
  padding-right: 6rem;
}
.iot--rule-builder-wrap--footer {
  border-top: 1px solid var(--cds-border-subtle);
  display: flex;
  justify-content: flex-end;
  margin: auto 0 0;
  padding: 1rem;
}
.iot--rule-builder-wrap--footer .iot--btn:not(:last-child) {
  margin-right: 0.5rem;
}
.iot--rule-builder-wrap--title-input {
  margin-bottom: 1.5rem;
}
.iot--rule-builder-wrap--tag-container {
  height: 0;
  padding-left: 0.25rem;
  display: inline-block;
  position: absolute;
  bottom: 38px;
}
.iot--rule-builder-wrap--user-list > li > span {
  flex: 1;
}
.iot--rule-builder-wrap--user-list__item, .iot--rule-builder-wrap--user-list__header {
  display: flex;
  flex-direction: row;
  padding: 0.25rem 0.75rem;
  justify-content: flex-start;
  align-items: center;
}
.iot--rule-builder-wrap--user-list__header {
  background-color: var(--cds-border-subtle);
  font-weight: bold;
}
.iot--rule-builder-wrap--user-container {
  display: grid;
  padding: 1.5rem 0;
  align-items: center;
  grid-template-columns: auto auto;
  grid-row-start: 3;
  -moz-column-gap: 6rem;
       column-gap: 6rem;
}

.iot--map-legend {
  max-width: 50%;
  background: var(--cds-layer-02, #ffffff);
  bottom: 1rem;
  left: 1rem;
  padding: 1rem;
  position: absolute;
  z-index: 2;
  opacity: 0.8;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}
[dir=rtl] .iot--map-legend {
  left: unset;
  right: 1rem;
}
.iot--map-legend--increased-margin {
  bottom: 2rem;
  left: 2rem;
}
[dir=rtl] .iot--map-legend--increased-margin {
  left: unset;
  right: 2rem;
}
.iot--map-legend--fullwidth {
  height: 6.5rem;
  transition: width 110ms cubic-bezier(0, 0, 0.38, 0.9);
  max-width: unset;
  bottom: 0;
  display: flex;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0.5rem;
  padding-bottom: 0.25rem;
}
.iot--map-legend--fullwidth .iot--map-legend__keys-container {
  overflow-x: auto;
}
.iot--map-legend--fullwidth .iot--map-legend__keys-container .iot--map-legend-keys {
  margin-bottom: 0;
}
.iot--map-legend--fullwidth .iot--map-legend__keys-container > .iot--map-legend-keys:not(:last-child) {
  margin-right: 0.5rem;
}
[dir=rtl] .iot--map-legend--fullwidth {
  right: 0;
}
.iot--map-legend--fullwidth-collapsed {
  width: 3rem;
}
[dir=rtl] .iot--map-legend.iot--map-legend--fullwidth .iot--map-legend__keys-container > .iot--map-legend-keys:not(:last-child) {
  margin-left: 0.5rem;
  margin-right: unset;
}
[dir=rtl] .iot--map-legend__collapse-btn {
  margin-left: 0.25rem;
  margin-right: 0;
}
.iot--map-legend__collapse-btn {
  margin-right: 0.25rem;
  margin-bottom: 2.5rem;
}
.iot--map-legend__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);
  padding-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.iot--map-legend-content {
  display: flex;
  flex-direction: column;
  width: calc(100% - 3rem);
}
.iot--map-legend--fullwidth-collapsed .iot--map-legend__keys-container {
  overflow-x: hidden;
}
.iot--map-legend__keys-container {
  display: flex;
  padding-bottom: 0.25rem;
}
.iot--map-legend-keys {
  display: flex;
  margin-bottom: 0.75rem;
}
.iot--map-legend-keys-color {
  height: 1rem;
  margin-right: 0.5rem;
  width: 1rem;
  flex-shrink: 0;
}
[dir=rtl] .iot--map-legend-keys-color {
  margin-left: 0.5rem;
  margin-right: unset;
}
.iot--map-legend-keys-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.iot--map-zoom {
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: column;
  z-index: 2;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}
.iot--map-zoom > *:first-child {
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}

.iot--map-scroll-controls__container {
  margin-bottom: 1rem;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}
.iot--map-scroll-controls__scroll-area {
  display: flex;
  flex-direction: column;
  height: var(--scroll-area-height);
  overflow-y: hidden;
}
.iot--map-scroll-controls__btn {
  background: white !important;
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--map-scroll-controls__scroll-btn {
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--map-scroll-controls__scroll-btn:disabled, .iot--map-scroll-controls__scroll-btn:disabled:hover {
  background: white;
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--map-scroll-controls__scroll-btn:disabled:last-child, .iot--map-scroll-controls__scroll-btn:disabled:hover:last-child {
  border-bottom: inherit;
}
.iot--map-scroll-controls__scroll-btn:last-child {
  border-bottom: none;
}
.iot--map-scroll-controls__gradient {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 1.5rem;
  margin-top: -0.1rem;
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 70%, rgba(255, 255, 255, 0) 100%);
}
.iot--map-scroll-controls__gradient--flipped {
  margin-top: calc(1.5rem * -1);
  background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 70%, rgba(255, 255, 255, 0) 100%);
}

.iot--map-card-content.iot--card--content--expanded {
  overflow: hidden;
}
.iot--map__container {
  position: relative;
  height: calc(100% + 1rem);
  width: calc(100% + 1rem + 1rem);
  transform: translateX(-1rem);
  transition: width 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.iot--map__container canvas {
  min-height: 100%;
}
.iot--map-settings {
  opacity: 0;
  left: 100%;
  top: 0;
  position: absolute;
  z-index: 2;
  background: #fff;
  width: 256px;
  height: 100%;
  transform: translateX(0%);
  transition: opacity 110ms cubic-bezier(0, 0, 0.38, 0.9), transform 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
[dir=rtl] .iot--map-settings {
  left: unset;
  right: 100%;
}
.iot--map-settings-header {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0.25rem 0.5rem 0.25rem 1rem;
}
[dir=rtl] .iot--map-settings-header {
  padding: 0.25rem 1rem 0.25rem 0.5rem;
}
.iot--map-settings-header__title {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  margin-right: auto;
}
[dir=rtl] .iot--map-settings-header__title {
  margin-left: auto;
  margin-right: unset;
}
.iot--map__container--open {
  width: calc(100% - 256px);
}
.iot--map__container--open-legend.iot--map-legend--fullwidth {
  width: calc(100% - 256px);
}
.iot--map-settings--open {
  opacity: 1;
  transform: translateX(-100%);
}
[dir=rtl] .iot--map-settings--open {
  transform: translateX(100%);
}
.iot--map-controls {
  transition: bottom 110ms cubic-bezier(0, 0, 0.38, 0.9);
  display: flex;
  flex-direction: column;
  position: absolute;
  justify-content: space-between;
  z-index: 2;
  right: 1rem;
  top: 1rem;
  bottom: 1rem;
}
.iot--map-controls--has-increased-margins {
  right: 2rem;
  top: 2rem;
  bottom: 2rem;
}
.iot--map-controls--has-increased-margins.iot--map-controls--has-fullwidth-legend {
  bottom: 8.5rem;
}
.iot--map-controls--has-fullwidth-legend {
  bottom: 7.5rem;
  transition: bottom 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
[dir=rtl] .iot--map-controls {
  left: 1rem;
  right: unset;
}
[dir=rtl] .iot--map-controls--has-increased-margins {
  left: 2rem;
}
.iot--map-controls__container {
  display: flex;
  flex-direction: column;
}
.iot--map-controls__container--has-layers {
  padding-top: 3.5rem;
}
.iot--map-controls-btn-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.iot--map-controls-btn {
  background: #fff !important;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}
.iot--map-controls-btn:not(:last-child):not(.iot--btn-icon-selection--selected) {
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--map-controls-layers {
  position: absolute;
  top: 0;
}
.iot--map-controls-layers-trigger {
  background-color: white !important;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  margin-bottom: 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.iot--map-controls-layers--open .iot--map-controls-layers-trigger:not(:hover)::before, .iot--map-controls-layers--open .iot--map-controls-layers-trigger:not(:hover) .cds--assistive-text {
  visibility: hidden;
}
.iot--map-controls-layers-trigger svg.iot--map-controls-layers-trigger__caret {
  fill: var(--cds-icon-primary, #161616) !important;
  transform: rotate(45deg);
  bottom: -1px;
  left: -1px;
  position: absolute;
}
.iot--map-controls-layers-wrapper {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  flex-direction: row-reverse;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  opacity: 0;
  overflow: hidden;
  transition: opacity 110ms cubic-bezier(0, 0, 0.38, 0.9), transform 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.iot--map-controls-layers--open .iot--map-controls-layers-wrapper {
  opacity: 1;
  overflow: visible;
  max-width: 100vw;
  transform: translateX(-2rem);
}
.iot--card--content--expanded .iot--map-controls-layers--open .iot--map-controls-layers-wrapper {
  transform: translateX(-2.5rem);
}
[dir=rtl] .iot--map-controls-layers-wrapper {
  left: 0;
  right: unset;
}
[dir=rtl] .iot--map-controls-layers--open .iot--map-controls-layers-wrapper {
  transform: translateX(calc(-1 * -2rem));
}
.iot--card--content--expanded [dir=rtl] .iot--map-controls-layers--open .iot--map-controls-layers-wrapper {
  transform: translateX(calc(-1 * -2.5rem));
}
[dir=rtl] .iot--card--content--expanded .iot--map-controls-layers--open .iot--map-controls-layers-wrapper {
  transform: translateX(calc(-1 * -2.5rem));
}
.iot--map-controls-layers-btn {
  background-color: white !important;
}
.iot--map-controls-layers-btn:not(.iot--btn-icon-selection--selected) {
  border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
[dir=rtl] .iot--map-controls-layers-btn:not(.iot--btn-icon-selection--selected) {
  border-left: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  border-right: none;
}

.drag-panel {
  position: absolute;
  z-index: 3;
  opacity: 0.8;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  cursor: move;
  padding: 1rem;
  background: var(--cds-layer-02, #ffffff);
}

.iot--map .mapboxgl-canvas-container {
  height: 100%;
}

#map {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  min-height: 500px;
}

.ol-viewport {
  z-index: 1;
}

.iot-add-card {
  border: 1px solid transparent;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--cds-layer-01, #f4f4f4);
  min-height: 8rem;
  min-width: 8.5rem;
  max-width: 18.75rem;
  max-height: 15.625rem;
}
.iot-add-card svg {
  margin: auto 0 0 auto;
}

.iot-addcard-title {
  color: var(--cds-text-primary, #161616);
}

.cds--accordion {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--accordion *,
.cds--accordion *::before,
.cds--accordion *::after {
  box-sizing: inherit;
}
.cds--accordion {
  inline-size: 100%;
  list-style: none;
}

.cds--accordion__item {
  display: list-item;
  overflow: visible;
  border-block-start: 1px solid var(--cds-border-subtle);
  transition: border-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}
.cds--accordion__item:last-child {
  border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--accordion__item:not(.cds--accordion__item--active):hover, .cds--accordion__item:not(.cds--accordion__item--active):hover + .cds--accordion__item {
  border-block-start-color: var(--cds-layer-hover);
}
.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover {
  border-block-end-color: var(--cds-layer-hover);
}

.cds--accordion__heading {
  transition: background-color cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--accordion__heading *,
.cds--accordion__heading *::before,
.cds--accordion__heading *::after {
  box-sizing: inherit;
}
.cds--accordion__heading::-moz-focus-inner {
  border: 0;
}
.cds--accordion__heading {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  inline-size: 100%;
  min-block-size: var(--cds-layout-size-height-local);
  padding-inline-end: var(--cds-layout-density-padding-inline-local);
}
.cds--accordion__heading:hover {
  background-color: var(--cds-layer-hover);
  outline: none;
}
.cds--accordion__heading:focus {
  position: relative;
  z-index: 2;
  box-shadow: 0 -1px 0 0 var(--cds-focus, #0f62fe), inset 0 1px 0 0 var(--cds-focus, #0f62fe), inset 2px 0 0 0 var(--cds-focus, #0f62fe), 0 1px 0 0 var(--cds-focus, #0f62fe), inset 0 -1px 0 0 var(--cds-focus, #0f62fe), inset -2px 0 0 0 var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--accordion__heading[disabled] {
  background-color: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--accordion__heading[disabled] .cds--accordion__arrow {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--accordion__heading[disabled]:hover::before {
  background-color: transparent;
}

.cds--accordion__item--disabled,
.cds--accordion__item--disabled + .cds--accordion__item {
  border-block-start: 1px solid var(--cds-border-subtle);
}

li.cds--accordion__item--disabled:last-of-type {
  border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--accordion__arrow {
  outline: 2px solid transparent;
  outline-offset: -2px;
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--accordion__arrow {
  flex: 0 0 1rem;
  block-size: 1rem;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1rem;
  transform: rotate(-270deg) /*rtl:ignore*/;
}

.cds--accordion__title {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}
.cds--accordion__title {
  z-index: 1;
  inline-size: 100%;
  padding-inline-start: 1rem;
  text-align: start;
}

.cds--accordion__wrapper {
  display: none;
  overflow: hidden;
  padding: 0;
  max-block-size: 0;
  opacity: 0;
  transition: all 110ms cubic-bezier(0, 0, 0.38, 0.9) allow-discrete;
  writing-mode: horizontal-tb;
}

.cds--accordion__content {
  padding-inline: var(--cds-layout-density-padding-inline-local);
}
@media (min-width: 480px) {
  .cds--accordion__content {
    padding-inline-end: 3rem;
  }
}
@media (min-width: 640px) {
  .cds--accordion__content {
    padding-inline-end: 25%;
  }
}
.cds--accordion__content > p {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.cds--accordion--start .cds--accordion__heading {
  flex-direction: row;
}

.cds--accordion--start .cds--accordion__arrow {
  margin: 2px 0 0 var(--cds-layout-density-padding-inline-local);
}

.cds--accordion--start .cds--accordion__title {
  margin-inline-end: 1rem;
}

.cds--accordion--start .cds--accordion__content {
  margin-inline-start: calc(var(--cds-layout-density-padding-inline-local) + 1rem);
}

.cds--accordion__item--collapsing .cds--accordion__content,
.cds--accordion__item--expanding .cds--accordion__content {
  display: block;
}

.cds--accordion__item--active {
  overflow: visible;
}
.cds--accordion__item--active > .cds--accordion__wrapper {
  display: block;
  overflow: visible;
  max-block-size: -moz-fit-content;
  max-block-size: fit-content;
  opacity: 1;
  padding-block: 0.5rem;
  padding-block-end: 1.5rem;
}
.cds--accordion__item--active > .cds--accordion__heading > .cds--accordion__arrow {
  fill: var(--cds-icon-primary, #161616);
  transform: rotate(-90deg) /*rtl:ignore*/;
}

/** starting style also not supported widely
  * https://caniuse.com/mdn-css_at-rules_starting-style
  */
/* Needs to be after the previous accordion__item--active rule
   to take effect, as the specificity is the same */
@starting-style {
  .cds--accordion__item--active > .cds--accordion__wrapper {
    padding: 0;
    max-block-size: 0;
    opacity: 0;
  }
}
.cds--accordion--flush .cds--accordion__item {
  position: relative;
  border-color: transparent;
}
.cds--accordion--flush .cds--accordion__item:last-child, .cds--accordion--flush .cds--accordion__item:hover, .cds--accordion--flush .cds--accordion__item:last-child:hover, .cds--accordion--flush .cds--accordion__item:hover + .cds--accordion__item {
  border-color: transparent;
}
.cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
  position: absolute;
  display: block;
  block-size: 1px;
  content: "";
  inline-size: calc(100% - 1rem - 1rem);
  margin-inline-start: 1rem;
  transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--accordion--flush .cds--accordion__item::before, .cds--accordion--flush .cds--accordion__item::after {
    transition: none;
  }
}
.cds--accordion--flush .cds--accordion__item::before {
  background: var(--cds-border-subtle);
  inset-block-start: -1px;
}
.cds--accordion--flush .cds--accordion__item:last-child::after {
  background: var(--cds-border-subtle);
  inset-block-end: -1px;
}

.cds--accordion--flush .cds--accordion__heading:hover {
  position: relative;
  z-index: 1;
}
.cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
  position: absolute;
  display: block;
  background: var(--cds-layer-hover);
  block-size: 1px;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  transition: background cubic-bezier(0.2, 0, 0.38, 0.9) 110ms;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--accordion--flush .cds--accordion__heading:hover::before, .cds--accordion--flush .cds--accordion__heading:hover::after {
    transition: none;
  }
}
.cds--accordion--flush .cds--accordion__heading:hover::before {
  inset-block-start: -1px;
}
.cds--accordion--flush .cds--accordion__heading:hover::after {
  inset-block-end: -1px;
}
.cds--accordion--flush .cds--accordion__heading:hover:focus::after, .cds--accordion--flush .cds--accordion__heading:hover:focus::before {
  background: none;
}

.cds--accordion.cds--skeleton .cds--accordion__heading,
.cds--accordion.cds--skeleton .cds--accordion__button {
  cursor: default;
}

.cds--accordion.cds--skeleton .cds--accordion__arrow {
  cursor: default;
  fill: var(--cds-icon-primary, #161616);
  pointer-events: none;
}
.cds--accordion.cds--skeleton .cds--accordion__arrow:hover, .cds--accordion.cds--skeleton .cds--accordion__arrow:focus, .cds--accordion.cds--skeleton .cds--accordion__arrow:active {
  border: none;
  cursor: default;
  outline: none;
}

.cds--accordion.cds--skeleton .cds--accordion__heading:hover::before,
.cds--accordion.cds--skeleton .cds--accordion__heading:hover {
  background-color: transparent;
}

.cds--accordion--end.cds--skeleton .cds--accordion__arrow {
  margin-inline-start: 1rem;
}

.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow {
  border: none;
  cursor: default;
  outline: none;
}

.cds--accordion__title.cds--skeleton__text {
  margin-block-end: 0;
}

.cds--accordion.cds--skeleton .cds--accordion__title {
  margin-inline-start: 1rem;
}

[dir=rtl] .cds--accordion--start .cds--accordion__heading {
  padding-inline: var(--cds-layout-density-padding-inline-local) 0;
}

[dir=rtl] .cds--accordion--start .cds--accordion__title {
  margin-inline-end: 0;
  padding-inline-start: 0;
}

[dir=rtl] .cds--accordion__title {
  margin: 0 1rem 0 0;
  text-align: right;
}

[dir=rtl] .cds--accordion__arrow {
  margin: 0.125rem 0 0 1rem;
}

.iot--bar-chart-container {
  width: 100%;
  height: 100%;
}
.iot--bar-chart-container--expanded {
  padding: 0 1rem 1rem;
  position: absolute;
  width: 100%;
  height: 55%;
}
.iot--bar-chart-container--editable .cds--cc--tooltip {
  display: none;
}
.iot--bar-chart-container--editable .cds--cc--ruler line.ruler-line {
  display: none;
}
.iot--bar-chart-container .chart-holder {
  width: 100%;
  padding-top: 0.25rem;
}
.iot--bar-chart-container .axis-title {
  font-weight: 500;
}
.iot--bar-chart-container .cds--cc--chart-svg {
  width: 100%;
  height: 100%;
}

.iot--btn .cds--loading {
  margin-bottom: -1rem;
  margin-right: 0.5rem;
}
[dir=rtl] .iot--btn .cds--loading {
  margin-right: 0;
  margin-left: 0.5rem;
}
.iot--btn .cds--loading__stroke {
  stroke: #8d8d8d;
}

.iot--btn.cds--btn.cds--btn--ghost.cds--btn--icon-only:not(.iot--btn-icon-selection--selected).iot--btn-icon-selection--recommended {
  border: 1px solid var(--cds-support-success, #24a148);
}

.iot--btn:not(.iot--btn-icon-selection--selected) .iot--btn-icon-selection--recommended_marker {
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0.75rem 0 0 0.75rem;
  border-style: solid;
  border-color: var(--cds-support-success, #24a148) transparent;
}

.iot--btn.cds--btn--field:not(.iot--btn-icon-selection--selected) .iot--btn-icon-selection--recommended_marker {
  border-width: 0.5rem 0 0 0.5rem;
}

.iot--btn.cds--btn--sm:not(.iot--btn-icon-selection--selected) .iot--btn-icon-selection--recommended_marker {
  border-width: 0.25rem 0 0 0.25rem;
}

.iot--btn-icon-selection--selected {
  border-color: var(--cds-focus, #0f62fe);
}

.iot--btn.cds--btn.cds--btn--ghost.cds--btn--icon-only.iot--btn-icon-selection svg path {
  fill: var(--cds-icon-primary, #161616);
  outline-color: transparent;
}

.iot--btn.cds--btn.cds--btn--ghost.cds--btn--icon-only.iot--btn-icon-selection.iot--btn-icon-selection--selected svg path {
  fill: var(--cds-button-primary, #0f62fe);
  outline-color: transparent;
}

[dir=rtl] .iot--btn:not(.cds--btn--icon-only) {
  text-align: right;
  /* stylelint-disable-next-line declaration-property-unit-disallowed-list, copied from carbon and inverted */
}
[dir=rtl] .cds--btn .cds--btn__icon {
  left: 1rem;
  right: initial;
}
[dir=rtl] .cds--btn-set .cds--btn:last-of-type:not(:focus) {
  box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
}

.cds--btn--tertiary--light {
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}
.cds--btn--tertiary--light:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}
.cds--btn--tertiary--light:focus {
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}
.cds--btn--tertiary--light:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}
.cds--btn--tertiary--light .cds--btn__icon,
.cds--btn--tertiary--light .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: #ffffff;
}
.cds--btn--tertiary--light:focus {
  border-color: #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff, inset 0 0 0 2px var(--cds-background-active, rgba(141, 141, 141, 0.5));
}
.cds--btn--tertiary--light:hover, .cds--btn--tertiary--light:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  border-color: #ffffff;
}

.cds--overflow-menu,
.cds--overflow-menu__trigger {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 2.5rem;
  cursor: pointer;
  inline-size: 2.5rem;
  min-block-size: 2.5rem;
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--overflow-menu *,
.cds--overflow-menu *::before,
.cds--overflow-menu *::after,
.cds--overflow-menu__trigger *,
.cds--overflow-menu__trigger *::before,
.cds--overflow-menu__trigger *::after {
  box-sizing: inherit;
}
.cds--overflow-menu::-moz-focus-inner,
.cds--overflow-menu__trigger::-moz-focus-inner {
  border: 0;
}
.cds--overflow-menu *,
.cds--overflow-menu *::before,
.cds--overflow-menu *::after,
.cds--overflow-menu__trigger *,
.cds--overflow-menu__trigger *::before,
.cds--overflow-menu__trigger *::after {
  box-sizing: inherit;
}
.cds--overflow-menu:focus,
.cds--overflow-menu__trigger:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--overflow-menu:focus,
  .cds--overflow-menu__trigger:focus {
    outline-style: dotted;
  }
}
.cds--overflow-menu:hover,
.cds--overflow-menu__trigger:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.cds--overflow-menu > :first-child {
  margin-block-start: 0;
}

.cds--overflow-menu--xs {
  block-size: 1.5rem;
  inline-size: 1.5rem;
  min-block-size: 1.5rem;
}

.cds--overflow-menu--sm {
  block-size: 2rem;
  inline-size: 2rem;
  min-block-size: 2rem;
}

.cds--overflow-menu--lg {
  block-size: 3rem;
  inline-size: 3rem;
}

.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus {
    outline-style: dotted;
  }
}
.cds--overflow-menu__trigger.cds--tooltip--a11y.cds--tooltip__trigger:focus svg {
  outline: none;
}

.cds--overflow-menu.cds--overflow-menu--open,
.cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  background-color: var(--cds-layer);
  transition: none;
}

.cds--overflow-menu--light.cds--overflow-menu--open,
.cds--overflow-menu--light.cds--overflow-menu--open .cds--overflow-menu__trigger {
  background-color: var(--cds-layer);
}

.cds--overflow-menu__icon {
  block-size: 1rem;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1rem;
}

.cds--overflow-menu__wrapper {
  line-height: 0;
}

.cds--overflow-menu-options {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  position: absolute;
  z-index: 6000;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--cds-layer);
  inline-size: 10rem;
  inset-block-start: 2rem;
  inset-inline-start: 0;
  list-style: none;
}
.cds--overflow-menu-options *,
.cds--overflow-menu-options *::before,
.cds--overflow-menu-options *::after {
  box-sizing: inherit;
}
.cds--overflow-menu-options::after {
  position: absolute;
  display: block;
  background-color: var(--cds-layer);
  content: "";
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--overflow-menu-options::after {
    transition: none;
  }
}

.cds--overflow-menu.cds--overflow-menu--open:hover {
  background-color: var(--cds-layer);
}

.cds--overflow-menu-options--light {
  background-color: var(--cds-layer-hover);
}
.cds--overflow-menu-options--light::after {
  background-color: var(--cds-layer);
}

.cds--overflow-menu.cds--overflow-menu--light.cds--overflow-menu--open:hover {
  background-color: var(--cds-layer-hover);
}

.cds--overflow-menu-options[data-floating-menu-direction=bottom]:not(.cds--breadcrumb-menu-options)::after {
  block-size: 0.1875rem;
  inline-size: 2.5rem;
  inset-block-start: -0.1875rem;
  inset-inline-start: 0;
}

.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
  block-size: 0.5rem;
  inline-size: 2.5rem;
  inset-block-end: -0.5rem;
  inset-inline-start: 0;
}

.cds--overflow-menu-options[data-floating-menu-direction=left]::after {
  block-size: 2.5rem;
  inline-size: 0.375rem;
  inset-block-start: 0;
  inset-inline-end: -0.375rem;
}

.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
  block-size: 2.5rem;
  inline-size: 0.375rem;
  inset-block-start: 0;
  inset-inline-start: -0.375rem;
}

.cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
  inline-size: 1.5rem;
}
.cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--xs.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
  block-size: 1.5rem;
}

.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
  inline-size: 2rem;
}
.cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--sm.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
  block-size: 2rem;
}

.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after, .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=top]::after {
  inline-size: 3rem;
}
.cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=left]::after, .cds--overflow-menu-options--lg.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
  block-size: 3rem;
}

.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=top]::after,
.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
  inset-inline: auto 0;
}

.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=left]::after,
.cds--overflow-menu--flip.cds--overflow-menu-options[data-floating-menu-direction=right]::after {
  inset-block: auto 0;
}

.cds--overflow-menu-options--open {
  display: flex;
}

.cds--overflow-menu-options__content {
  inline-size: 100%;
}

.cds--overflow-menu-options__option {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  align-items: center;
  padding: 0;
  background-color: transparent;
  block-size: 2.5rem;
  inline-size: 100%;
  transition: background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--overflow-menu-options__option *,
.cds--overflow-menu-options__option *::before,
.cds--overflow-menu-options__option *::after {
  box-sizing: inherit;
}

.cds--overflow-menu-options--xs .cds--overflow-menu-options__option {
  block-size: 1.5rem;
}

.cds--overflow-menu-options--sm .cds--overflow-menu-options__option {
  block-size: 2rem;
}

.cds--overflow-menu-options--lg .cds--overflow-menu-options__option {
  block-size: 3rem;
}

.cds--overflow-menu--divider {
  border-block-start: 1px solid var(--cds-border-subtle);
}

.cds--overflow-menu--light .cds--overflow-menu--divider {
  border-block-start: 1px solid var(--cds-border-subtle);
}

a.cds--overflow-menu-options__btn::before {
  display: inline-block;
  block-size: 100%;
  content: "";
  vertical-align: middle;
}

.cds--overflow-menu-options__btn {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: inline-flex;
  align-items: center;
  padding: 0 1rem;
  border: none;
  background-color: transparent;
  block-size: 100%;
  color: var(--cds-text-secondary, #525252);
  cursor: pointer;
  font-family: inherit;
  font-weight: 400;
  inline-size: 100%;
  max-inline-size: 11.25rem;
  text-align: start;
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9), color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--overflow-menu-options__btn:hover {
  color: var(--cds-text-primary, #161616);
}
.cds--overflow-menu-options__btn:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--overflow-menu-options__btn:focus {
    outline-style: dotted;
  }
}
.cds--overflow-menu-options__btn::-moz-focus-inner {
  border: none;
}

.cds--overflow-menu-options__btn svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--overflow-menu-options__btn:hover svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--overflow-menu-options__option-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--overflow-menu-options__option:hover {
  background-color: var(--cds-layer-hover);
}

.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover,
.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus {
  background-color: var(--cds-button-danger-primary, #da1e28);
  color: var(--cds-text-on-color, #ffffff);
}
.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:hover svg,
.cds--overflow-menu-options__option--danger .cds--overflow-menu-options__btn:focus svg {
  fill: currentColor;
}

.cds--overflow-menu-options__option--disabled:hover {
  background-color: var(--cds-layer);
  cursor: not-allowed;
}

.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:hover, .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:active, .cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn:focus {
  outline: 2px solid transparent;
  outline-offset: -2px;
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--overflow-menu-options__option--disabled .cds--overflow-menu-options__btn svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--overflow-menu--flip {
  inset-inline-start: -140px;
}
.cds--overflow-menu--flip::before {
  inset-inline-start: 145px;
}

/* stylelint-disable */
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--overflow-menu:focus,
  .cds--overflow-menu-options__btn:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

/*stylelint-enable */
.cds--overflow-menu__top-start {
  transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
}

.cds--overflow-menu__top-end {
  transform: translate(0, calc(-100% - var(--cds-popover-offset, 2.5rem)));
}

.cds--breadcrumb {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: inline;
}
.cds--breadcrumb *,
.cds--breadcrumb *::before,
.cds--breadcrumb *::after {
  box-sizing: inherit;
}
@media (min-width: 42rem) {
  .cds--breadcrumb {
    display: flex;
    flex-wrap: wrap;
  }
}

.cds--breadcrumb--sm {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--breadcrumb .cds--link {
  font: inherit;
}

.cds--breadcrumb-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-inline-end: 0.5rem;
}

.cds--breadcrumb--sm .cds--breadcrumb-item {
  margin-inline-end: 0.25rem;
}

.cds--breadcrumb--sm .cds--breadcrumb-item .cds--link {
  justify-content: center;
  min-inline-size: 0.75rem;
}

.cds--breadcrumb-item .cds--link:visited {
  color: var(--cds-link-primary, #0f62fe);
}
.cds--breadcrumb-item .cds--link:visited:hover {
  color: var(--cds-link-primary-hover, #0043ce);
}

.cds--breadcrumb-item .cds--link:active,
.cds--breadcrumb-item .cds--link:visited:active:hover {
  color: var(--cds-text-primary, #161616);
}

.cds--breadcrumb-item::after {
  color: var(--cds-text-primary, #161616);
  content: "/";
  margin-inline-start: 0.5rem;
}

.cds--breadcrumb--sm .cds--breadcrumb-item::after {
  margin-inline-start: 0.25rem;
}

.cds--breadcrumb--no-trailing-slash .cds--breadcrumb-item:last-child::after {
  content: "";
}

.cds--breadcrumb-item:last-child,
.cds--breadcrumb-item:last-child::after {
  margin-inline-end: 0;
}

.cds--breadcrumb .cds--link {
  white-space: nowrap;
}

.cds--breadcrumb-item [aria-current=page],
.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link {
  color: var(--cds-text-primary, #161616);
  cursor: auto;
}
.cds--breadcrumb-item [aria-current=page]:hover,
.cds--breadcrumb-item.cds--breadcrumb-item--current .cds--link:hover {
  text-decoration: none;
}

.cds--breadcrumb-item .cds--overflow-menu {
  position: relative;
  block-size: 1.125rem;
  inline-size: 1rem;
}
.cds--breadcrumb-item .cds--overflow-menu:focus {
  border: none;
  box-shadow: none;
  outline: 1px solid var(--cds-focus, #0f62fe);
  outline-offset: 0;
}
.cds--breadcrumb-item .cds--overflow-menu:hover {
  background: transparent;
}
.cds--breadcrumb-item .cds--overflow-menu:hover::after {
  background: var(--cds-link-primary-hover, #0043ce);
}
.cds--breadcrumb-item .cds--overflow-menu:active::after {
  background: var(--cds-text-primary, #161616);
}
.cds--breadcrumb-item .cds--overflow-menu:focus::after, .cds--breadcrumb-item .cds--overflow-menu:hover::after {
  opacity: 1;
}
.cds--breadcrumb-item .cds--overflow-menu::after {
  position: absolute;
  background: var(--cds-focus, #0f62fe);
  block-size: 1px;
  content: "";
  inline-size: 0.75rem;
  inset-block-end: 2px;
  opacity: 0;
  transition: opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--breadcrumb-item .cds--overflow-menu::after {
    transition: none;
  }
}

.cds--breadcrumb-item .cds--overflow-menu.cds--overflow-menu--open {
  background: transparent;
  box-shadow: none;
}

.cds--breadcrumb-item .cds--overflow-menu .cds--overflow-menu__icon {
  position: relative;
  fill: var(--cds-link-primary, #0f62fe);
  transform: translateY(4px);
}

.cds--breadcrumb-item .cds--overflow-menu:hover .cds--overflow-menu__icon {
  fill: var(--cds-link-primary-hover, #0043ce);
}

.cds--breadcrumb-item .cds--overflow-menu:active .cds--overflow-menu__icon {
  fill: var(--cds-icon-primary, #161616);
}

.cds--breadcrumb-menu-options:focus {
  outline: none;
}

.cds--breadcrumb-menu-options.cds--overflow-menu-options::after {
  margin: 0 auto;
  background: transparent;
  block-size: 0;
  border-block-end: 0.4375rem solid var(--cds-field);
  border-inline-end: 0.4375rem solid transparent;
  border-inline-start: 0.4375rem solid transparent;
  inline-size: 0;
  inset-block-start: -0.4375rem;
  inset-inline-start: 0.875rem;
}

[dir=rtl] .cds--breadcrumb-menu-options.cds--overflow-menu-options::after {
  inset-inline-end: 0.875rem;
  inset-inline-start: initial;
}

.cds--breadcrumb .cds--overflow-menu.cds--btn--icon-only {
  min-block-size: 1.125rem;
  padding-inline: 0;
}

.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu {
  block-size: 1rem;
  inline-size: 1rem;
  min-block-size: 1rem;
}
.cds--breadcrumb--sm .cds--breadcrumb-item .cds--overflow-menu .cds--overflow-menu__icon {
  transform: translateY(3px);
}

.cds--breadcrumb.cds--skeleton .cds--link {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 1rem;
  inline-size: 6.25rem;
}
.cds--breadcrumb.cds--skeleton .cds--link:hover, .cds--breadcrumb.cds--skeleton .cds--link:focus, .cds--breadcrumb.cds--skeleton .cds--link:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--breadcrumb.cds--skeleton .cds--link::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--breadcrumb.cds--skeleton .cds--link::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--breadcrumb.cds--skeleton .cds--link {
    background: CanvasText;
  }
  .cds--breadcrumb.cds--skeleton .cds--link::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--link {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: inline-flex;
  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
  outline: none;
  text-decoration: none;
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--link *,
.cds--link *::before,
.cds--link *::after {
  box-sizing: inherit;
}
.cds--link:hover {
  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
  text-decoration: underline;
}
.cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
  outline: 1px solid var(--cds-focus, #0f62fe);
  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
  text-decoration: underline;
}
@media screen and (prefers-contrast) {
  .cds--link:active:not(.cds--link--disabled), .cds--link:active:visited, .cds--link:active:visited:hover {
    outline-style: dotted;
  }
}
.cds--link:focus:not(.cds--link--disabled) {
  outline: 1px solid var(--cds-focus, #0f62fe);
  outline-color: var(--cds-link-focus-text-color, var(--cds-focus, #0f62fe));
  text-decoration: underline;
}
@media screen and (prefers-contrast) {
  .cds--link:focus:not(.cds--link--disabled) {
    outline-style: dotted;
  }
}
.cds--link:visited {
  color: var(--cds-link-text-color, var(--cds-link-primary, #0f62fe));
}
.cds--link:visited:hover {
  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
}

.cds--link--disabled,
.cds--link--disabled:hover {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  font-weight: 400;
  text-decoration: none;
}
.cds--link--disabled *,
.cds--link--disabled *::before,
.cds--link--disabled *::after,
.cds--link--disabled:hover *,
.cds--link--disabled:hover *::before,
.cds--link--disabled:hover *::after {
  box-sizing: inherit;
}

.cds--link.cds--link--visited,
.cds--link.cds--link--visited:visited {
  color: var(--cds-link-visited-text-color, var(--cds-link-visited, #8a3ffc));
}

.cds--link.cds--link--visited:hover,
.cds--link.cds--link--visited:visited:hover {
  color: var(--cds-link-hover-text-color, var(--cds-link-primary-hover, #0043ce));
}

.cds--link.cds--link--inline {
  display: inline;
  text-decoration: underline;
}

.cds--link--disabled.cds--link--inline {
  text-decoration: underline;
}

.cds--link--sm,
.cds--link--sm.cds--link--disabled:hover {
  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
  line-height: var(--cds-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
}

.cds--link--lg,
.cds--link--lg.cds--link--disabled:hover {
  font-size: var(--cds-body-compact-02-font-size, 1rem);
  font-weight: var(--cds-body-compact-02-font-weight, 400);
  line-height: var(--cds-body-compact-02-line-height, 1.375);
  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
}

.cds--link__icon {
  display: inline-flex;
  align-self: center;
  margin-inline-start: 0.5rem;
}

.cds--breadcrumb {
  display: flex;
  flex-wrap: nowrap;
}

.breadcrumb--container__overflowfull .cds--breadcrumb-item {
  min-width: 0;
}
.breadcrumb--container__overflowfull .cds--breadcrumb-item > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.breadcrumb--overflow {
  display: flex;
  margin-right: 0.5rem;
}
.breadcrumb--overflow:after {
  content: "/";
  margin-left: 0.5rem;
}
.breadcrumb--overflow .cds--overflow-menu {
  height: auto;
  width: auto;
}
.breadcrumb--overflow .cds--overflow-menu svg {
  fill: var(--cds-link-primary, #0f62fe);
  border-bottom: 1px solid transparent;
}
.breadcrumb--overflow .cds--overflow-menu:hover {
  background: none;
}
.breadcrumb--overflow .cds--overflow-menu:hover svg {
  border-color: var(--cds-link-primary, #0f62fe);
}
.breadcrumb--overflow .cds--overflow-menu.cds--overflow-menu--open {
  background: none;
  box-shadow: none;
}

.breadcrumb--overflow-items {
  max-height: 75%;
  overflow-y: scroll;
}
.breadcrumb--overflow-items.cds--overflow-menu-options--open {
  transform: translate(-45%, 1rem);
}
.breadcrumb--overflow-items.cds--overflow-menu-options--open:focus {
  outline: none;
}
.breadcrumb--overflow-items .cds--overflow-menu-options__option {
  min-height: 2.5rem;
}
.breadcrumb--overflow-items.cds--overflow-menu-options::after, .breadcrumb--overflow-items.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
  transform: translate(-50%, -8px);
  background: none;
  left: 50% !important;
  border-left: 0.75rem solid rgba(0, 0, 0, 0);
  border-right: 0.75rem solid rgba(0, 0, 0, 0);
  border-bottom: 0.75rem solid #fff;
  width: 0;
  height: 0;
}
.breadcrumb--overflow-items .cds--overflow-menu-options__option:nth-child(even) {
  background-color: var(--cds-field-02, #ffffff);
}
.breadcrumb--overflow-items .cds--overflow-menu-options__option:nth-child(even):hover {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}
.breadcrumb--overflow-items .cds--overflow-menu-options__btn {
  text-decoration: none;
}

.breadcrumb--overflow-items.cds--overflow-menu-options {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

html[dir=rtl] .breadcrumb--container .cds--breadcrumb-item::after,
html[dir=rtl] .breadcrumb--container .breadcrumb--overflow:after,
html[dir=rtl] .breadcrumb--container .cds--breadcrumb-item:last-child,
html[dir=rtl] .breadcrumb--container .cds--breadcrumb-item:last-child::after {
  margin-left: auto;
  margin-right: 0.5rem;
}

.iot--breadcrumb-expand--first .cds--breadcrumb-item:first-of-type {
  flex-shrink: 0;
}
.iot--breadcrumb-expand--first .cds--breadcrumb-item:last-of-type {
  min-width: 3rem;
}
.iot--breadcrumb-expand--last .cds--breadcrumb-item:last-of-type {
  flex-shrink: 0;
}
.iot--breadcrumb-expand--last .cds--breadcrumb-item:first-of-type {
  min-width: 3rem;
}

.iot--card--toolbar-date-range-wrapper {
  align-items: center;
  background: transparent;
  border: none;
  display: flex;
  outline: 2px solid transparent;
}

.iot--card--toolbar-timerange-label {
  white-space: nowrap;
  min-height: 3rem;
  min-width: 3rem;
  padding: 1rem 0.5rem;
  font-size: 0.875rem;
  font-weight: normal;
}
.iot--card--toolbar-timerange-label--hidden {
  display: none;
}

.iot--card--toolbar-date-range-wrapper > .iot--card--toolbar-date-range-action:active, .iot--card--toolbar-date-range-wrapper > .iot--card--toolbar-date-range-action:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
.iot--card--toolbar-date-range-wrapper > .iot--card--toolbar-date-range-action:hover {
  background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.iot--card--overflow {
  width: auto;
}
.iot--card--overflow.cds--overflow-menu-options[data-floating-menu-direction=bottom]::after {
  width: 3rem;
}

.iot--card--overflow-menuitem-active:not(:hover) {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}

.iot--card--toolbar {
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.iot--card--toolbar .iot--date-time-pickerv2 {
  height: 3rem;
}
.iot--card--toolbar .iot--date-time-picker__field {
  font-size: 0.875rem;
  font-weight: normal;
}
.iot--card--toolbar__overflow-menu {
  min-width: 10rem;
  width: unset;
  max-width: 21.875rem;
}
.iot--card--toolbar__overflow-menu .cds--overflow-menu-options__btn {
  max-width: unset;
}

.iot--card--toolbar-action {
  color: var(--cds-border-inverse, #161616);
  border-width: 2px;
  display: flex;
  height: 2rem;
  justify-content: center;
  min-height: 2rem;
  min-width: 2rem;
  width: 2rem;
}
.iot--card--toolbar-action:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-border-inverse, #161616);
}
.iot--card--toolbar-action:focus {
  border-color: transparent;
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
.iot--card--toolbar-action svg {
  fill: var(--cds-icon-secondary, #525252);
}
.iot--card--toolbar-action svg.cds--overflow-menu__icon {
  height: auto;
  width: auto;
}
.iot--card--toolbar-action--custom-actions {
  padding-top: 0.5rem;
  padding-right: 1rem;
}
[dir=rtl] .iot--card--toolbar-action--custom-actions {
  padding-left: 1rem;
}

.iot--card--toolbar-svg-wrapper {
  align-items: center;
  background: transparent;
  border: none;
  display: flex;
  cursor: pointer;
  height: 3rem;
  width: 3rem;
  outline: 2px solid transparent;
  margin: 0;
}
.iot--card--toolbar-svg-wrapper :hover {
  background: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}
.iot--card--toolbar-svg-wrapper:active {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}

.iot--card--dark .iot--card--toolbar button.cds--overflow-menu svg {
  fill: white;
}

.iot--card--dark .iot--card--toolbar button.cds--overflow-menu.cds--overflow-menu--open svg {
  fill: var(--cds-icon-primary, #161616);
}

.iot--card--title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  margin-top: calc(0.75rem + 1px);
  padding-right: 1rem;
  flex: 1;
}
html[dir=rtl] .iot--card--title {
  padding-left: 1rem;
  padding-right: unset;
}
.iot--card--title + *:not(.iot--card--toolbar) {
  margin-left: 1rem;
}
.iot--card--title--text .cds--toggletip-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);
  color: var(--cds-text-primary, #161616);
}

.iot--card--subtitle--text .cds--toggletip-label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.iot--card--header--tooltip {
  flex-basis: 2rem;
  margin-top: 0.25rem;
}
.iot--card--header--tooltip .cds--tooltip__trigger {
  margin-right: 0.5rem;
}

.iot--card--title--text,
.iot--card--subtitle--text {
  overflow: hidden;
  max-height: calc(1.375em * (1 + 0.5));
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: visible;
  word-break: break-all;
  min-width: 3rem;
}
.iot--card--title--text .cds--toggletip-label,
.iot--card--subtitle--text .cds--toggletip-label {
  overflow: hidden;
}
.iot--card--title--text .cds--toggletip-label > div,
.iot--card--subtitle--text .cds--toggletip-label > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.iot--card--title--text--wrapped {
  -webkit-line-clamp: 2;
  max-height: calc(1.375em * 2);
  word-break: normal;
}

.iot--card--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);
  color: var(--cds-text-primary, #161616);
  max-width: calc(100% - 2rem);
  margin-right: 1rem;
}

.iot--card-title__title-text--has-title-text-tooltip {
  border-bottom: 1px dotted var(--cds-border-strong);
}
.iot--card-title__title-text--has-title-text-tooltip:focus, .iot--card-title__title-text--has-title-text-tooltip:hover {
  border-bottom-color: var(--cds-border-interactive, #0f62fe);
}

p.iot--card-title__title-text-tooltip-full-title {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  margin-bottom: 0.5rem;
}

.iot--card--subtitle--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);
  font-weight: normal;
  width: 100%;
  max-height: 1.34em;
  max-width: calc(100% - 2rem);
}
.iot--card--subtitle--text--padded {
  margin-right: 2rem;
}
html[dir=rtl] .iot--card--subtitle--text--padded {
  margin-left: 2rem;
  margin-right: unset;
}

.iot--card-heading-clickable {
  cursor: pointer;
}

.iot--card--dark .iot--card--title--text {
  color: var(--cds-text-on-color, #ffffff);
}
.iot--card--dark .iot--card--subtitle--text {
  color: var(--cds-text-on-color, #ffffff);
}

.iot--data-state-container {
  padding: 0 var(--container-padding);
  width: inherit;
}

.iot--data-state-dashes {
  color: #e0e0e0;
  font-size: 4rem;
  line-height: 0.67;
}

.iot--data-state-grid {
  margin-top: 1rem;
  display: grid;
  align-items: center;
  grid-template-columns: auto auto 1fr;
  grid-column-gap: 0;
  grid-template-areas: "app-icon  app-label             .        " "    .     app-description app-description";
}
.iot--data-state-grid > .cds--tooltip__label {
  overflow: hidden;
}
.iot--data-state-grid > .cds--tooltip__label:focus {
  outline: none;
}
.iot--data-state-grid > *:first-child {
  grid-area: app-icon;
  cursor: pointer;
  margin-right: 0.5rem;
}
.iot--data-state-grid > *:nth-child(2) {
  grid-area: app-label;
}
.iot--data-state-grid > *:nth-child(2) .cds--tooltip__label {
  display: grid;
}
.iot--data-state-grid > *:nth-child(3) {
  grid-area: app-description;
}

.iot--data-state-grid__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);
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.iot--data-state-grid__description {
  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
  line-height: var(--cds-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
  color: #525252;
  overflow: hidden;
  max-height: calc(1rem * (2 + 0.5));
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
}

.iot--data-state-tooltip:focus {
  outline: none;
}

.iot--data-state-tooltip > * {
  margin-bottom: 1rem;
}
.iot--data-state-tooltip .iot--data-state-tooltip__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);
}

.iot--data-state-default-error-icon {
  fill: #da1e28;
}

.iot--data-state-default-warning-icon {
  fill: #f1c21b;
}

html[dir=rtl] .iot--data-state-grid > *:first-child {
  margin-right: 0;
  margin-left: 0.5rem;
}

.cds--tile-group html {
  font-size: 100%;
}
.cds--tile-group body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--tile-group code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--tile-group strong {
  font-weight: 600;
}

.cds--tile {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
  position: relative;
  display: block;
  padding: var(--cds-layout-density-padding-inline-local);
  background-color: var(--cds-layer);
  min-block-size: 4rem;
  min-inline-size: 8rem;
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.cds--tile:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tile:focus {
    outline-style: dotted;
  }
}

.cds--tile--light {
  background-color: var(--cds-layer-02, #ffffff);
}

.cds--tile--clickable,
.cds--tile--selectable {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  padding: var(--cds-layout-density-padding-inline-local);
  cursor: pointer;
  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tile--clickable *,
.cds--tile--clickable *::before,
.cds--tile--clickable *::after,
.cds--tile--selectable *,
.cds--tile--selectable *::before,
.cds--tile--selectable *::after {
  box-sizing: inherit;
}
.cds--tile--clickable:hover,
.cds--tile--selectable:hover {
  background: var(--cds-layer-hover);
}

.cds--tile--clickable {
  color: var(--cds-text-primary, #161616);
  text-decoration: none;
}
.cds--tile--clickable:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  text-decoration: none;
}
@media screen and (prefers-contrast) {
  .cds--tile--clickable:focus {
    outline-style: dotted;
  }
}
.cds--tile--clickable:hover .cds--tile__checkmark, .cds--tile--clickable:focus .cds--tile__checkmark {
  opacity: 1;
}

.cds--tile--expandable::-moz-focus-inner {
  border: 0;
}

.cds--tile--clickable:hover,
.cds--tile--clickable:active,
.cds--tile--clickable:visited,
.cds--tile--clickable:visited:hover {
  color: var(--cds-text-primary, #161616);
  text-decoration: none;
}

.cds--tile--clickable.cds--link--disabled,
.cds--tile--clickable:hover.cds--link--disabled {
  display: block;
  padding: var(--cds-layout-density-padding-inline-local);
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--tile--clickable .cds--tile--icon,
.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
  position: absolute;
  block-size: 1.25rem;
  inline-size: 1.25rem;
  inset-block-end: 0.75rem;
  inset-inline-end: 0.75rem;
}

.cds--tile--clickable .cds--tile--icon {
  fill: var(--cds-icon-interactive, #0f62fe);
}

.cds--tile--clickable.cds--link--disabled .cds--tile--disabled-icon {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tile--clickable.cds--link--disabled .cds--tile--icon {
  display: none;
}

.cds--tile--selectable {
  border: 1px solid transparent;
  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
}

.cds--tile__checkmark {
  position: absolute;
  border: none;
  background: transparent;
  block-size: 1rem;
  inset-block-start: var(--cds-layout-density-padding-inline-local);
  inset-inline-end: var(--cds-layout-density-padding-inline-local);
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  opacity: 0;
}
.cds--tile__checkmark svg {
  border-radius: 50%;
  fill: var(--cds-icon-secondary, #525252);
}
.cds--tile__checkmark:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tile__checkmark:focus {
    outline-style: dotted;
  }
}

.cds--tile__checkmark--persistent {
  opacity: 1;
}

.cds--tile__chevron {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
  inline-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
  inset-block-end: 0;
  inset-inline-end: 0;
}
.cds--tile__chevron svg {
  fill: var(--cds-icon-primary, #161616);
  transform-origin: center;
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--tile__chevron svg {
    transition: none;
  }
}

.cds--tile__chevron--interactive {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
  inline-size: calc(var(--cds-layout-density-padding-inline-local) * 2 + 1rem);
  inset-block-end: 0;
  inset-inline-end: 0;
}
.cds--tile__chevron--interactive *,
.cds--tile__chevron--interactive *::before,
.cds--tile__chevron--interactive *::after {
  box-sizing: inherit;
}
.cds--tile__chevron--interactive::-moz-focus-inner {
  border: 0;
}
.cds--tile__chevron--interactive:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
.cds--tile__chevron--interactive:hover {
  background-color: var(--cds-layer-hover);
  cursor: pointer;
}

.cds--tile--expandable {
  position: relative;
  overflow: hidden;
  border: 0;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  inline-size: 100%;
  text-align: start;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}
.cds--tile--expandable:hover {
  background: var(--cds-layer-hover);
}

.cds--tile--expandable.cds--tile--expandable--interactive {
  border: none;
  cursor: default;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tile--expandable.cds--tile--expandable--interactive:hover {
  background-color: var(--cds-layer);
}
.cds--tile--expandable.cds--tile--expandable--interactive:focus {
  outline: none;
}

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

.cds--tile-content__below-the-fold {
  display: block;
  opacity: 0;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: hidden;
}

.cds--tile--is-expanded {
  overflow: visible;
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tile--is-expanded .cds--tile__chevron svg {
  transform: rotate(180deg);
}
.cds--tile--is-expanded .cds--tile-content__below-the-fold {
  opacity: 1;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), visibility 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: inherit;
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .cds--tile--is-expanded .cds--tile-content__below-the-fold {
    overflow-y: auto;
  }
}

.cds--tile--is-selected {
  border: 1px solid var(--cds-layer-selected-inverse, #161616);
}

.cds--tile--is-selected .cds--tile__checkmark {
  opacity: 1;
}

.cds--tile--is-selected .cds--tile__checkmark svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--tile-content {
  block-size: 100%;
  inline-size: 100%;
}

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

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

.cds--tile--disabled.cds--tile--selectable {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--tile--disabled.cds--tile--selectable.cds--tile--light {
  background-color: var(--cds-layer-02, #ffffff);
}

.cds--tile--disabled.cds--tile--is-selected {
  border-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--tile--disabled .cds--tile__checkmark svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--tile > .cds--tile--inner-decorator > *,
.cds--tile--expandable > div > .cds--tile--inner-decorator > *,
.cds--tile > .cds--ai-label,
.cds--tile--expandable > div > .cds--ai-label,
.cds--tile > .cds--slug,
.cds--tile--expandable > div > .cds--slug,
.cds--tile--clickable .cds--tile--ai-label-icon {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-end: 1rem;
}

.cds--tile.cds--tile--selectable > .cds--tile--inner-decorator > *,
.cds--tile.cds--tile--selectable > .cds--ai-label,
.cds--tile.cds--tile--selectable > .cds--slug {
  inset-inline-end: 2.5rem;
}

.cds--tile.cds--tile--selectable.cds--tile--radio > .cds--tile--inner-decorator > *,
.cds--tile.cds--tile--selectable.cds--tile--radio > .cds--ai-label,
.cds--tile.cds--tile--selectable.cds--tile--radio > .cds--slug {
  inset-inline-end: 1rem;
  transition: inset-inline-end 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  inset-inline-end: 2.5rem;
}

.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--tile--inner-decorator > *,
.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--ai-label,
.cds--tile.cds--tile--selectable.cds--tile--radio.cds--tile--is-selected > .cds--slug {
  inset-inline-end: 2.5rem;
}

.cds--tile.cds--tile--clickable > .cds--tile--inner-decorator > *,
.cds--tile.cds--tile--clickable > .cds--ai-label,
.cds--tile.cds--tile--clickable > .cds--slug {
  pointer-events: none;
}

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

.cds--tile--decorator:has(.cds--ai-label).cds--tile--expandable:hover,
.cds--tile--slug.cds--tile--expandable:hover {
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
}

.cds--tile--decorator.cds--tile--selectable::before,
.cds--tile--decorator.cds--tile--selectable::after,
.cds--tile--decorator.cds--tile--clickable::before,
.cds--tile--slug.cds--tile--selectable::before,
.cds--tile--slug.cds--tile--selectable::after,
.cds--tile--slug.cds--tile--clickable::before {
  position: absolute;
  display: block;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--tile--decorator:has(.cds--ai-label).cds--tile--selectable::before,
.cds--tile--decorator:has(.cds--ai-label).cds--tile--clickable::before,
.cds--tile--decorator:has(.cds--tile--ai-label-icon).cds--tile--clickable::before,
.cds--tile--slug.cds--tile--selectable::before,
.cds--tile--slug.cds--tile--clickable::before {
  background: linear-gradient(to top, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-aura-hover-background, #edf5ff), var(--cds-ai-aura-hover-background, #edf5ff)) border-box;
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--tile--decorator.cds--tile--selectable:hover::before,
.cds--tile--decorator.cds--tile--clickable:hover::before,
.cds--tile--slug.cds--tile--selectable:hover::before,
.cds--tile--slug.cds--tile--clickable:hover::before {
  opacity: 1;
}

.cds--tile--decorator.cds--tile--selectable:focus,
.cds--tile--decorator.cds--tile--clickable:focus,
.cds--tile-input:focus + .cds--tile--decorator.cds--tile,
.cds--tile--slug.cds--tile--selectable:focus,
.cds--tile--slug.cds--tile--clickable:focus,
.cds--tile-input:focus + .cds--tile--slug.cds--tile {
  outline-offset: -1px;
}

.cds--tile--decorator:has(.cds--tile--inner-decorator .cds--ai-label).cds--tile--selectable::after,
.cds--tile--slug.cds--tile--selectable::after {
  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box, linear-gradient(to bottom, var(--cds-border-inverse, #161616), var(--cds-border-inverse, #161616)) border-box, linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 4px 8px 0 var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--tile--decorator.cds--tile--selectable:hover::after,
.cds--tile--slug.cds--tile--selectable:hover::after {
  opacity: 0;
}

.cds--tile--decorator.cds--tile--is-selected::after,
.cds--tile--slug.cds--tile--is-selected::after {
  opacity: 1;
}

.cds--tile--decorator:has(.cds--tile--inner-decorator).cds--tile--is-selected,
.cds--tile--slug.cds--tile--is-selected {
  border-color: var(--cds-border-inverse, #161616);
}

.cds--tile--decorator.cds--tile--selectable .cds--tile-content,
.cds--tile--decorator.cds--tile--clickable .cds--tile-content,
.cds--tile--slug.cds--tile--selectable .cds--tile-content,
.cds--tile--slug.cds--tile--clickable .cds--tile-content {
  position: relative;
  cursor: pointer;
}

.cds--tile--decorator.cds--tile--selectable .cds--tile-content,
.cds--tile--decorator.cds--tile--clickable .cds--tile-content,
.cds--tile--decorator.cds--tile--selectable > .cds--tile__checkmark,
.cds--tile--decorator.cds--tile--is-selected .cds--tile--inner-decorator > *,
.cds--tile--slug.cds--tile--selectable .cds--tile-content,
.cds--tile--slug.cds--tile--clickable .cds--tile-content,
.cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark,
.cds--tile--slug.cds--tile--is-selected .cds--ai-label,
.cds--tile--slug.cds--tile--is-selected .cds--slug {
  z-index: 1;
}

.cds--tile--decorator.cds--tile--selectable .cds--tile--inner-decorator > *:has(> .cds--popover--open),
.cds--tile--slug.cds--tile--selectable .cds--ai-label:has(> .cds--popover--open),
.cds--tile--slug.cds--tile--selectable .cds--slug:has(> .cds--popover--open) {
  z-index: 2;
}

.cds--tile--decorator.cds--tile--selectable > .cds--tile--inner-decorator > *,
.cds--tile--decorator.cds--tile--selectable > .cds--tile__checkmark,
.cds--tile--slug.cds--tile--selectable > .cds--ai-label,
.cds--tile--slug.cds--tile--selectable > .cds--slug,
.cds--tile--slug.cds--tile--selectable > .cds--tile__checkmark {
  z-index: 1;
}

.cds--tile--expandable:has(.cds--tile--inner-decorator > * > .cds--popover--open),
.cds--tile--expandable:has(.cds--ai-label > .cds--popover--open),
.cds--tile--expandable:has(.cds--slug > .cds--popover--open) {
  overflow: visible;
}

.cds--tile--clickable .cds--tile--ai-label-icon rect {
  stroke: var(--cds-icon-primary, #161616);
}

.cds--tile--clickable .cds--tile--ai-label-icon path {
  fill: var(--cds-icon-primary, #161616);
}

.cds--tile--decorator-rounded,
.cds--tile--decorator-rounded.cds--tile--selectable::before,
.cds--tile--decorator-rounded.cds--tile--selectable::after,
.cds--tile--decorator-rounded.cds--tile--clickable::before,
.cds--tile--slug-rounded,
.cds--tile--slug-rounded.cds--tile--selectable::before,
.cds--tile--slug-rounded.cds--tile--selectable::after,
.cds--tile--slug-rounded.cds--tile--clickable::before {
  border-radius: 0.5rem;
}

.cds--tile--decorator-rounded .cds--tile__chevron,
.cds--tile--slug-rounded .cds--tile__chevron {
  border-end-end-radius: 0.5rem;
}

.cds--checkbox-group {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--checkbox-group *,
.cds--checkbox-group *::before,
.cds--checkbox-group *::after {
  box-sizing: inherit;
}

.cds--form-item.cds--checkbox-wrapper {
  position: relative;
  margin-block-end: 0.375rem;
}

.cds--form-item.cds--checkbox-wrapper:first-of-type {
  margin-block-start: 0;
}

.cds--label + .cds--form-item.cds--checkbox-wrapper {
  margin-block-start: -0.125rem;
}

.cds--form-item.cds--checkbox-wrapper:last-of-type {
  margin-block-end: 0.1875rem;
}

.cds--checkbox {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
  visibility: inherit;
  white-space: nowrap;
  inset-block-start: 1.25rem;
  inset-inline-start: 0.7rem;
}

.cds--checkbox-label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  cursor: pointer;
  min-block-size: 1.25rem;
  padding-block-start: 0.0625rem;
  padding-inline-start: 1.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cds--checkbox-label html {
  font-size: 100%;
}
.cds--checkbox-label body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--checkbox-label code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--checkbox-label strong {
  font-weight: 600;
}

.cds--checkbox-label-text {
  padding-inline-start: 0.625rem;
}

.cds--checkbox-label::before,
.cds--checkbox-label::after {
  box-sizing: border-box;
}
@media print {
  .cds--checkbox-label::before,
  .cds--checkbox-label::after {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
}

.cds--checkbox-label::before {
  position: absolute;
  border: 1px solid var(--cds-icon-primary, #161616);
  border-radius: 2px;
  background-color: transparent;
  block-size: 1rem;
  content: "";
  inline-size: 1rem;
  inset-block-start: 0.125rem;
  inset-inline-start: 0;
  margin-block: 0.0625rem 0.125rem;
  margin-inline: 0.1875rem 0;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--checkbox-label::before {
    border: 1px solid ButtonBorder;
  }
}

.cds--checkbox-label::after {
  position: absolute;
  background: none;
  block-size: 0.3125rem;
  border-block-end: 1.5px solid var(--cds-icon-inverse, #ffffff);
  border-inline-start: 1.5px solid var(--cds-icon-inverse, #ffffff);
  content: "";
  inline-size: 0.5625rem;
  inset-block-start: 0.40625rem;
  inset-inline-start: 0.4375rem;
  margin-block-start: -0.1875rem;
  transform: scale(0) rotate(-45deg);
  transform-origin: bottom right;
}

.cds--checkbox:checked + .cds--checkbox-label::before,
.cds--checkbox:indeterminate + .cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-state=true]::before {
  border: none;
  border-width: 1px;
  background-color: var(--cds-icon-primary, #161616);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--checkbox:checked + .cds--checkbox-label::before,
  .cds--checkbox:indeterminate + .cds--checkbox-label::before,
  .cds--checkbox-label[data-contained-checkbox-state=true]::before {
    border: 1px solid ButtonBorder;
    background-color: SelectedItem;
  }
}

.cds--checkbox:checked + .cds--checkbox-label::after,
.cds--checkbox-label[data-contained-checkbox-state=true]::after {
  transform: scale(1) rotate(-45deg);
}

.cds--checkbox:indeterminate + .cds--checkbox-label::after {
  border-block-end: 2px solid var(--cds-icon-inverse, #ffffff);
  border-inline-start: 0 solid var(--cds-icon-inverse, #ffffff);
  inline-size: 0.5rem;
  inset-block-start: 0.6875rem;
  transform: scale(1) rotate(0deg);
}

.cds--checkbox:focus + .cds--checkbox-label::before,
.cds--checkbox-label__focus::before,
.cds--checkbox:checked:focus + .cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-state=true].cds--checkbox-label__focus::before,
.cds--checkbox:indeterminate:focus + .cds--checkbox-label::before {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

.cds--checkbox:disabled + .cds--checkbox-label,
.cds--checkbox-label[data-contained-checkbox-disabled=true] {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--checkbox:disabled + .cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-disabled=true]::before {
  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--checkbox:checked:disabled + .cds--checkbox-label::before,
.cds--checkbox:indeterminate:disabled + .cds--checkbox-label::before,
.cds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true]::before {
  background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--checkbox-group[data-invalid] .cds--checkbox-label::before,
.cds--checkbox-wrapper--invalid .cds--checkbox-label::before,
.cds--checkbox-wrapper--invalid .cds--checkbox:checked + .cds--checkbox-label::before {
  border: 1px solid var(--cds-support-error, #da1e28);
}

.cds--checkbox-group .cds--checkbox-wrapper--invalid > .cds--checkbox__validation-msg,
.cds--checkbox-group .cds--checkbox-wrapper--warning > .cds--checkbox__validation-msg,
.cds--checkbox-group .cds--checkbox-wrapper > .cds--form__helper-text {
  display: none;
}

.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox-label::before,
.cds--checkbox-group:not(.cds--checkbox-group[data-invalid]) .cds--checkbox-wrapper--invalid .cds--checkbox:checked + .cds--checkbox-label::before {
  border: 1px solid var(--cds-icon-primary, #161616);
}

.cds--checkbox-group__validation-msg,
.cds--checkbox__validation-msg {
  display: none;
  align-items: flex-start;
  inline-size: 100%;
  margin-block-start: 0.25rem;
}

.cds--checkbox__invalid-icon {
  margin: 0.0625rem 0.0625rem 0 0.1875rem;
  fill: var(--cds-support-error, #da1e28);
  min-inline-size: 1rem;
}

.cds--checkbox__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--checkbox__invalid-icon--warning path:first-of-type {
  fill: #000000;
}

.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg,
.cds--checkbox-group--warning .cds--checkbox-group__validation-msg,
.cds--checkbox-wrapper--invalid > .cds--checkbox__validation-msg,
.cds--checkbox-wrapper--warning > .cds--checkbox__validation-msg {
  display: flex;
}

.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,
.cds--checkbox-group--warning .cds--checkbox-group__validation-msg .cds--form-requirement,
.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement,
.cds--checkbox-wrapper--warning .cds--checkbox__validation-msg .cds--form-requirement {
  display: block;
  overflow: visible;
  margin-block-start: 0;
  margin-inline-start: 0.5rem;
  max-block-size: 100%;
}

.cds--checkbox-group--invalid .cds--checkbox-group__validation-msg .cds--form-requirement,
.cds--checkbox-wrapper--invalid .cds--checkbox__validation-msg .cds--form-requirement {
  color: var(--cds-text-error, #da1e28);
}

.cds--checkbox-group--readonly .cds--checkbox-label,
.cds--checkbox-wrapper--readonly .cds--checkbox-label {
  cursor: default;
}

.cds--checkbox-group--readonly .cds--checkbox-label-text,
.cds--checkbox-wrapper--readonly .cds--checkbox-label-text {
  cursor: text;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.cds--checkbox-group--readonly .cds--checkbox + .cds--checkbox-label::before,
.cds--checkbox-wrapper--readonly .cds--checkbox + .cds--checkbox-label::before {
  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--checkbox-group--readonly .cds--checkbox:checked + .cds--checkbox-label::before,
.cds--checkbox-wrapper--readonly .cds--checkbox:checked + .cds--checkbox-label::before {
  border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
  background: transparent;
}

.cds--checkbox-group--readonly .cds--checkbox:checked + .cds--checkbox-label::after,
.cds--checkbox-wrapper--readonly .cds--checkbox:checked + .cds--checkbox-label::after {
  border-color: var(--cds-text-primary, #161616);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--checkbox-group--readonly .cds--checkbox:checked + .cds--checkbox-label::after,
  .cds--checkbox-wrapper--readonly .cds--checkbox:checked + .cds--checkbox-label::after {
    fill: SelectedItemText;
  }
}

.cds--checkbox-skeleton .cds--checkbox-label {
  cursor: default;
}

.cds--checkbox-label-text.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 1rem;
  inline-size: 6.25rem;
  margin-block: 0.0625rem 0;
  margin-inline: 0.375rem 0;
}
.cds--checkbox-label-text.cds--skeleton:hover, .cds--checkbox-label-text.cds--skeleton:focus, .cds--checkbox-label-text.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--checkbox-label-text.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--checkbox-label-text.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--checkbox-label-text.cds--skeleton {
    background: CanvasText;
  }
  .cds--checkbox-label-text.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--checkbox--inline {
  position: relative;
}

[dir=rtl] .cds--checkbox-label::after {
  margin-block-start: 0;
  margin-inline-start: -0.0625rem;
  transform-origin: center;
}

[dir=rtl] .cds--checkbox:checked + .cds--checkbox-label::after,
[dir=rtl] .cds--checkbox-label[data-contained-checkbox-state=true]::after {
  transform: scale(1.2) rotate3d(0.5, 1, 0, 158deg);
}

.cds--checkbox-group--decorator legend.cds--label,
.cds--checkbox-wrapper--decorator .cds--checkbox-label-text {
  display: flex;
}

.cds--checkbox-group--slug legend.cds--label,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text {
  display: flex;
}

.cds--checkbox-group--decorator legend.cds--label .cds--checkbox-group-inner--decorator > *,
.cds--checkbox-wrapper--decorator .cds--checkbox-label-text .cds--checkbox-wrapper-inner--decorator > * {
  margin-inline-start: 0.5rem;
}

.cds--checkbox-group--slug legend.cds--label .cds--ai-label,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--ai-label,
.cds--checkbox-group--slug legend.cds--label .cds--slug,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug {
  margin-inline-start: 0.5rem;
}

.cds--checkbox-wrapper--decorator .cds--checkbox-label-text .cds--ai-label__button--inline {
  line-height: inherit;
  margin-block-start: -0.0625rem;
}

.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--ai-label__button--inline,
.cds--checkbox-wrapper--slug .cds--checkbox-label-text .cds--slug__button--inline {
  line-height: inherit;
  margin-block-start: -0.0625rem;
}

.cds--checkbox-group--horizontal {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.cds--checkbox-group--horizontal .cds--form-item {
  flex: none;
  margin-block-end: 0;
}
.cds--checkbox-group--horizontal .cds--form-item:not(:last-of-type) {
  margin-inline-end: 1rem;
}
.cds--checkbox-group--horizontal .cds--checkbox-label-text {
  padding-inline-start: 0.5rem;
}
.cds--checkbox-group--horizontal .cds--label + .cds--form-item.cds--checkbox-wrapper {
  margin-block-start: 0;
}

.cds--radio-button-group {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: relative;
  display: flex;
  align-items: center;
}
.cds--radio-button-group *,
.cds--radio-button-group *::before,
.cds--radio-button-group *::after {
  box-sizing: inherit;
}

.cds--label + .cds--form-item .cds--radio-button-group {
  margin-block-start: 0;
}

.cds--radio-button-group--vertical {
  flex-direction: column;
  align-items: flex-start;
}
.cds--radio-button-group--vertical.cds--radio-button-group--label-left {
  align-items: flex-end;
}
.cds--radio-button-group--vertical .cds--radio-button__label {
  margin-inline-end: 0;
}
.cds--radio-button-group--vertical .cds--radio-button__label:not(:last-of-type) {
  margin-block-end: 0.5rem;
}

.cds--radio-button {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
  visibility: inherit;
  white-space: nowrap;
  margin-block-start: 0.9rem;
  margin-inline-start: 0.63rem;
  visibility: inherit;
}

.cds--radio-button__label {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-inline-end: 1rem;
}

.cds--radio-button__label-text {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  flex: 1;
}

.cds--radio-button__appearance {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  flex-shrink: 0;
  border: 1px solid var(--cds-icon-primary, #161616);
  border-radius: 50%;
  background-color: transparent;
  block-size: 1.125rem;
  inline-size: 1.125rem;
  margin-block: 0.0625rem 0.125rem;
  margin-inline: 0.125rem 0.625rem;
}
.cds--radio-button__appearance *,
.cds--radio-button__appearance *::before,
.cds--radio-button__appearance *::after {
  box-sizing: inherit;
}

.cds--radio-button-group--vertical .cds--radio-button__appearance {
  margin-block: 0;
}

.cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance {
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: var(--cds-icon-primary, #161616);
}
.cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--cds-icon-primary, #161616);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  transform: scale(0.5);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
    background-color: ButtonText;
  }
}
@media print {
  .cds--radio-button:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
    -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
  }
}

.cds--radio-button:disabled + .cds--radio-button__label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--radio-button:disabled + .cds--radio-button__label .cds--radio-button__appearance,
.cds--radio-button:disabled:checked + .cds--radio-button__label .cds--radio-button__appearance {
  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--radio-button:disabled + .cds--radio-button__label .cds--radio-button__appearance::before,
.cds--radio-button:disabled:checked + .cds--radio-button__label .cds--radio-button__appearance::before {
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--radio-button-group--readonly .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {
  border-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--radio-button-group--readonly .cds--radio-button__label {
  cursor: default;
}

.cds--radio-button-group--readonly .cds--radio-button__label-text {
  cursor: text;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.cds--radio-button-group--invalid .cds--radio-button + .cds--radio-button__label .cds--radio-button__appearance {
  border-color: var(--cds-support-error, #da1e28);
}

.cds--radio-button__validation-msg {
  display: none;
  align-items: flex-end;
  margin-block-start: 0.375rem;
}

.cds--radio-button__invalid-icon {
  fill: var(--cds-support-error, #da1e28);
  margin-inline: 0.1875rem 0.0625rem;
}

.cds--radio-button__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--radio-button__invalid-icon--warning path:first-of-type {
  fill: #000000;
}

.cds--radio-button-group--invalid + .cds--radio-button__validation-msg,
.cds--radio-button-group--warning + .cds--radio-button__validation-msg {
  display: flex;
}

.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement,
.cds--radio-button-group--warning + .cds--radio-button__validation-msg .cds--form-requirement {
  display: block;
  overflow: visible;
  margin-block-start: 0;
  margin-inline-start: 0.5rem;
  max-block-size: 100%;
}

.cds--radio-button-group--invalid + .cds--radio-button__validation-msg .cds--form-requirement {
  color: var(--cds-text-error, #da1e28);
}

.cds--radio-button-group ~ .cds--form__helper-text {
  margin-block-start: 0.375rem;
}

.cds--radio-button:focus + .cds--radio-button__label .cds--radio-button__appearance {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1.5px;
}

.cds--radio-button__label.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 1.125rem;
  inline-size: 6.25rem;
}
.cds--radio-button__label.cds--skeleton:hover, .cds--radio-button__label.cds--skeleton:focus, .cds--radio-button__label.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--radio-button__label.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--radio-button__label.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--radio-button__label.cds--skeleton {
    background: CanvasText;
  }
  .cds--radio-button__label.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--radio-button__label.cds--skeleton .cds--radio-button__appearance {
  display: none;
}

.cds--radio-button-wrapper .cds--radio-button__label {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 0;
}

.cds--radio-button-wrapper:not(:last-of-type) {
  margin-inline-end: 1rem;
}

.cds--radio-button-group--vertical .cds--radio-button-wrapper {
  margin-block-end: 0.375rem;
  margin-inline-end: 0;
}

.cds--radio-button-group--vertical .cds--radio-button-wrapper .cds--radio-button__label {
  padding-block-start: 0.125rem;
}

.cds--radio-button-group--label-right .cds--radio-button__label,
.cds--radio-button-wrapper.cds--radio-button-wrapper--label-right .cds--radio-button__label {
  flex-direction: row;
}

.cds--radio-button-group--label-left .cds--radio-button__label,
.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__label {
  flex-direction: row-reverse;
}

.cds--radio-button-group--label-left .cds--radio-button__appearance,
.cds--radio-button-wrapper.cds--radio-button-wrapper--label-left .cds--radio-button__appearance {
  margin-inline: 0.5rem 0;
}

.cds--radio-button-group--decorator legend.cds--label,
.cds--radio-button-wrapper--decorator .cds--radio-button__label-text,
.cds--radio-button-group--slug legend.cds--label,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text {
  display: flex;
}

.cds--radio-button-group--decorator legend.cds--label .cds--radio-button-group-inner--decorator > *,
.cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--radio-button-wrapper-inner--decorator > *,
.cds--radio-button-group--slug legend.cds--label .cds--ai-label,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label,
.cds--radio-button-group--slug legend.cds--label .cds--slug,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug {
  margin-inline-start: 0.5rem;
}

.cds--radio-button-wrapper--decorator .cds--radio-button__label-text .cds--ai-label__button--inline,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--ai-label__button--inline,
.cds--radio-button-wrapper--slug .cds--radio-button__label-text .cds--slug__button--inline {
  line-height: inherit;
  margin-block-start: -0.0625rem;
}

.cds--data-table-container {
  position: relative;
  padding-block-start: 0.125rem;
}

.cds--data-table-content {
  display: block;
  overflow-x: auto;
}

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

.cds--data-table-container--ai-enabled {
  position: relative;
  padding: 1px;
  border: none;
}

.cds--data-table-container--ai-enabled::after {
  position: absolute;
  z-index: -1;
  background-image: linear-gradient(to top, var(--cds-ai-border-end, #78a9ff), var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)));
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  pointer-events: none;
}

.cds--data-table-container--ai-enabled tbody {
  position: relative;
}

.cds--data-table-container--ai-enabled tbody::before {
  position: absolute;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to top, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

.cds--data-table-header {
  background-color: var(--cds-layer);
  padding-block: 1rem 1.5rem;
  padding-inline: 1rem;
}

.cds--data-table-header.cds--data-table-header__with-decorator {
  display: flex;
  justify-content: space-between;
}

.cds--data-table-header.cds--data-table-header__with-decorator.cds--data-table-header__with-decorator--standalone {
  justify-content: flex-end;
}

.cds--data-table-header__title {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
  color: var(--cds-text-primary, #161616);
}

.cds--data-table-header__description {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-secondary, #525252);
}
@media (min-width: 42rem) {
  .cds--data-table-header__description {
    max-inline-size: 50ch;
  }
}
@media (min-width: 66rem) {
  .cds--data-table-header__description {
    max-inline-size: 80ch;
  }
}

.cds--data-table {
  border-collapse: collapse;
  border-spacing: 0;
  inline-size: 100%;
}

.cds--data-table thead {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  background-color: var(--cds-layer-accent);
}

.cds--data-table tbody {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  background-color: var(--cds-layer);
  inline-size: 100%;
}

.cds--data-table tr {
  border: none;
  block-size: 3rem;
  inline-size: 100%;
}

.cds--data-table tbody tr,
.cds--data-table tbody tr td,
.cds--data-table tbody tr th {
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--data-table tbody tr:not([data-child-row]):hover,
.cds--data-table tbody tr[data-child-row]:hover > td {
  background-color: var(--cds-layer-hover);
}

.cds--data-table tbody tr:hover td,
.cds--data-table tbody tr:hover th {
  border-block-end: 1px solid var(--cds-layer-hover);
  border-block-start: 1px solid var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}

.cds--data-table tr:hover .cds--link:not(.cds--popover-container .cds--link) {
  color: var(--cds-link-secondary, #0043ce);
}

.cds--data-table tr:hover .cds--link--disabled:not(.cds--popover-container .cds--link) {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--data-table th,
.cds--data-table td {
  text-align: start;
  vertical-align: middle;
}

.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand) {
  padding-block: 1rem 1rem;
}
.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-menu {
  padding-block-start: 0.5rem;
}
.cds--data-table.cds--data-table--top-aligned-body.cds--data-table--lg tr:not([data-child-row]) td:not(.cds--table-expand).cds--table-column-checkbox:not(.cds--table-column-radio) {
  padding-block-start: 0.8125rem;
}
.cds--data-table.cds--data-table--top-aligned-body td {
  vertical-align: top;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header) {
  padding-block: 1rem 1rem;
}
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-menu {
  padding-block-start: 0.5rem;
}
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th:not(.cds--table-expand):not(.cds--table-sort__header).cds--table-column-checkbox {
  padding-block-start: 0.8125rem;
}
.cds--data-table.cds--data-table--top-aligned-header th {
  vertical-align: top;
}

.cds--data-table th[align=right],
.cds--data-table td[align=right] {
  text-align: end;
}

.cds--data-table th[align=center],
.cds--data-table td[align=center] {
  text-align: center;
}

.cds--data-table th {
  background-color: var(--cds-layer-accent);
  color: var(--cds-text-primary, #161616);
  padding-inline: 1rem 1rem;
}

.cds--data-table th:last-of-type {
  position: static;
  inline-size: auto;
}

.cds--data-table .cds--table-header-label {
  text-align: start;
}

.cds--data-table td,
.cds--data-table tbody th {
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  border-block-start: 1px solid var(--cds-layer);
  color: var(--cds-text-secondary, #525252);
  padding-inline: 1rem 1rem;
}
.cds--data-table td + td:first-of-type,
.cds--data-table tbody th + td:first-of-type {
  padding-inline-start: 0.75rem;
}

.cds--layer-two .cds--data-table td,
.cds--layer-two .cds--data-table tbody th {
  border-block-end: 1px solid var(--cds-border-subtle-02, #e0e0e0);
}

.cds--layer-three .cds--data-table td,
.cds--layer-three .cds--data-table tbody th {
  border-block-end: 1px solid var(--cds-border-subtle-03, #c6c6c6);
}

@supports (-moz-appearance: none) {
  .cds--data-table td {
    background-clip: padding-box;
  }
}
.cds--data-table .cds--list-box input[role=combobox],
.cds--data-table .cds--list-box input[type=text],
.cds--data-table .cds--dropdown,
.cds--data-table .cds--list-box,
.cds--data-table .cds--number input[type=number],
.cds--data-table .cds--number input[type=text],
.cds--data-table .cds--number__control-btn::before,
.cds--data-table .cds--number__control-btn::after,
.cds--data-table .cds--text-input,
.cds--data-table .cds--select-input {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=false]:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=false]:focus {
    outline-style: dotted;
  }
}

.cds--data-table td.cds--table-column-menu .cds--overflow-menu[aria-expanded=true]:focus {
  outline: none;
}

@media screen and (hover: hover), (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cds--data-table td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon {
    opacity: 0;
  }
}
.cds--data-table td.cds--table-column-menu .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__icon {
  opacity: 1;
}

.cds--data-table.cds--data-table--visible-overflow-menu td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon,
.cds--data-table td.cds--table-column-menu .cds--overflow-menu:hover .cds--overflow-menu__icon,
.cds--data-table td.cds--table-column-menu .cds--overflow-menu:focus .cds--overflow-menu__icon,
.cds--data-table tr:hover td.cds--table-column-menu .cds--overflow-menu .cds--overflow-menu__icon {
  opacity: 1;
}

.cds--table-row--menu-option .cds--overflow-menu-options__btn .cds--overflow-menu-options__option-content svg {
  position: relative;
  inset-block-start: 0.1875rem;
  margin-inline-end: 0.5rem;
}

.cds--data-table .cds--overflow-menu:hover,
.cds--data-table .cds--overflow-menu__trigger:hover {
  background-color: var(--cds-layer-selected-hover);
}

.cds--data-table--selected .cds--overflow-menu:hover,
.cds--data-table--selected .cds--overflow-menu__trigger:hover {
  background-color: var(--cds-layer-hover);
}

.cds--data-table--selected .cds--link:not(.cds--link--disabled) {
  color: var(--cds-link-secondary, #0043ce);
}

.cds--data-table--xs td.cds--table-column-menu,
.cds--data-table--sm td.cds--table-column-menu {
  block-size: 1.5rem;
  padding-block: 0;
}

.cds--data-table--sm td.cds--table-column-menu {
  block-size: 2rem;
}

.cds--data-table--md td.cds--table-column-menu {
  block-size: 2.5rem;
}

.cds--data-table--xl .cds--table-column-menu {
  padding-block-start: 0.5rem;
}

.cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(odd) td {
  border-block-end: 1px solid var(--cds-layer);
}

.cds--data-table--zebra tbody tr:not(.cds--parent-row):nth-child(even) td {
  border-block-end: 1px solid var(--cds-layer-accent);
  border-block-start: 1px solid var(--cds-layer-accent);
}

.cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):nth-child(even) {
  background-color: var(--cds-layer-accent);
}

.cds--data-table--zebra tbody tr:not(.cds--parent-row):hover td {
  border-block-end: 1px solid var(--cds-layer-hover);
  border-block-start: 1px solid var(--cds-layer-hover);
}

.cds--data-table--zebra tbody tr:not(.cds--parent-row):not(.cds--data-table--selected):hover {
  background-color: var(--cds-layer-hover);
}

.cds--table-column-checkbox .cds--checkbox-label {
  min-block-size: 1.5rem;
  padding-inline-start: 0;
}

.cds--table-column-checkbox .cds--checkbox-label::before {
  margin-block-start: 0.125rem;
}

.cds--table-column-checkbox .cds--checkbox-label::after {
  inset-block-start: 0.46875rem;
}

.cds--data-table th.cds--table-column-checkbox {
  position: static;
  background-color: var(--cds-layer-accent);
  inline-size: 2rem;
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--data-table thead th.cds--table-column-checkbox,
.cds--data-table tbody td.cds--table-column-checkbox,
.cds--data-table thead th.cds--table-expand,
.cds--data-table tbody td.cds--table-expand {
  min-inline-size: 0;
}

.cds--data-table thead th.cds--table-column-checkbox,
.cds--data-table tbody td.cds--table-column-checkbox {
  min-inline-size: 2.5rem;
  padding-inline: 1rem 0.25rem;
}

.cds--data-table thead th.cds--table-expand,
.cds--data-table tbody td.cds--table-expand {
  block-size: 2rem;
  inline-size: 2rem;
}

.cds--data-table--xs thead th.cds--table-expand,
.cds--data-table--xs tbody td.cds--table-expand {
  padding: 0 0 0 0.5rem;
  block-size: 1.5rem;
  inline-size: 1.5rem;
}

.cds--data-table--sm thead th.cds--table-expand,
.cds--data-table--sm tbody td.cds--table-expand {
  padding: 0;
  block-size: 2rem;
  inline-size: 2rem;
  padding-inline-start: 0.5rem;
}

.cds--data-table--md thead th.cds--table-expand,
.cds--data-table--md tbody td.cds--table-expand {
  padding: 0.25rem 0 0.25rem 0.5rem;
  block-size: 2.5rem;
  inline-size: 2.5rem;
}

.cds--data-table--xl thead th.cds--table-expand,
.cds--data-table--xl tbody td.cds--table-expand {
  block-size: 4rem;
  padding-block: 0.625rem 1.375rem;
}

.cds--data-table--xl .cds--table-column-checkbox {
  padding-block-start: 0.8125rem;
}

.cds--data-table--xl .cds--table-column-radio {
  padding-block-start: 1rem;
}

.cds--table-column-radio {
  inline-size: 48px;
}

.cds--table-column-radio .cds--radio-button__appearance {
  margin-inline-end: -0.125rem;
}

.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected td,
tr.cds--data-table--selected td {
  border-block-end: 1px solid var(--cds-layer-active);
  border-block-start: 1px solid var(--cds-layer-selected);
  color: var(--cds-text-primary, #161616);
}

.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected,
tr.cds--data-table--selected {
  background-color: var(--cds-layer-selected);
}

.cds--data-table--zebra tbody tr:first-of-type:nth-child(odd).cds--data-table--selected td,
tr.cds--data-table--selected:first-of-type td {
  border-block-start: 1px solid var(--cds-border-subtle-selected);
}

.cds--data-table--zebra tbody tr:last-of-type:nth-child(odd).cds--data-table--selected td,
.cds--data-table--zebra tbody tr:last-of-type:nth-child(even).cds--data-table--selected td,
tr.cds--data-table--selected:last-of-type td {
  border-block-end: 1px solid var(--cds-layer-selected);
  border-block-start: 1px solid var(--cds-layer-selected);
}

.cds--data-table--zebra tbody tr:nth-child(even).cds--data-table--selected td {
  border-block-end: 1px solid var(--cds-layer-active);
}

.cds--data-table--zebra tbody tr:nth-child(even).cds--data-table--selected:hover td {
  border-block-end: 1px solid var(--cds-layer-selected-hover);
}

.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover td,
.cds--data-table tbody .cds--data-table--selected:hover td {
  border-block-end: 1px solid var(--cds-layer-selected-hover);
  border-block-start: 1px solid var(--cds-layer-selected-hover);
  color: var(--cds-text-primary, #161616);
}

.cds--data-table--zebra tbody tr:nth-child(odd).cds--data-table--selected:hover,
.cds--data-table tbody .cds--data-table--selected:hover {
  background-color: var(--cds-layer-selected-hover);
}

.cds--data-table--selected .cds--overflow-menu .cds--overflow-menu__icon {
  opacity: 1;
}

.cds--data-table--xs thead tr,
.cds--data-table--xs tbody tr,
.cds--data-table--xs tbody tr th {
  block-size: 1.5rem;
}

.cds--data-table--xs .cds--table-header-label {
  padding-block: 0.125rem 0.125rem;
}

.cds--data-table--xs td,
.cds--data-table--xs tbody tr th {
  padding-block: 0.125rem 0.125rem;
}

.cds--data-table--xs .cds--overflow-menu {
  block-size: calc(100% + 1px);
  inline-size: 2rem;
}

.cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
.cds--data-table.cds--data-table--xs:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
  padding-block: 0;
}

.cds--data-table.cds--data-table--xs .cds--table-column-checkbox .cds--checkbox-label {
  block-size: 1.4375rem;
  min-block-size: 1.4375rem;
}

.cds--data-table--sm thead tr,
.cds--data-table--sm tbody tr,
.cds--data-table--sm tbody tr th {
  block-size: 2rem;
}

.cds--data-table--sm .cds--table-header-label {
  padding-block: 0.4375rem 0.4375rem;
}

.cds--data-table--sm td,
.cds--data-table--sm tbody tr th,
.cds--data-table--sm.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
  padding-block: 0.4375rem 0.375rem;
}

.cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
.cds--data-table.cds--data-table--sm:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
  padding-block: 0.1875rem 0.1875rem;
}

.cds--data-table--sm .cds--overflow-menu {
  block-size: calc(100% + 1px);
}

.cds--data-table--md thead tr,
.cds--data-table--md tbody tr,
.cds--data-table--md tbody tr th {
  block-size: 2.5rem;
}

.cds--data-table--md .cds--table-header-label,
.cds--data-table--md.cds--data-table--top-aligned-header th.cds--table-column-checkbox {
  padding-block: 0.4375rem 0.4375rem;
}

.cds--data-table--md td,
.cds--data-table--md tbody tr th {
  padding-block: 0.4375rem 0.375rem;
}

.cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-body) td.cds--table-column-checkbox,
.cds--data-table.cds--data-table--md:not(.cds--data-table--top-aligned-header) th.cds--table-column-checkbox {
  padding-block: 0.1875rem 0.1875rem;
}

.cds--data-table--md .cds--table-column-menu {
  padding-block: 0.1875rem 0.1875rem;
}

.cds--data-table--xl thead tr,
.cds--data-table--xl tbody tr,
.cds--data-table--xl tbody tr th {
  block-size: 4rem;
}

.cds--data-table--xl .cds--table-header-label {
  padding-block: 1rem 1rem;
}

.cds--data-table--xl td,
.cds--data-table--xl tbody tr th {
  padding-block: 1rem 1rem;
}

.cds--data-table--xl th,
.cds--data-table--xl td {
  vertical-align: top;
}

.cds--data-table--xl .cds--data-table--cell-secondary-text {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--data-table--static {
  inline-size: auto;
}

.cds--data-table-container--static {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}

.cds--data-table_inner-container {
  background-color: var(--cds-layer-accent);
  transform: translateZ(0);
}

.cds--data-table--sticky-header {
  display: block;
  overflow-y: scroll;
  /* When using sticky header, with a selection element in the first column, we need to set the last item to a fixed width to match the table body. We only want this to happen when the last table header does not have any text */
  /* This is for targeting styles specific to firefox */
  /* To hide the firefox scrollbar */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
.cds--data-table--sticky-header thead,
.cds--data-table--sticky-header tbody,
.cds--data-table--sticky-header tr,
.cds--data-table--sticky-header th,
.cds--data-table--sticky-header td {
  display: flex;
}
.cds--data-table--sticky-header thead {
  position: sticky;
  z-index: 1;
  overflow: scroll;
  inline-size: 100%;
  inset-block-start: 0;
  -ms-overflow-style: none;
  will-change: transform;
}
.cds--data-table--sticky-header thead tr th {
  border-block-end: 1px solid var(--cds-layer-active);
}
.cds--data-table--sticky-header tbody {
  flex-direction: column;
  -ms-overflow-style: none;
  overflow-x: scroll;
  will-change: transform;
}
.cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row {
  block-size: auto;
  min-block-size: 3rem;
}
.cds--data-table--sticky-header tr.cds--expandable-row:not(.cds--parent-row) {
  block-size: auto;
}
.cds--data-table--sticky-header .cds--table-expand {
  max-inline-size: 3rem;
}
.cds--data-table--sticky-header thead .cds--table-expand {
  align-items: center;
}
.cds--data-table--sticky-header .cds--parent-row {
  min-block-size: 3rem;
}
.cds--data-table--sticky-header:not(.cds--data-table--xs):not(.cds--data-table--xl):not(.cds--data-table--sm) td:not(.cds--table-column-menu):not(.cds--table-column-checkbox) {
  padding-block-start: 0.875rem;
}
.cds--data-table--sticky-header tr.cds--parent-row.cds--expandable-row:hover + tr[data-child-row] td {
  border-block-start: 1px solid var(--cds-layer-hover);
}
.cds--data-table--sticky-header tr.cds--expandable-row:last-of-type {
  overflow: hidden;
}
.cds--data-table--sticky-header tr.cds--data-table--selected:first-of-type td {
  border-block-start: none;
}
.cds--data-table--sticky-header thead th.cds--table-column-checkbox,
.cds--data-table--sticky-header tbody tr td.cds--table-column-checkbox {
  align-items: center;
  inline-size: 2.25rem;
  min-inline-size: 2.25rem;
}
.cds--data-table--sticky-header.cds--data-table--xl thead th.cds--table-column-checkbox, .cds--data-table--sticky-header.cds--data-table--xl td.cds--table-column-checkbox {
  align-items: flex-start;
}
.cds--data-table--sticky-header th.cds--table-column-checkbox ~ th:last-of-type:empty {
  max-inline-size: 4rem;
}
.cds--data-table--sticky-header th:empty:not(.cds--table-expand) {
  max-inline-size: 2.25rem;
}
.cds--data-table--sticky-header td.cds--table-column-menu {
  align-items: center;
  block-size: auto;
  padding-block-start: 0;
}
.cds--data-table--sticky-header thead::-webkit-scrollbar,
.cds--data-table--sticky-header tbody::-webkit-scrollbar {
  display: none;
}
@-moz-document url-prefix() {
  .cds--data-table--sticky-header thead,
  .cds--data-table--sticky-header tbody {
    scrollbar-width: none;
  }
}
.cds--data-table--sticky-header tbody tr:last-of-type {
  border-block-end: 0;
}
.cds--data-table--sticky-header th:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(.cds--table-expand):not(.cds--table-column-icon),
.cds--data-table--sticky-header td:not(.cds--table-column-checkbox):not(.cds--table-column-menu):not(.cds--table-expand):not(.cds--table-column-icon) {
  inline-size: 100%;
  min-inline-size: 0;
}
.cds--data-table--sticky-header.cds--data-table--xs tr:not(.cds--expandable-row), .cds--data-table--sticky-header.cds--data-table--sm tr:not(.cds--expandable-row), .cds--data-table--sticky-header.cds--data-table--xl tr:not(.cds--expandable-row) {
  block-size: auto;
}
.cds--data-table--sticky-header.cds--data-table--xs tr:not(.cds--expandable-row) {
  min-block-size: 1.5rem;
}
.cds--data-table--sticky-header.cds--data-table--sm tr:not(.cds--expandable-row) {
  min-block-size: 2rem;
}
.cds--data-table--sticky-header.cds--data-table--xl tr:not(.cds--expandable-row) {
  min-block-size: 4rem;
}
.cds--data-table--sticky-header.cds--data-table--xs tr td.cds--table-expand {
  padding-block-start: 0.25rem;
}
.cds--data-table--sticky-header.cds--data-table--sm tr td.cds--table-expand {
  padding-block-start: 0.5rem;
}
.cds--data-table--sticky-header .cds--table-header-label {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-inline-size: calc(100% - 10px);
  overflow-y: hidden;
  padding-block: 0.9375rem 1rem;
}
.cds--data-table--sticky-header.cds--data-table--xs th .cds--table-header-label {
  padding-block: 0.1875rem 0;
}
.cds--data-table--sticky-header.cds--data-table--sm th .cds--table-header-label {
  padding-block: 0.5rem 0;
}
.cds--data-table--sticky-header.cds--data-table--xl th .cds--table-header-label {
  padding-block-start: 1rem;
}
.cds--data-table--sticky-header.cds--data-table--xl th.cds--table-expand {
  display: flex;
  align-items: flex-start;
}
.cds--data-table--sticky-header.cds--data-table--xs tr.cds--parent-row .cds--table-column-checkbox, .cds--data-table--sticky-header.cds--data-table--sm tr.cds--parent-row .cds--table-column-checkbox {
  align-items: flex-start;
}

.cds--data-table--max-width {
  max-inline-size: 100%;
}

.cds--data-table--sticky-header {
  max-block-size: 18.75rem;
}

.cds--data-table .cds--form-item.cds--checkbox-wrapper:last-of-type {
  margin: 0;
}

.cds--data-table--xs .cds--form-item.cds--checkbox-wrapper:last-of-type,
.cds--data-table--sm .cds--form-item.cds--checkbox-wrapper:last-of-type {
  margin: -0.1875rem 0;
}

.cds--data-table .cds--table-column-slug,
.cds--data-table .cds--table-column-decorator {
  inline-size: 1rem;
  padding-inline-end: 0;
}

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

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

.cds--data-table tbody tr.cds--data-table--ai-label-row:hover td,
tr.cds--data-table--ai-label-row.cds--expandable-row:hover + .cds--expandable-row[data-child-row] td,
tr.cds--data-table--ai-label-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover > td,
tr.cds--data-table--ai-label-row.cds--expandable-row--hover > td,
tr.cds--data-table--selected.cds--data-table--ai-label-row.cds--expandable-row + tr.cds--expandable-row[data-child-row] > td,
tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td,
tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:first-of-type,
tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected:not(.cds--expandable-row):hover > td,
tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover + tr[data-child-row] > td,
tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td,
tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row--hover > td:first-of-type {
  background-color: transparent;
}

.cds--data-table tbody tr.cds--data-table--ai-label-row:hover,
tr.cds--data-table--ai-label-row:hover + .cds--expandable-row[data-child-row],
tr.cds--data-table--ai-label-row.cds--expandable-row--hover + .cds--expandable-row[data-child-row]:hover,
tr.cds--expandable-row--hover.cds--data-table--ai-label-row,
tr.cds--data-table--selected.cds--parent-row.cds--expandable-row--hover.cds--data-table--ai-label-row {
  background: linear-gradient(to right, var(--cds-ai-aura-hover-start, rgba(69, 137, 255, 0.32)) 0%, 15%, var(--cds-ai-aura-hover-end, rgba(255, 255, 255, 0)) 50%), var(--cds-ai-aura-hover-background, #edf5ff);
  background-attachment: fixed;
}

tr.cds--parent-row.cds--data-table--selected.cds--data-table--slug-row,
.cds--data-table--selected.cds--data-table--slug-row,
tr.cds--data-table--selected.cds--data-table--slug-row + .cds--expandable-row,
tr.cds--parent-row.cds--data-table--selected.cds--data-table--ai-label-row,
.cds--data-table--selected.cds--data-table--ai-label-row,
tr.cds--data-table--selected.cds--data-table--ai-label-row + .cds--expandable-row {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%), var(--cds-layer-selected);
  background-attachment: fixed;
}

tr.cds--data-table--ai-label-row.cds--data-table--selected td,
tr.cds--data-table--ai-label-row.cds--data-table--selected:hover td,
tbody tr.cds--data-table--ai-label-row:hover td,
tr.cds--data-table--ai-label-row.cds--parent-row.cds--data-table--selected.cds--expandable-row:hover td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
  border-block-end-color: var(--cds-border-subtle);
}

tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug),
tr.cds--expandable-row.cds--data-table--selected.cds--data-table--slug-row[data-parent-row] > td:not(.cds--table-expand):not(.cds--table-column-checkbox):not(.cds--table-column-slug) {
  border-block-end: 1px solid var(--cds-layer-selected);
}

tr.cds--parent-row.cds--data-table--slug-row.cds--expandable-row:hover td:first-of-type,
tr.cds--parent-row.cds--data-table--ai-label-row.cds--expandable-row:hover td:first-of-type,
tr.cds--parent-row.cds--data-table--decoratorß-row.cds--expandable-row:hover td:first-of-type {
  border-block-end: 1px solid transparent;
}

.cds--data-table thead th.cds--table-sort__header--slug .cds--table-sort,
.cds--data-table thead th:has(> .cds--table-header-label--slug),
.cds--data-table thead th.cds--table-sort__header--ai-label .cds--table-sort,
.cds--data-table thead th:has(> .cds--table-header-label--ai-label) {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

.cds--table-column-slug .cds--ai-label,
.cds--table-column-slug .cds--slug,
.cds--table-column-decorator .cds--decorator {
  position: absolute;
  z-index: 2;
  transform: translateY(-50%);
}

.cds--data-table--xl .cds--table-column-slug .cds--ai-label,
.cds--data-table--xl .cds--table-column-slug .cds--slug,
.cds--data-table--xl .cds--table-column-decorator .cds--decorator {
  transform: translateY(1px);
}

th .cds--table-header-label.cds--table-header-label--slug,
th .cds--table-header-label.cds--table-header-label--ai-label,
th .cds--table-header-label.cds--table-header-label--decorator {
  display: flex;
  align-items: center;
}

th .cds--table-header-label.cds--table-header-label--ai-label .cds--ai-label,
th .cds--table-header-label.cds--table-header-label--ai-label .cds--slug,
th .cds--table-header-label.cds--table-header-label--decorator .cds--table-header-label--decorator-inner,
th .cds--table-header-label.cds--table-header-label--ai-label .cds--table-header-label--decorator-inner {
  margin-inline-start: auto;
}

th.cds--table-sort__header--slug,
th:has(.cds--table-header-label--slug),
th.cds--table-sort__header--ai-label,
th:has(.cds--table-header-label--ai-label) {
  box-shadow: inset 0 1px var(--cds-ai-border-strong, #4589ff);
}

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

tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug {
  border-block-start: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  tr.cds--parent-row:not(.cds--expandable-row):not(:first-of-type) td.cds--table-cell--column-slug,
  .cds--data-table-content {
    outline: 1px solid transparent;
  }
}

.cds--chart-holder {
  --cds-charts-1-1-1: #6929c4;
  --cds-charts-1-1-1-hovered: #5923a6;
  --cds-charts-1-2-1: #002d9c;
  --cds-charts-1-2-1-hovered: #002378;
  --cds-charts-1-3-1: #1192e8;
  --cds-charts-1-3-1-hovered: #0f7dc7;
  --cds-charts-1-4-1: #007d79;
  --cds-charts-1-4-1-hovered: #005956;
  --cds-charts-2-1-1: #6929c4;
  --cds-charts-2-1-1-hovered: #5923a6;
  --cds-charts-2-1-2: #009d9a;
  --cds-charts-2-1-2-hovered: #007977;
  --cds-charts-2-2-1: #8a3ffc;
  --cds-charts-2-2-1-hovered: #751cfb;
  --cds-charts-2-2-2: #520408;
  --cds-charts-2-2-2-hovered: #300205;
  --cds-charts-2-3-1: #9f1853;
  --cds-charts-2-3-1-hovered: #801343;
  --cds-charts-2-3-2: #520408;
  --cds-charts-2-3-2-hovered: #300205;
  --cds-charts-2-4-1: #1192e8;
  --cds-charts-2-4-1-hovered: #0f7dc7;
  --cds-charts-2-4-2: #005d5d;
  --cds-charts-2-4-2-hovered: #003939;
  --cds-charts-2-5-1: #009d9a;
  --cds-charts-2-5-1-hovered: #007977;
  --cds-charts-2-5-2: #002d9c;
  --cds-charts-2-5-2-hovered: #002378;
  --cds-charts-3-1-1: #ee5396;
  --cds-charts-3-1-1-hovered: #eb3382;
  --cds-charts-3-1-2: #1192e8;
  --cds-charts-3-1-2-hovered: #0f7dc7;
  --cds-charts-3-1-3: #6929c4;
  --cds-charts-3-1-3-hovered: #5923a6;
  --cds-charts-3-2-1: #9f1853;
  --cds-charts-3-2-1-hovered: #801343;
  --cds-charts-3-2-2: #fa4d56;
  --cds-charts-3-2-2-hovered: #f92a35;
  --cds-charts-3-2-3: #520408;
  --cds-charts-3-2-3-hovered: #300205;
  --cds-charts-3-3-1: #a56eff;
  --cds-charts-3-3-1-hovered: #8f4aff;
  --cds-charts-3-3-2: #005d5d;
  --cds-charts-3-3-2-hovered: #003939;
  --cds-charts-3-3-3: #002d9c;
  --cds-charts-3-3-3-hovered: #002378;
  --cds-charts-3-4-1: #a56eff;
  --cds-charts-3-4-1-hovered: #8f4aff;
  --cds-charts-3-4-2: #005d5d;
  --cds-charts-3-4-2-hovered: #003939;
  --cds-charts-3-4-3: #9f1853;
  --cds-charts-3-4-3-hovered: #801343;
  --cds-charts-3-5-1: #012749;
  --cds-charts-3-5-1-hovered: #011426;
  --cds-charts-3-5-2: #6929c4;
  --cds-charts-3-5-2-hovered: #5923a6;
  --cds-charts-3-5-3: #009d9a;
  --cds-charts-3-5-3-hovered: #007977;
  --cds-charts-4-1-1: #6929c4;
  --cds-charts-4-1-1-hovered: #5923a6;
  --cds-charts-4-1-2: #012749;
  --cds-charts-4-1-2-hovered: #011426;
  --cds-charts-4-1-3: #009d9a;
  --cds-charts-4-1-3-hovered: #007977;
  --cds-charts-4-1-4: #ee5396;
  --cds-charts-4-1-4-hovered: #eb3382;
  --cds-charts-4-2-1: #9f1853;
  --cds-charts-4-2-1-hovered: #801343;
  --cds-charts-4-2-2: #fa4d56;
  --cds-charts-4-2-2-hovered: #f92a35;
  --cds-charts-4-2-3: #520408;
  --cds-charts-4-2-3-hovered: #300205;
  --cds-charts-4-2-4: #a56eff;
  --cds-charts-4-2-4-hovered: #8f4aff;
  --cds-charts-4-3-1: #009d9a;
  --cds-charts-4-3-1-hovered: #007977;
  --cds-charts-4-3-2: #002d9c;
  --cds-charts-4-3-2-hovered: #002378;
  --cds-charts-4-3-3: #a56eff;
  --cds-charts-4-3-3-hovered: #8f4aff;
  --cds-charts-4-3-4: #9f1853;
  --cds-charts-4-3-4-hovered: #801343;
  --cds-charts-5-1-1: #6929c4;
  --cds-charts-5-1-1-hovered: #5923a6;
  --cds-charts-5-1-2: #1192e8;
  --cds-charts-5-1-2-hovered: #0f7dc7;
  --cds-charts-5-1-3: #005d5d;
  --cds-charts-5-1-3-hovered: #003939;
  --cds-charts-5-1-4: #9f1853;
  --cds-charts-5-1-4-hovered: #801343;
  --cds-charts-5-1-5: #520408;
  --cds-charts-5-1-5-hovered: #300205;
  --cds-charts-5-2-1: #002d9c;
  --cds-charts-5-2-1-hovered: #002378;
  --cds-charts-5-2-2: #009d9a;
  --cds-charts-5-2-2-hovered: #007977;
  --cds-charts-5-2-3: #9f1853;
  --cds-charts-5-2-3-hovered: #801343;
  --cds-charts-5-2-4: #520408;
  --cds-charts-5-2-4-hovered: #300205;
  --cds-charts-5-2-5: #a56eff;
  --cds-charts-5-2-5-hovered: #8f4aff;
  --cds-charts-14-1-1: #6929c4;
  --cds-charts-14-1-1-hovered: #5923a6;
  --cds-charts-14-1-2: #1192e8;
  --cds-charts-14-1-2-hovered: #0f7dc7;
  --cds-charts-14-1-3: #005d5d;
  --cds-charts-14-1-3-hovered: #003939;
  --cds-charts-14-1-4: #9f1853;
  --cds-charts-14-1-4-hovered: #801343;
  --cds-charts-14-1-5: #fa4d56;
  --cds-charts-14-1-5-hovered: #f92a35;
  --cds-charts-14-1-6: #520408;
  --cds-charts-14-1-6-hovered: #300205;
  --cds-charts-14-1-7: #198038;
  --cds-charts-14-1-7-hovered: #13622b;
  --cds-charts-14-1-8: #002d9c;
  --cds-charts-14-1-8-hovered: #002378;
  --cds-charts-14-1-9: #ee5396;
  --cds-charts-14-1-9-hovered: #eb3382;
  --cds-charts-14-1-10: #b28600;
  --cds-charts-14-1-10-hovered: #8e6b00;
  --cds-charts-14-1-11: #009d9a;
  --cds-charts-14-1-11-hovered: #007977;
  --cds-charts-14-1-12: #012749;
  --cds-charts-14-1-12-hovered: #011426;
  --cds-charts-14-1-13: #8a3800;
  --cds-charts-14-1-13-hovered: #662a00;
  --cds-charts-14-1-14: #a56eff;
  --cds-charts-14-1-14-hovered: #8f4aff;
  --cds-charts-mono-1-1: #ffffff;
  --cds-charts-mono-1-1-hovered: #ededed;
  --cds-charts-mono-1-2: #f6f2ff;
  --cds-charts-mono-1-2-hovered: #ddceff;
  --cds-charts-mono-1-3: #e8daff;
  --cds-charts-mono-1-3-hovered: #d2b6ff;
  --cds-charts-mono-1-4: #d4bbff;
  --cds-charts-mono-1-4-hovered: #bd97ff;
  --cds-charts-mono-1-5: #be95ff;
  --cds-charts-mono-1-5-hovered: #a871ff;
  --cds-charts-mono-1-6: #a56eff;
  --cds-charts-mono-1-6-hovered: #8f4aff;
  --cds-charts-mono-1-7: #8a3ffc;
  --cds-charts-mono-1-7-hovered: #751cfb;
  --cds-charts-mono-1-8: #6929c4;
  --cds-charts-mono-1-8-hovered: #5923a6;
  --cds-charts-mono-1-9: #491d8b;
  --cds-charts-mono-1-9-hovered: #39176d;
  --cds-charts-mono-1-10: #31135e;
  --cds-charts-mono-1-10-hovered: #220d40;
  --cds-charts-mono-1-11: #1c0f30;
  --cds-charts-mono-1-11-hovered: #0c0715;
  --cds-charts-mono-2-1: #ffffff;
  --cds-charts-mono-2-1-hovered: #ededed;
  --cds-charts-mono-2-2: #edf5ff;
  --cds-charts-mono-2-2-hovered: #c9e1ff;
  --cds-charts-mono-2-3: #d0e2ff;
  --cds-charts-mono-2-3-hovered: #acccff;
  --cds-charts-mono-2-4: #a6c8ff;
  --cds-charts-mono-2-4-hovered: #82b2ff;
  --cds-charts-mono-2-5: #78a9ff;
  --cds-charts-mono-2-5-hovered: #5492ff;
  --cds-charts-mono-2-6: #4589ff;
  --cds-charts-mono-2-6-hovered: #2172ff;
  --cds-charts-mono-2-7: #0f62fe;
  --cds-charts-mono-2-7-hovered: #0151e8;
  --cds-charts-mono-2-8: #0043ce;
  --cds-charts-mono-2-8-hovered: #0037aa;
  --cds-charts-mono-2-9: #002d9c;
  --cds-charts-mono-2-9-hovered: #002378;
  --cds-charts-mono-2-10: #001d6c;
  --cds-charts-mono-2-10-hovered: #001348;
  --cds-charts-mono-2-11: #001141;
  --cds-charts-mono-2-11-hovered: #00081d;
  --cds-charts-mono-3-1: #ffffff;
  --cds-charts-mono-3-1-hovered: #ededed;
  --cds-charts-mono-3-2: #e5f6ff;
  --cds-charts-mono-3-2-hovered: #c1eaff;
  --cds-charts-mono-3-3: #bae6ff;
  --cds-charts-mono-3-3-hovered: #96d9ff;
  --cds-charts-mono-3-4: #82cfff;
  --cds-charts-mono-3-4-hovered: #5ec1ff;
  --cds-charts-mono-3-5: #33b1ff;
  --cds-charts-mono-3-5-hovered: #0fa3ff;
  --cds-charts-mono-3-6: #1192e8;
  --cds-charts-mono-3-6-hovered: #0f7dc7;
  --cds-charts-mono-3-7: #0072c3;
  --cds-charts-mono-3-7-hovered: #005d9f;
  --cds-charts-mono-3-8: #00539a;
  --cds-charts-mono-3-8-hovered: #004076;
  --cds-charts-mono-3-9: #003a6d;
  --cds-charts-mono-3-9-hovered: #002749;
  --cds-charts-mono-3-10: #012749;
  --cds-charts-mono-3-10-hovered: #011426;
  --cds-charts-mono-3-11: #061727;
  --cds-charts-mono-3-11-hovered: #010508;
  --cds-charts-mono-4-1: #ffffff;
  --cds-charts-mono-4-1-hovered: #ededed;
  --cds-charts-mono-4-2: #d9fbfb;
  --cds-charts-mono-4-2-hovered: #b9f8f8;
  --cds-charts-mono-4-3: #9ef0f0;
  --cds-charts-mono-4-3-hovered: #7febeb;
  --cds-charts-mono-4-4: #3ddbd9;
  --cds-charts-mono-4-4-hovered: #26cecc;
  --cds-charts-mono-4-5: #08bdba;
  --cds-charts-mono-4-5-hovered: #079b98;
  --cds-charts-mono-4-6: #009d9a;
  --cds-charts-mono-4-6-hovered: #007977;
  --cds-charts-mono-4-7: #007d79;
  --cds-charts-mono-4-7-hovered: #005956;
  --cds-charts-mono-4-8: #005d5d;
  --cds-charts-mono-4-8-hovered: #003939;
  --cds-charts-mono-4-9: #004144;
  --cds-charts-mono-4-9-hovered: #001f20;
  --cds-charts-mono-4-10: #022b30;
  --cds-charts-mono-4-10-hovered: #010c0e;
  --cds-charts-mono-4-11: #081a1c;
  --cds-charts-mono-4-11-hovered: black;
  --cds-charts-diverge-1-1: #750e13;
  --cds-charts-diverge-1-1-hovered: #550a0e;
  --cds-charts-diverge-1-2: #a2191f;
  --cds-charts-diverge-1-2-hovered: #831419;
  --cds-charts-diverge-1-3: #da1e28;
  --cds-charts-diverge-1-3-hovered: #bb1a22;
  --cds-charts-diverge-1-4: #fa4d56;
  --cds-charts-diverge-1-4-hovered: #f92a35;
  --cds-charts-diverge-1-5: #ff8389;
  --cds-charts-diverge-1-5-hovered: #ff5f67;
  --cds-charts-diverge-1-6: #ffb3b8;
  --cds-charts-diverge-1-6-hovered: #ff8f97;
  --cds-charts-diverge-1-7: #ffd7d9;
  --cds-charts-diverge-1-7-hovered: #ffb3b7;
  --cds-charts-diverge-1-8: #fff1f1;
  --cds-charts-diverge-1-8-hovered: #ffcdcd;
  --cds-charts-diverge-1-9: #ffffff;
  --cds-charts-diverge-1-9-hovered: #ededed;
  --cds-charts-diverge-1-10: #e5f6ff;
  --cds-charts-diverge-1-10-hovered: #c1eaff;
  --cds-charts-diverge-1-11: #bae6ff;
  --cds-charts-diverge-1-11-hovered: #96d9ff;
  --cds-charts-diverge-1-12: #82cfff;
  --cds-charts-diverge-1-12-hovered: #5ec1ff;
  --cds-charts-diverge-1-13: #33b1ff;
  --cds-charts-diverge-1-13-hovered: #0fa3ff;
  --cds-charts-diverge-1-14: #1192e8;
  --cds-charts-diverge-1-14-hovered: #0f7dc7;
  --cds-charts-diverge-1-15: #0072c3;
  --cds-charts-diverge-1-15-hovered: #005d9f;
  --cds-charts-diverge-1-16: #00539a;
  --cds-charts-diverge-1-16-hovered: #004076;
  --cds-charts-diverge-1-17: #003a6d;
  --cds-charts-diverge-1-17-hovered: #002749;
  --cds-charts-diverge-2-1: #491d8b;
  --cds-charts-diverge-2-1-hovered: #39176d;
  --cds-charts-diverge-2-2: #6929c4;
  --cds-charts-diverge-2-2-hovered: #5923a6;
  --cds-charts-diverge-2-3: #8a3ffc;
  --cds-charts-diverge-2-3-hovered: #751cfb;
  --cds-charts-diverge-2-4: #a56eff;
  --cds-charts-diverge-2-4-hovered: #8f4aff;
  --cds-charts-diverge-2-5: #be95ff;
  --cds-charts-diverge-2-5-hovered: #a871ff;
  --cds-charts-diverge-2-6: #d4bbff;
  --cds-charts-diverge-2-6-hovered: #bd97ff;
  --cds-charts-diverge-2-7: #e8daff;
  --cds-charts-diverge-2-7-hovered: #d2b6ff;
  --cds-charts-diverge-2-8: #f6f2ff;
  --cds-charts-diverge-2-8-hovered: #ddceff;
  --cds-charts-diverge-2-9: #ffffff;
  --cds-charts-diverge-2-9-hovered: #ededed;
  --cds-charts-diverge-2-10: #d9fbfb;
  --cds-charts-diverge-2-10-hovered: #b9f8f8;
  --cds-charts-diverge-2-11: #9ef0f0;
  --cds-charts-diverge-2-11-hovered: #7febeb;
  --cds-charts-diverge-2-12: #3ddbd9;
  --cds-charts-diverge-2-12-hovered: #26cecc;
  --cds-charts-diverge-2-13: #08bdba;
  --cds-charts-diverge-2-13-hovered: #079b98;
  --cds-charts-diverge-2-14: #009d9a;
  --cds-charts-diverge-2-14-hovered: #007977;
  --cds-charts-diverge-2-15: #007d79;
  --cds-charts-diverge-2-15-hovered: #005956;
  --cds-charts-diverge-2-16: #005d5d;
  --cds-charts-diverge-2-16-hovered: #003939;
  --cds-charts-diverge-2-17: #004144;
  --cds-charts-diverge-2-17-hovered: #001f20;
}

.cds--chart-holder[data-carbon-theme=g90],
.cds--chart-holder[data-carbon-theme=g100] {
  --cds-charts-1-1-1: #d4bbff;
  --cds-charts-1-1-1-hovered: #bd97ff;
  --cds-charts-1-2-1: #4589ff;
  --cds-charts-1-2-1-hovered: #2172ff;
  --cds-charts-1-3-1: #33b1ff;
  --cds-charts-1-3-1-hovered: #0fa3ff;
  --cds-charts-1-4-1: #08bdba;
  --cds-charts-1-4-1-hovered: #079b98;
  --cds-charts-2-1-1: #8a3ffc;
  --cds-charts-2-1-1-hovered: #751cfb;
  --cds-charts-2-1-2: #08bdba;
  --cds-charts-2-1-2-hovered: #079b98;
  --cds-charts-2-2-1: #8a3ffc;
  --cds-charts-2-2-1-hovered: #751cfb;
  --cds-charts-2-2-2: #ff7eb6;
  --cds-charts-2-2-2-hovered: #ff5aa2;
  --cds-charts-2-3-1: #ff7eb6;
  --cds-charts-2-3-1-hovered: #ff5aa2;
  --cds-charts-2-3-2: #fff1f1;
  --cds-charts-2-3-2-hovered: #ffcdcd;
  --cds-charts-2-4-1: #4589ff;
  --cds-charts-2-4-1-hovered: #2172ff;
  --cds-charts-2-4-2: #bae6ff;
  --cds-charts-2-4-2-hovered: #96d9ff;
  --cds-charts-2-5-1: #007d79;
  --cds-charts-2-5-1-hovered: #005956;
  --cds-charts-2-5-2: #6fdc8c;
  --cds-charts-2-5-2-hovered: #52d575;
  --cds-charts-3-1-1: #8a3ffc;
  --cds-charts-3-1-1-hovered: #751cfb;
  --cds-charts-3-1-2: #08bdba;
  --cds-charts-3-1-2-hovered: #079b98;
  --cds-charts-3-1-3: #bae6ff;
  --cds-charts-3-1-3-hovered: #96d9ff;
  --cds-charts-3-2-1: #8a3ffc;
  --cds-charts-3-2-1-hovered: #751cfb;
  --cds-charts-3-2-2: #ff7eb6;
  --cds-charts-3-2-2-hovered: #ff5aa2;
  --cds-charts-3-2-3: #fff1f1;
  --cds-charts-3-2-3-hovered: #ffcdcd;
  --cds-charts-3-3-1: #4589ff;
  --cds-charts-3-3-1-hovered: #2172ff;
  --cds-charts-3-3-2: #08bdba;
  --cds-charts-3-3-2-hovered: #079b98;
  --cds-charts-3-3-3: #d4bbff;
  --cds-charts-3-3-3-hovered: #bd97ff;
  --cds-charts-3-4-1: #4589ff;
  --cds-charts-3-4-1-hovered: #2172ff;
  --cds-charts-3-4-2: #6fdc8c;
  --cds-charts-3-4-2-hovered: #52d575;
  --cds-charts-3-4-3: #fff1f1;
  --cds-charts-3-4-3-hovered: #ffcdcd;
  --cds-charts-3-5-1: #007d79;
  --cds-charts-3-5-1-hovered: #005956;
  --cds-charts-3-5-2: #6fdc8c;
  --cds-charts-3-5-2-hovered: #52d575;
  --cds-charts-3-5-3: #bae6ff;
  --cds-charts-3-5-3-hovered: #96d9ff;
  --cds-charts-4-1-1: #8a3ffc;
  --cds-charts-4-1-1-hovered: #751cfb;
  --cds-charts-4-1-2: #08bdba;
  --cds-charts-4-1-2-hovered: #079b98;
  --cds-charts-4-1-3: #bae6ff;
  --cds-charts-4-1-3-hovered: #96d9ff;
  --cds-charts-4-1-4: #4589ff;
  --cds-charts-4-1-4-hovered: #2172ff;
  --cds-charts-4-2-1: #4589ff;
  --cds-charts-4-2-1-hovered: #2172ff;
  --cds-charts-4-2-2: #08bdba;
  --cds-charts-4-2-2-hovered: #079b98;
  --cds-charts-4-2-3: #d4bbff;
  --cds-charts-4-2-3-hovered: #bd97ff;
  --cds-charts-4-2-4: #fff1f1;
  --cds-charts-4-2-4-hovered: #ffcdcd;
  --cds-charts-4-3-1: #007d79;
  --cds-charts-4-3-1-hovered: #005956;
  --cds-charts-4-3-2: #fff1f1;
  --cds-charts-4-3-2-hovered: #ffcdcd;
  --cds-charts-4-3-3: #33b1ff;
  --cds-charts-4-3-3-hovered: #0fa3ff;
  --cds-charts-4-3-4: #6fdc8c;
  --cds-charts-4-3-4-hovered: #52d575;
  --cds-charts-5-1-1: #8a3ffc;
  --cds-charts-5-1-1-hovered: #751cfb;
  --cds-charts-5-1-2: #08bdba;
  --cds-charts-5-1-2-hovered: #079b98;
  --cds-charts-5-1-3: #bae6ff;
  --cds-charts-5-1-3-hovered: #96d9ff;
  --cds-charts-5-1-4: #4589ff;
  --cds-charts-5-1-4-hovered: #2172ff;
  --cds-charts-5-1-5: #ff7eb6;
  --cds-charts-5-1-5-hovered: #ff5aa2;
  --cds-charts-5-2-1: #4589ff;
  --cds-charts-5-2-1-hovered: #2172ff;
  --cds-charts-5-2-2: #08bdba;
  --cds-charts-5-2-2-hovered: #079b98;
  --cds-charts-5-2-3: #d4bbff;
  --cds-charts-5-2-3-hovered: #bd97ff;
  --cds-charts-5-2-4: #fff1f1;
  --cds-charts-5-2-4-hovered: #ffcdcd;
  --cds-charts-5-2-5: #6fdc8c;
  --cds-charts-5-2-5-hovered: #52d575;
  --cds-charts-14-1-1: #8a3ffc;
  --cds-charts-14-1-1-hovered: #751cfb;
  --cds-charts-14-1-2: #33b1ff;
  --cds-charts-14-1-2-hovered: #0fa3ff;
  --cds-charts-14-1-3: #007d79;
  --cds-charts-14-1-3-hovered: #005956;
  --cds-charts-14-1-4: #ff7eb6;
  --cds-charts-14-1-4-hovered: #ff5aa2;
  --cds-charts-14-1-5: #fa4d56;
  --cds-charts-14-1-5-hovered: #f92a35;
  --cds-charts-14-1-6: #fff1f1;
  --cds-charts-14-1-6-hovered: #ffcdcd;
  --cds-charts-14-1-7: #6fdc8c;
  --cds-charts-14-1-7-hovered: #52d575;
  --cds-charts-14-1-8: #4589ff;
  --cds-charts-14-1-8-hovered: #2172ff;
  --cds-charts-14-1-9: #d02670;
  --cds-charts-14-1-9-hovered: #b22060;
  --cds-charts-14-1-10: #d2a106;
  --cds-charts-14-1-10-hovered: #af8605;
  --cds-charts-14-1-11: #08bdba;
  --cds-charts-14-1-11-hovered: #079b98;
  --cds-charts-14-1-12: #bae6ff;
  --cds-charts-14-1-12-hovered: #96d9ff;
  --cds-charts-14-1-13: #ba4e00;
  --cds-charts-14-1-13-hovered: #963f00;
  --cds-charts-14-1-14: #d4bbff;
  --cds-charts-14-1-14-hovered: #bd97ff;
  --cds-charts-mono-1-1: #ffffff;
  --cds-charts-mono-1-1-hovered: #ededed;
  --cds-charts-mono-1-2: #f6f2ff;
  --cds-charts-mono-1-2-hovered: #ddceff;
  --cds-charts-mono-1-3: #e8daff;
  --cds-charts-mono-1-3-hovered: #d2b6ff;
  --cds-charts-mono-1-4: #d4bbff;
  --cds-charts-mono-1-4-hovered: #bd97ff;
  --cds-charts-mono-1-5: #be95ff;
  --cds-charts-mono-1-5-hovered: #a871ff;
  --cds-charts-mono-1-6: #a56eff;
  --cds-charts-mono-1-6-hovered: #8f4aff;
  --cds-charts-mono-1-7: #8a3ffc;
  --cds-charts-mono-1-7-hovered: #751cfb;
  --cds-charts-mono-1-8: #6929c4;
  --cds-charts-mono-1-8-hovered: #5923a6;
  --cds-charts-mono-1-9: #491d8b;
  --cds-charts-mono-1-9-hovered: #39176d;
  --cds-charts-mono-1-10: #31135e;
  --cds-charts-mono-1-10-hovered: #220d40;
  --cds-charts-mono-1-11: #1c0f30;
  --cds-charts-mono-1-11-hovered: #0c0715;
  --cds-charts-mono-2-1: #ffffff;
  --cds-charts-mono-2-1-hovered: #ededed;
  --cds-charts-mono-2-2: #edf5ff;
  --cds-charts-mono-2-2-hovered: #c9e1ff;
  --cds-charts-mono-2-3: #d0e2ff;
  --cds-charts-mono-2-3-hovered: #acccff;
  --cds-charts-mono-2-4: #a6c8ff;
  --cds-charts-mono-2-4-hovered: #82b2ff;
  --cds-charts-mono-2-5: #78a9ff;
  --cds-charts-mono-2-5-hovered: #5492ff;
  --cds-charts-mono-2-6: #4589ff;
  --cds-charts-mono-2-6-hovered: #2172ff;
  --cds-charts-mono-2-7: #0f62fe;
  --cds-charts-mono-2-7-hovered: #0151e8;
  --cds-charts-mono-2-8: #0043ce;
  --cds-charts-mono-2-8-hovered: #0037aa;
  --cds-charts-mono-2-9: #002d9c;
  --cds-charts-mono-2-9-hovered: #002378;
  --cds-charts-mono-2-10: #001d6c;
  --cds-charts-mono-2-10-hovered: #001348;
  --cds-charts-mono-2-11: #001141;
  --cds-charts-mono-2-11-hovered: #00081d;
  --cds-charts-mono-3-1: #ffffff;
  --cds-charts-mono-3-1-hovered: #ededed;
  --cds-charts-mono-3-2: #e5f6ff;
  --cds-charts-mono-3-2-hovered: #c1eaff;
  --cds-charts-mono-3-3: #bae6ff;
  --cds-charts-mono-3-3-hovered: #96d9ff;
  --cds-charts-mono-3-4: #82cfff;
  --cds-charts-mono-3-4-hovered: #5ec1ff;
  --cds-charts-mono-3-5: #33b1ff;
  --cds-charts-mono-3-5-hovered: #0fa3ff;
  --cds-charts-mono-3-6: #1192e8;
  --cds-charts-mono-3-6-hovered: #0f7dc7;
  --cds-charts-mono-3-7: #0072c3;
  --cds-charts-mono-3-7-hovered: #005d9f;
  --cds-charts-mono-3-8: #00539a;
  --cds-charts-mono-3-8-hovered: #004076;
  --cds-charts-mono-3-9: #003a6d;
  --cds-charts-mono-3-9-hovered: #002749;
  --cds-charts-mono-3-10: #012749;
  --cds-charts-mono-3-10-hovered: #011426;
  --cds-charts-mono-3-11: #061727;
  --cds-charts-mono-3-11-hovered: #010508;
  --cds-charts-mono-4-1: #ffffff;
  --cds-charts-mono-4-1-hovered: #ededed;
  --cds-charts-mono-4-2: #d9fbfb;
  --cds-charts-mono-4-2-hovered: #b9f8f8;
  --cds-charts-mono-4-3: #9ef0f0;
  --cds-charts-mono-4-3-hovered: #7febeb;
  --cds-charts-mono-4-4: #3ddbd9;
  --cds-charts-mono-4-4-hovered: #26cecc;
  --cds-charts-mono-4-5: #08bdba;
  --cds-charts-mono-4-5-hovered: #079b98;
  --cds-charts-mono-4-6: #009d9a;
  --cds-charts-mono-4-6-hovered: #007977;
  --cds-charts-mono-4-7: #007d79;
  --cds-charts-mono-4-7-hovered: #005956;
  --cds-charts-mono-4-8: #005d5d;
  --cds-charts-mono-4-8-hovered: #003939;
  --cds-charts-mono-4-9: #004144;
  --cds-charts-mono-4-9-hovered: #001f20;
  --cds-charts-mono-4-10: #022b30;
  --cds-charts-mono-4-10-hovered: #010c0e;
  --cds-charts-mono-4-11: #081a1c;
  --cds-charts-mono-4-11-hovered: black;
  --cds-charts-diverge-1-1: #750e13;
  --cds-charts-diverge-1-1-hovered: #550a0e;
  --cds-charts-diverge-1-2: #a2191f;
  --cds-charts-diverge-1-2-hovered: #831419;
  --cds-charts-diverge-1-3: #da1e28;
  --cds-charts-diverge-1-3-hovered: #bb1a22;
  --cds-charts-diverge-1-4: #fa4d56;
  --cds-charts-diverge-1-4-hovered: #f92a35;
  --cds-charts-diverge-1-5: #ff8389;
  --cds-charts-diverge-1-5-hovered: #ff5f67;
  --cds-charts-diverge-1-6: #ffb3b8;
  --cds-charts-diverge-1-6-hovered: #ff8f97;
  --cds-charts-diverge-1-7: #ffd7d9;
  --cds-charts-diverge-1-7-hovered: #ffb3b7;
  --cds-charts-diverge-1-8: #fff1f1;
  --cds-charts-diverge-1-8-hovered: #ffcdcd;
  --cds-charts-diverge-1-9: #ffffff;
  --cds-charts-diverge-1-9-hovered: #ededed;
  --cds-charts-diverge-1-10: #e5f6ff;
  --cds-charts-diverge-1-10-hovered: #c1eaff;
  --cds-charts-diverge-1-11: #bae6ff;
  --cds-charts-diverge-1-11-hovered: #96d9ff;
  --cds-charts-diverge-1-12: #82cfff;
  --cds-charts-diverge-1-12-hovered: #5ec1ff;
  --cds-charts-diverge-1-13: #33b1ff;
  --cds-charts-diverge-1-13-hovered: #0fa3ff;
  --cds-charts-diverge-1-14: #1192e8;
  --cds-charts-diverge-1-14-hovered: #0f7dc7;
  --cds-charts-diverge-1-15: #0072c3;
  --cds-charts-diverge-1-15-hovered: #005d9f;
  --cds-charts-diverge-1-16: #00539a;
  --cds-charts-diverge-1-16-hovered: #004076;
  --cds-charts-diverge-1-17: #003a6d;
  --cds-charts-diverge-1-17-hovered: #002749;
  --cds-charts-diverge-2-1: #491d8b;
  --cds-charts-diverge-2-1-hovered: #39176d;
  --cds-charts-diverge-2-2: #6929c4;
  --cds-charts-diverge-2-2-hovered: #5923a6;
  --cds-charts-diverge-2-3: #8a3ffc;
  --cds-charts-diverge-2-3-hovered: #751cfb;
  --cds-charts-diverge-2-4: #a56eff;
  --cds-charts-diverge-2-4-hovered: #8f4aff;
  --cds-charts-diverge-2-5: #be95ff;
  --cds-charts-diverge-2-5-hovered: #a871ff;
  --cds-charts-diverge-2-6: #d4bbff;
  --cds-charts-diverge-2-6-hovered: #bd97ff;
  --cds-charts-diverge-2-7: #e8daff;
  --cds-charts-diverge-2-7-hovered: #d2b6ff;
  --cds-charts-diverge-2-8: #f6f2ff;
  --cds-charts-diverge-2-8-hovered: #ddceff;
  --cds-charts-diverge-2-9: #ffffff;
  --cds-charts-diverge-2-9-hovered: #ededed;
  --cds-charts-diverge-2-10: #d9fbfb;
  --cds-charts-diverge-2-10-hovered: #b9f8f8;
  --cds-charts-diverge-2-11: #9ef0f0;
  --cds-charts-diverge-2-11-hovered: #7febeb;
  --cds-charts-diverge-2-12: #3ddbd9;
  --cds-charts-diverge-2-12-hovered: #26cecc;
  --cds-charts-diverge-2-13: #08bdba;
  --cds-charts-diverge-2-13-hovered: #079b98;
  --cds-charts-diverge-2-14: #009d9a;
  --cds-charts-diverge-2-14-hovered: #007977;
  --cds-charts-diverge-2-15: #007d79;
  --cds-charts-diverge-2-15-hovered: #005956;
  --cds-charts-diverge-2-16: #005d5d;
  --cds-charts-diverge-2-16-hovered: #003939;
  --cds-charts-diverge-2-17: #004144;
  --cds-charts-diverge-2-17-hovered: #001f20;
}

.cds--cc--chart-wrapper .fill-1-1-1 {
  fill: var(--cds-charts-1-1-1, #6929c4);
}
.cds--cc--chart-wrapper .fill-1-1-1.hovered {
  fill: var(--cds-charts-1-1-1-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-1-1-1 {
  background-color: var(--cds-charts-1-1-1, #6929c4);
}
.cds--cc--chart-wrapper .background-1-1-1.hovered {
  background-color: var(--cds-charts-1-1-1-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-1-1-1 {
  stroke: var(--cds-charts-1-1-1, #6929c4);
}
.cds--cc--chart-wrapper .stop-color-1-1-1 {
  stop-color: var(--cds-charts-1-1-1, #6929c4);
}
.cds--cc--chart-wrapper .fill-1-2-1 {
  fill: var(--cds-charts-1-2-1, #002d9c);
}
.cds--cc--chart-wrapper .fill-1-2-1.hovered {
  fill: var(--cds-charts-1-2-1-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-1-2-1 {
  background-color: var(--cds-charts-1-2-1, #002d9c);
}
.cds--cc--chart-wrapper .background-1-2-1.hovered {
  background-color: var(--cds-charts-1-2-1-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-1-2-1 {
  stroke: var(--cds-charts-1-2-1, #002d9c);
}
.cds--cc--chart-wrapper .stop-color-1-2-1 {
  stop-color: var(--cds-charts-1-2-1, #002d9c);
}
.cds--cc--chart-wrapper .fill-1-3-1 {
  fill: var(--cds-charts-1-3-1, #1192e8);
}
.cds--cc--chart-wrapper .fill-1-3-1.hovered {
  fill: var(--cds-charts-1-3-1-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-1-3-1 {
  background-color: var(--cds-charts-1-3-1, #1192e8);
}
.cds--cc--chart-wrapper .background-1-3-1.hovered {
  background-color: var(--cds-charts-1-3-1-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-1-3-1 {
  stroke: var(--cds-charts-1-3-1, #1192e8);
}
.cds--cc--chart-wrapper .stop-color-1-3-1 {
  stop-color: var(--cds-charts-1-3-1, #1192e8);
}
.cds--cc--chart-wrapper .fill-1-4-1 {
  fill: var(--cds-charts-1-4-1, #007d79);
}
.cds--cc--chart-wrapper .fill-1-4-1.hovered {
  fill: var(--cds-charts-1-4-1-hovered, #007d79);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-1-4-1 {
  background-color: var(--cds-charts-1-4-1, #007d79);
}
.cds--cc--chart-wrapper .background-1-4-1.hovered {
  background-color: var(--cds-charts-1-4-1-hovered, #007d79);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-1-4-1 {
  stroke: var(--cds-charts-1-4-1, #007d79);
}
.cds--cc--chart-wrapper .stop-color-1-4-1 {
  stop-color: var(--cds-charts-1-4-1, #007d79);
}
.cds--cc--chart-wrapper .fill-2-1-1 {
  fill: var(--cds-charts-2-1-1, #6929c4);
}
.cds--cc--chart-wrapper .fill-2-1-1.hovered {
  fill: var(--cds-charts-2-1-1-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-2-1-1 {
  background-color: var(--cds-charts-2-1-1, #6929c4);
}
.cds--cc--chart-wrapper .background-2-1-1.hovered {
  background-color: var(--cds-charts-2-1-1-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-2-1-1 {
  stroke: var(--cds-charts-2-1-1, #6929c4);
}
.cds--cc--chart-wrapper .stop-color-2-1-1 {
  stop-color: var(--cds-charts-2-1-1, #6929c4);
}
.cds--cc--chart-wrapper .fill-2-1-2 {
  fill: var(--cds-charts-2-1-2, #009d9a);
}
.cds--cc--chart-wrapper .fill-2-1-2.hovered {
  fill: var(--cds-charts-2-1-2-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-2-1-2 {
  background-color: var(--cds-charts-2-1-2, #009d9a);
}
.cds--cc--chart-wrapper .background-2-1-2.hovered {
  background-color: var(--cds-charts-2-1-2-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-2-1-2 {
  stroke: var(--cds-charts-2-1-2, #009d9a);
}
.cds--cc--chart-wrapper .stop-color-2-1-2 {
  stop-color: var(--cds-charts-2-1-2, #009d9a);
}
.cds--cc--chart-wrapper .fill-2-2-1 {
  fill: var(--cds-charts-2-2-1, #8a3ffc);
}
.cds--cc--chart-wrapper .fill-2-2-1.hovered {
  fill: var(--cds-charts-2-2-1-hovered, #8a3ffc);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-2-2-1 {
  background-color: var(--cds-charts-2-2-1, #8a3ffc);
}
.cds--cc--chart-wrapper .background-2-2-1.hovered {
  background-color: var(--cds-charts-2-2-1-hovered, #8a3ffc);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-2-2-1 {
  stroke: var(--cds-charts-2-2-1, #8a3ffc);
}
.cds--cc--chart-wrapper .stop-color-2-2-1 {
  stop-color: var(--cds-charts-2-2-1, #8a3ffc);
}
.cds--cc--chart-wrapper .fill-2-2-2 {
  fill: var(--cds-charts-2-2-2, #520408);
}
.cds--cc--chart-wrapper .fill-2-2-2.hovered {
  fill: var(--cds-charts-2-2-2-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-2-2-2 {
  background-color: var(--cds-charts-2-2-2, #520408);
}
.cds--cc--chart-wrapper .background-2-2-2.hovered {
  background-color: var(--cds-charts-2-2-2-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-2-2-2 {
  stroke: var(--cds-charts-2-2-2, #520408);
}
.cds--cc--chart-wrapper .stop-color-2-2-2 {
  stop-color: var(--cds-charts-2-2-2, #520408);
}
.cds--cc--chart-wrapper .fill-2-3-1 {
  fill: var(--cds-charts-2-3-1, #9f1853);
}
.cds--cc--chart-wrapper .fill-2-3-1.hovered {
  fill: var(--cds-charts-2-3-1-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-2-3-1 {
  background-color: var(--cds-charts-2-3-1, #9f1853);
}
.cds--cc--chart-wrapper .background-2-3-1.hovered {
  background-color: var(--cds-charts-2-3-1-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-2-3-1 {
  stroke: var(--cds-charts-2-3-1, #9f1853);
}
.cds--cc--chart-wrapper .stop-color-2-3-1 {
  stop-color: var(--cds-charts-2-3-1, #9f1853);
}
.cds--cc--chart-wrapper .fill-2-3-2 {
  fill: var(--cds-charts-2-3-2, #520408);
}
.cds--cc--chart-wrapper .fill-2-3-2.hovered {
  fill: var(--cds-charts-2-3-2-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-2-3-2 {
  background-color: var(--cds-charts-2-3-2, #520408);
}
.cds--cc--chart-wrapper .background-2-3-2.hovered {
  background-color: var(--cds-charts-2-3-2-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-2-3-2 {
  stroke: var(--cds-charts-2-3-2, #520408);
}
.cds--cc--chart-wrapper .stop-color-2-3-2 {
  stop-color: var(--cds-charts-2-3-2, #520408);
}
.cds--cc--chart-wrapper .fill-2-4-1 {
  fill: var(--cds-charts-2-4-1, #1192e8);
}
.cds--cc--chart-wrapper .fill-2-4-1.hovered {
  fill: var(--cds-charts-2-4-1-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-2-4-1 {
  background-color: var(--cds-charts-2-4-1, #1192e8);
}
.cds--cc--chart-wrapper .background-2-4-1.hovered {
  background-color: var(--cds-charts-2-4-1-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-2-4-1 {
  stroke: var(--cds-charts-2-4-1, #1192e8);
}
.cds--cc--chart-wrapper .stop-color-2-4-1 {
  stop-color: var(--cds-charts-2-4-1, #1192e8);
}
.cds--cc--chart-wrapper .fill-2-4-2 {
  fill: var(--cds-charts-2-4-2, #005d5d);
}
.cds--cc--chart-wrapper .fill-2-4-2.hovered {
  fill: var(--cds-charts-2-4-2-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-2-4-2 {
  background-color: var(--cds-charts-2-4-2, #005d5d);
}
.cds--cc--chart-wrapper .background-2-4-2.hovered {
  background-color: var(--cds-charts-2-4-2-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-2-4-2 {
  stroke: var(--cds-charts-2-4-2, #005d5d);
}
.cds--cc--chart-wrapper .stop-color-2-4-2 {
  stop-color: var(--cds-charts-2-4-2, #005d5d);
}
.cds--cc--chart-wrapper .fill-2-5-1 {
  fill: var(--cds-charts-2-5-1, #009d9a);
}
.cds--cc--chart-wrapper .fill-2-5-1.hovered {
  fill: var(--cds-charts-2-5-1-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-2-5-1 {
  background-color: var(--cds-charts-2-5-1, #009d9a);
}
.cds--cc--chart-wrapper .background-2-5-1.hovered {
  background-color: var(--cds-charts-2-5-1-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-2-5-1 {
  stroke: var(--cds-charts-2-5-1, #009d9a);
}
.cds--cc--chart-wrapper .stop-color-2-5-1 {
  stop-color: var(--cds-charts-2-5-1, #009d9a);
}
.cds--cc--chart-wrapper .fill-2-5-2 {
  fill: var(--cds-charts-2-5-2, #002d9c);
}
.cds--cc--chart-wrapper .fill-2-5-2.hovered {
  fill: var(--cds-charts-2-5-2-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-2-5-2 {
  background-color: var(--cds-charts-2-5-2, #002d9c);
}
.cds--cc--chart-wrapper .background-2-5-2.hovered {
  background-color: var(--cds-charts-2-5-2-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-2-5-2 {
  stroke: var(--cds-charts-2-5-2, #002d9c);
}
.cds--cc--chart-wrapper .stop-color-2-5-2 {
  stop-color: var(--cds-charts-2-5-2, #002d9c);
}
.cds--cc--chart-wrapper .fill-3-1-1 {
  fill: var(--cds-charts-3-1-1, #ee5396);
}
.cds--cc--chart-wrapper .fill-3-1-1.hovered {
  fill: var(--cds-charts-3-1-1-hovered, #ee5396);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-1-1 {
  background-color: var(--cds-charts-3-1-1, #ee5396);
}
.cds--cc--chart-wrapper .background-3-1-1.hovered {
  background-color: var(--cds-charts-3-1-1-hovered, #ee5396);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-1-1 {
  stroke: var(--cds-charts-3-1-1, #ee5396);
}
.cds--cc--chart-wrapper .stop-color-3-1-1 {
  stop-color: var(--cds-charts-3-1-1, #ee5396);
}
.cds--cc--chart-wrapper .fill-3-1-2 {
  fill: var(--cds-charts-3-1-2, #1192e8);
}
.cds--cc--chart-wrapper .fill-3-1-2.hovered {
  fill: var(--cds-charts-3-1-2-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-1-2 {
  background-color: var(--cds-charts-3-1-2, #1192e8);
}
.cds--cc--chart-wrapper .background-3-1-2.hovered {
  background-color: var(--cds-charts-3-1-2-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-1-2 {
  stroke: var(--cds-charts-3-1-2, #1192e8);
}
.cds--cc--chart-wrapper .stop-color-3-1-2 {
  stop-color: var(--cds-charts-3-1-2, #1192e8);
}
.cds--cc--chart-wrapper .fill-3-1-3 {
  fill: var(--cds-charts-3-1-3, #6929c4);
}
.cds--cc--chart-wrapper .fill-3-1-3.hovered {
  fill: var(--cds-charts-3-1-3-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-1-3 {
  background-color: var(--cds-charts-3-1-3, #6929c4);
}
.cds--cc--chart-wrapper .background-3-1-3.hovered {
  background-color: var(--cds-charts-3-1-3-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-1-3 {
  stroke: var(--cds-charts-3-1-3, #6929c4);
}
.cds--cc--chart-wrapper .stop-color-3-1-3 {
  stop-color: var(--cds-charts-3-1-3, #6929c4);
}
.cds--cc--chart-wrapper .fill-3-2-1 {
  fill: var(--cds-charts-3-2-1, #9f1853);
}
.cds--cc--chart-wrapper .fill-3-2-1.hovered {
  fill: var(--cds-charts-3-2-1-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-2-1 {
  background-color: var(--cds-charts-3-2-1, #9f1853);
}
.cds--cc--chart-wrapper .background-3-2-1.hovered {
  background-color: var(--cds-charts-3-2-1-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-2-1 {
  stroke: var(--cds-charts-3-2-1, #9f1853);
}
.cds--cc--chart-wrapper .stop-color-3-2-1 {
  stop-color: var(--cds-charts-3-2-1, #9f1853);
}
.cds--cc--chart-wrapper .fill-3-2-2 {
  fill: var(--cds-charts-3-2-2, #fa4d56);
}
.cds--cc--chart-wrapper .fill-3-2-2.hovered {
  fill: var(--cds-charts-3-2-2-hovered, #fa4d56);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-2-2 {
  background-color: var(--cds-charts-3-2-2, #fa4d56);
}
.cds--cc--chart-wrapper .background-3-2-2.hovered {
  background-color: var(--cds-charts-3-2-2-hovered, #fa4d56);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-2-2 {
  stroke: var(--cds-charts-3-2-2, #fa4d56);
}
.cds--cc--chart-wrapper .stop-color-3-2-2 {
  stop-color: var(--cds-charts-3-2-2, #fa4d56);
}
.cds--cc--chart-wrapper .fill-3-2-3 {
  fill: var(--cds-charts-3-2-3, #520408);
}
.cds--cc--chart-wrapper .fill-3-2-3.hovered {
  fill: var(--cds-charts-3-2-3-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-2-3 {
  background-color: var(--cds-charts-3-2-3, #520408);
}
.cds--cc--chart-wrapper .background-3-2-3.hovered {
  background-color: var(--cds-charts-3-2-3-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-2-3 {
  stroke: var(--cds-charts-3-2-3, #520408);
}
.cds--cc--chart-wrapper .stop-color-3-2-3 {
  stop-color: var(--cds-charts-3-2-3, #520408);
}
.cds--cc--chart-wrapper .fill-3-3-1 {
  fill: var(--cds-charts-3-3-1, #a56eff);
}
.cds--cc--chart-wrapper .fill-3-3-1.hovered {
  fill: var(--cds-charts-3-3-1-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-3-1 {
  background-color: var(--cds-charts-3-3-1, #a56eff);
}
.cds--cc--chart-wrapper .background-3-3-1.hovered {
  background-color: var(--cds-charts-3-3-1-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-3-1 {
  stroke: var(--cds-charts-3-3-1, #a56eff);
}
.cds--cc--chart-wrapper .stop-color-3-3-1 {
  stop-color: var(--cds-charts-3-3-1, #a56eff);
}
.cds--cc--chart-wrapper .fill-3-3-2 {
  fill: var(--cds-charts-3-3-2, #005d5d);
}
.cds--cc--chart-wrapper .fill-3-3-2.hovered {
  fill: var(--cds-charts-3-3-2-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-3-2 {
  background-color: var(--cds-charts-3-3-2, #005d5d);
}
.cds--cc--chart-wrapper .background-3-3-2.hovered {
  background-color: var(--cds-charts-3-3-2-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-3-2 {
  stroke: var(--cds-charts-3-3-2, #005d5d);
}
.cds--cc--chart-wrapper .stop-color-3-3-2 {
  stop-color: var(--cds-charts-3-3-2, #005d5d);
}
.cds--cc--chart-wrapper .fill-3-3-3 {
  fill: var(--cds-charts-3-3-3, #002d9c);
}
.cds--cc--chart-wrapper .fill-3-3-3.hovered {
  fill: var(--cds-charts-3-3-3-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-3-3 {
  background-color: var(--cds-charts-3-3-3, #002d9c);
}
.cds--cc--chart-wrapper .background-3-3-3.hovered {
  background-color: var(--cds-charts-3-3-3-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-3-3 {
  stroke: var(--cds-charts-3-3-3, #002d9c);
}
.cds--cc--chart-wrapper .stop-color-3-3-3 {
  stop-color: var(--cds-charts-3-3-3, #002d9c);
}
.cds--cc--chart-wrapper .fill-3-4-1 {
  fill: var(--cds-charts-3-4-1, #a56eff);
}
.cds--cc--chart-wrapper .fill-3-4-1.hovered {
  fill: var(--cds-charts-3-4-1-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-4-1 {
  background-color: var(--cds-charts-3-4-1, #a56eff);
}
.cds--cc--chart-wrapper .background-3-4-1.hovered {
  background-color: var(--cds-charts-3-4-1-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-4-1 {
  stroke: var(--cds-charts-3-4-1, #a56eff);
}
.cds--cc--chart-wrapper .stop-color-3-4-1 {
  stop-color: var(--cds-charts-3-4-1, #a56eff);
}
.cds--cc--chart-wrapper .fill-3-4-2 {
  fill: var(--cds-charts-3-4-2, #005d5d);
}
.cds--cc--chart-wrapper .fill-3-4-2.hovered {
  fill: var(--cds-charts-3-4-2-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-4-2 {
  background-color: var(--cds-charts-3-4-2, #005d5d);
}
.cds--cc--chart-wrapper .background-3-4-2.hovered {
  background-color: var(--cds-charts-3-4-2-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-4-2 {
  stroke: var(--cds-charts-3-4-2, #005d5d);
}
.cds--cc--chart-wrapper .stop-color-3-4-2 {
  stop-color: var(--cds-charts-3-4-2, #005d5d);
}
.cds--cc--chart-wrapper .fill-3-4-3 {
  fill: var(--cds-charts-3-4-3, #9f1853);
}
.cds--cc--chart-wrapper .fill-3-4-3.hovered {
  fill: var(--cds-charts-3-4-3-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-4-3 {
  background-color: var(--cds-charts-3-4-3, #9f1853);
}
.cds--cc--chart-wrapper .background-3-4-3.hovered {
  background-color: var(--cds-charts-3-4-3-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-4-3 {
  stroke: var(--cds-charts-3-4-3, #9f1853);
}
.cds--cc--chart-wrapper .stop-color-3-4-3 {
  stop-color: var(--cds-charts-3-4-3, #9f1853);
}
.cds--cc--chart-wrapper .fill-3-5-1 {
  fill: var(--cds-charts-3-5-1, #012749);
}
.cds--cc--chart-wrapper .fill-3-5-1.hovered {
  fill: var(--cds-charts-3-5-1-hovered, #012749);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-5-1 {
  background-color: var(--cds-charts-3-5-1, #012749);
}
.cds--cc--chart-wrapper .background-3-5-1.hovered {
  background-color: var(--cds-charts-3-5-1-hovered, #012749);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-5-1 {
  stroke: var(--cds-charts-3-5-1, #012749);
}
.cds--cc--chart-wrapper .stop-color-3-5-1 {
  stop-color: var(--cds-charts-3-5-1, #012749);
}
.cds--cc--chart-wrapper .fill-3-5-2 {
  fill: var(--cds-charts-3-5-2, #6929c4);
}
.cds--cc--chart-wrapper .fill-3-5-2.hovered {
  fill: var(--cds-charts-3-5-2-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-5-2 {
  background-color: var(--cds-charts-3-5-2, #6929c4);
}
.cds--cc--chart-wrapper .background-3-5-2.hovered {
  background-color: var(--cds-charts-3-5-2-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-5-2 {
  stroke: var(--cds-charts-3-5-2, #6929c4);
}
.cds--cc--chart-wrapper .stop-color-3-5-2 {
  stop-color: var(--cds-charts-3-5-2, #6929c4);
}
.cds--cc--chart-wrapper .fill-3-5-3 {
  fill: var(--cds-charts-3-5-3, #009d9a);
}
.cds--cc--chart-wrapper .fill-3-5-3.hovered {
  fill: var(--cds-charts-3-5-3-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-3-5-3 {
  background-color: var(--cds-charts-3-5-3, #009d9a);
}
.cds--cc--chart-wrapper .background-3-5-3.hovered {
  background-color: var(--cds-charts-3-5-3-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-3-5-3 {
  stroke: var(--cds-charts-3-5-3, #009d9a);
}
.cds--cc--chart-wrapper .stop-color-3-5-3 {
  stop-color: var(--cds-charts-3-5-3, #009d9a);
}
.cds--cc--chart-wrapper .fill-4-1-1 {
  fill: var(--cds-charts-4-1-1, #6929c4);
}
.cds--cc--chart-wrapper .fill-4-1-1.hovered {
  fill: var(--cds-charts-4-1-1-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-1-1 {
  background-color: var(--cds-charts-4-1-1, #6929c4);
}
.cds--cc--chart-wrapper .background-4-1-1.hovered {
  background-color: var(--cds-charts-4-1-1-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-1-1 {
  stroke: var(--cds-charts-4-1-1, #6929c4);
}
.cds--cc--chart-wrapper .stop-color-4-1-1 {
  stop-color: var(--cds-charts-4-1-1, #6929c4);
}
.cds--cc--chart-wrapper .fill-4-1-2 {
  fill: var(--cds-charts-4-1-2, #012749);
}
.cds--cc--chart-wrapper .fill-4-1-2.hovered {
  fill: var(--cds-charts-4-1-2-hovered, #012749);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-1-2 {
  background-color: var(--cds-charts-4-1-2, #012749);
}
.cds--cc--chart-wrapper .background-4-1-2.hovered {
  background-color: var(--cds-charts-4-1-2-hovered, #012749);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-1-2 {
  stroke: var(--cds-charts-4-1-2, #012749);
}
.cds--cc--chart-wrapper .stop-color-4-1-2 {
  stop-color: var(--cds-charts-4-1-2, #012749);
}
.cds--cc--chart-wrapper .fill-4-1-3 {
  fill: var(--cds-charts-4-1-3, #009d9a);
}
.cds--cc--chart-wrapper .fill-4-1-3.hovered {
  fill: var(--cds-charts-4-1-3-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-1-3 {
  background-color: var(--cds-charts-4-1-3, #009d9a);
}
.cds--cc--chart-wrapper .background-4-1-3.hovered {
  background-color: var(--cds-charts-4-1-3-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-1-3 {
  stroke: var(--cds-charts-4-1-3, #009d9a);
}
.cds--cc--chart-wrapper .stop-color-4-1-3 {
  stop-color: var(--cds-charts-4-1-3, #009d9a);
}
.cds--cc--chart-wrapper .fill-4-1-4 {
  fill: var(--cds-charts-4-1-4, #ee5396);
}
.cds--cc--chart-wrapper .fill-4-1-4.hovered {
  fill: var(--cds-charts-4-1-4-hovered, #ee5396);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-1-4 {
  background-color: var(--cds-charts-4-1-4, #ee5396);
}
.cds--cc--chart-wrapper .background-4-1-4.hovered {
  background-color: var(--cds-charts-4-1-4-hovered, #ee5396);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-1-4 {
  stroke: var(--cds-charts-4-1-4, #ee5396);
}
.cds--cc--chart-wrapper .stop-color-4-1-4 {
  stop-color: var(--cds-charts-4-1-4, #ee5396);
}
.cds--cc--chart-wrapper .fill-4-2-1 {
  fill: var(--cds-charts-4-2-1, #9f1853);
}
.cds--cc--chart-wrapper .fill-4-2-1.hovered {
  fill: var(--cds-charts-4-2-1-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-2-1 {
  background-color: var(--cds-charts-4-2-1, #9f1853);
}
.cds--cc--chart-wrapper .background-4-2-1.hovered {
  background-color: var(--cds-charts-4-2-1-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-2-1 {
  stroke: var(--cds-charts-4-2-1, #9f1853);
}
.cds--cc--chart-wrapper .stop-color-4-2-1 {
  stop-color: var(--cds-charts-4-2-1, #9f1853);
}
.cds--cc--chart-wrapper .fill-4-2-2 {
  fill: var(--cds-charts-4-2-2, #fa4d56);
}
.cds--cc--chart-wrapper .fill-4-2-2.hovered {
  fill: var(--cds-charts-4-2-2-hovered, #fa4d56);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-2-2 {
  background-color: var(--cds-charts-4-2-2, #fa4d56);
}
.cds--cc--chart-wrapper .background-4-2-2.hovered {
  background-color: var(--cds-charts-4-2-2-hovered, #fa4d56);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-2-2 {
  stroke: var(--cds-charts-4-2-2, #fa4d56);
}
.cds--cc--chart-wrapper .stop-color-4-2-2 {
  stop-color: var(--cds-charts-4-2-2, #fa4d56);
}
.cds--cc--chart-wrapper .fill-4-2-3 {
  fill: var(--cds-charts-4-2-3, #520408);
}
.cds--cc--chart-wrapper .fill-4-2-3.hovered {
  fill: var(--cds-charts-4-2-3-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-2-3 {
  background-color: var(--cds-charts-4-2-3, #520408);
}
.cds--cc--chart-wrapper .background-4-2-3.hovered {
  background-color: var(--cds-charts-4-2-3-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-2-3 {
  stroke: var(--cds-charts-4-2-3, #520408);
}
.cds--cc--chart-wrapper .stop-color-4-2-3 {
  stop-color: var(--cds-charts-4-2-3, #520408);
}
.cds--cc--chart-wrapper .fill-4-2-4 {
  fill: var(--cds-charts-4-2-4, #a56eff);
}
.cds--cc--chart-wrapper .fill-4-2-4.hovered {
  fill: var(--cds-charts-4-2-4-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-2-4 {
  background-color: var(--cds-charts-4-2-4, #a56eff);
}
.cds--cc--chart-wrapper .background-4-2-4.hovered {
  background-color: var(--cds-charts-4-2-4-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-2-4 {
  stroke: var(--cds-charts-4-2-4, #a56eff);
}
.cds--cc--chart-wrapper .stop-color-4-2-4 {
  stop-color: var(--cds-charts-4-2-4, #a56eff);
}
.cds--cc--chart-wrapper .fill-4-3-1 {
  fill: var(--cds-charts-4-3-1, #009d9a);
}
.cds--cc--chart-wrapper .fill-4-3-1.hovered {
  fill: var(--cds-charts-4-3-1-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-3-1 {
  background-color: var(--cds-charts-4-3-1, #009d9a);
}
.cds--cc--chart-wrapper .background-4-3-1.hovered {
  background-color: var(--cds-charts-4-3-1-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-3-1 {
  stroke: var(--cds-charts-4-3-1, #009d9a);
}
.cds--cc--chart-wrapper .stop-color-4-3-1 {
  stop-color: var(--cds-charts-4-3-1, #009d9a);
}
.cds--cc--chart-wrapper .fill-4-3-2 {
  fill: var(--cds-charts-4-3-2, #002d9c);
}
.cds--cc--chart-wrapper .fill-4-3-2.hovered {
  fill: var(--cds-charts-4-3-2-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-3-2 {
  background-color: var(--cds-charts-4-3-2, #002d9c);
}
.cds--cc--chart-wrapper .background-4-3-2.hovered {
  background-color: var(--cds-charts-4-3-2-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-3-2 {
  stroke: var(--cds-charts-4-3-2, #002d9c);
}
.cds--cc--chart-wrapper .stop-color-4-3-2 {
  stop-color: var(--cds-charts-4-3-2, #002d9c);
}
.cds--cc--chart-wrapper .fill-4-3-3 {
  fill: var(--cds-charts-4-3-3, #a56eff);
}
.cds--cc--chart-wrapper .fill-4-3-3.hovered {
  fill: var(--cds-charts-4-3-3-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-3-3 {
  background-color: var(--cds-charts-4-3-3, #a56eff);
}
.cds--cc--chart-wrapper .background-4-3-3.hovered {
  background-color: var(--cds-charts-4-3-3-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-3-3 {
  stroke: var(--cds-charts-4-3-3, #a56eff);
}
.cds--cc--chart-wrapper .stop-color-4-3-3 {
  stop-color: var(--cds-charts-4-3-3, #a56eff);
}
.cds--cc--chart-wrapper .fill-4-3-4 {
  fill: var(--cds-charts-4-3-4, #9f1853);
}
.cds--cc--chart-wrapper .fill-4-3-4.hovered {
  fill: var(--cds-charts-4-3-4-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-4-3-4 {
  background-color: var(--cds-charts-4-3-4, #9f1853);
}
.cds--cc--chart-wrapper .background-4-3-4.hovered {
  background-color: var(--cds-charts-4-3-4-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-4-3-4 {
  stroke: var(--cds-charts-4-3-4, #9f1853);
}
.cds--cc--chart-wrapper .stop-color-4-3-4 {
  stop-color: var(--cds-charts-4-3-4, #9f1853);
}
.cds--cc--chart-wrapper .fill-5-1-1 {
  fill: var(--cds-charts-5-1-1, #6929c4);
}
.cds--cc--chart-wrapper .fill-5-1-1.hovered {
  fill: var(--cds-charts-5-1-1-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-5-1-1 {
  background-color: var(--cds-charts-5-1-1, #6929c4);
}
.cds--cc--chart-wrapper .background-5-1-1.hovered {
  background-color: var(--cds-charts-5-1-1-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-5-1-1 {
  stroke: var(--cds-charts-5-1-1, #6929c4);
}
.cds--cc--chart-wrapper .stop-color-5-1-1 {
  stop-color: var(--cds-charts-5-1-1, #6929c4);
}
.cds--cc--chart-wrapper .fill-5-1-2 {
  fill: var(--cds-charts-5-1-2, #1192e8);
}
.cds--cc--chart-wrapper .fill-5-1-2.hovered {
  fill: var(--cds-charts-5-1-2-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-5-1-2 {
  background-color: var(--cds-charts-5-1-2, #1192e8);
}
.cds--cc--chart-wrapper .background-5-1-2.hovered {
  background-color: var(--cds-charts-5-1-2-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-5-1-2 {
  stroke: var(--cds-charts-5-1-2, #1192e8);
}
.cds--cc--chart-wrapper .stop-color-5-1-2 {
  stop-color: var(--cds-charts-5-1-2, #1192e8);
}
.cds--cc--chart-wrapper .fill-5-1-3 {
  fill: var(--cds-charts-5-1-3, #005d5d);
}
.cds--cc--chart-wrapper .fill-5-1-3.hovered {
  fill: var(--cds-charts-5-1-3-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-5-1-3 {
  background-color: var(--cds-charts-5-1-3, #005d5d);
}
.cds--cc--chart-wrapper .background-5-1-3.hovered {
  background-color: var(--cds-charts-5-1-3-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-5-1-3 {
  stroke: var(--cds-charts-5-1-3, #005d5d);
}
.cds--cc--chart-wrapper .stop-color-5-1-3 {
  stop-color: var(--cds-charts-5-1-3, #005d5d);
}
.cds--cc--chart-wrapper .fill-5-1-4 {
  fill: var(--cds-charts-5-1-4, #9f1853);
}
.cds--cc--chart-wrapper .fill-5-1-4.hovered {
  fill: var(--cds-charts-5-1-4-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-5-1-4 {
  background-color: var(--cds-charts-5-1-4, #9f1853);
}
.cds--cc--chart-wrapper .background-5-1-4.hovered {
  background-color: var(--cds-charts-5-1-4-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-5-1-4 {
  stroke: var(--cds-charts-5-1-4, #9f1853);
}
.cds--cc--chart-wrapper .stop-color-5-1-4 {
  stop-color: var(--cds-charts-5-1-4, #9f1853);
}
.cds--cc--chart-wrapper .fill-5-1-5 {
  fill: var(--cds-charts-5-1-5, #520408);
}
.cds--cc--chart-wrapper .fill-5-1-5.hovered {
  fill: var(--cds-charts-5-1-5-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-5-1-5 {
  background-color: var(--cds-charts-5-1-5, #520408);
}
.cds--cc--chart-wrapper .background-5-1-5.hovered {
  background-color: var(--cds-charts-5-1-5-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-5-1-5 {
  stroke: var(--cds-charts-5-1-5, #520408);
}
.cds--cc--chart-wrapper .stop-color-5-1-5 {
  stop-color: var(--cds-charts-5-1-5, #520408);
}
.cds--cc--chart-wrapper .fill-5-2-1 {
  fill: var(--cds-charts-5-2-1, #002d9c);
}
.cds--cc--chart-wrapper .fill-5-2-1.hovered {
  fill: var(--cds-charts-5-2-1-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-5-2-1 {
  background-color: var(--cds-charts-5-2-1, #002d9c);
}
.cds--cc--chart-wrapper .background-5-2-1.hovered {
  background-color: var(--cds-charts-5-2-1-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-5-2-1 {
  stroke: var(--cds-charts-5-2-1, #002d9c);
}
.cds--cc--chart-wrapper .stop-color-5-2-1 {
  stop-color: var(--cds-charts-5-2-1, #002d9c);
}
.cds--cc--chart-wrapper .fill-5-2-2 {
  fill: var(--cds-charts-5-2-2, #009d9a);
}
.cds--cc--chart-wrapper .fill-5-2-2.hovered {
  fill: var(--cds-charts-5-2-2-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-5-2-2 {
  background-color: var(--cds-charts-5-2-2, #009d9a);
}
.cds--cc--chart-wrapper .background-5-2-2.hovered {
  background-color: var(--cds-charts-5-2-2-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-5-2-2 {
  stroke: var(--cds-charts-5-2-2, #009d9a);
}
.cds--cc--chart-wrapper .stop-color-5-2-2 {
  stop-color: var(--cds-charts-5-2-2, #009d9a);
}
.cds--cc--chart-wrapper .fill-5-2-3 {
  fill: var(--cds-charts-5-2-3, #9f1853);
}
.cds--cc--chart-wrapper .fill-5-2-3.hovered {
  fill: var(--cds-charts-5-2-3-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-5-2-3 {
  background-color: var(--cds-charts-5-2-3, #9f1853);
}
.cds--cc--chart-wrapper .background-5-2-3.hovered {
  background-color: var(--cds-charts-5-2-3-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-5-2-3 {
  stroke: var(--cds-charts-5-2-3, #9f1853);
}
.cds--cc--chart-wrapper .stop-color-5-2-3 {
  stop-color: var(--cds-charts-5-2-3, #9f1853);
}
.cds--cc--chart-wrapper .fill-5-2-4 {
  fill: var(--cds-charts-5-2-4, #520408);
}
.cds--cc--chart-wrapper .fill-5-2-4.hovered {
  fill: var(--cds-charts-5-2-4-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-5-2-4 {
  background-color: var(--cds-charts-5-2-4, #520408);
}
.cds--cc--chart-wrapper .background-5-2-4.hovered {
  background-color: var(--cds-charts-5-2-4-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-5-2-4 {
  stroke: var(--cds-charts-5-2-4, #520408);
}
.cds--cc--chart-wrapper .stop-color-5-2-4 {
  stop-color: var(--cds-charts-5-2-4, #520408);
}
.cds--cc--chart-wrapper .fill-5-2-5 {
  fill: var(--cds-charts-5-2-5, #a56eff);
}
.cds--cc--chart-wrapper .fill-5-2-5.hovered {
  fill: var(--cds-charts-5-2-5-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-5-2-5 {
  background-color: var(--cds-charts-5-2-5, #a56eff);
}
.cds--cc--chart-wrapper .background-5-2-5.hovered {
  background-color: var(--cds-charts-5-2-5-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-5-2-5 {
  stroke: var(--cds-charts-5-2-5, #a56eff);
}
.cds--cc--chart-wrapper .stop-color-5-2-5 {
  stop-color: var(--cds-charts-5-2-5, #a56eff);
}
.cds--cc--chart-wrapper .fill-14-1-1 {
  fill: var(--cds-charts-14-1-1, #6929c4);
}
.cds--cc--chart-wrapper .fill-14-1-1.hovered {
  fill: var(--cds-charts-14-1-1-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-1 {
  background-color: var(--cds-charts-14-1-1, #6929c4);
}
.cds--cc--chart-wrapper .background-14-1-1.hovered {
  background-color: var(--cds-charts-14-1-1-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-1 {
  stroke: var(--cds-charts-14-1-1, #6929c4);
}
.cds--cc--chart-wrapper .stop-color-14-1-1 {
  stop-color: var(--cds-charts-14-1-1, #6929c4);
}
.cds--cc--chart-wrapper .fill-14-1-2 {
  fill: var(--cds-charts-14-1-2, #1192e8);
}
.cds--cc--chart-wrapper .fill-14-1-2.hovered {
  fill: var(--cds-charts-14-1-2-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-2 {
  background-color: var(--cds-charts-14-1-2, #1192e8);
}
.cds--cc--chart-wrapper .background-14-1-2.hovered {
  background-color: var(--cds-charts-14-1-2-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-2 {
  stroke: var(--cds-charts-14-1-2, #1192e8);
}
.cds--cc--chart-wrapper .stop-color-14-1-2 {
  stop-color: var(--cds-charts-14-1-2, #1192e8);
}
.cds--cc--chart-wrapper .fill-14-1-3 {
  fill: var(--cds-charts-14-1-3, #005d5d);
}
.cds--cc--chart-wrapper .fill-14-1-3.hovered {
  fill: var(--cds-charts-14-1-3-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-3 {
  background-color: var(--cds-charts-14-1-3, #005d5d);
}
.cds--cc--chart-wrapper .background-14-1-3.hovered {
  background-color: var(--cds-charts-14-1-3-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-3 {
  stroke: var(--cds-charts-14-1-3, #005d5d);
}
.cds--cc--chart-wrapper .stop-color-14-1-3 {
  stop-color: var(--cds-charts-14-1-3, #005d5d);
}
.cds--cc--chart-wrapper .fill-14-1-4 {
  fill: var(--cds-charts-14-1-4, #9f1853);
}
.cds--cc--chart-wrapper .fill-14-1-4.hovered {
  fill: var(--cds-charts-14-1-4-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-4 {
  background-color: var(--cds-charts-14-1-4, #9f1853);
}
.cds--cc--chart-wrapper .background-14-1-4.hovered {
  background-color: var(--cds-charts-14-1-4-hovered, #9f1853);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-4 {
  stroke: var(--cds-charts-14-1-4, #9f1853);
}
.cds--cc--chart-wrapper .stop-color-14-1-4 {
  stop-color: var(--cds-charts-14-1-4, #9f1853);
}
.cds--cc--chart-wrapper .fill-14-1-5 {
  fill: var(--cds-charts-14-1-5, #fa4d56);
}
.cds--cc--chart-wrapper .fill-14-1-5.hovered {
  fill: var(--cds-charts-14-1-5-hovered, #fa4d56);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-5 {
  background-color: var(--cds-charts-14-1-5, #fa4d56);
}
.cds--cc--chart-wrapper .background-14-1-5.hovered {
  background-color: var(--cds-charts-14-1-5-hovered, #fa4d56);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-5 {
  stroke: var(--cds-charts-14-1-5, #fa4d56);
}
.cds--cc--chart-wrapper .stop-color-14-1-5 {
  stop-color: var(--cds-charts-14-1-5, #fa4d56);
}
.cds--cc--chart-wrapper .fill-14-1-6 {
  fill: var(--cds-charts-14-1-6, #520408);
}
.cds--cc--chart-wrapper .fill-14-1-6.hovered {
  fill: var(--cds-charts-14-1-6-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-6 {
  background-color: var(--cds-charts-14-1-6, #520408);
}
.cds--cc--chart-wrapper .background-14-1-6.hovered {
  background-color: var(--cds-charts-14-1-6-hovered, #520408);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-6 {
  stroke: var(--cds-charts-14-1-6, #520408);
}
.cds--cc--chart-wrapper .stop-color-14-1-6 {
  stop-color: var(--cds-charts-14-1-6, #520408);
}
.cds--cc--chart-wrapper .fill-14-1-7 {
  fill: var(--cds-charts-14-1-7, #198038);
}
.cds--cc--chart-wrapper .fill-14-1-7.hovered {
  fill: var(--cds-charts-14-1-7-hovered, #198038);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-7 {
  background-color: var(--cds-charts-14-1-7, #198038);
}
.cds--cc--chart-wrapper .background-14-1-7.hovered {
  background-color: var(--cds-charts-14-1-7-hovered, #198038);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-7 {
  stroke: var(--cds-charts-14-1-7, #198038);
}
.cds--cc--chart-wrapper .stop-color-14-1-7 {
  stop-color: var(--cds-charts-14-1-7, #198038);
}
.cds--cc--chart-wrapper .fill-14-1-8 {
  fill: var(--cds-charts-14-1-8, #002d9c);
}
.cds--cc--chart-wrapper .fill-14-1-8.hovered {
  fill: var(--cds-charts-14-1-8-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-8 {
  background-color: var(--cds-charts-14-1-8, #002d9c);
}
.cds--cc--chart-wrapper .background-14-1-8.hovered {
  background-color: var(--cds-charts-14-1-8-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-8 {
  stroke: var(--cds-charts-14-1-8, #002d9c);
}
.cds--cc--chart-wrapper .stop-color-14-1-8 {
  stop-color: var(--cds-charts-14-1-8, #002d9c);
}
.cds--cc--chart-wrapper .fill-14-1-9 {
  fill: var(--cds-charts-14-1-9, #ee5396);
}
.cds--cc--chart-wrapper .fill-14-1-9.hovered {
  fill: var(--cds-charts-14-1-9-hovered, #ee5396);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-9 {
  background-color: var(--cds-charts-14-1-9, #ee5396);
}
.cds--cc--chart-wrapper .background-14-1-9.hovered {
  background-color: var(--cds-charts-14-1-9-hovered, #ee5396);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-9 {
  stroke: var(--cds-charts-14-1-9, #ee5396);
}
.cds--cc--chart-wrapper .stop-color-14-1-9 {
  stop-color: var(--cds-charts-14-1-9, #ee5396);
}
.cds--cc--chart-wrapper .fill-14-1-10 {
  fill: var(--cds-charts-14-1-10, #b28600);
}
.cds--cc--chart-wrapper .fill-14-1-10.hovered {
  fill: var(--cds-charts-14-1-10-hovered, #b28600);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-10 {
  background-color: var(--cds-charts-14-1-10, #b28600);
}
.cds--cc--chart-wrapper .background-14-1-10.hovered {
  background-color: var(--cds-charts-14-1-10-hovered, #b28600);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-10 {
  stroke: var(--cds-charts-14-1-10, #b28600);
}
.cds--cc--chart-wrapper .stop-color-14-1-10 {
  stop-color: var(--cds-charts-14-1-10, #b28600);
}
.cds--cc--chart-wrapper .fill-14-1-11 {
  fill: var(--cds-charts-14-1-11, #009d9a);
}
.cds--cc--chart-wrapper .fill-14-1-11.hovered {
  fill: var(--cds-charts-14-1-11-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-11 {
  background-color: var(--cds-charts-14-1-11, #009d9a);
}
.cds--cc--chart-wrapper .background-14-1-11.hovered {
  background-color: var(--cds-charts-14-1-11-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-11 {
  stroke: var(--cds-charts-14-1-11, #009d9a);
}
.cds--cc--chart-wrapper .stop-color-14-1-11 {
  stop-color: var(--cds-charts-14-1-11, #009d9a);
}
.cds--cc--chart-wrapper .fill-14-1-12 {
  fill: var(--cds-charts-14-1-12, #012749);
}
.cds--cc--chart-wrapper .fill-14-1-12.hovered {
  fill: var(--cds-charts-14-1-12-hovered, #012749);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-12 {
  background-color: var(--cds-charts-14-1-12, #012749);
}
.cds--cc--chart-wrapper .background-14-1-12.hovered {
  background-color: var(--cds-charts-14-1-12-hovered, #012749);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-12 {
  stroke: var(--cds-charts-14-1-12, #012749);
}
.cds--cc--chart-wrapper .stop-color-14-1-12 {
  stop-color: var(--cds-charts-14-1-12, #012749);
}
.cds--cc--chart-wrapper .fill-14-1-13 {
  fill: var(--cds-charts-14-1-13, #8a3800);
}
.cds--cc--chart-wrapper .fill-14-1-13.hovered {
  fill: var(--cds-charts-14-1-13-hovered, #8a3800);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-13 {
  background-color: var(--cds-charts-14-1-13, #8a3800);
}
.cds--cc--chart-wrapper .background-14-1-13.hovered {
  background-color: var(--cds-charts-14-1-13-hovered, #8a3800);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-13 {
  stroke: var(--cds-charts-14-1-13, #8a3800);
}
.cds--cc--chart-wrapper .stop-color-14-1-13 {
  stop-color: var(--cds-charts-14-1-13, #8a3800);
}
.cds--cc--chart-wrapper .fill-14-1-14 {
  fill: var(--cds-charts-14-1-14, #a56eff);
}
.cds--cc--chart-wrapper .fill-14-1-14.hovered {
  fill: var(--cds-charts-14-1-14-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-14-1-14 {
  background-color: var(--cds-charts-14-1-14, #a56eff);
}
.cds--cc--chart-wrapper .background-14-1-14.hovered {
  background-color: var(--cds-charts-14-1-14-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-14-1-14 {
  stroke: var(--cds-charts-14-1-14, #a56eff);
}
.cds--cc--chart-wrapper .stop-color-14-1-14 {
  stop-color: var(--cds-charts-14-1-14, #a56eff);
}
.cds--cc--chart-wrapper .fill-mono-1-1 {
  fill: var(--cds-charts-mono-1-1, #ffffff);
}
.cds--cc--chart-wrapper .fill-mono-1-1.hovered {
  fill: var(--cds-charts-mono-1-1-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-1-1 {
  background-color: var(--cds-charts-mono-1-1, #ffffff);
}
.cds--cc--chart-wrapper .background-mono-1-1.hovered {
  background-color: var(--cds-charts-mono-1-1-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-1-1 {
  stroke: var(--cds-charts-mono-1-1, #ffffff);
}
.cds--cc--chart-wrapper .stop-color-mono-1-1 {
  stop-color: var(--cds-charts-mono-1-1, #ffffff);
}
.cds--cc--chart-wrapper .fill-mono-1-2 {
  fill: var(--cds-charts-mono-1-2, #f6f2ff);
}
.cds--cc--chart-wrapper .fill-mono-1-2.hovered {
  fill: var(--cds-charts-mono-1-2-hovered, #f6f2ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-1-2 {
  background-color: var(--cds-charts-mono-1-2, #f6f2ff);
}
.cds--cc--chart-wrapper .background-mono-1-2.hovered {
  background-color: var(--cds-charts-mono-1-2-hovered, #f6f2ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-1-2 {
  stroke: var(--cds-charts-mono-1-2, #f6f2ff);
}
.cds--cc--chart-wrapper .stop-color-mono-1-2 {
  stop-color: var(--cds-charts-mono-1-2, #f6f2ff);
}
.cds--cc--chart-wrapper .fill-mono-1-3 {
  fill: var(--cds-charts-mono-1-3, #e8daff);
}
.cds--cc--chart-wrapper .fill-mono-1-3.hovered {
  fill: var(--cds-charts-mono-1-3-hovered, #e8daff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-1-3 {
  background-color: var(--cds-charts-mono-1-3, #e8daff);
}
.cds--cc--chart-wrapper .background-mono-1-3.hovered {
  background-color: var(--cds-charts-mono-1-3-hovered, #e8daff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-1-3 {
  stroke: var(--cds-charts-mono-1-3, #e8daff);
}
.cds--cc--chart-wrapper .stop-color-mono-1-3 {
  stop-color: var(--cds-charts-mono-1-3, #e8daff);
}
.cds--cc--chart-wrapper .fill-mono-1-4 {
  fill: var(--cds-charts-mono-1-4, #d4bbff);
}
.cds--cc--chart-wrapper .fill-mono-1-4.hovered {
  fill: var(--cds-charts-mono-1-4-hovered, #d4bbff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-1-4 {
  background-color: var(--cds-charts-mono-1-4, #d4bbff);
}
.cds--cc--chart-wrapper .background-mono-1-4.hovered {
  background-color: var(--cds-charts-mono-1-4-hovered, #d4bbff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-1-4 {
  stroke: var(--cds-charts-mono-1-4, #d4bbff);
}
.cds--cc--chart-wrapper .stop-color-mono-1-4 {
  stop-color: var(--cds-charts-mono-1-4, #d4bbff);
}
.cds--cc--chart-wrapper .fill-mono-1-5 {
  fill: var(--cds-charts-mono-1-5, #be95ff);
}
.cds--cc--chart-wrapper .fill-mono-1-5.hovered {
  fill: var(--cds-charts-mono-1-5-hovered, #be95ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-1-5 {
  background-color: var(--cds-charts-mono-1-5, #be95ff);
}
.cds--cc--chart-wrapper .background-mono-1-5.hovered {
  background-color: var(--cds-charts-mono-1-5-hovered, #be95ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-1-5 {
  stroke: var(--cds-charts-mono-1-5, #be95ff);
}
.cds--cc--chart-wrapper .stop-color-mono-1-5 {
  stop-color: var(--cds-charts-mono-1-5, #be95ff);
}
.cds--cc--chart-wrapper .fill-mono-1-6 {
  fill: var(--cds-charts-mono-1-6, #a56eff);
}
.cds--cc--chart-wrapper .fill-mono-1-6.hovered {
  fill: var(--cds-charts-mono-1-6-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-1-6 {
  background-color: var(--cds-charts-mono-1-6, #a56eff);
}
.cds--cc--chart-wrapper .background-mono-1-6.hovered {
  background-color: var(--cds-charts-mono-1-6-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-1-6 {
  stroke: var(--cds-charts-mono-1-6, #a56eff);
}
.cds--cc--chart-wrapper .stop-color-mono-1-6 {
  stop-color: var(--cds-charts-mono-1-6, #a56eff);
}
.cds--cc--chart-wrapper .fill-mono-1-7 {
  fill: var(--cds-charts-mono-1-7, #8a3ffc);
}
.cds--cc--chart-wrapper .fill-mono-1-7.hovered {
  fill: var(--cds-charts-mono-1-7-hovered, #8a3ffc);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-1-7 {
  background-color: var(--cds-charts-mono-1-7, #8a3ffc);
}
.cds--cc--chart-wrapper .background-mono-1-7.hovered {
  background-color: var(--cds-charts-mono-1-7-hovered, #8a3ffc);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-1-7 {
  stroke: var(--cds-charts-mono-1-7, #8a3ffc);
}
.cds--cc--chart-wrapper .stop-color-mono-1-7 {
  stop-color: var(--cds-charts-mono-1-7, #8a3ffc);
}
.cds--cc--chart-wrapper .fill-mono-1-8 {
  fill: var(--cds-charts-mono-1-8, #6929c4);
}
.cds--cc--chart-wrapper .fill-mono-1-8.hovered {
  fill: var(--cds-charts-mono-1-8-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-1-8 {
  background-color: var(--cds-charts-mono-1-8, #6929c4);
}
.cds--cc--chart-wrapper .background-mono-1-8.hovered {
  background-color: var(--cds-charts-mono-1-8-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-1-8 {
  stroke: var(--cds-charts-mono-1-8, #6929c4);
}
.cds--cc--chart-wrapper .stop-color-mono-1-8 {
  stop-color: var(--cds-charts-mono-1-8, #6929c4);
}
.cds--cc--chart-wrapper .fill-mono-1-9 {
  fill: var(--cds-charts-mono-1-9, #491d8b);
}
.cds--cc--chart-wrapper .fill-mono-1-9.hovered {
  fill: var(--cds-charts-mono-1-9-hovered, #491d8b);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-1-9 {
  background-color: var(--cds-charts-mono-1-9, #491d8b);
}
.cds--cc--chart-wrapper .background-mono-1-9.hovered {
  background-color: var(--cds-charts-mono-1-9-hovered, #491d8b);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-1-9 {
  stroke: var(--cds-charts-mono-1-9, #491d8b);
}
.cds--cc--chart-wrapper .stop-color-mono-1-9 {
  stop-color: var(--cds-charts-mono-1-9, #491d8b);
}
.cds--cc--chart-wrapper .fill-mono-1-10 {
  fill: var(--cds-charts-mono-1-10, #31135e);
}
.cds--cc--chart-wrapper .fill-mono-1-10.hovered {
  fill: var(--cds-charts-mono-1-10-hovered, #31135e);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-1-10 {
  background-color: var(--cds-charts-mono-1-10, #31135e);
}
.cds--cc--chart-wrapper .background-mono-1-10.hovered {
  background-color: var(--cds-charts-mono-1-10-hovered, #31135e);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-1-10 {
  stroke: var(--cds-charts-mono-1-10, #31135e);
}
.cds--cc--chart-wrapper .stop-color-mono-1-10 {
  stop-color: var(--cds-charts-mono-1-10, #31135e);
}
.cds--cc--chart-wrapper .fill-mono-1-11 {
  fill: var(--cds-charts-mono-1-11, #1c0f30);
}
.cds--cc--chart-wrapper .fill-mono-1-11.hovered {
  fill: var(--cds-charts-mono-1-11-hovered, #1c0f30);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-1-11 {
  background-color: var(--cds-charts-mono-1-11, #1c0f30);
}
.cds--cc--chart-wrapper .background-mono-1-11.hovered {
  background-color: var(--cds-charts-mono-1-11-hovered, #1c0f30);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-1-11 {
  stroke: var(--cds-charts-mono-1-11, #1c0f30);
}
.cds--cc--chart-wrapper .stop-color-mono-1-11 {
  stop-color: var(--cds-charts-mono-1-11, #1c0f30);
}
.cds--cc--chart-wrapper .fill-mono-2-1 {
  fill: var(--cds-charts-mono-2-1, #ffffff);
}
.cds--cc--chart-wrapper .fill-mono-2-1.hovered {
  fill: var(--cds-charts-mono-2-1-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-2-1 {
  background-color: var(--cds-charts-mono-2-1, #ffffff);
}
.cds--cc--chart-wrapper .background-mono-2-1.hovered {
  background-color: var(--cds-charts-mono-2-1-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-2-1 {
  stroke: var(--cds-charts-mono-2-1, #ffffff);
}
.cds--cc--chart-wrapper .stop-color-mono-2-1 {
  stop-color: var(--cds-charts-mono-2-1, #ffffff);
}
.cds--cc--chart-wrapper .fill-mono-2-2 {
  fill: var(--cds-charts-mono-2-2, #edf5ff);
}
.cds--cc--chart-wrapper .fill-mono-2-2.hovered {
  fill: var(--cds-charts-mono-2-2-hovered, #edf5ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-2-2 {
  background-color: var(--cds-charts-mono-2-2, #edf5ff);
}
.cds--cc--chart-wrapper .background-mono-2-2.hovered {
  background-color: var(--cds-charts-mono-2-2-hovered, #edf5ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-2-2 {
  stroke: var(--cds-charts-mono-2-2, #edf5ff);
}
.cds--cc--chart-wrapper .stop-color-mono-2-2 {
  stop-color: var(--cds-charts-mono-2-2, #edf5ff);
}
.cds--cc--chart-wrapper .fill-mono-2-3 {
  fill: var(--cds-charts-mono-2-3, #d0e2ff);
}
.cds--cc--chart-wrapper .fill-mono-2-3.hovered {
  fill: var(--cds-charts-mono-2-3-hovered, #d0e2ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-2-3 {
  background-color: var(--cds-charts-mono-2-3, #d0e2ff);
}
.cds--cc--chart-wrapper .background-mono-2-3.hovered {
  background-color: var(--cds-charts-mono-2-3-hovered, #d0e2ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-2-3 {
  stroke: var(--cds-charts-mono-2-3, #d0e2ff);
}
.cds--cc--chart-wrapper .stop-color-mono-2-3 {
  stop-color: var(--cds-charts-mono-2-3, #d0e2ff);
}
.cds--cc--chart-wrapper .fill-mono-2-4 {
  fill: var(--cds-charts-mono-2-4, #a6c8ff);
}
.cds--cc--chart-wrapper .fill-mono-2-4.hovered {
  fill: var(--cds-charts-mono-2-4-hovered, #a6c8ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-2-4 {
  background-color: var(--cds-charts-mono-2-4, #a6c8ff);
}
.cds--cc--chart-wrapper .background-mono-2-4.hovered {
  background-color: var(--cds-charts-mono-2-4-hovered, #a6c8ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-2-4 {
  stroke: var(--cds-charts-mono-2-4, #a6c8ff);
}
.cds--cc--chart-wrapper .stop-color-mono-2-4 {
  stop-color: var(--cds-charts-mono-2-4, #a6c8ff);
}
.cds--cc--chart-wrapper .fill-mono-2-5 {
  fill: var(--cds-charts-mono-2-5, #78a9ff);
}
.cds--cc--chart-wrapper .fill-mono-2-5.hovered {
  fill: var(--cds-charts-mono-2-5-hovered, #78a9ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-2-5 {
  background-color: var(--cds-charts-mono-2-5, #78a9ff);
}
.cds--cc--chart-wrapper .background-mono-2-5.hovered {
  background-color: var(--cds-charts-mono-2-5-hovered, #78a9ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-2-5 {
  stroke: var(--cds-charts-mono-2-5, #78a9ff);
}
.cds--cc--chart-wrapper .stop-color-mono-2-5 {
  stop-color: var(--cds-charts-mono-2-5, #78a9ff);
}
.cds--cc--chart-wrapper .fill-mono-2-6 {
  fill: var(--cds-charts-mono-2-6, #4589ff);
}
.cds--cc--chart-wrapper .fill-mono-2-6.hovered {
  fill: var(--cds-charts-mono-2-6-hovered, #4589ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-2-6 {
  background-color: var(--cds-charts-mono-2-6, #4589ff);
}
.cds--cc--chart-wrapper .background-mono-2-6.hovered {
  background-color: var(--cds-charts-mono-2-6-hovered, #4589ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-2-6 {
  stroke: var(--cds-charts-mono-2-6, #4589ff);
}
.cds--cc--chart-wrapper .stop-color-mono-2-6 {
  stop-color: var(--cds-charts-mono-2-6, #4589ff);
}
.cds--cc--chart-wrapper .fill-mono-2-7 {
  fill: var(--cds-charts-mono-2-7, #0f62fe);
}
.cds--cc--chart-wrapper .fill-mono-2-7.hovered {
  fill: var(--cds-charts-mono-2-7-hovered, #0f62fe);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-2-7 {
  background-color: var(--cds-charts-mono-2-7, #0f62fe);
}
.cds--cc--chart-wrapper .background-mono-2-7.hovered {
  background-color: var(--cds-charts-mono-2-7-hovered, #0f62fe);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-2-7 {
  stroke: var(--cds-charts-mono-2-7, #0f62fe);
}
.cds--cc--chart-wrapper .stop-color-mono-2-7 {
  stop-color: var(--cds-charts-mono-2-7, #0f62fe);
}
.cds--cc--chart-wrapper .fill-mono-2-8 {
  fill: var(--cds-charts-mono-2-8, #0043ce);
}
.cds--cc--chart-wrapper .fill-mono-2-8.hovered {
  fill: var(--cds-charts-mono-2-8-hovered, #0043ce);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-2-8 {
  background-color: var(--cds-charts-mono-2-8, #0043ce);
}
.cds--cc--chart-wrapper .background-mono-2-8.hovered {
  background-color: var(--cds-charts-mono-2-8-hovered, #0043ce);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-2-8 {
  stroke: var(--cds-charts-mono-2-8, #0043ce);
}
.cds--cc--chart-wrapper .stop-color-mono-2-8 {
  stop-color: var(--cds-charts-mono-2-8, #0043ce);
}
.cds--cc--chart-wrapper .fill-mono-2-9 {
  fill: var(--cds-charts-mono-2-9, #002d9c);
}
.cds--cc--chart-wrapper .fill-mono-2-9.hovered {
  fill: var(--cds-charts-mono-2-9-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-2-9 {
  background-color: var(--cds-charts-mono-2-9, #002d9c);
}
.cds--cc--chart-wrapper .background-mono-2-9.hovered {
  background-color: var(--cds-charts-mono-2-9-hovered, #002d9c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-2-9 {
  stroke: var(--cds-charts-mono-2-9, #002d9c);
}
.cds--cc--chart-wrapper .stop-color-mono-2-9 {
  stop-color: var(--cds-charts-mono-2-9, #002d9c);
}
.cds--cc--chart-wrapper .fill-mono-2-10 {
  fill: var(--cds-charts-mono-2-10, #001d6c);
}
.cds--cc--chart-wrapper .fill-mono-2-10.hovered {
  fill: var(--cds-charts-mono-2-10-hovered, #001d6c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-2-10 {
  background-color: var(--cds-charts-mono-2-10, #001d6c);
}
.cds--cc--chart-wrapper .background-mono-2-10.hovered {
  background-color: var(--cds-charts-mono-2-10-hovered, #001d6c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-2-10 {
  stroke: var(--cds-charts-mono-2-10, #001d6c);
}
.cds--cc--chart-wrapper .stop-color-mono-2-10 {
  stop-color: var(--cds-charts-mono-2-10, #001d6c);
}
.cds--cc--chart-wrapper .fill-mono-2-11 {
  fill: var(--cds-charts-mono-2-11, #001141);
}
.cds--cc--chart-wrapper .fill-mono-2-11.hovered {
  fill: var(--cds-charts-mono-2-11-hovered, #001141);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-2-11 {
  background-color: var(--cds-charts-mono-2-11, #001141);
}
.cds--cc--chart-wrapper .background-mono-2-11.hovered {
  background-color: var(--cds-charts-mono-2-11-hovered, #001141);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-2-11 {
  stroke: var(--cds-charts-mono-2-11, #001141);
}
.cds--cc--chart-wrapper .stop-color-mono-2-11 {
  stop-color: var(--cds-charts-mono-2-11, #001141);
}
.cds--cc--chart-wrapper .fill-mono-3-1 {
  fill: var(--cds-charts-mono-3-1, #ffffff);
}
.cds--cc--chart-wrapper .fill-mono-3-1.hovered {
  fill: var(--cds-charts-mono-3-1-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-3-1 {
  background-color: var(--cds-charts-mono-3-1, #ffffff);
}
.cds--cc--chart-wrapper .background-mono-3-1.hovered {
  background-color: var(--cds-charts-mono-3-1-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-3-1 {
  stroke: var(--cds-charts-mono-3-1, #ffffff);
}
.cds--cc--chart-wrapper .stop-color-mono-3-1 {
  stop-color: var(--cds-charts-mono-3-1, #ffffff);
}
.cds--cc--chart-wrapper .fill-mono-3-2 {
  fill: var(--cds-charts-mono-3-2, #e5f6ff);
}
.cds--cc--chart-wrapper .fill-mono-3-2.hovered {
  fill: var(--cds-charts-mono-3-2-hovered, #e5f6ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-3-2 {
  background-color: var(--cds-charts-mono-3-2, #e5f6ff);
}
.cds--cc--chart-wrapper .background-mono-3-2.hovered {
  background-color: var(--cds-charts-mono-3-2-hovered, #e5f6ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-3-2 {
  stroke: var(--cds-charts-mono-3-2, #e5f6ff);
}
.cds--cc--chart-wrapper .stop-color-mono-3-2 {
  stop-color: var(--cds-charts-mono-3-2, #e5f6ff);
}
.cds--cc--chart-wrapper .fill-mono-3-3 {
  fill: var(--cds-charts-mono-3-3, #bae6ff);
}
.cds--cc--chart-wrapper .fill-mono-3-3.hovered {
  fill: var(--cds-charts-mono-3-3-hovered, #bae6ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-3-3 {
  background-color: var(--cds-charts-mono-3-3, #bae6ff);
}
.cds--cc--chart-wrapper .background-mono-3-3.hovered {
  background-color: var(--cds-charts-mono-3-3-hovered, #bae6ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-3-3 {
  stroke: var(--cds-charts-mono-3-3, #bae6ff);
}
.cds--cc--chart-wrapper .stop-color-mono-3-3 {
  stop-color: var(--cds-charts-mono-3-3, #bae6ff);
}
.cds--cc--chart-wrapper .fill-mono-3-4 {
  fill: var(--cds-charts-mono-3-4, #82cfff);
}
.cds--cc--chart-wrapper .fill-mono-3-4.hovered {
  fill: var(--cds-charts-mono-3-4-hovered, #82cfff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-3-4 {
  background-color: var(--cds-charts-mono-3-4, #82cfff);
}
.cds--cc--chart-wrapper .background-mono-3-4.hovered {
  background-color: var(--cds-charts-mono-3-4-hovered, #82cfff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-3-4 {
  stroke: var(--cds-charts-mono-3-4, #82cfff);
}
.cds--cc--chart-wrapper .stop-color-mono-3-4 {
  stop-color: var(--cds-charts-mono-3-4, #82cfff);
}
.cds--cc--chart-wrapper .fill-mono-3-5 {
  fill: var(--cds-charts-mono-3-5, #33b1ff);
}
.cds--cc--chart-wrapper .fill-mono-3-5.hovered {
  fill: var(--cds-charts-mono-3-5-hovered, #33b1ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-3-5 {
  background-color: var(--cds-charts-mono-3-5, #33b1ff);
}
.cds--cc--chart-wrapper .background-mono-3-5.hovered {
  background-color: var(--cds-charts-mono-3-5-hovered, #33b1ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-3-5 {
  stroke: var(--cds-charts-mono-3-5, #33b1ff);
}
.cds--cc--chart-wrapper .stop-color-mono-3-5 {
  stop-color: var(--cds-charts-mono-3-5, #33b1ff);
}
.cds--cc--chart-wrapper .fill-mono-3-6 {
  fill: var(--cds-charts-mono-3-6, #1192e8);
}
.cds--cc--chart-wrapper .fill-mono-3-6.hovered {
  fill: var(--cds-charts-mono-3-6-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-3-6 {
  background-color: var(--cds-charts-mono-3-6, #1192e8);
}
.cds--cc--chart-wrapper .background-mono-3-6.hovered {
  background-color: var(--cds-charts-mono-3-6-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-3-6 {
  stroke: var(--cds-charts-mono-3-6, #1192e8);
}
.cds--cc--chart-wrapper .stop-color-mono-3-6 {
  stop-color: var(--cds-charts-mono-3-6, #1192e8);
}
.cds--cc--chart-wrapper .fill-mono-3-7 {
  fill: var(--cds-charts-mono-3-7, #0072c3);
}
.cds--cc--chart-wrapper .fill-mono-3-7.hovered {
  fill: var(--cds-charts-mono-3-7-hovered, #0072c3);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-3-7 {
  background-color: var(--cds-charts-mono-3-7, #0072c3);
}
.cds--cc--chart-wrapper .background-mono-3-7.hovered {
  background-color: var(--cds-charts-mono-3-7-hovered, #0072c3);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-3-7 {
  stroke: var(--cds-charts-mono-3-7, #0072c3);
}
.cds--cc--chart-wrapper .stop-color-mono-3-7 {
  stop-color: var(--cds-charts-mono-3-7, #0072c3);
}
.cds--cc--chart-wrapper .fill-mono-3-8 {
  fill: var(--cds-charts-mono-3-8, #00539a);
}
.cds--cc--chart-wrapper .fill-mono-3-8.hovered {
  fill: var(--cds-charts-mono-3-8-hovered, #00539a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-3-8 {
  background-color: var(--cds-charts-mono-3-8, #00539a);
}
.cds--cc--chart-wrapper .background-mono-3-8.hovered {
  background-color: var(--cds-charts-mono-3-8-hovered, #00539a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-3-8 {
  stroke: var(--cds-charts-mono-3-8, #00539a);
}
.cds--cc--chart-wrapper .stop-color-mono-3-8 {
  stop-color: var(--cds-charts-mono-3-8, #00539a);
}
.cds--cc--chart-wrapper .fill-mono-3-9 {
  fill: var(--cds-charts-mono-3-9, #003a6d);
}
.cds--cc--chart-wrapper .fill-mono-3-9.hovered {
  fill: var(--cds-charts-mono-3-9-hovered, #003a6d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-3-9 {
  background-color: var(--cds-charts-mono-3-9, #003a6d);
}
.cds--cc--chart-wrapper .background-mono-3-9.hovered {
  background-color: var(--cds-charts-mono-3-9-hovered, #003a6d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-3-9 {
  stroke: var(--cds-charts-mono-3-9, #003a6d);
}
.cds--cc--chart-wrapper .stop-color-mono-3-9 {
  stop-color: var(--cds-charts-mono-3-9, #003a6d);
}
.cds--cc--chart-wrapper .fill-mono-3-10 {
  fill: var(--cds-charts-mono-3-10, #012749);
}
.cds--cc--chart-wrapper .fill-mono-3-10.hovered {
  fill: var(--cds-charts-mono-3-10-hovered, #012749);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-3-10 {
  background-color: var(--cds-charts-mono-3-10, #012749);
}
.cds--cc--chart-wrapper .background-mono-3-10.hovered {
  background-color: var(--cds-charts-mono-3-10-hovered, #012749);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-3-10 {
  stroke: var(--cds-charts-mono-3-10, #012749);
}
.cds--cc--chart-wrapper .stop-color-mono-3-10 {
  stop-color: var(--cds-charts-mono-3-10, #012749);
}
.cds--cc--chart-wrapper .fill-mono-3-11 {
  fill: var(--cds-charts-mono-3-11, #061727);
}
.cds--cc--chart-wrapper .fill-mono-3-11.hovered {
  fill: var(--cds-charts-mono-3-11-hovered, #061727);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-3-11 {
  background-color: var(--cds-charts-mono-3-11, #061727);
}
.cds--cc--chart-wrapper .background-mono-3-11.hovered {
  background-color: var(--cds-charts-mono-3-11-hovered, #061727);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-3-11 {
  stroke: var(--cds-charts-mono-3-11, #061727);
}
.cds--cc--chart-wrapper .stop-color-mono-3-11 {
  stop-color: var(--cds-charts-mono-3-11, #061727);
}
.cds--cc--chart-wrapper .fill-mono-4-1 {
  fill: var(--cds-charts-mono-4-1, #ffffff);
}
.cds--cc--chart-wrapper .fill-mono-4-1.hovered {
  fill: var(--cds-charts-mono-4-1-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-4-1 {
  background-color: var(--cds-charts-mono-4-1, #ffffff);
}
.cds--cc--chart-wrapper .background-mono-4-1.hovered {
  background-color: var(--cds-charts-mono-4-1-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-4-1 {
  stroke: var(--cds-charts-mono-4-1, #ffffff);
}
.cds--cc--chart-wrapper .stop-color-mono-4-1 {
  stop-color: var(--cds-charts-mono-4-1, #ffffff);
}
.cds--cc--chart-wrapper .fill-mono-4-2 {
  fill: var(--cds-charts-mono-4-2, #d9fbfb);
}
.cds--cc--chart-wrapper .fill-mono-4-2.hovered {
  fill: var(--cds-charts-mono-4-2-hovered, #d9fbfb);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-4-2 {
  background-color: var(--cds-charts-mono-4-2, #d9fbfb);
}
.cds--cc--chart-wrapper .background-mono-4-2.hovered {
  background-color: var(--cds-charts-mono-4-2-hovered, #d9fbfb);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-4-2 {
  stroke: var(--cds-charts-mono-4-2, #d9fbfb);
}
.cds--cc--chart-wrapper .stop-color-mono-4-2 {
  stop-color: var(--cds-charts-mono-4-2, #d9fbfb);
}
.cds--cc--chart-wrapper .fill-mono-4-3 {
  fill: var(--cds-charts-mono-4-3, #9ef0f0);
}
.cds--cc--chart-wrapper .fill-mono-4-3.hovered {
  fill: var(--cds-charts-mono-4-3-hovered, #9ef0f0);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-4-3 {
  background-color: var(--cds-charts-mono-4-3, #9ef0f0);
}
.cds--cc--chart-wrapper .background-mono-4-3.hovered {
  background-color: var(--cds-charts-mono-4-3-hovered, #9ef0f0);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-4-3 {
  stroke: var(--cds-charts-mono-4-3, #9ef0f0);
}
.cds--cc--chart-wrapper .stop-color-mono-4-3 {
  stop-color: var(--cds-charts-mono-4-3, #9ef0f0);
}
.cds--cc--chart-wrapper .fill-mono-4-4 {
  fill: var(--cds-charts-mono-4-4, #3ddbd9);
}
.cds--cc--chart-wrapper .fill-mono-4-4.hovered {
  fill: var(--cds-charts-mono-4-4-hovered, #3ddbd9);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-4-4 {
  background-color: var(--cds-charts-mono-4-4, #3ddbd9);
}
.cds--cc--chart-wrapper .background-mono-4-4.hovered {
  background-color: var(--cds-charts-mono-4-4-hovered, #3ddbd9);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-4-4 {
  stroke: var(--cds-charts-mono-4-4, #3ddbd9);
}
.cds--cc--chart-wrapper .stop-color-mono-4-4 {
  stop-color: var(--cds-charts-mono-4-4, #3ddbd9);
}
.cds--cc--chart-wrapper .fill-mono-4-5 {
  fill: var(--cds-charts-mono-4-5, #08bdba);
}
.cds--cc--chart-wrapper .fill-mono-4-5.hovered {
  fill: var(--cds-charts-mono-4-5-hovered, #08bdba);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-4-5 {
  background-color: var(--cds-charts-mono-4-5, #08bdba);
}
.cds--cc--chart-wrapper .background-mono-4-5.hovered {
  background-color: var(--cds-charts-mono-4-5-hovered, #08bdba);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-4-5 {
  stroke: var(--cds-charts-mono-4-5, #08bdba);
}
.cds--cc--chart-wrapper .stop-color-mono-4-5 {
  stop-color: var(--cds-charts-mono-4-5, #08bdba);
}
.cds--cc--chart-wrapper .fill-mono-4-6 {
  fill: var(--cds-charts-mono-4-6, #009d9a);
}
.cds--cc--chart-wrapper .fill-mono-4-6.hovered {
  fill: var(--cds-charts-mono-4-6-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-4-6 {
  background-color: var(--cds-charts-mono-4-6, #009d9a);
}
.cds--cc--chart-wrapper .background-mono-4-6.hovered {
  background-color: var(--cds-charts-mono-4-6-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-4-6 {
  stroke: var(--cds-charts-mono-4-6, #009d9a);
}
.cds--cc--chart-wrapper .stop-color-mono-4-6 {
  stop-color: var(--cds-charts-mono-4-6, #009d9a);
}
.cds--cc--chart-wrapper .fill-mono-4-7 {
  fill: var(--cds-charts-mono-4-7, #007d79);
}
.cds--cc--chart-wrapper .fill-mono-4-7.hovered {
  fill: var(--cds-charts-mono-4-7-hovered, #007d79);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-4-7 {
  background-color: var(--cds-charts-mono-4-7, #007d79);
}
.cds--cc--chart-wrapper .background-mono-4-7.hovered {
  background-color: var(--cds-charts-mono-4-7-hovered, #007d79);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-4-7 {
  stroke: var(--cds-charts-mono-4-7, #007d79);
}
.cds--cc--chart-wrapper .stop-color-mono-4-7 {
  stop-color: var(--cds-charts-mono-4-7, #007d79);
}
.cds--cc--chart-wrapper .fill-mono-4-8 {
  fill: var(--cds-charts-mono-4-8, #005d5d);
}
.cds--cc--chart-wrapper .fill-mono-4-8.hovered {
  fill: var(--cds-charts-mono-4-8-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-4-8 {
  background-color: var(--cds-charts-mono-4-8, #005d5d);
}
.cds--cc--chart-wrapper .background-mono-4-8.hovered {
  background-color: var(--cds-charts-mono-4-8-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-4-8 {
  stroke: var(--cds-charts-mono-4-8, #005d5d);
}
.cds--cc--chart-wrapper .stop-color-mono-4-8 {
  stop-color: var(--cds-charts-mono-4-8, #005d5d);
}
.cds--cc--chart-wrapper .fill-mono-4-9 {
  fill: var(--cds-charts-mono-4-9, #004144);
}
.cds--cc--chart-wrapper .fill-mono-4-9.hovered {
  fill: var(--cds-charts-mono-4-9-hovered, #004144);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-4-9 {
  background-color: var(--cds-charts-mono-4-9, #004144);
}
.cds--cc--chart-wrapper .background-mono-4-9.hovered {
  background-color: var(--cds-charts-mono-4-9-hovered, #004144);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-4-9 {
  stroke: var(--cds-charts-mono-4-9, #004144);
}
.cds--cc--chart-wrapper .stop-color-mono-4-9 {
  stop-color: var(--cds-charts-mono-4-9, #004144);
}
.cds--cc--chart-wrapper .fill-mono-4-10 {
  fill: var(--cds-charts-mono-4-10, #022b30);
}
.cds--cc--chart-wrapper .fill-mono-4-10.hovered {
  fill: var(--cds-charts-mono-4-10-hovered, #022b30);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-4-10 {
  background-color: var(--cds-charts-mono-4-10, #022b30);
}
.cds--cc--chart-wrapper .background-mono-4-10.hovered {
  background-color: var(--cds-charts-mono-4-10-hovered, #022b30);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-4-10 {
  stroke: var(--cds-charts-mono-4-10, #022b30);
}
.cds--cc--chart-wrapper .stop-color-mono-4-10 {
  stop-color: var(--cds-charts-mono-4-10, #022b30);
}
.cds--cc--chart-wrapper .fill-mono-4-11 {
  fill: var(--cds-charts-mono-4-11, #081a1c);
}
.cds--cc--chart-wrapper .fill-mono-4-11.hovered {
  fill: var(--cds-charts-mono-4-11-hovered, #081a1c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-mono-4-11 {
  background-color: var(--cds-charts-mono-4-11, #081a1c);
}
.cds--cc--chart-wrapper .background-mono-4-11.hovered {
  background-color: var(--cds-charts-mono-4-11-hovered, #081a1c);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-mono-4-11 {
  stroke: var(--cds-charts-mono-4-11, #081a1c);
}
.cds--cc--chart-wrapper .stop-color-mono-4-11 {
  stop-color: var(--cds-charts-mono-4-11, #081a1c);
}
.cds--cc--chart-wrapper .fill-diverge-1-1 {
  fill: var(--cds-charts-diverge-1-1, #750e13);
}
.cds--cc--chart-wrapper .fill-diverge-1-1.hovered {
  fill: var(--cds-charts-diverge-1-1-hovered, #750e13);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-1 {
  background-color: var(--cds-charts-diverge-1-1, #750e13);
}
.cds--cc--chart-wrapper .background-diverge-1-1.hovered {
  background-color: var(--cds-charts-diverge-1-1-hovered, #750e13);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-1 {
  stroke: var(--cds-charts-diverge-1-1, #750e13);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-1 {
  stop-color: var(--cds-charts-diverge-1-1, #750e13);
}
.cds--cc--chart-wrapper .fill-diverge-1-2 {
  fill: var(--cds-charts-diverge-1-2, #a2191f);
}
.cds--cc--chart-wrapper .fill-diverge-1-2.hovered {
  fill: var(--cds-charts-diverge-1-2-hovered, #a2191f);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-2 {
  background-color: var(--cds-charts-diverge-1-2, #a2191f);
}
.cds--cc--chart-wrapper .background-diverge-1-2.hovered {
  background-color: var(--cds-charts-diverge-1-2-hovered, #a2191f);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-2 {
  stroke: var(--cds-charts-diverge-1-2, #a2191f);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-2 {
  stop-color: var(--cds-charts-diverge-1-2, #a2191f);
}
.cds--cc--chart-wrapper .fill-diverge-1-3 {
  fill: var(--cds-charts-diverge-1-3, #da1e28);
}
.cds--cc--chart-wrapper .fill-diverge-1-3.hovered {
  fill: var(--cds-charts-diverge-1-3-hovered, #da1e28);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-3 {
  background-color: var(--cds-charts-diverge-1-3, #da1e28);
}
.cds--cc--chart-wrapper .background-diverge-1-3.hovered {
  background-color: var(--cds-charts-diverge-1-3-hovered, #da1e28);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-3 {
  stroke: var(--cds-charts-diverge-1-3, #da1e28);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-3 {
  stop-color: var(--cds-charts-diverge-1-3, #da1e28);
}
.cds--cc--chart-wrapper .fill-diverge-1-4 {
  fill: var(--cds-charts-diverge-1-4, #fa4d56);
}
.cds--cc--chart-wrapper .fill-diverge-1-4.hovered {
  fill: var(--cds-charts-diverge-1-4-hovered, #fa4d56);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-4 {
  background-color: var(--cds-charts-diverge-1-4, #fa4d56);
}
.cds--cc--chart-wrapper .background-diverge-1-4.hovered {
  background-color: var(--cds-charts-diverge-1-4-hovered, #fa4d56);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-4 {
  stroke: var(--cds-charts-diverge-1-4, #fa4d56);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-4 {
  stop-color: var(--cds-charts-diverge-1-4, #fa4d56);
}
.cds--cc--chart-wrapper .fill-diverge-1-5 {
  fill: var(--cds-charts-diverge-1-5, #ff8389);
}
.cds--cc--chart-wrapper .fill-diverge-1-5.hovered {
  fill: var(--cds-charts-diverge-1-5-hovered, #ff8389);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-5 {
  background-color: var(--cds-charts-diverge-1-5, #ff8389);
}
.cds--cc--chart-wrapper .background-diverge-1-5.hovered {
  background-color: var(--cds-charts-diverge-1-5-hovered, #ff8389);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-5 {
  stroke: var(--cds-charts-diverge-1-5, #ff8389);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-5 {
  stop-color: var(--cds-charts-diverge-1-5, #ff8389);
}
.cds--cc--chart-wrapper .fill-diverge-1-6 {
  fill: var(--cds-charts-diverge-1-6, #ffb3b8);
}
.cds--cc--chart-wrapper .fill-diverge-1-6.hovered {
  fill: var(--cds-charts-diverge-1-6-hovered, #ffb3b8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-6 {
  background-color: var(--cds-charts-diverge-1-6, #ffb3b8);
}
.cds--cc--chart-wrapper .background-diverge-1-6.hovered {
  background-color: var(--cds-charts-diverge-1-6-hovered, #ffb3b8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-6 {
  stroke: var(--cds-charts-diverge-1-6, #ffb3b8);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-6 {
  stop-color: var(--cds-charts-diverge-1-6, #ffb3b8);
}
.cds--cc--chart-wrapper .fill-diverge-1-7 {
  fill: var(--cds-charts-diverge-1-7, #ffd7d9);
}
.cds--cc--chart-wrapper .fill-diverge-1-7.hovered {
  fill: var(--cds-charts-diverge-1-7-hovered, #ffd7d9);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-7 {
  background-color: var(--cds-charts-diverge-1-7, #ffd7d9);
}
.cds--cc--chart-wrapper .background-diverge-1-7.hovered {
  background-color: var(--cds-charts-diverge-1-7-hovered, #ffd7d9);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-7 {
  stroke: var(--cds-charts-diverge-1-7, #ffd7d9);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-7 {
  stop-color: var(--cds-charts-diverge-1-7, #ffd7d9);
}
.cds--cc--chart-wrapper .fill-diverge-1-8 {
  fill: var(--cds-charts-diverge-1-8, #fff1f1);
}
.cds--cc--chart-wrapper .fill-diverge-1-8.hovered {
  fill: var(--cds-charts-diverge-1-8-hovered, #fff1f1);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-8 {
  background-color: var(--cds-charts-diverge-1-8, #fff1f1);
}
.cds--cc--chart-wrapper .background-diverge-1-8.hovered {
  background-color: var(--cds-charts-diverge-1-8-hovered, #fff1f1);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-8 {
  stroke: var(--cds-charts-diverge-1-8, #fff1f1);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-8 {
  stop-color: var(--cds-charts-diverge-1-8, #fff1f1);
}
.cds--cc--chart-wrapper .fill-diverge-1-9 {
  fill: var(--cds-charts-diverge-1-9, #ffffff);
}
.cds--cc--chart-wrapper .fill-diverge-1-9.hovered {
  fill: var(--cds-charts-diverge-1-9-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-9 {
  background-color: var(--cds-charts-diverge-1-9, #ffffff);
}
.cds--cc--chart-wrapper .background-diverge-1-9.hovered {
  background-color: var(--cds-charts-diverge-1-9-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-9 {
  stroke: var(--cds-charts-diverge-1-9, #ffffff);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-9 {
  stop-color: var(--cds-charts-diverge-1-9, #ffffff);
}
.cds--cc--chart-wrapper .fill-diverge-1-10 {
  fill: var(--cds-charts-diverge-1-10, #e5f6ff);
}
.cds--cc--chart-wrapper .fill-diverge-1-10.hovered {
  fill: var(--cds-charts-diverge-1-10-hovered, #e5f6ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-10 {
  background-color: var(--cds-charts-diverge-1-10, #e5f6ff);
}
.cds--cc--chart-wrapper .background-diverge-1-10.hovered {
  background-color: var(--cds-charts-diverge-1-10-hovered, #e5f6ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-10 {
  stroke: var(--cds-charts-diverge-1-10, #e5f6ff);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-10 {
  stop-color: var(--cds-charts-diverge-1-10, #e5f6ff);
}
.cds--cc--chart-wrapper .fill-diverge-1-11 {
  fill: var(--cds-charts-diverge-1-11, #bae6ff);
}
.cds--cc--chart-wrapper .fill-diverge-1-11.hovered {
  fill: var(--cds-charts-diverge-1-11-hovered, #bae6ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-11 {
  background-color: var(--cds-charts-diverge-1-11, #bae6ff);
}
.cds--cc--chart-wrapper .background-diverge-1-11.hovered {
  background-color: var(--cds-charts-diverge-1-11-hovered, #bae6ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-11 {
  stroke: var(--cds-charts-diverge-1-11, #bae6ff);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-11 {
  stop-color: var(--cds-charts-diverge-1-11, #bae6ff);
}
.cds--cc--chart-wrapper .fill-diverge-1-12 {
  fill: var(--cds-charts-diverge-1-12, #82cfff);
}
.cds--cc--chart-wrapper .fill-diverge-1-12.hovered {
  fill: var(--cds-charts-diverge-1-12-hovered, #82cfff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-12 {
  background-color: var(--cds-charts-diverge-1-12, #82cfff);
}
.cds--cc--chart-wrapper .background-diverge-1-12.hovered {
  background-color: var(--cds-charts-diverge-1-12-hovered, #82cfff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-12 {
  stroke: var(--cds-charts-diverge-1-12, #82cfff);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-12 {
  stop-color: var(--cds-charts-diverge-1-12, #82cfff);
}
.cds--cc--chart-wrapper .fill-diverge-1-13 {
  fill: var(--cds-charts-diverge-1-13, #33b1ff);
}
.cds--cc--chart-wrapper .fill-diverge-1-13.hovered {
  fill: var(--cds-charts-diverge-1-13-hovered, #33b1ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-13 {
  background-color: var(--cds-charts-diverge-1-13, #33b1ff);
}
.cds--cc--chart-wrapper .background-diverge-1-13.hovered {
  background-color: var(--cds-charts-diverge-1-13-hovered, #33b1ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-13 {
  stroke: var(--cds-charts-diverge-1-13, #33b1ff);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-13 {
  stop-color: var(--cds-charts-diverge-1-13, #33b1ff);
}
.cds--cc--chart-wrapper .fill-diverge-1-14 {
  fill: var(--cds-charts-diverge-1-14, #1192e8);
}
.cds--cc--chart-wrapper .fill-diverge-1-14.hovered {
  fill: var(--cds-charts-diverge-1-14-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-14 {
  background-color: var(--cds-charts-diverge-1-14, #1192e8);
}
.cds--cc--chart-wrapper .background-diverge-1-14.hovered {
  background-color: var(--cds-charts-diverge-1-14-hovered, #1192e8);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-14 {
  stroke: var(--cds-charts-diverge-1-14, #1192e8);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-14 {
  stop-color: var(--cds-charts-diverge-1-14, #1192e8);
}
.cds--cc--chart-wrapper .fill-diverge-1-15 {
  fill: var(--cds-charts-diverge-1-15, #0072c3);
}
.cds--cc--chart-wrapper .fill-diverge-1-15.hovered {
  fill: var(--cds-charts-diverge-1-15-hovered, #0072c3);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-15 {
  background-color: var(--cds-charts-diverge-1-15, #0072c3);
}
.cds--cc--chart-wrapper .background-diverge-1-15.hovered {
  background-color: var(--cds-charts-diverge-1-15-hovered, #0072c3);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-15 {
  stroke: var(--cds-charts-diverge-1-15, #0072c3);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-15 {
  stop-color: var(--cds-charts-diverge-1-15, #0072c3);
}
.cds--cc--chart-wrapper .fill-diverge-1-16 {
  fill: var(--cds-charts-diverge-1-16, #00539a);
}
.cds--cc--chart-wrapper .fill-diverge-1-16.hovered {
  fill: var(--cds-charts-diverge-1-16-hovered, #00539a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-16 {
  background-color: var(--cds-charts-diverge-1-16, #00539a);
}
.cds--cc--chart-wrapper .background-diverge-1-16.hovered {
  background-color: var(--cds-charts-diverge-1-16-hovered, #00539a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-16 {
  stroke: var(--cds-charts-diverge-1-16, #00539a);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-16 {
  stop-color: var(--cds-charts-diverge-1-16, #00539a);
}
.cds--cc--chart-wrapper .fill-diverge-1-17 {
  fill: var(--cds-charts-diverge-1-17, #003a6d);
}
.cds--cc--chart-wrapper .fill-diverge-1-17.hovered {
  fill: var(--cds-charts-diverge-1-17-hovered, #003a6d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-1-17 {
  background-color: var(--cds-charts-diverge-1-17, #003a6d);
}
.cds--cc--chart-wrapper .background-diverge-1-17.hovered {
  background-color: var(--cds-charts-diverge-1-17-hovered, #003a6d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-1-17 {
  stroke: var(--cds-charts-diverge-1-17, #003a6d);
}
.cds--cc--chart-wrapper .stop-color-diverge-1-17 {
  stop-color: var(--cds-charts-diverge-1-17, #003a6d);
}
.cds--cc--chart-wrapper .fill-diverge-2-1 {
  fill: var(--cds-charts-diverge-2-1, #491d8b);
}
.cds--cc--chart-wrapper .fill-diverge-2-1.hovered {
  fill: var(--cds-charts-diverge-2-1-hovered, #491d8b);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-1 {
  background-color: var(--cds-charts-diverge-2-1, #491d8b);
}
.cds--cc--chart-wrapper .background-diverge-2-1.hovered {
  background-color: var(--cds-charts-diverge-2-1-hovered, #491d8b);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-1 {
  stroke: var(--cds-charts-diverge-2-1, #491d8b);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-1 {
  stop-color: var(--cds-charts-diverge-2-1, #491d8b);
}
.cds--cc--chart-wrapper .fill-diverge-2-2 {
  fill: var(--cds-charts-diverge-2-2, #6929c4);
}
.cds--cc--chart-wrapper .fill-diverge-2-2.hovered {
  fill: var(--cds-charts-diverge-2-2-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-2 {
  background-color: var(--cds-charts-diverge-2-2, #6929c4);
}
.cds--cc--chart-wrapper .background-diverge-2-2.hovered {
  background-color: var(--cds-charts-diverge-2-2-hovered, #6929c4);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-2 {
  stroke: var(--cds-charts-diverge-2-2, #6929c4);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-2 {
  stop-color: var(--cds-charts-diverge-2-2, #6929c4);
}
.cds--cc--chart-wrapper .fill-diverge-2-3 {
  fill: var(--cds-charts-diverge-2-3, #8a3ffc);
}
.cds--cc--chart-wrapper .fill-diverge-2-3.hovered {
  fill: var(--cds-charts-diverge-2-3-hovered, #8a3ffc);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-3 {
  background-color: var(--cds-charts-diverge-2-3, #8a3ffc);
}
.cds--cc--chart-wrapper .background-diverge-2-3.hovered {
  background-color: var(--cds-charts-diverge-2-3-hovered, #8a3ffc);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-3 {
  stroke: var(--cds-charts-diverge-2-3, #8a3ffc);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-3 {
  stop-color: var(--cds-charts-diverge-2-3, #8a3ffc);
}
.cds--cc--chart-wrapper .fill-diverge-2-4 {
  fill: var(--cds-charts-diverge-2-4, #a56eff);
}
.cds--cc--chart-wrapper .fill-diverge-2-4.hovered {
  fill: var(--cds-charts-diverge-2-4-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-4 {
  background-color: var(--cds-charts-diverge-2-4, #a56eff);
}
.cds--cc--chart-wrapper .background-diverge-2-4.hovered {
  background-color: var(--cds-charts-diverge-2-4-hovered, #a56eff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-4 {
  stroke: var(--cds-charts-diverge-2-4, #a56eff);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-4 {
  stop-color: var(--cds-charts-diverge-2-4, #a56eff);
}
.cds--cc--chart-wrapper .fill-diverge-2-5 {
  fill: var(--cds-charts-diverge-2-5, #be95ff);
}
.cds--cc--chart-wrapper .fill-diverge-2-5.hovered {
  fill: var(--cds-charts-diverge-2-5-hovered, #be95ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-5 {
  background-color: var(--cds-charts-diverge-2-5, #be95ff);
}
.cds--cc--chart-wrapper .background-diverge-2-5.hovered {
  background-color: var(--cds-charts-diverge-2-5-hovered, #be95ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-5 {
  stroke: var(--cds-charts-diverge-2-5, #be95ff);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-5 {
  stop-color: var(--cds-charts-diverge-2-5, #be95ff);
}
.cds--cc--chart-wrapper .fill-diverge-2-6 {
  fill: var(--cds-charts-diverge-2-6, #d4bbff);
}
.cds--cc--chart-wrapper .fill-diverge-2-6.hovered {
  fill: var(--cds-charts-diverge-2-6-hovered, #d4bbff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-6 {
  background-color: var(--cds-charts-diverge-2-6, #d4bbff);
}
.cds--cc--chart-wrapper .background-diverge-2-6.hovered {
  background-color: var(--cds-charts-diverge-2-6-hovered, #d4bbff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-6 {
  stroke: var(--cds-charts-diverge-2-6, #d4bbff);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-6 {
  stop-color: var(--cds-charts-diverge-2-6, #d4bbff);
}
.cds--cc--chart-wrapper .fill-diverge-2-7 {
  fill: var(--cds-charts-diverge-2-7, #e8daff);
}
.cds--cc--chart-wrapper .fill-diverge-2-7.hovered {
  fill: var(--cds-charts-diverge-2-7-hovered, #e8daff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-7 {
  background-color: var(--cds-charts-diverge-2-7, #e8daff);
}
.cds--cc--chart-wrapper .background-diverge-2-7.hovered {
  background-color: var(--cds-charts-diverge-2-7-hovered, #e8daff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-7 {
  stroke: var(--cds-charts-diverge-2-7, #e8daff);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-7 {
  stop-color: var(--cds-charts-diverge-2-7, #e8daff);
}
.cds--cc--chart-wrapper .fill-diverge-2-8 {
  fill: var(--cds-charts-diverge-2-8, #f6f2ff);
}
.cds--cc--chart-wrapper .fill-diverge-2-8.hovered {
  fill: var(--cds-charts-diverge-2-8-hovered, #f6f2ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-8 {
  background-color: var(--cds-charts-diverge-2-8, #f6f2ff);
}
.cds--cc--chart-wrapper .background-diverge-2-8.hovered {
  background-color: var(--cds-charts-diverge-2-8-hovered, #f6f2ff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-8 {
  stroke: var(--cds-charts-diverge-2-8, #f6f2ff);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-8 {
  stop-color: var(--cds-charts-diverge-2-8, #f6f2ff);
}
.cds--cc--chart-wrapper .fill-diverge-2-9 {
  fill: var(--cds-charts-diverge-2-9, #ffffff);
}
.cds--cc--chart-wrapper .fill-diverge-2-9.hovered {
  fill: var(--cds-charts-diverge-2-9-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-9 {
  background-color: var(--cds-charts-diverge-2-9, #ffffff);
}
.cds--cc--chart-wrapper .background-diverge-2-9.hovered {
  background-color: var(--cds-charts-diverge-2-9-hovered, #ffffff);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-9 {
  stroke: var(--cds-charts-diverge-2-9, #ffffff);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-9 {
  stop-color: var(--cds-charts-diverge-2-9, #ffffff);
}
.cds--cc--chart-wrapper .fill-diverge-2-10 {
  fill: var(--cds-charts-diverge-2-10, #d9fbfb);
}
.cds--cc--chart-wrapper .fill-diverge-2-10.hovered {
  fill: var(--cds-charts-diverge-2-10-hovered, #d9fbfb);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-10 {
  background-color: var(--cds-charts-diverge-2-10, #d9fbfb);
}
.cds--cc--chart-wrapper .background-diverge-2-10.hovered {
  background-color: var(--cds-charts-diverge-2-10-hovered, #d9fbfb);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-10 {
  stroke: var(--cds-charts-diverge-2-10, #d9fbfb);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-10 {
  stop-color: var(--cds-charts-diverge-2-10, #d9fbfb);
}
.cds--cc--chart-wrapper .fill-diverge-2-11 {
  fill: var(--cds-charts-diverge-2-11, #9ef0f0);
}
.cds--cc--chart-wrapper .fill-diverge-2-11.hovered {
  fill: var(--cds-charts-diverge-2-11-hovered, #9ef0f0);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-11 {
  background-color: var(--cds-charts-diverge-2-11, #9ef0f0);
}
.cds--cc--chart-wrapper .background-diverge-2-11.hovered {
  background-color: var(--cds-charts-diverge-2-11-hovered, #9ef0f0);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-11 {
  stroke: var(--cds-charts-diverge-2-11, #9ef0f0);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-11 {
  stop-color: var(--cds-charts-diverge-2-11, #9ef0f0);
}
.cds--cc--chart-wrapper .fill-diverge-2-12 {
  fill: var(--cds-charts-diverge-2-12, #3ddbd9);
}
.cds--cc--chart-wrapper .fill-diverge-2-12.hovered {
  fill: var(--cds-charts-diverge-2-12-hovered, #3ddbd9);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-12 {
  background-color: var(--cds-charts-diverge-2-12, #3ddbd9);
}
.cds--cc--chart-wrapper .background-diverge-2-12.hovered {
  background-color: var(--cds-charts-diverge-2-12-hovered, #3ddbd9);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-12 {
  stroke: var(--cds-charts-diverge-2-12, #3ddbd9);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-12 {
  stop-color: var(--cds-charts-diverge-2-12, #3ddbd9);
}
.cds--cc--chart-wrapper .fill-diverge-2-13 {
  fill: var(--cds-charts-diverge-2-13, #08bdba);
}
.cds--cc--chart-wrapper .fill-diverge-2-13.hovered {
  fill: var(--cds-charts-diverge-2-13-hovered, #08bdba);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-13 {
  background-color: var(--cds-charts-diverge-2-13, #08bdba);
}
.cds--cc--chart-wrapper .background-diverge-2-13.hovered {
  background-color: var(--cds-charts-diverge-2-13-hovered, #08bdba);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-13 {
  stroke: var(--cds-charts-diverge-2-13, #08bdba);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-13 {
  stop-color: var(--cds-charts-diverge-2-13, #08bdba);
}
.cds--cc--chart-wrapper .fill-diverge-2-14 {
  fill: var(--cds-charts-diverge-2-14, #009d9a);
}
.cds--cc--chart-wrapper .fill-diverge-2-14.hovered {
  fill: var(--cds-charts-diverge-2-14-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-14 {
  background-color: var(--cds-charts-diverge-2-14, #009d9a);
}
.cds--cc--chart-wrapper .background-diverge-2-14.hovered {
  background-color: var(--cds-charts-diverge-2-14-hovered, #009d9a);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-14 {
  stroke: var(--cds-charts-diverge-2-14, #009d9a);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-14 {
  stop-color: var(--cds-charts-diverge-2-14, #009d9a);
}
.cds--cc--chart-wrapper .fill-diverge-2-15 {
  fill: var(--cds-charts-diverge-2-15, #007d79);
}
.cds--cc--chart-wrapper .fill-diverge-2-15.hovered {
  fill: var(--cds-charts-diverge-2-15-hovered, #007d79);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-15 {
  background-color: var(--cds-charts-diverge-2-15, #007d79);
}
.cds--cc--chart-wrapper .background-diverge-2-15.hovered {
  background-color: var(--cds-charts-diverge-2-15-hovered, #007d79);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-15 {
  stroke: var(--cds-charts-diverge-2-15, #007d79);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-15 {
  stop-color: var(--cds-charts-diverge-2-15, #007d79);
}
.cds--cc--chart-wrapper .fill-diverge-2-16 {
  fill: var(--cds-charts-diverge-2-16, #005d5d);
}
.cds--cc--chart-wrapper .fill-diverge-2-16.hovered {
  fill: var(--cds-charts-diverge-2-16-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-16 {
  background-color: var(--cds-charts-diverge-2-16, #005d5d);
}
.cds--cc--chart-wrapper .background-diverge-2-16.hovered {
  background-color: var(--cds-charts-diverge-2-16-hovered, #005d5d);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-16 {
  stroke: var(--cds-charts-diverge-2-16, #005d5d);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-16 {
  stop-color: var(--cds-charts-diverge-2-16, #005d5d);
}
.cds--cc--chart-wrapper .fill-diverge-2-17 {
  fill: var(--cds-charts-diverge-2-17, #004144);
}
.cds--cc--chart-wrapper .fill-diverge-2-17.hovered {
  fill: var(--cds-charts-diverge-2-17-hovered, #004144);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .background-diverge-2-17 {
  background-color: var(--cds-charts-diverge-2-17, #004144);
}
.cds--cc--chart-wrapper .background-diverge-2-17.hovered {
  background-color: var(--cds-charts-diverge-2-17-hovered, #004144);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .stroke-diverge-2-17 {
  stroke: var(--cds-charts-diverge-2-17, #004144);
}
.cds--cc--chart-wrapper .stop-color-diverge-2-17 {
  stop-color: var(--cds-charts-diverge-2-17, #004144);
}

.cds--cc--tooltip .tooltip-1-1-1 {
  background-color: var(--cds-charts-1-1-1, #6929c4);
}
.cds--cc--tooltip .tooltip-1-2-1 {
  background-color: var(--cds-charts-1-2-1, #002d9c);
}
.cds--cc--tooltip .tooltip-1-3-1 {
  background-color: var(--cds-charts-1-3-1, #1192e8);
}
.cds--cc--tooltip .tooltip-1-4-1 {
  background-color: var(--cds-charts-1-4-1, #007d79);
}
.cds--cc--tooltip .tooltip-2-1-1 {
  background-color: var(--cds-charts-2-1-1, #6929c4);
}
.cds--cc--tooltip .tooltip-2-1-2 {
  background-color: var(--cds-charts-2-1-2, #009d9a);
}
.cds--cc--tooltip .tooltip-2-2-1 {
  background-color: var(--cds-charts-2-2-1, #8a3ffc);
}
.cds--cc--tooltip .tooltip-2-2-2 {
  background-color: var(--cds-charts-2-2-2, #520408);
}
.cds--cc--tooltip .tooltip-2-3-1 {
  background-color: var(--cds-charts-2-3-1, #9f1853);
}
.cds--cc--tooltip .tooltip-2-3-2 {
  background-color: var(--cds-charts-2-3-2, #520408);
}
.cds--cc--tooltip .tooltip-2-4-1 {
  background-color: var(--cds-charts-2-4-1, #1192e8);
}
.cds--cc--tooltip .tooltip-2-4-2 {
  background-color: var(--cds-charts-2-4-2, #005d5d);
}
.cds--cc--tooltip .tooltip-2-5-1 {
  background-color: var(--cds-charts-2-5-1, #009d9a);
}
.cds--cc--tooltip .tooltip-2-5-2 {
  background-color: var(--cds-charts-2-5-2, #002d9c);
}
.cds--cc--tooltip .tooltip-3-1-1 {
  background-color: var(--cds-charts-3-1-1, #ee5396);
}
.cds--cc--tooltip .tooltip-3-1-2 {
  background-color: var(--cds-charts-3-1-2, #1192e8);
}
.cds--cc--tooltip .tooltip-3-1-3 {
  background-color: var(--cds-charts-3-1-3, #6929c4);
}
.cds--cc--tooltip .tooltip-3-2-1 {
  background-color: var(--cds-charts-3-2-1, #9f1853);
}
.cds--cc--tooltip .tooltip-3-2-2 {
  background-color: var(--cds-charts-3-2-2, #fa4d56);
}
.cds--cc--tooltip .tooltip-3-2-3 {
  background-color: var(--cds-charts-3-2-3, #520408);
}
.cds--cc--tooltip .tooltip-3-3-1 {
  background-color: var(--cds-charts-3-3-1, #a56eff);
}
.cds--cc--tooltip .tooltip-3-3-2 {
  background-color: var(--cds-charts-3-3-2, #005d5d);
}
.cds--cc--tooltip .tooltip-3-3-3 {
  background-color: var(--cds-charts-3-3-3, #002d9c);
}
.cds--cc--tooltip .tooltip-3-4-1 {
  background-color: var(--cds-charts-3-4-1, #a56eff);
}
.cds--cc--tooltip .tooltip-3-4-2 {
  background-color: var(--cds-charts-3-4-2, #005d5d);
}
.cds--cc--tooltip .tooltip-3-4-3 {
  background-color: var(--cds-charts-3-4-3, #9f1853);
}
.cds--cc--tooltip .tooltip-3-5-1 {
  background-color: var(--cds-charts-3-5-1, #012749);
}
.cds--cc--tooltip .tooltip-3-5-2 {
  background-color: var(--cds-charts-3-5-2, #6929c4);
}
.cds--cc--tooltip .tooltip-3-5-3 {
  background-color: var(--cds-charts-3-5-3, #009d9a);
}
.cds--cc--tooltip .tooltip-4-1-1 {
  background-color: var(--cds-charts-4-1-1, #6929c4);
}
.cds--cc--tooltip .tooltip-4-1-2 {
  background-color: var(--cds-charts-4-1-2, #012749);
}
.cds--cc--tooltip .tooltip-4-1-3 {
  background-color: var(--cds-charts-4-1-3, #009d9a);
}
.cds--cc--tooltip .tooltip-4-1-4 {
  background-color: var(--cds-charts-4-1-4, #ee5396);
}
.cds--cc--tooltip .tooltip-4-2-1 {
  background-color: var(--cds-charts-4-2-1, #9f1853);
}
.cds--cc--tooltip .tooltip-4-2-2 {
  background-color: var(--cds-charts-4-2-2, #fa4d56);
}
.cds--cc--tooltip .tooltip-4-2-3 {
  background-color: var(--cds-charts-4-2-3, #520408);
}
.cds--cc--tooltip .tooltip-4-2-4 {
  background-color: var(--cds-charts-4-2-4, #a56eff);
}
.cds--cc--tooltip .tooltip-4-3-1 {
  background-color: var(--cds-charts-4-3-1, #009d9a);
}
.cds--cc--tooltip .tooltip-4-3-2 {
  background-color: var(--cds-charts-4-3-2, #002d9c);
}
.cds--cc--tooltip .tooltip-4-3-3 {
  background-color: var(--cds-charts-4-3-3, #a56eff);
}
.cds--cc--tooltip .tooltip-4-3-4 {
  background-color: var(--cds-charts-4-3-4, #9f1853);
}
.cds--cc--tooltip .tooltip-5-1-1 {
  background-color: var(--cds-charts-5-1-1, #6929c4);
}
.cds--cc--tooltip .tooltip-5-1-2 {
  background-color: var(--cds-charts-5-1-2, #1192e8);
}
.cds--cc--tooltip .tooltip-5-1-3 {
  background-color: var(--cds-charts-5-1-3, #005d5d);
}
.cds--cc--tooltip .tooltip-5-1-4 {
  background-color: var(--cds-charts-5-1-4, #9f1853);
}
.cds--cc--tooltip .tooltip-5-1-5 {
  background-color: var(--cds-charts-5-1-5, #520408);
}
.cds--cc--tooltip .tooltip-5-2-1 {
  background-color: var(--cds-charts-5-2-1, #002d9c);
}
.cds--cc--tooltip .tooltip-5-2-2 {
  background-color: var(--cds-charts-5-2-2, #009d9a);
}
.cds--cc--tooltip .tooltip-5-2-3 {
  background-color: var(--cds-charts-5-2-3, #9f1853);
}
.cds--cc--tooltip .tooltip-5-2-4 {
  background-color: var(--cds-charts-5-2-4, #520408);
}
.cds--cc--tooltip .tooltip-5-2-5 {
  background-color: var(--cds-charts-5-2-5, #a56eff);
}
.cds--cc--tooltip .tooltip-14-1-1 {
  background-color: var(--cds-charts-14-1-1, #6929c4);
}
.cds--cc--tooltip .tooltip-14-1-2 {
  background-color: var(--cds-charts-14-1-2, #1192e8);
}
.cds--cc--tooltip .tooltip-14-1-3 {
  background-color: var(--cds-charts-14-1-3, #005d5d);
}
.cds--cc--tooltip .tooltip-14-1-4 {
  background-color: var(--cds-charts-14-1-4, #9f1853);
}
.cds--cc--tooltip .tooltip-14-1-5 {
  background-color: var(--cds-charts-14-1-5, #fa4d56);
}
.cds--cc--tooltip .tooltip-14-1-6 {
  background-color: var(--cds-charts-14-1-6, #520408);
}
.cds--cc--tooltip .tooltip-14-1-7 {
  background-color: var(--cds-charts-14-1-7, #198038);
}
.cds--cc--tooltip .tooltip-14-1-8 {
  background-color: var(--cds-charts-14-1-8, #002d9c);
}
.cds--cc--tooltip .tooltip-14-1-9 {
  background-color: var(--cds-charts-14-1-9, #ee5396);
}
.cds--cc--tooltip .tooltip-14-1-10 {
  background-color: var(--cds-charts-14-1-10, #b28600);
}
.cds--cc--tooltip .tooltip-14-1-11 {
  background-color: var(--cds-charts-14-1-11, #009d9a);
}
.cds--cc--tooltip .tooltip-14-1-12 {
  background-color: var(--cds-charts-14-1-12, #012749);
}
.cds--cc--tooltip .tooltip-14-1-13 {
  background-color: var(--cds-charts-14-1-13, #8a3800);
}
.cds--cc--tooltip .tooltip-14-1-14 {
  background-color: var(--cds-charts-14-1-14, #a56eff);
}

.cds--cc--legend .additional > .icon .area-1 {
  fill: var(--cds-zone-fill-01, #f4f4f4);
  stroke: var(--cds-zone-stroke-01, #8d8d8d);
}
.cds--cc--legend .additional > .icon .area-2 {
  fill: var(--cds-zone-fill-02, #e0e0e0);
  stroke: var(--cds-zone-stroke-02, #8d8d8d);
}
.cds--cc--legend .additional > .icon .area-3 {
  fill: var(--cds-zone-fill-03, #c6c6c6);
  stroke: var(--cds-zone-stroke-03, #8d8d8d);
}
.cds--cc--legend .additional > .icon .quartile-wrapper {
  fill: var(--cds-zone-fill-02, #e0e0e0);
  stroke: var(--cds-zone-stroke-01, #8d8d8d);
}
.cds--cc--legend .additional > .icon .quartile-line {
  fill: var(--cds-layer-inverse-absolute, #000000);
}

.cds--cc--axes {
  font-family: var(--cds-charts-font-family-condensed);
  overflow: visible;
}
.cds--cc--axes g.axis g.ticks.invisible {
  visibility: hidden;
}
.cds--cc--axes g.axis g.tick-hover rect.axis-holder {
  fill: transparent;
  stroke: transparent;
  stroke-width: 2px;
}
.cds--cc--axes g.axis g.tick-hover:hover rect.axis-holder,
.cds--cc--axes g.axis g.tick-hover:focus rect.axis-holder {
  fill: var(--cds-layer-selected-inverse, #161616);
  stroke: var(--cds-layer-selected-inverse, #161616);
  stroke-width: 2px;
}
.cds--cc--axes g.axis g.tick-hover:hover text,
.cds--cc--axes g.axis g.tick-hover:focus text {
  fill: var(--cds-layer-selected);
}
.cds--cc--axes g.axis g.tick text {
  fill: var(--cds-text-secondary, #525252);
  font-family: var(--cds-charts-font-family-condensed);
}
.cds--cc--axes g.axis g.tick text.tick-label--primary {
  font-weight: bold;
}
.cds--cc--axes g.axis g.tick text.tick-label {
  font-weight: normal;
}
.cds--cc--axes g.axis g.tick line {
  display: none;
}
.cds--cc--axes g.axis path.domain {
  stroke: var(--cds-border-strong-01, #8d8d8d);
}
.cds--cc--axes g.axis .axis-title {
  font-family: var(--cds-charts-font-family);
  font-weight: 600;
  fill: var(--cds-text-primary, #161616);
}

.cds--cc--chart-wrapper g.callouts {
  stroke: var(--cds-text-secondary, #525252);
}

svg.cds--cc--color-legend {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
svg.cds--cc--color-legend g.legend-title text {
  fill: var(--cds-layer-inverse-absolute, #000000);
}

.cds--cc--card-node {
  display: flex;
  position: relative;
  background-color: var(--cds-layer-01, #f4f4f4);
  z-index: 1;
  box-sizing: border-box;
  font-family: var(--cds-charts-font-family);
  width: 100%;
  height: 100%;
  padding: 1rem 0.5rem;
  border-left: 0.25rem solid var(--cds-border-inverse, #161616);
}

.cds--cc--card-node--a,
.cds--cc--card-node--button {
  border-top: none;
  border-right: none;
  border-bottom: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.cds--cc--card-node--button {
  font-family: var(--cds-charts-font-family);
  text-align: left;
  width: 100%;
}

.cds--cc--card-node--a:focus,
.cds--cc--card-node--a:hover,
.cds--cc--card-node--button:focus,
.cds--cc--card-node--button:hover {
  background-color: var(--cds-network-diagrams-background-hover, #f1f1f1);
}

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

.cds--cc--card-node--stacked::before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
  border-top: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);
  border-right: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);
  pointer-events: none;
  left: 0.3125rem;
  bottom: 0.3125rem;
}
.cds--cc--card-node--stacked::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
  border-top: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);
  border-right: 0.125rem solid var(--cds-layer-accent-01, #e0e0e0);
  pointer-events: none;
  left: 0.6875rem;
  bottom: 0.6875rem;
}

.cds--cc--card-node__column {
  padding: 0 0.5rem;
}

.cds--cc--card-node__column--farside {
  margin-left: auto;
}

.cds--cc--card-node__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);
  margin: 0;
}

.cds--cc--card-node__subtitle {
  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);
  margin: 0;
}

.cds--cc--card-node__label {
  display: block;
  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);
  padding-top: 1.5rem;
}

.cds--cc--shape-node {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--cds-layer-01, #f4f4f4);
  box-sizing: border-box;
  font-family: var(--cds-charts-font-family);
  width: 100%;
  height: 100%;
  position: relative;
}

.cds--cc--shape-node--circle {
  border-radius: 100%;
}

.cds--cc--shape-node--square {
  border-radius: 0;
}

.cds--cc--shape-node--rounded-square {
  border-radius: 0.5rem;
}

.cds--cc--shape-node--a,
.cds--cc--shape-node--button {
  border: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.cds--cc--shape-node--button {
  font-family: var(--cds-charts-font-family);
  text-align: left;
  width: 100%;
}

.cds--cc--shape-node--a:focus,
.cds--cc--shape-node--a:hover,
.cds--cc--shape-node--button:focus,
.cds--cc--shape-node--button:hover {
  background-color: var(--cds-network-diagrams-background-hover, #f1f1f1);
}
.cds--cc--shape-node--a:focus .cds--cc--shape-node__title,
.cds--cc--shape-node--a:focus .cds--cc--shape-node__subtitle,
.cds--cc--shape-node--a:hover .cds--cc--shape-node__title,
.cds--cc--shape-node--a:hover .cds--cc--shape-node__subtitle,
.cds--cc--shape-node--button:focus .cds--cc--shape-node__title,
.cds--cc--shape-node--button:focus .cds--cc--shape-node__subtitle,
.cds--cc--shape-node--button:hover .cds--cc--shape-node__title,
.cds--cc--shape-node--button:hover .cds--cc--shape-node__subtitle {
  font-weight: 600;
}

.cds--cc--shape-node--a:focus:focus,
.cds--cc--shape-node--button:focus:focus {
  outline: none;
  box-shadow: 0 0 0 2px var(--cds-focus, #0f62fe);
}

.cds--cc--shape-node__body {
  position: absolute;
  top: calc(100% + 0.125rem);
  text-align: center;
}

.cds--cc--shape-node__subtitle {
  padding-bottom: 0.125rem;
  font-size: var(--cds-body-short-01-font-size, 0.875rem);
  font-weight: var(--cds-body-short-01-font-weight, 400);
  line-height: var(--cds-body-short-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
}

.cds--cc--shape-node__icon {
  display: flex;
}

.cds--cc--shape-node__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);
  color: var(--cds-text-primary, #161616);
  padding-top: 0.125rem;
  margin-bottom: 1px;
}

.cds--cc--edge {
  fill: transparent;
}

.cds--cc--edge__container {
  stroke-width: 1.5rem;
  stroke: transparent;
  stroke-dasharray: none;
}

.cds--cc--edge__inner {
  stroke-width: 0.0625rem;
  stroke: var(--cds-border-strong-01, #8d8d8d);
}

.cds--cc--edge__outer {
  stroke-width: 0.15625rem;
  stroke: transparent;
}

.cds--cc--edge:hover .cds--cc--edge__inner {
  stroke-width: 0.15625rem;
}

.cds--cc--edge--dash-sm {
  stroke-dasharray: 2 4;
}

.cds--cc--edge--dash-md {
  stroke-dasharray: 4 4;
}

.cds--cc--edge--dash-lg {
  stroke-dasharray: 8 4;
}

.cds--cc--edge--dash-xl {
  stroke-dasharray: 16 4;
}

.cds--cc--edge--tunnel .cds--cc--edge__outer {
  stroke: var(--cds-layer-accent-01, #e0e0e0);
  stroke-width: 0.375rem;
}

.cds--cc--edge--double .cds--cc--edge__inner {
  stroke: var(--cds-background, #ffffff);
}
.cds--cc--edge--double .cds--cc--edge__outer {
  stroke: var(--cds-border-inverse, #161616);
  stroke-width: 0.28125rem;
}

.cds--cc--marker {
  fill: var(--cds-border-inverse, #161616);
}

.cds--cc--grid rect.chart-grid-backdrop {
  fill: var(--cds-grid-bg, #ffffff);
}
.cds--cc--grid rect.chart-grid-backdrop.stroked {
  stroke: var(--cds-layer-accent-01, #e0e0e0);
}
.cds--cc--grid rect.stroke {
  stroke: var(--cds-layer-accent-01, #e0e0e0);
}
.cds--cc--grid g.x.grid g.tick line,
.cds--cc--grid g.y.grid g.tick line {
  pointer-events: none;
  stroke-width: 1px;
  stroke: var(--cds-layer-accent-01, #e0e0e0);
}
.cds--cc--grid g.x.grid g.tick.active line,
.cds--cc--grid g.y.grid g.tick.active line {
  stroke-dasharray: 2px;
  stroke: var(--cds-focus, #0f62fe);
}

.cds--cc--grid-brush g.grid-brush rect.selection {
  fill: none;
  fill-opacity: 0;
  stroke: none;
}

.cds--cc--grid-brush rect.frontSelection {
  fill: var(--cds-layer-accent-01, #e0e0e0);
  fill-opacity: 0.3;
  stroke: var(--cds-button-tertiary, #0f62fe);
}

.cds--cc--highlight rect.highlight-bar {
  pointer-events: none;
  fill: #ee5396;
  stroke: #ee5396;
}

.cds--cc--layout-row {
  display: flex;
  flex-direction: row;
}
.cds--cc--layout-column {
  display: flex;
  flex-direction: column;
}
.cds--cc--layout-row-reverse {
  display: flex;
  flex-direction: row-reverse;
}
.cds--cc--layout-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.cds--cc--layout-alignitems-center {
  align-items: center;
}

.cds--cc--chart-wrapper .layout-child {
  overflow: visible;
}

.cds--cc--chart-wrapper svg.layout-svg-wrapper {
  height: inherit;
  width: inherit;
  overflow: visible;
}

div.cds--cc--legend {
  font-family: var(--cds-charts-font-family-condensed);
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
}
div.cds--cc--legend[data-name=legend-items] {
  margin: -5px;
}
div.cds--cc--legend[data-name=legend-items].horizontal {
  width: 100%;
}
div.cds--cc--legend div.legend-item {
  display: flex;
  align-items: center;
  margin: 5px;
}
div.cds--cc--legend div.legend-item div.checkbox {
  width: 13px;
  height: 13px;
  margin-right: 4px;
  border-radius: 2px;
  border: solid 1px var(--cds-background, #ffffff);
  box-shadow: 0 0 0 2px transparent;
}
@media (forced-colors: active) {
  div.cds--cc--legend div.legend-item div.checkbox {
    forced-color-adjust: none;
  }
}
div.cds--cc--legend div.legend-item div.checkbox:not(.active) {
  border-color: var(--cds-text-secondary, #525252);
  background: var(--cds-background, #ffffff);
}
div.cds--cc--legend div.legend-item div.checkbox svg {
  display: none;
  vertical-align: text-top;
  fill: var(--cds-background, #ffffff);
  stroke: var(--cds-background, #ffffff);
}
div.cds--cc--legend div.legend-item.additional svg.icon {
  margin-right: 4px;
}
div.cds--cc--legend div.legend-item p {
  font-size: 12px;
  fill: var(--cds-text-secondary, #525252);
  line-height: 1rem;
}
div.cds--cc--legend.center-aligned {
  justify-content: center;
}
div.cds--cc--legend.right-aligned {
  justify-content: flex-end;
}
div.cds--cc--legend.has-deactivated-items div.legend-item div.checkbox svg {
  display: block;
}
div.cds--cc--legend.vertical {
  margin: -5px;
  flex-direction: column;
}
div.cds--cc--legend.vertical div.legend-item {
  margin-right: 0;
  margin-bottom: 10px;
  white-space: nowrap;
}
div.cds--cc--legend.clickable div.legend-item:not(.additional):hover {
  cursor: pointer;
}
div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbox {
  border: solid 1px var(--cds-background, #ffffff);
  box-shadow: 0 0 0 2px #0f62fe;
}
div.cds--cc--legend.clickable div.legend-item:not(.additional):hover div.checkbox:not(.active) {
  border-color: var(--cds-text-secondary, #525252);
}

.cds--cc--meter-title {
  overflow: visible;
}
.cds--cc--meter-title text.meter-title,
.cds--cc--meter-title text.proportional-meter-title,
.cds--cc--meter-title text.proportional-meter-total,
.cds--cc--meter-title text.percent-value {
  fill: var(--cds-text-primary, #161616);
}
.cds--cc--meter-title g.status-indicator.status--danger circle.status {
  fill: var(--cds-support-error, #da1e28);
}
.cds--cc--meter-title g.status-indicator.status--warning circle.status {
  fill: var(--cds-support-warning, #f1c21b);
}
.cds--cc--meter-title g.status-indicator.status--warning path.innerFill {
  fill: #000000;
}
.cds--cc--meter-title g.status-indicator.status--success circle.status {
  fill: var(--cds-support-success, #24a148);
}
.cds--cc--meter-title g.status-indicator path.innerFill {
  fill: var(--cds-layer-01-absolute, #ffffff);
}

.cds--cc--ruler line.ruler-line,
.cds--cc--ruler-binned line.ruler-line {
  stroke: var(--cds-layer-inverse-absolute, #000000);
  stroke-width: 1px;
  stroke-dasharray: 2;
  pointer-events: none;
}

.cds--cc--skeleton rect.chart-skeleton-backdrop {
  fill: var(--cds-grid-bg, #ffffff);
}
.cds--cc--skeleton .shimmer-effect-lines {
  stroke-width: 1px;
}
.cds--cc--skeleton .shimmer-effect-sparkline {
  stroke-width: 0px;
}
.cds--cc--skeleton .empty-state-lines {
  stroke-width: 1px;
  stroke: var(--cds-layer-accent-01, #e0e0e0);
}
.cds--cc--skeleton .shimmer-lines .stop-bg-shimmer {
  stop-color: var(--cds-layer-accent-01, #e0e0e0);
}
.cds--cc--skeleton .shimmer-lines .stop-shimmer {
  stop-color: #ffffff;
}
.cds--cc--skeleton .empty-state-areas {
  fill: rgba(127, 127, 127, 0.1);
}
.cds--cc--skeleton .shimmer-areas .stop-bg-shimmer {
  stop-color: rgba(127, 127, 127, 0.1);
}
.cds--cc--skeleton .shimmer-areas .stop-shimmer {
  stop-color: rgba(255, 255, 255, 0.15);
}

.cds--cc--skeleton-lines rect.chart-skeleton-backdrop {
  fill: var(--cds-grid-bg, #ffffff);
}
.cds--cc--skeleton-lines .shimmer-effect-lines {
  stroke-width: 1px;
}
.cds--cc--skeleton-lines .shimmer-effect-sparkline {
  stroke-width: 0px;
}
.cds--cc--skeleton-lines .empty-state-lines {
  stroke-width: 1px;
  stroke: var(--cds-layer-accent-01, #e0e0e0);
}
.cds--cc--skeleton-lines .shimmer-lines .stop-bg-shimmer {
  stop-color: var(--cds-layer-accent-01, #e0e0e0);
}
.cds--cc--skeleton-lines .shimmer-lines .stop-shimmer {
  stop-color: #ffffff;
}

.cds--cc--threshold line.threshold-line {
  stroke: #fa4d56;
  stroke-width: 1;
  stroke-dasharray: 4;
  cursor: pointer;
  pointer-events: none;
}
.cds--cc--threshold line.threshold-line.active {
  stroke-width: 2;
}
.cds--cc--threshold rect.threshold-hoverable-area {
  height: 20px;
  transform: translate(0, -10px);
  cursor: pointer;
  fill: transparent;
}
.cds--cc--threshold rect.threshold-hoverable-area.rotate {
  transform: rotate(90deg) translate(0, -10px);
}

.cds--cc--threshold--label {
  background-color: #fa4d56;
  pointer-events: none;
  transition: opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
  display: inline;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  word-wrap: break-word;
  z-index: 1059;
  font-family: var(--cds-charts-font-family-condensed);
  color: var(--cds-text-primary, #161616);
  line-height: 16px;
  font-size: 12px;
  padding: 4px;
  min-width: 20px;
}
.cds--cc--threshold--label.hidden {
  opacity: 0;
  transition: opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}

.cds--cc--title p.title {
  color: var(--cds-text-primary, #161616);
  font-size: 16px;
  font-family: var(--cds-charts-font-family);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 15px;
}

.cds--chart-holder .layout-child.title {
  height: unset !important;
  overflow: hidden;
}

.cds--chart-holder .cds--cc--toolbar {
  display: flex;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu-options {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  position: absolute;
  z-index: 6000;
  display: none;
  background-color: var(--cds-layer);
  width: 10rem;
  flex-direction: column;
  align-items: flex-start;
  top: 32px;
  inset-inline-start: 0;
  list-style: none;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu-options *,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu-options ::before,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu-options ::after {
  box-sizing: inherit;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu-options .cds--overflow-menu-options__option {
  box-sizing: border-box;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  align-items: center;
  padding: 0;
  background-color: transparent;
  block-size: 2.5rem;
  inline-size: 100%;
  transition: background-color 0.11s cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu-options .cds--overflow-menu-options__option:hover {
  background-color: var(--cds-layer-hover);
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu-options .cds--overflow-menu-options__option .cds--overflow-menu-options__btn {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: inline-flex;
  align-items: center;
  padding: 0 1rem;
  border: none;
  background-color: transparent;
  block-size: 100%;
  color: var(--cds-text-secondary, #525252);
  cursor: pointer;
  font-family: inherit;
  font-weight: 400;
  inline-size: 100%;
  max-inline-size: 11.25rem;
  text-align: start;
  transition: outline 0.11s cubic-bezier(0, 0, 0.38, 0.9), background-color 0.11s cubic-bezier(0, 0, 0.38, 0.9), color 0.11s cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu-options .cds--overflow-menu-options__option .cds--overflow-menu-options__btn:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu-options .cds--overflow-menu-options__option *,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu-options .cds--overflow-menu-options__option ::before,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu-options .cds--overflow-menu-options__option ::after {
  box-sizing: inherit;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu--flip {
  right: 0;
  left: unset;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu--flip.is-open {
  display: table;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu--flip ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger {
  width: 2rem;
  height: 2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  block-size: 2.5rem;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: 100%;
  inline-size: 2.5rem;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 2.5rem;
  outline: 2px solid transparent;
  outline-offset: -2px;
  padding: 0;
  position: relative;
  text-align: start;
  transition: outline 110ms cubic-bezier(0, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
  vertical-align: baseline;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu:hover,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger:hover {
  background-color: var(--cds-layer-hover);
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu:focus,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu *,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu ::before,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu ::after,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger *,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger ::before,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger ::after {
  box-sizing: inherit;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu > :first-child,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger > :first-child {
  margin-block-start: 0;
}
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu .cds--overflow-menu__icon,
.cds--chart-holder .cds--cc--toolbar .cds--overflow-menu__trigger .cds--overflow-menu__icon {
  block-size: 1rem;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1rem;
}

.cds--chart-holder {
  --cds-layout-size-height-min: 0px;
  --cds-layout-size-height-lg: 3rem;
  --cds-layout-size-height-max: 999999999px;
  --cds-layout-density-padding-inline-min: 0px;
  --cds-layout-density-padding-inline-normal: 1rem;
  --cds-layout-density-padding-inline-max: 999999999px;
  --cds-layout-size-height-lg: 3rem;
}
.cds--chart-holder .cds--modal {
  position: fixed;
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
  block-size: 100vh;
  content: "";
  inline-size: 100vw;
  inset-block-start: 0;
  inset-inline-start: 0;
  opacity: 0;
  transition: opacity 0.24s cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 0.24s;
  visibility: hidden;
}
.cds--chart-holder .cds--modal.is-visible {
  z-index: 99999;
  opacity: 1;
  transition: opacity 0.24s cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;
  visibility: inherit;
}
.cds--chart-holder .cds--modal.is-visible .cds--modal-container {
  transform: translateZ(0);
  transition: transform 0.24s cubic-bezier(0, 0, 0.3, 1);
}
.cds--chart-holder .cds--modal .cds--modal-container {
  position: fixed;
  top: 0;
  display: grid;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-height: 100%;
  background-color: var(--cds-layer);
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  outline: 3px solid transparent;
  outline-offset: -3px;
  transform: translate3d(0, -24px, 0);
  transform-origin: top center;
  transition: transform 0.24s cubic-bezier(0.4, 0.14, 1, 1);
}
@media (max-width: 671px) {
  .cds--chart-holder .cds--modal .cds--modal-container {
    transform: none;
  }
}
@media (min-width: 42rem) {
  .cds--chart-holder .cds--modal .cds--modal-container {
    position: static;
    width: 84%;
    height: auto;
    max-height: 90%;
  }
}
@media (min-width: 66rem) {
  .cds--chart-holder .cds--modal .cds--modal-container {
    width: 60%;
    max-height: 84%;
  }
}
@media (min-width: 82rem) {
  .cds--chart-holder .cds--modal .cds--modal-container {
    width: 48%;
  }
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-header {
  padding-top: 1rem;
  padding-right: 3rem;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  grid-column: 1/-1;
  grid-row: 1/1;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-header__label {
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  vertical-align: baseline;
  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);
  --docs-content-width: 75%;
  width: var(--docs-content-width);
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-header__heading {
  margin-top: 0.5rem !important;
  margin-bottom: 1rem !important;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  vertical-align: baseline;
  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);
  padding-right: calc(20% - 3rem);
  color: var(--cds-text-primary, #161616);
  --docs-content-width: 75%;
  width: var(--docs-content-width);
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-header .cds--modal-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 3rem;
  height: 3rem;
  padding: 0.75rem;
  border: 2px solid transparent;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.11s cubic-bezier(0.2, 0, 0.38, 0.9);
  margin: 0;
  border-radius: 0;
  font-family: inherit;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-header .cds--modal-close:hover {
  background-color: var(--cds-layer-hover);
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-header .cds--modal-close:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-header .cds--modal-close__icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: var(--cds-icon-primary, #161616);
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content {
  padding: 0 !important;
  margin-bottom: 0;
  color-scheme: var(--cds-color-scheme, light);
  font-size: var(--cds-body-01-font-size, 0.875rem);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  position: relative;
  color: var(--cds-text-primary, #161616);
  font-weight: 400;
  grid-column: 1/-1;
  grid-row: 2/-2;
  overflow-y: auto;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content .cds--data-table {
  position: relative;
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content .cds--data-table thead {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  background-color: var(--cds-layer-accent);
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content .cds--data-table thead tr {
  width: 100%;
  height: 3rem;
  border: none;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content .cds--data-table thead tr th {
  position: sticky;
  top: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  background-color: var(--cds-layer-accent);
  color: var(--cds-text-primary, #161616);
  text-align: start;
  vertical-align: middle;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content .cds--data-table thead tr th .cds--table-header-label {
  text-align: left;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content .cds--data-table tbody {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  background-color: var(--cds-layer);
  width: 100%;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content .cds--data-table tbody tr {
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
  width: 100;
  height: 3rem;
  border: none;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content .cds--data-table tbody tr:hover {
  background: var(--cds-layer-hover) !important;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-content .cds--data-table tbody tr td {
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9);
  padding-right: 1rem;
  padding-left: 1rem;
  border-top: 1px solid var(--cds-layer);
  border-bottom: 1px solid var(--cds-border-subtle);
  color: var(--cds-text-secondary, #525252);
  text-align: left;
  vertical-align: middle;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-footer {
  background-color: transparent;
  display: flex;
  height: 4rem;
  justify-content: flex-end;
  margin-top: auto;
  grid-column: 1/-1;
  grid-row: -1/-1;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-footer .cds--cc-modal-footer-spacer {
  width: 50%;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-footer .cds--btn {
  max-width: none;
  height: 4rem;
  flex: 0 1 50%;
  align-items: baseline;
  padding-top: 0.875rem;
  padding-bottom: 2rem;
  margin: 0;
  --cds-layout-size-height-local: clamp(
  	var(--cds-layout-size-height-min),
  	var(
  		--cds-layout-size-height,
  		var(--cds-layout-size-height-lg)
  	),
  	var(--cds-layout-size-height-max)
  );
  --cds-layout-density-padding-inline-local: clamp(
  	var(--cds-layout-density-padding-inline-min),
  	var(
  		--cds-layout-density-padding-inline,
  		var(--cds-layout-density-padding-inline-normal)
  	),
  	var(--cds-layout-density-padding-inline-max)
  );
  --temp-1lh: (var(--cds-body-compact-01-line-height, 1.28572) * 1em);
  --temp-expressive-1lh: (
  	var(--cds-body-compact-02-line-height, 1.375) * 1em
  );
  --temp-padding-block-max: calc(
  	(var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 - 0.0625rem
  );
  box-sizing: border-box;
  padding: 0;
  border: 0;
  font-family: inherit;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: inline-flex;
  width: -moz-max-content;
  width: max-content;
  max-width: 20rem;
  min-height: var(--cds-layout-size-height-local);
  justify-content: space-between;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  padding-block: min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - 0.0625rem, var(--temp-padding-block-max));
  padding-inline-end: calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - 0.0625rem);
  padding-inline-start: calc(var(--cds-layout-density-padding-inline-local) - 0.0625rem);
  text-align: left;
  text-decoration: none;
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
  vertical-align: top;
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-footer .cds--btn--primary {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: var(--cds-button-primary, #0f62fe);
  color: var(--cds-text-on-color, #ffffff);
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-footer .cds--btn--primary:hover {
  color: var(--cds-text-on-color, #ffffff);
  background-color: var(--cds-button-primary-hover, #0050e6);
}
.cds--chart-holder .cds--modal .cds--modal-container .cds--modal-footer .cds--btn--primary:focus {
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}

@supports (-moz-appearance: none) {
  .cds--data-table td {
    background-clip: padding-box;
  }
}
.cds--cc--tooltip {
  background-color: var(--cds-layer-02, #ffffff);
  pointer-events: none;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
  display: inline;
  visibility: visible;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  word-wrap: break-word;
  z-index: 1059;
  font-family: var(--cds-charts-font-family-condensed);
  transition: visibility 0s linear 0.1s, opacity 0.1s;
}
.cds--cc--tooltip.hidden {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0s, opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
.cds--cc--tooltip .content-box {
  color: var(--cds-text-primary, #161616);
}
.cds--cc--tooltip .content-box .title-tooltip.title-tooltip-nowrap {
  width: -moz-max-content;
  width: max-content;
}
.cds--cc--tooltip .content-box .title-tooltip {
  width: auto;
  padding: 4px;
  min-width: 20px;
  max-width: 270px;
}
.cds--cc--tooltip .content-box .title-tooltip p {
  margin: 2px;
  font-size: 12px;
  line-height: 1rem;
}
.cds--cc--tooltip .content-box .datapoint-tooltip {
  display: flex;
  padding: 4px;
  flex-flow: row nowrap;
  width: auto;
  min-width: 20px;
  justify-content: flex-start;
  align-items: center;
}
.cds--cc--tooltip .content-box .datapoint-tooltip div.label {
  display: flex;
  flex: 1;
}
.cds--cc--tooltip .content-box .datapoint-tooltip div.label p {
  flex: 1;
  padding-right: 8px;
}
.cds--cc--tooltip .content-box .datapoint-tooltip div.label span.label-icon svg {
  height: 12px;
  padding-top: 3px;
  vertical-align: top;
  padding-left: 4px;
  width: auto;
  fill: var(--cds-layer-inverse-absolute, #000000);
}
.cds--cc--tooltip .content-box .datapoint-tooltip.bold div.label p {
  font-weight: 600;
}
.cds--cc--tooltip .content-box .datapoint-tooltip p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  font-size: 12px;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
}
.cds--cc--tooltip .content-box .datapoint-tooltip p.value {
  width: auto;
  margin-left: 6px;
}
.cds--cc--tooltip .content-box ul.multi-tooltip {
  margin: 0;
  padding: 0;
}
.cds--cc--tooltip .content-box ul.multi-tooltip li {
  list-style: none;
  position: relative;
}
.cds--cc--tooltip .content-box ul.multi-tooltip li:not(:last-child) {
  border-bottom: 1px solid var(--cds-tooltip-line-border, #e0e0e0);
}
.cds--cc--tooltip .content-box svg.arrow-right rect {
  fill: none;
}
.cds--cc--tooltip .tooltip-color {
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
}
@media (forced-colors: active) {
  .cds--cc--tooltip .tooltip-color {
    forced-color-adjust: none;
  }
}
.cds--cc--tooltip .tooltip-color + div.label p {
  margin-left: 4px;
}

.cds--cc--zero-line line.domain {
  stroke: var(--cds-border-strong-01, #8d8d8d);
}

.cds--cc--zoom-bar rect.zoom-bg {
  fill: var(--cds-background, #ffffff);
  stroke: var(--cds-layer-01, #f4f4f4);
}
.cds--cc--zoom-bar rect.zoom-slider-bg {
  fill: var(--cds-layer-01, #f4f4f4);
}
.cds--cc--zoom-bar rect.zoom-slider-selected-area {
  fill: var(--cds-icon-secondary, #525252);
}
.cds--cc--zoom-bar path.zoom-bg-baseline {
  stroke: var(--cds-border-strong-01, #8d8d8d);
  stroke-width: 2;
}
.cds--cc--zoom-bar path.zoom-graph-area {
  fill: var(--cds-layer-accent-01, #e0e0e0);
  stroke: var(--cds-border-strong-01, #8d8d8d);
  stroke-width: 1;
}
.cds--cc--zoom-bar path.zoom-graph-area-unselected {
  fill: var(--cds-layer-01, #f4f4f4);
  stroke: none;
}
.cds--cc--zoom-bar g.zoom-bar-brush rect.handle {
  fill: var(--cds-icon-secondary, #525252);
}
.cds--cc--zoom-bar g.zoom-bar-brush rect.handle-bar {
  fill: var(--cds-layer-02, #ffffff);
}
.cds--cc--zoom-bar g.zoom-bar-brush rect.selection {
  fill: none;
  stroke: none;
}
.cds--cc--zoom-bar rect[class^=highlight-] {
  fill: #ee5396;
  stroke: #ee5396;
}

.cds--cc--alluvial rect.node,
.cds--cc--alluvial rect.node-text-bg {
  fill: var(--cds-layer-inverse-absolute, #000000);
}
.cds--cc--alluvial text.node-text {
  fill: var(--cds-layer-01-absolute, #ffffff);
}
.cds--cc--alluvial polygon.arrow-down {
  fill: var(--cds-layer-01, #f4f4f4);
}

.cds--cc--area path.area,
.cds--cc--area-stacked path.area {
  pointer-events: none;
}

.cds--cc--bubble circle.dot.hovered {
  fill-opacity: 1;
  transition: all 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
.cds--cc--bubble circle.dot.unfilled {
  fill: var(--cds-layer-01, #f4f4f4);
}
.cds--cc--bubble g.lines path.line {
  mix-blend-mode: multiply;
}

.cds--cc--bullet path.range-box {
  pointer-events: none;
}
.cds--cc--bullet path.range-box.order-1 {
  fill: var(--cds-zone-fill-01, #f4f4f4);
  stroke: var(--cds-zone-stroke-01, #8d8d8d);
}
.cds--cc--bullet path.range-box.order-2 {
  fill: var(--cds-zone-fill-02, #e0e0e0);
  stroke: var(--cds-zone-stroke-02, #8d8d8d);
}
.cds--cc--bullet path.range-box.order-3 {
  fill: var(--cds-zone-fill-03, #c6c6c6);
  stroke: var(--cds-zone-stroke-03, #8d8d8d);
}
.cds--cc--bullet path.marker,
.cds--cc--bullet path.quartile {
  pointer-events: none;
  stroke-width: 1.5px;
  stroke: var(--cds-layer-inverse-absolute, #000000);
}
.cds--cc--bullet path.quartile.over-bar {
  stroke: var(--cds-layer-01-absolute, #ffffff);
}

.cds--cc--choropleth path.border {
  stroke: var(--cds-border-subtle-selected-01, #c6c6c6);
}
.cds--cc--choropleth g.missing-data path {
  stroke: var(--cds-border-subtle-selected-01, #c6c6c6);
  fill: var(--cds-background, #ffffff);
}
.cds--cc--choropleth pattern path.pattern-fill {
  stroke: var(--cds-border-strong-01, #8d8d8d);
  stroke-width: 0.5px;
}

.cds--cc--circle-pack circle.node {
  stroke-width: 1.5px;
}
.cds--cc--circle-pack circle.node.hovered {
  fill-opacity: 1;
}
.cds--cc--circle-pack circle.node.non-focal {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
  fill-opacity: 30%;
  stroke: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--cc--circle-pack circle.node.clickable {
  cursor: zoom-in;
}

.cds--cc--chart-wrapper.zoomed-in {
  cursor: zoom-out;
}
.cds--cc--chart-wrapper.zoomed-in .cds--cc--circle-pack circle.node.hovered-child {
  stroke: 1.5px solid initial;
}
.cds--cc--chart-wrapper.zoomed-in .cds--cc--circle-pack circle.node.clickable {
  cursor: zoom-out;
}

.cds--cc--donut {
  overflow: visible;
}

.cds--cc--gauge {
  overflow: visible;
}
.cds--cc--gauge path.arc-background {
  fill: var(--cds-layer-01, #f4f4f4);
}
.cds--cc--gauge .gauge-delta-arrow.status--danger {
  fill: var(--cds-support-error, #da1e28);
}
.cds--cc--gauge .gauge-delta-arrow.status--warning {
  fill: var(--cds-support-warning, #f1c21b);
}
.cds--cc--gauge .gauge-delta-arrow.status--success {
  fill: var(--cds-support-success, #24a148);
}

.cds--cc--heatmap g.highlighter-hidden {
  visibility: hidden;
}
.cds--cc--heatmap g.cell-highlight line {
  stroke: white;
  stroke-width: 1px;
}
.cds--cc--heatmap g.cell-2 line {
  stroke: white;
  stroke-width: 2px !important;
}
.cds--cc--heatmap g.multi-cell line {
  stroke: white;
  stroke-width: 2px;
}
.cds--cc--heatmap rect.pattern-fill {
  fill: var(--cds-border-strong-01, #8d8d8d);
}
.cds--cc--heatmap g.shadows line.top {
  filter: drop-shadow(0px -3px 2px black);
}
.cds--cc--heatmap g.shadows line.down {
  filter: drop-shadow(0px 3px 2px black);
}
.cds--cc--heatmap g.shadows line.left {
  filter: drop-shadow(-3px 0px 2px black);
}
.cds--cc--heatmap g.shadows line.right {
  filter: drop-shadow(3px 0px 2px black);
}
.cds--cc--heatmap rect.heat {
  stroke-width: 0px;
  stroke: var(--cds-background, #ffffff);
}
.cds--cc--heatmap rect.null-state {
  fill: var(--cds-icon-inverse, #ffffff);
}

.cds--cc--line path.line {
  pointer-events: none;
  fill: none;
  stroke-width: 1.5;
}
.cds--cc--line path.line.sparkline-loading {
  animation: shimmer 2.5s infinite linear;
}
@keyframes shimmer {
  0% {
    stroke: var(--cds-layer-accent-01, #e0e0e0);
  }
  20% {
    stroke: #ffffff;
    opacity: 0.5;
  }
  100% {
    stroke: var(--cds-layer-accent-01, #e0e0e0);
  }
}

.cds--cc--lollipop line.line {
  pointer-events: none;
}
.cds--cc--lollipop circle.dot {
  stroke-width: 1.5;
}

.cds--cc--meter rect.container {
  fill: var(--cds-layer-01, #f4f4f4);
}
.cds--cc--meter line.rangeIndicator {
  stroke: var(--cds-meter-range-indicator, #a8a8a8);
  stroke-width: 1px;
}
.cds--cc--meter rect.value.status--danger {
  fill: var(--cds-support-error, #da1e28);
}
.cds--cc--meter rect.value.status--warning {
  fill: var(--cds-support-warning, #f1c21b);
  stroke-width: 1px;
  stroke: var(--cds-alert-stroke, #b28600);
}
.cds--cc--meter rect.value.status--success {
  fill: var(--cds-support-success, #24a148);
}
.cds--cc--meter line.peak {
  stroke: var(--cds-border-inverse, #161616);
  stroke-width: 2px;
}

.cds--cc--pie {
  overflow: visible;
}

.cds--cc--radar .blobs path {
  stroke-width: 1.5px;
}
.cds--cc--radar .y-axes path,
.cds--cc--radar .x-axes line {
  stroke-width: 1px;
  stroke: var(--cds-layer-accent-01, #e0e0e0);
}
.cds--cc--radar .x-axes line.hovered {
  stroke: var(--cds-layer-inverse-absolute, #000000);
}

.cds--cc--scatter circle.dot.hovered {
  fill-opacity: 1;
  transition: all 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
.cds--cc--scatter circle.dot.unfilled {
  fill: var(--cds-layer-01, #f4f4f4);
  stroke-width: 1.5;
}
.cds--cc--scatter circle.dot.threshold-anomaly {
  stroke-width: 3;
}
.cds--cc--scatter g.lines path.line {
  mix-blend-mode: multiply;
}

.cds--cc--scatter-stacked circle.dot.unfilled {
  fill: var(--cds-layer-01, #f4f4f4);
  stroke-width: 1.5;
}
.cds--cc--scatter-stacked circle.dot.threshold-anomaly {
  stroke-width: 3;
}

.cds--cc--chart-wrapper .cds--cc--tree g.links {
  fill: none;
  stroke: var(--cds-border-strong-01, #8d8d8d);
  stroke-opacity: 0.4;
  stroke-width: 1.5;
}
.cds--cc--chart-wrapper .cds--cc--tree g.clickable {
  cursor: pointer;
}
.cds--cc--chart-wrapper .cds--cc--tree g.clickable:hover text {
  font-weight: 600;
}
.cds--cc--chart-wrapper .cds--cc--tree g.clickable:hover circle {
  fill: var(--cds-text-primary, #161616);
  transition: all 0.1s ease-out;
}
.cds--cc--chart-wrapper .cds--cc--tree circle.parent {
  fill: var(--cds-text-secondary, #525252);
}
.cds--cc--chart-wrapper .cds--cc--tree circle.child {
  fill: var(--cds-border-strong-01, #8d8d8d);
}
.cds--cc--chart-wrapper .cds--cc--tree text {
  fill: var(--cds-text-primary, #161616);
}
.cds--cc--chart-wrapper .cds--cc--tree text.text-stroke {
  stroke: var(--cds-text-inverse, #ffffff);
  stroke-width: 2px;
}

.cds--cc--treemap text {
  pointer-events: none;
}

.cds--cc--wordcloud text.word.light {
  font-weight: 300;
}

.cds--chart-holder {
  --cds-charts-font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  --cds-charts-font-family-condensed: 'IBM Plex Sans Condensed', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  font-family: var(--cds-charts-font-family);
}

.cds--cc--chart-wrapper p {
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: var(--cds-text-secondary, #525252);
}
.cds--cc--chart-wrapper text {
  font-size: 12px;
  font-weight: 400;
  fill: var(--cds-text-secondary, #525252);
}
.cds--cc--chart-wrapper g.gauge-numbers text.gauge-value-number {
  font-family: var(--cds-charts-font-family);
  font-weight: 300;
}
.cds--cc--chart-wrapper text.meter-title,
.cds--cc--chart-wrapper text.percent-value {
  font-size: 16px;
  font-family: var(--cds-charts-font-family);
}
.cds--cc--chart-wrapper text.meter-title {
  font-weight: 600;
}

.cds--chart-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.cds--chart-holder.filled, .cds--chart-holder.fullscreen {
  background-color: var(--cds-background, #ffffff);
}
.cds--chart-holder.filled .cds--cc--chart-wrapper, .cds--chart-holder.fullscreen .cds--cc--chart-wrapper {
  background-color: var(--cds-background, #ffffff);
}
.cds--chart-holder .DONT_STYLE_ME_css_styles_verifier {
  overflow: hidden;
  opacity: 0;
}

.cds--chart-holder {
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-background: #edf5ff;
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #78a9ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.64);
  --cds-ai-border-strong: #4589ff;
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
  --cds-ai-popover-background: #ffffff;
  --cds-ai-popover-caret-bottom: #78a9ff;
  --cds-ai-popover-caret-bottom-background: #eaf1ff;
  --cds-ai-popover-caret-bottom-background-actions: #e9effa;
  --cds-ai-popover-caret-center: #a0c3ff;
  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
  --cds-ai-skeleton-background: #d0e2ff;
  --cds-ai-skeleton-element-background: #4589ff;
  --cds-background: #ffffff;
  --cds-background-active: rgba(141, 141, 141, 0.5);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.12);
  --cds-background-inverse: #393939;
  --cds-background-inverse-hover: #474747;
  --cds-background-selected: rgba(141, 141, 141, 0.2);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: #c6c6c6;
  --cds-border-interactive: #0f62fe;
  --cds-border-inverse: #161616;
  --cds-border-strong-01: #8d8d8d;
  --cds-border-strong-02: #8d8d8d;
  --cds-border-strong-03: #8d8d8d;
  --cds-border-subtle-00: #e0e0e0;
  --cds-border-subtle-01: #c6c6c6;
  --cds-border-subtle-02: #e0e0e0;
  --cds-border-subtle-03: #c6c6c6;
  --cds-border-subtle-selected-01: #c6c6c6;
  --cds-border-subtle-selected-02: #c6c6c6;
  --cds-border-subtle-selected-03: #c6c6c6;
  --cds-border-tile-01: #c6c6c6;
  --cds-border-tile-02: #a8a8a8;
  --cds-border-tile-03: #c6c6c6;
  --cds-chat-avatar-agent: #393939;
  --cds-chat-avatar-bot: #6f6f6f;
  --cds-chat-avatar-user: #0f62fe;
  --cds-chat-bubble-agent: #ffffff;
  --cds-chat-bubble-border: #e0e0e0;
  --cds-chat-bubble-user: #e0e0e0;
  --cds-chat-button: #0f62fe;
  --cds-chat-button-active: rgba(141, 141, 141, 0.5);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
  --cds-chat-button-text-hover: #0043ce;
  --cds-chat-button-text-selected: #525252;
  --cds-chat-header-background: #ffffff;
  --cds-chat-prompt-background: #ffffff;
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
  --cds-chat-prompt-border-start: #f4f4f4;
  --cds-chat-shell-background: #ffffff;
  --cds-field-01: #f4f4f4;
  --cds-field-02: #ffffff;
  --cds-field-03: #f4f4f4;
  --cds-field-hover-01: #e8e8e8;
  --cds-field-hover-02: #e8e8e8;
  --cds-field-hover-03: #e8e8e8;
  --cds-focus: #0f62fe;
  --cds-focus-inset: #ffffff;
  --cds-focus-inverse: #ffffff;
  --cds-highlight: #d0e2ff;
  --cds-icon-disabled: rgba(22, 22, 22, 0.25);
  --cds-icon-interactive: #0f62fe;
  --cds-icon-inverse: #ffffff;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: #8d8d8d;
  --cds-icon-primary: #161616;
  --cds-icon-secondary: #525252;
  --cds-interactive: #0f62fe;
  --cds-layer-01: #f4f4f4;
  --cds-layer-02: #ffffff;
  --cds-layer-03: #f4f4f4;
  --cds-layer-accent-01: #e0e0e0;
  --cds-layer-accent-02: #e0e0e0;
  --cds-layer-accent-03: #e0e0e0;
  --cds-layer-accent-active-01: #a8a8a8;
  --cds-layer-accent-active-02: #a8a8a8;
  --cds-layer-accent-active-03: #a8a8a8;
  --cds-layer-accent-hover-01: #d1d1d1;
  --cds-layer-accent-hover-02: #d1d1d1;
  --cds-layer-accent-hover-03: #d1d1d1;
  --cds-layer-active-01: #c6c6c6;
  --cds-layer-active-02: #c6c6c6;
  --cds-layer-active-03: #c6c6c6;
  --cds-layer-background-01: #ffffff;
  --cds-layer-background-02: #f4f4f4;
  --cds-layer-background-03: #ffffff;
  --cds-layer-hover-01: #e8e8e8;
  --cds-layer-hover-02: #e8e8e8;
  --cds-layer-hover-03: #e8e8e8;
  --cds-layer-selected-01: #e0e0e0;
  --cds-layer-selected-02: #e0e0e0;
  --cds-layer-selected-03: #e0e0e0;
  --cds-layer-selected-disabled: #8d8d8d;
  --cds-layer-selected-hover-01: #d1d1d1;
  --cds-layer-selected-hover-02: #d1d1d1;
  --cds-layer-selected-hover-03: #d1d1d1;
  --cds-layer-selected-inverse: #161616;
  --cds-link-inverse: #78a9ff;
  --cds-link-inverse-active: #f4f4f4;
  --cds-link-inverse-hover: #a6c8ff;
  --cds-link-inverse-visited: #be95ff;
  --cds-link-primary: #0f62fe;
  --cds-link-primary-hover: #0043ce;
  --cds-link-secondary: #0043ce;
  --cds-link-visited: #8a3ffc;
  --cds-overlay: rgba(22, 22, 22, 0.5);
  --cds-shadow: rgba(0, 0, 0, 0.3);
  --cds-skeleton-background: #e8e8e8;
  --cds-skeleton-element: #c6c6c6;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #8a3ffc;
  --cds-support-error: #da1e28;
  --cds-support-error-inverse: #fa4d56;
  --cds-support-info: #0043ce;
  --cds-support-info-inverse: #4589ff;
  --cds-support-success: #24a148;
  --cds-support-success-inverse: #42be65;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-text-disabled: rgba(22, 22, 22, 0.25);
  --cds-text-error: #da1e28;
  --cds-text-helper: #6f6f6f;
  --cds-text-inverse: #ffffff;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: #8d8d8d;
  --cds-text-placeholder: rgba(22, 22, 22, 0.4);
  --cds-text-primary: #161616;
  --cds-text-secondary: #525252;
  --cds-toggle-off: #8d8d8d;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --cds-helper-text-01-font-size: 0.75rem;
  --cds-helper-text-01-line-height: 1.33333;
  --cds-helper-text-01-letter-spacing: 0.32px;
  --cds-helper-text-02-font-size: 0.875rem;
  --cds-helper-text-02-font-weight: 400;
  --cds-helper-text-02-line-height: 1.28572;
  --cds-helper-text-02-letter-spacing: 0.16px;
  --cds-body-short-01-font-size: 0.875rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.19;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.42857;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.19;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
  --cds-tag-background-red: #ffd7d9;
  --cds-tag-color-red: #a2191f;
  --cds-tag-hover-red: #ffc2c5;
  --cds-tag-background-magenta: #ffd6e8;
  --cds-tag-color-magenta: #9f1853;
  --cds-tag-hover-magenta: #ffbdda;
  --cds-tag-background-purple: #e8daff;
  --cds-tag-color-purple: #6929c4;
  --cds-tag-hover-purple: #dcc7ff;
  --cds-tag-background-blue: #d0e2ff;
  --cds-tag-color-blue: #0043ce;
  --cds-tag-hover-blue: #b8d3ff;
  --cds-tag-background-cyan: #bae6ff;
  --cds-tag-color-cyan: #00539a;
  --cds-tag-hover-cyan: #99daff;
  --cds-tag-background-teal: #9ef0f0;
  --cds-tag-color-teal: #005d5d;
  --cds-tag-hover-teal: #57e5e5;
  --cds-tag-background-green: #a7f0ba;
  --cds-tag-color-green: #0e6027;
  --cds-tag-hover-green: #74e792;
  --cds-tag-background-gray: #e0e0e0;
  --cds-tag-color-gray: #161616;
  --cds-tag-hover-gray: #d1d1d1;
  --cds-tag-border-red: #ff8389;
  --cds-tag-border-blue: #78a9ff;
  --cds-tag-border-cyan: #33b1ff;
  --cds-tag-border-teal: #08bdba;
  --cds-tag-border-green: #42be65;
  --cds-tag-border-magenta: #ff7eb6;
  --cds-tag-border-purple: #be95ff;
  --cds-tag-border-gray: #a8a8a8;
  --cds-tag-border-cool-gray: #a2a9b0;
  --cds-tag-border-warm-gray: #ada8a8;
  --cds-tag-background-cool-gray: #dde1e6;
  --cds-tag-color-cool-gray: #121619;
  --cds-tag-hover-cool-gray: #cdd3da;
  --cds-tag-background-warm-gray: #e5e0df;
  --cds-tag-color-warm-gray: #171414;
  --cds-tag-hover-warm-gray: #d8d0cf;
  --cds-button-separator: #e0e0e0;
  --cds-button-primary: #0f62fe;
  --cds-button-secondary: #393939;
  --cds-button-tertiary: #0f62fe;
  --cds-button-danger-primary: #da1e28;
  --cds-button-danger-secondary: #da1e28;
  --cds-button-danger-active: #750e13;
  --cds-button-primary-active: #002d9c;
  --cds-button-secondary-active: #6f6f6f;
  --cds-button-tertiary-active: #002d9c;
  --cds-button-danger-hover: #b81921;
  --cds-button-primary-hover: #0050e6;
  --cds-button-secondary-hover: #474747;
  --cds-button-tertiary-hover: #0050e6;
  --cds-button-disabled: #c6c6c6;
  --cds-content-switcher-background: #e0e0e0;
  --cds-content-switcher-background-hover: #d1d1d1;
  --cds-content-switcher-selected: #ffffff;
  --cds-color-scheme: light;
  --cds-alert-stroke: #b28600;
  --cds-layer-01-absolute: #ffffff;
  --cds-layer-inverse-absolute: #000000;
  --cds-null-state: none;
  --cds-grid-bg: #ffffff;
  --cds-meter-range-indicator: #a8a8a8;
  --cds-network-diagrams-background-hover: #f1f1f1;
  --cds-tooltip-line-border: #e0e0e0;
  --cds-zone-fill-01: #f4f4f4;
  --cds-zone-stroke-01: #8d8d8d;
  --cds-zone-fill-02: #e0e0e0;
  --cds-zone-stroke-02: #8d8d8d;
  --cds-zone-fill-03: #c6c6c6;
  --cds-zone-stroke-03: #8d8d8d;
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--chart-holder {
    --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;
  }
}

.cds--chart-holder[data-carbon-theme=g10] {
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-background: #edf5ff;
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #78a9ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.64);
  --cds-ai-border-strong: #4589ff;
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
  --cds-ai-popover-background: #ffffff;
  --cds-ai-popover-caret-bottom: #78a9ff;
  --cds-ai-popover-caret-bottom-background: #eaf1ff;
  --cds-ai-popover-caret-bottom-background-actions: #e9effa;
  --cds-ai-popover-caret-center: #a0c3ff;
  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
  --cds-ai-skeleton-background: #d0e2ff;
  --cds-ai-skeleton-element-background: #4589ff;
  --cds-background: #f4f4f4;
  --cds-background-active: rgba(141, 141, 141, 0.5);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.12);
  --cds-background-inverse: #393939;
  --cds-background-inverse-hover: #474747;
  --cds-background-selected: rgba(141, 141, 141, 0.2);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: #c6c6c6;
  --cds-border-interactive: #0f62fe;
  --cds-border-inverse: #161616;
  --cds-border-strong-01: #8d8d8d;
  --cds-border-strong-02: #8d8d8d;
  --cds-border-strong-03: #8d8d8d;
  --cds-border-subtle-00: #c6c6c6;
  --cds-border-subtle-01: #e0e0e0;
  --cds-border-subtle-02: #c6c6c6;
  --cds-border-subtle-03: #e0e0e0;
  --cds-border-subtle-selected-01: #c6c6c6;
  --cds-border-subtle-selected-02: #c6c6c6;
  --cds-border-subtle-selected-03: #c6c6c6;
  --cds-border-tile-01: #a8a8a8;
  --cds-border-tile-02: #c6c6c6;
  --cds-border-tile-03: #a8a8a8;
  --cds-chat-avatar-agent: #393939;
  --cds-chat-avatar-bot: #6f6f6f;
  --cds-chat-avatar-user: #0f62fe;
  --cds-chat-bubble-agent: #ffffff;
  --cds-chat-bubble-border: #e0e0e0;
  --cds-chat-bubble-user: #e0e0e0;
  --cds-chat-button: #0f62fe;
  --cds-chat-button-active: rgba(141, 141, 141, 0.5);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
  --cds-chat-button-text-hover: #0043ce;
  --cds-chat-button-text-selected: #525252;
  --cds-chat-header-background: #ffffff;
  --cds-chat-prompt-background: #ffffff;
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
  --cds-chat-prompt-border-start: #f4f4f4;
  --cds-chat-shell-background: #ffffff;
  --cds-field-01: #ffffff;
  --cds-field-02: #f4f4f4;
  --cds-field-03: #ffffff;
  --cds-field-hover-01: #e8e8e8;
  --cds-field-hover-02: #e8e8e8;
  --cds-field-hover-03: #e8e8e8;
  --cds-focus: #0f62fe;
  --cds-focus-inset: #ffffff;
  --cds-focus-inverse: #ffffff;
  --cds-highlight: #d0e2ff;
  --cds-icon-disabled: rgba(22, 22, 22, 0.25);
  --cds-icon-interactive: #0f62fe;
  --cds-icon-inverse: #ffffff;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: #8d8d8d;
  --cds-icon-primary: #161616;
  --cds-icon-secondary: #525252;
  --cds-interactive: #0f62fe;
  --cds-layer-01: #ffffff;
  --cds-layer-02: #f4f4f4;
  --cds-layer-03: #ffffff;
  --cds-layer-accent-01: #e0e0e0;
  --cds-layer-accent-02: #e0e0e0;
  --cds-layer-accent-03: #e0e0e0;
  --cds-layer-accent-active-01: #a8a8a8;
  --cds-layer-accent-active-02: #a8a8a8;
  --cds-layer-accent-active-03: #a8a8a8;
  --cds-layer-accent-hover-01: #d1d1d1;
  --cds-layer-accent-hover-02: #d1d1d1;
  --cds-layer-accent-hover-03: #d1d1d1;
  --cds-layer-active-01: #c6c6c6;
  --cds-layer-active-02: #c6c6c6;
  --cds-layer-active-03: #c6c6c6;
  --cds-layer-background-01: #f4f4f4;
  --cds-layer-background-02: #ffffff;
  --cds-layer-background-03: #f4f4f4;
  --cds-layer-hover-01: #e8e8e8;
  --cds-layer-hover-02: #e8e8e8;
  --cds-layer-hover-03: #e8e8e8;
  --cds-layer-selected-01: #e0e0e0;
  --cds-layer-selected-02: #e0e0e0;
  --cds-layer-selected-03: #e0e0e0;
  --cds-layer-selected-disabled: #8d8d8d;
  --cds-layer-selected-hover-01: #d1d1d1;
  --cds-layer-selected-hover-02: #d1d1d1;
  --cds-layer-selected-hover-03: #d1d1d1;
  --cds-layer-selected-inverse: #161616;
  --cds-link-inverse: #78a9ff;
  --cds-link-inverse-active: #f4f4f4;
  --cds-link-inverse-hover: #a6c8ff;
  --cds-link-inverse-visited: #be95ff;
  --cds-link-primary: #0f62fe;
  --cds-link-primary-hover: #0043ce;
  --cds-link-secondary: #0043ce;
  --cds-link-visited: #8a3ffc;
  --cds-overlay: rgba(22, 22, 22, 0.5);
  --cds-shadow: rgba(0, 0, 0, 0.3);
  --cds-skeleton-background: #e8e8e8;
  --cds-skeleton-element: #c6c6c6;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #8a3ffc;
  --cds-support-error: #da1e28;
  --cds-support-error-inverse: #fa4d56;
  --cds-support-info: #0043ce;
  --cds-support-info-inverse: #4589ff;
  --cds-support-success: #24a148;
  --cds-support-success-inverse: #42be65;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-text-disabled: rgba(22, 22, 22, 0.25);
  --cds-text-error: #da1e28;
  --cds-text-helper: #6f6f6f;
  --cds-text-inverse: #ffffff;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: #8d8d8d;
  --cds-text-placeholder: rgba(22, 22, 22, 0.4);
  --cds-text-primary: #161616;
  --cds-text-secondary: #525252;
  --cds-toggle-off: #8d8d8d;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --cds-helper-text-01-font-size: 0.75rem;
  --cds-helper-text-01-line-height: 1.33333;
  --cds-helper-text-01-letter-spacing: 0.32px;
  --cds-helper-text-02-font-size: 0.875rem;
  --cds-helper-text-02-font-weight: 400;
  --cds-helper-text-02-line-height: 1.28572;
  --cds-helper-text-02-letter-spacing: 0.16px;
  --cds-body-short-01-font-size: 0.875rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.19;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.42857;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.19;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
  --cds-tag-background-red: #ffd7d9;
  --cds-tag-color-red: #a2191f;
  --cds-tag-hover-red: #ffc2c5;
  --cds-tag-background-magenta: #ffd6e8;
  --cds-tag-color-magenta: #9f1853;
  --cds-tag-hover-magenta: #ffbdda;
  --cds-tag-background-purple: #e8daff;
  --cds-tag-color-purple: #6929c4;
  --cds-tag-hover-purple: #dcc7ff;
  --cds-tag-background-blue: #d0e2ff;
  --cds-tag-color-blue: #0043ce;
  --cds-tag-hover-blue: #b8d3ff;
  --cds-tag-background-cyan: #bae6ff;
  --cds-tag-color-cyan: #00539a;
  --cds-tag-hover-cyan: #99daff;
  --cds-tag-background-teal: #9ef0f0;
  --cds-tag-color-teal: #005d5d;
  --cds-tag-hover-teal: #57e5e5;
  --cds-tag-background-green: #a7f0ba;
  --cds-tag-color-green: #0e6027;
  --cds-tag-hover-green: #74e792;
  --cds-tag-background-gray: #e0e0e0;
  --cds-tag-color-gray: #161616;
  --cds-tag-hover-gray: #d1d1d1;
  --cds-tag-border-red: #ff8389;
  --cds-tag-border-blue: #78a9ff;
  --cds-tag-border-cyan: #33b1ff;
  --cds-tag-border-teal: #08bdba;
  --cds-tag-border-green: #42be65;
  --cds-tag-border-magenta: #ff7eb6;
  --cds-tag-border-purple: #be95ff;
  --cds-tag-border-gray: #a8a8a8;
  --cds-tag-border-cool-gray: #a2a9b0;
  --cds-tag-border-warm-gray: #ada8a8;
  --cds-tag-background-cool-gray: #dde1e6;
  --cds-tag-color-cool-gray: #121619;
  --cds-tag-hover-cool-gray: #cdd3da;
  --cds-tag-background-warm-gray: #e5e0df;
  --cds-tag-color-warm-gray: #171414;
  --cds-tag-hover-warm-gray: #d8d0cf;
  --cds-button-separator: #e0e0e0;
  --cds-button-primary: #0f62fe;
  --cds-button-secondary: #393939;
  --cds-button-tertiary: #0f62fe;
  --cds-button-danger-primary: #da1e28;
  --cds-button-danger-secondary: #da1e28;
  --cds-button-danger-active: #750e13;
  --cds-button-primary-active: #002d9c;
  --cds-button-secondary-active: #6f6f6f;
  --cds-button-tertiary-active: #002d9c;
  --cds-button-danger-hover: #b81921;
  --cds-button-primary-hover: #0050e6;
  --cds-button-secondary-hover: #474747;
  --cds-button-tertiary-hover: #0050e6;
  --cds-button-disabled: #c6c6c6;
  --cds-content-switcher-background: #e0e0e0;
  --cds-content-switcher-background-hover: #d1d1d1;
  --cds-content-switcher-selected: #ffffff;
  --cds-color-scheme: light;
  --cds-alert-stroke: #b28600;
  --cds-layer-01-absolute: #ffffff;
  --cds-layer-inverse-absolute: #000000;
  --cds-null-state: none;
  --cds-grid-bg: #ffffff;
  --cds-meter-range-indicator: #a8a8a8;
  --cds-network-diagrams-background-hover: #f1f1f1;
  --cds-tooltip-line-border: #e0e0e0;
  --cds-zone-fill-01: #f4f4f4;
  --cds-zone-stroke-01: #8d8d8d;
  --cds-zone-fill-02: #e0e0e0;
  --cds-zone-stroke-02: #8d8d8d;
  --cds-zone-fill-03: #c6c6c6;
  --cds-zone-stroke-03: #8d8d8d;
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--chart-holder[data-carbon-theme=g10] {
    --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;
  }
}

.cds--chart-holder[data-carbon-theme=g90] {
  --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-border: #525252;
  --cds-chat-bubble-user: #393939;
  --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-prompt-background: #161616;
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
  --cds-chat-prompt-border-start: #262626;
  --cds-chat-shell-background: #262626;
  --cds-field-01: #393939;
  --cds-field-02: #525252;
  --cds-field-03: #6f6f6f;
  --cds-field-hover-01: #474747;
  --cds-field-hover-02: #636363;
  --cds-field-hover-03: #5e5e5e;
  --cds-focus: #ffffff;
  --cds-focus-inset: #161616;
  --cds-focus-inverse: #0f62fe;
  --cds-highlight: #002d9c;
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
  --cds-icon-interactive: #ffffff;
  --cds-icon-inverse: #161616;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-icon-primary: #f4f4f4;
  --cds-icon-secondary: #c6c6c6;
  --cds-interactive: #4589ff;
  --cds-layer-01: #393939;
  --cds-layer-02: #525252;
  --cds-layer-03: #6f6f6f;
  --cds-layer-accent-01: #525252;
  --cds-layer-accent-02: #6f6f6f;
  --cds-layer-accent-03: #8d8d8d;
  --cds-layer-accent-active-01: #8d8d8d;
  --cds-layer-accent-active-02: #393939;
  --cds-layer-accent-active-03: #525252;
  --cds-layer-accent-hover-01: #636363;
  --cds-layer-accent-hover-02: #5e5e5e;
  --cds-layer-accent-hover-03: #7a7a7a;
  --cds-layer-active-01: #6f6f6f;
  --cds-layer-active-02: #8d8d8d;
  --cds-layer-active-03: #393939;
  --cds-layer-background-01: #262626;
  --cds-layer-background-02: #393939;
  --cds-layer-background-03: #525252;
  --cds-layer-hover-01: #474747;
  --cds-layer-hover-02: #636363;
  --cds-layer-hover-03: #5e5e5e;
  --cds-layer-selected-01: #525252;
  --cds-layer-selected-02: #6f6f6f;
  --cds-layer-selected-03: #525252;
  --cds-layer-selected-disabled: #a8a8a8;
  --cds-layer-selected-hover-01: #636363;
  --cds-layer-selected-hover-02: #5e5e5e;
  --cds-layer-selected-hover-03: #636363;
  --cds-layer-selected-inverse: #f4f4f4;
  --cds-link-inverse: #0f62fe;
  --cds-link-inverse-active: #161616;
  --cds-link-inverse-hover: #0043ce;
  --cds-link-inverse-visited: #8a3ffc;
  --cds-link-primary: #78a9ff;
  --cds-link-primary-hover: #a6c8ff;
  --cds-link-secondary: #a6c8ff;
  --cds-link-visited: #be95ff;
  --cds-overlay: rgba(0, 0, 0, 0.65);
  --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-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;
  --cds-tag-background-red: #a2191f;
  --cds-tag-color-red: #ffd7d9;
  --cds-tag-hover-red: #c21e25;
  --cds-tag-background-magenta: #9f1853;
  --cds-tag-color-magenta: #ffd6e8;
  --cds-tag-hover-magenta: #bf1d63;
  --cds-tag-background-purple: #6929c4;
  --cds-tag-color-purple: #e8daff;
  --cds-tag-hover-purple: #7c3dd6;
  --cds-tag-background-blue: #0043ce;
  --cds-tag-color-blue: #d0e2ff;
  --cds-tag-hover-blue: #0053ff;
  --cds-tag-background-cyan: #00539a;
  --cds-tag-color-cyan: #bae6ff;
  --cds-tag-hover-cyan: #0066bd;
  --cds-tag-background-teal: #005d5d;
  --cds-tag-color-teal: #9ef0f0;
  --cds-tag-hover-teal: #007070;
  --cds-tag-background-green: #0e6027;
  --cds-tag-color-green: #a7f0ba;
  --cds-tag-hover-green: #11742f;
  --cds-tag-background-gray: #525252;
  --cds-tag-color-gray: #f4f4f4;
  --cds-tag-hover-gray: #636363;
  --cds-tag-border-red: #fa4d56;
  --cds-tag-border-blue: #4589ff;
  --cds-tag-border-cyan: #1192e8;
  --cds-tag-border-teal: #009d9a;
  --cds-tag-border-green: #24a148;
  --cds-tag-border-magenta: #ee5396;
  --cds-tag-border-purple: #a56eff;
  --cds-tag-border-gray: #8d8d8d;
  --cds-tag-border-cool-gray: #878d96;
  --cds-tag-border-warm-gray: #8f8b8b;
  --cds-tag-background-cool-gray: #4d5358;
  --cds-tag-color-cool-gray: #f2f4f8;
  --cds-tag-hover-cool-gray: #5d646a;
  --cds-tag-background-warm-gray: #565151;
  --cds-tag-color-warm-gray: #f7f3f2;
  --cds-tag-hover-warm-gray: #696363;
  --cds-button-separator: #161616;
  --cds-button-primary: #0f62fe;
  --cds-button-secondary: #6f6f6f;
  --cds-button-tertiary: #ffffff;
  --cds-button-danger-primary: #da1e28;
  --cds-button-danger-secondary: #ff8389;
  --cds-button-danger-active: #750e13;
  --cds-button-primary-active: #002d9c;
  --cds-button-secondary-active: #393939;
  --cds-button-tertiary-active: #c6c6c6;
  --cds-button-danger-hover: #b81921;
  --cds-button-primary-hover: #0050e6;
  --cds-button-secondary-hover: #5e5e5e;
  --cds-button-tertiary-hover: #f4f4f4;
  --cds-button-disabled: rgba(141, 141, 141, 0.3);
  --cds-content-switcher-background: rgba(0, 0, 0, 0);
  --cds-content-switcher-background-hover: rgba(141, 141, 141, 0.12);
  --cds-content-switcher-selected: rgba(141, 141, 141, 0.24);
  --cds-color-scheme: dark;
  --cds-alert-stroke: none;
  --cds-layer-01-absolute: #000000;
  --cds-layer-inverse-absolute: #ffffff;
  --cds-null-state: #161616;
  --cds-grid-bg: #161616;
  --cds-meter-range-indicator: #6f6f6f;
  --cds-network-diagrams-background-hover: #ededed;
  --cds-tooltip-line-border: #393939;
  --cds-zone-fill-01: #262626;
  --cds-zone-stroke-01: #6f6f6f;
  --cds-zone-fill-02: #393939;
  --cds-zone-stroke-02: #6f6f6f;
  --cds-zone-fill-03: #525252;
  --cds-zone-stroke-03: #6f6f6f;
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--chart-holder[data-carbon-theme=g90] {
    --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;
  }
}

.cds--chart-holder[data-carbon-theme=g100] {
  --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-border: #525252;
  --cds-chat-bubble-user: #393939;
  --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-prompt-background: #161616;
  --cds-chat-prompt-border-end: rgba(38, 38, 38, 0);
  --cds-chat-prompt-border-start: #262626;
  --cds-chat-shell-background: #262626;
  --cds-field-01: #262626;
  --cds-field-02: #393939;
  --cds-field-03: #525252;
  --cds-field-hover-01: #333333;
  --cds-field-hover-02: #474747;
  --cds-field-hover-03: #636363;
  --cds-focus: #ffffff;
  --cds-focus-inset: #161616;
  --cds-focus-inverse: #0f62fe;
  --cds-highlight: #001d6c;
  --cds-icon-disabled: rgba(244, 244, 244, 0.25);
  --cds-icon-interactive: #ffffff;
  --cds-icon-inverse: #161616;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-icon-primary: #f4f4f4;
  --cds-icon-secondary: #c6c6c6;
  --cds-interactive: #4589ff;
  --cds-layer-01: #262626;
  --cds-layer-02: #393939;
  --cds-layer-03: #525252;
  --cds-layer-accent-01: #393939;
  --cds-layer-accent-02: #525252;
  --cds-layer-accent-03: #6f6f6f;
  --cds-layer-accent-active-01: #6f6f6f;
  --cds-layer-accent-active-02: #8d8d8d;
  --cds-layer-accent-active-03: #393939;
  --cds-layer-accent-hover-01: #474747;
  --cds-layer-accent-hover-02: #636363;
  --cds-layer-accent-hover-03: #5e5e5e;
  --cds-layer-active-01: #525252;
  --cds-layer-active-02: #6f6f6f;
  --cds-layer-active-03: #8d8d8d;
  --cds-layer-background-01: #161616;
  --cds-layer-background-02: #262626;
  --cds-layer-background-03: #393939;
  --cds-layer-hover-01: #333333;
  --cds-layer-hover-02: #474747;
  --cds-layer-hover-03: #636363;
  --cds-layer-selected-01: #393939;
  --cds-layer-selected-02: #525252;
  --cds-layer-selected-03: #6f6f6f;
  --cds-layer-selected-disabled: #a8a8a8;
  --cds-layer-selected-hover-01: #474747;
  --cds-layer-selected-hover-02: #636363;
  --cds-layer-selected-hover-03: #5e5e5e;
  --cds-layer-selected-inverse: #f4f4f4;
  --cds-link-inverse: #0f62fe;
  --cds-link-inverse-active: #161616;
  --cds-link-inverse-hover: #0043ce;
  --cds-link-inverse-visited: #8a3ffc;
  --cds-link-primary: #78a9ff;
  --cds-link-primary-hover: #a6c8ff;
  --cds-link-secondary: #a6c8ff;
  --cds-link-visited: #be95ff;
  --cds-overlay: rgba(0, 0, 0, 0.65);
  --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-text-disabled: rgba(244, 244, 244, 0.25);
  --cds-text-error: #ff8389;
  --cds-text-helper: #a8a8a8;
  --cds-text-inverse: #161616;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-text-placeholder: rgba(244, 244, 244, 0.4);
  --cds-text-primary: #f4f4f4;
  --cds-text-secondary: #c6c6c6;
  --cds-toggle-off: #6f6f6f;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --cds-helper-text-01-font-size: 0.75rem;
  --cds-helper-text-01-line-height: 1.33333;
  --cds-helper-text-01-letter-spacing: 0.32px;
  --cds-helper-text-02-font-size: 0.875rem;
  --cds-helper-text-02-font-weight: 400;
  --cds-helper-text-02-line-height: 1.28572;
  --cds-helper-text-02-letter-spacing: 0.16px;
  --cds-body-short-01-font-size: 0.875rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.19;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.42857;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.19;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
  --cds-tag-background-red: #a2191f;
  --cds-tag-color-red: #ffd7d9;
  --cds-tag-hover-red: #c21e25;
  --cds-tag-background-magenta: #9f1853;
  --cds-tag-color-magenta: #ffd6e8;
  --cds-tag-hover-magenta: #bf1d63;
  --cds-tag-background-purple: #6929c4;
  --cds-tag-color-purple: #e8daff;
  --cds-tag-hover-purple: #7c3dd6;
  --cds-tag-background-blue: #0043ce;
  --cds-tag-color-blue: #d0e2ff;
  --cds-tag-hover-blue: #0053ff;
  --cds-tag-background-cyan: #00539a;
  --cds-tag-color-cyan: #bae6ff;
  --cds-tag-hover-cyan: #0066bd;
  --cds-tag-background-teal: #005d5d;
  --cds-tag-color-teal: #9ef0f0;
  --cds-tag-hover-teal: #007070;
  --cds-tag-background-green: #0e6027;
  --cds-tag-color-green: #a7f0ba;
  --cds-tag-hover-green: #11742f;
  --cds-tag-background-gray: #525252;
  --cds-tag-color-gray: #f4f4f4;
  --cds-tag-hover-gray: #636363;
  --cds-tag-border-red: #fa4d56;
  --cds-tag-border-blue: #4589ff;
  --cds-tag-border-cyan: #1192e8;
  --cds-tag-border-teal: #009d9a;
  --cds-tag-border-green: #24a148;
  --cds-tag-border-magenta: #ee5396;
  --cds-tag-border-purple: #a56eff;
  --cds-tag-border-gray: #8d8d8d;
  --cds-tag-border-cool-gray: #878d96;
  --cds-tag-border-warm-gray: #8f8b8b;
  --cds-tag-background-cool-gray: #4d5358;
  --cds-tag-color-cool-gray: #f2f4f8;
  --cds-tag-hover-cool-gray: #5d646a;
  --cds-tag-background-warm-gray: #565151;
  --cds-tag-color-warm-gray: #f7f3f2;
  --cds-tag-hover-warm-gray: #696363;
  --cds-button-separator: #161616;
  --cds-button-primary: #0f62fe;
  --cds-button-secondary: #6f6f6f;
  --cds-button-tertiary: #ffffff;
  --cds-button-danger-primary: #da1e28;
  --cds-button-danger-secondary: #fa4d56;
  --cds-button-danger-active: #750e13;
  --cds-button-primary-active: #002d9c;
  --cds-button-secondary-active: #393939;
  --cds-button-tertiary-active: #c6c6c6;
  --cds-button-danger-hover: #b81921;
  --cds-button-primary-hover: #0050e6;
  --cds-button-secondary-hover: #5e5e5e;
  --cds-button-tertiary-hover: #f4f4f4;
  --cds-button-disabled: rgba(141, 141, 141, 0.3);
  --cds-content-switcher-background: rgba(0, 0, 0, 0);
  --cds-content-switcher-background-hover: rgba(141, 141, 141, 0.12);
  --cds-content-switcher-selected: rgba(141, 141, 141, 0.24);
  --cds-color-scheme: dark;
  --cds-alert-stroke: none;
  --cds-layer-01-absolute: #000000;
  --cds-layer-inverse-absolute: #ffffff;
  --cds-null-state: none;
  --cds-grid-bg: #161616;
  --cds-meter-range-indicator: #6f6f6f;
  --cds-network-diagrams-background-hover: #ededed;
  --cds-tooltip-line-border: #6f6f6f;
  --cds-zone-fill-01: #262626;
  --cds-zone-stroke-01: #6f6f6f;
  --cds-zone-fill-02: #393939;
  --cds-zone-stroke-02: #6f6f6f;
  --cds-zone-fill-03: #525252;
  --cds-zone-stroke-03: #6f6f6f;
  --cds-layer: var(--cds-layer-01, #f4f4f4);
  --cds-layer-active: var(--cds-layer-active-01, #c6c6c6);
  --cds-layer-background: var(--cds-layer-background-01, #ffffff);
  --cds-layer-hover: var(--cds-layer-hover-01, #e8e8e8);
  --cds-layer-selected: var(--cds-layer-selected-01, #e0e0e0);
  --cds-layer-selected-hover: var(--cds-layer-selected-hover-01, #d1d1d1);
  --cds-layer-accent: var(--cds-layer-accent-01, #e0e0e0);
  --cds-layer-accent-hover: var(--cds-layer-accent-hover-01, #d1d1d1);
  --cds-layer-accent-active: var(--cds-layer-accent-active-01, #a8a8a8);
  --cds-field: var(--cds-field-01, #f4f4f4);
  --cds-field-hover: var(--cds-field-hover-01, #e8e8e8);
  --cds-border-subtle: var(--cds-border-subtle-00, #e0e0e0);
  --cds-border-subtle-selected: var(--cds-border-subtle-selected-01, #c6c6c6);
  --cds-border-strong: var(--cds-border-strong-01, #8d8d8d);
  --cds-border-tile: var(--cds-border-tile-01, #c6c6c6);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--chart-holder[data-carbon-theme=g100] {
    --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;
  }
}

.cds--chart-holder.fullscreen {
  width: 100% !important;
  height: 100% !important;
  max-width: unset !important;
  max-height: unset !important;
  padding: 2em;
}

.cds--cc--chart-wrapper {
  overflow: visible;
  font-family: var(--cds-charts-font-family-condensed);
}

.iot--card--wrapper {
  background: white;
  box-sizing: border-box;
  outline: solid 0.125rem transparent;
  height: var(--card-default-height);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.iot--card--wrapper__selected {
  outline: solid 0.125rem var(--cds-button-secondary, #393939);
  box-sizing: border-box;
}

.iot--card--resizing {
  outline: 0.125rem solid var(--cds-button-secondary, #393939);
  box-sizing: border-box;
}

.iot--card.react-grid-item > .react-resizable-handle {
  z-index: 2;
}

.iot--card--header {
  flex: 0 0 3rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-weight: bold;
  padding: 0 0 0 1rem;
}
html[dir=rtl] .iot--card--header {
  padding: 0 1rem 0 0;
}

.iot--card--header--with-subtitle {
  flex: 0 0 4rem;
}

.iot--card--content {
  flex: 1;
  padding: 0 1rem 1rem;
  position: relative;
  height: var(--card-content-height);
  overflow-x: visible;
  overflow-y: visible;
}
.iot--card--content .cds--cc--chart-wrapper {
  background-color: inherit;
}

.iot--card__content--no-padding {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.iot--card--content > .iot--card--toolbar:first-child {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.iot--card--content--expanded {
  overflow-y: auto;
}

.iot--card--skeleton-wrapper {
  padding: var(--card-content-padding);
  width: 80%;
}

.iot--card--footer--wrapper {
  align-items: center;
  border-top: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  display: flex;
  height: 2.5rem;
  overflow: hidden;
  padding: 0;
}

.iot--card--empty-message-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--card-content-padding);
  text-align: center;
  line-height: 1.3;
}

.iot--card .cds--chart-holder {
  background-color: var(--cds-layer-02, #ffffff);
}

.cds--modal .iot--card--overflow {
  z-index: 10000;
}

.iot--card--toolbar-svg-wrapper {
  padding: 0;
}

.cds--tile--clickable {
  border: 1px solid transparent;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 8rem;
  min-width: 8.5rem;
  max-width: 18.75rem;
  max-height: 15.625rem;
}

.iot--card-editor {
  height: 100%;
  width: 16rem;
  display: flex;
  background: var(--cds-layer-01, #f4f4f4);
  flex-direction: column;
  border-left: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--card-editor--header {
  flex: 0 0 3.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.25rem;
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--card-editor--header h5 {
  padding: 0 0.5rem;
}
.iot--card-editor--footer {
  border-top: solid 1px var(--cds-layer-accent-01, #e0e0e0);
}
.iot--card-editor--footer > button {
  justify-content: space-between;
  width: 100%;
}
.iot--card-editor--content {
  flex: 1;
  height: 100%;
  overflow: auto;
}
.iot--card-editor--content .iot--list-item {
  height: 3rem;
}
.iot--card-editor--header--title {
  font-size: var(--cds-heading-compact-02-font-size, 1rem);
  font-weight: var(--cds-heading-compact-02-font-weight, 600);
  line-height: var(--cds-heading-compact-02-line-height, 1.375);
  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
  padding-left: 0.5rem;
  width: 100%;
}

.iot--card-gallery-list__icon > svg {
  height: 34px;
  width: 40px;
}

.iot--card-edit-form--threshold-input-group .cds--tooltip-trigger__wrapper .cds--btn--icon-only {
  padding: 0;
}

.iot--card-edit-form--threshold-input-group .cds--tooltip-trigger__wrapper .cds--btn--icon-only svg {
  right: 1rem;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin: auto;
}

.iot--card-edit-form {
  height: 100%;
  background: var(--cds-layer-01, #f4f4f4);
  display: flex;
  flex-direction: column;
}
.iot--card-edit-form .cds--tab-content {
  flex: 1;
  padding-bottom: 0;
}
.iot--card-edit-form .cds--tabs--scrollable__nav {
  width: 100%;
}
.iot--card-edit-form .cds--tabs--scrollable__nav .cds--tabs--scrollable__nav-item {
  flex: 1;
}
.iot--card-edit-form .cds--tabs--scrollable__nav .cds--tabs--scrollable__nav-item .cds--tabs--scrollable__nav-link {
  width: auto;
  flex: 1;
}
.iot--card-edit-form .cds--file__selected-file {
  background-color: var(--cds-layer-02, #ffffff);
}
.iot--card-edit-form .color-picker .color-picker-button {
  width: 1.95rem;
  height: 1.95rem;
  border: solid 0.125rem var(--cds-layer-01, #f4f4f4);
}
.iot--card-edit-form .color-picker .color-picker-button__selected {
  border: solid 0.125rem var(--cds-border-interactive, #0f62fe);
}
.iot--card-edit-form--content {
  flex: 1;
  height: 100%;
  display: flex;
  flex-flow: column;
}
.iot--card-edit-form--form-section {
  padding: 0.5rem 1rem;
  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);
  border-top: solid 1px var(--cds-layer-accent-01, #e0e0e0);
  border-bottom: solid 1px var(--cds-layer-accent-01, #e0e0e0);
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
}
.iot--card-edit-form--input-label {
  font-size: 0.75rem;
}
.iot--card-edit-form--input {
  padding-bottom: 1rem;
}
.iot--card-edit-form--input .cds--fieldset {
  margin-bottom: unset;
}
.iot--card-edit-form--input--label {
  font-size: 0.75rem;
}
.iot--card-edit-form--input--toggle-field {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.iot--card-edit-form--input--toggle-field .cds--form-item {
  flex: 0;
}
.iot--card-edit-form--input--toggle-field .cds--toggle-input__label .cds--toggle__switch {
  margin-top: 0;
}
.iot--card-edit-form--input-inline {
  padding: 0 1rem 1rem;
  display: flex;
  align-items: center;
}
.iot--card-edit-form--input-inline--label {
  flex: 1;
}
.iot--card-edit-form--input-inline .cds--form-item {
  flex: 0;
}
.iot--card-edit-form--input-inline .cds--toggle-input__label .cds--toggle__switch {
  margin-top: 0;
}
.iot--card-edit-form--modal-wrapper .cds--number,
.iot--card-edit-form--modal-wrapper input[type=number] {
  min-width: unset;
}
.iot--card-edit-form--modal-wrapper .iot--table-container .addons-iot-table-container {
  overflow: visible;
}
.iot--card-edit-form--modal-wrapper .cds--data-table-content {
  overflow: visible;
}
.iot--card-edit-form--input-group {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  padding-bottom: 1rem;
}
.iot--card-edit-form--input-group--bottom {
  align-items: flex-end;
}
.iot--card-edit-form--input-group--item {
  margin-right: 1rem;
  width: 100%;
}
.iot--card-edit-form--input-group--item .iot--color-dropdown {
  margin-bottom: 1.25rem;
}
.iot--card-edit-form--input-group--item-half {
  display: flex;
  flex-direction: column;
  margin-right: 1rem;
  width: 50%;
}
.iot--card-edit-form--input-group--item-half-label {
  margin-bottom: 1rem;
}
.iot--card-edit-form--input-group--item-half-content {
  margin-bottom: 0.6rem;
}
.iot--card-edit-form--input-group--item-half-no-helper-text {
  margin-bottom: 1.25rem;
}
.iot--card-edit-form--input-group--item-end {
  width: 100%;
}
.iot--card-edit-form--input-group--item-dropdown {
  margin-right: 1rem;
  max-width: 5rem;
}
[dir=rtl] .iot--card-edit-form--input-group--item-dropdown {
  margin-right: 0;
  margin-left: 1rem;
}
.iot--card-edit-form--input-group--span {
  font-size: 0.75rem;
}
.iot--card-edit-form--threshold-input-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.iot--card-edit-form--threshold-input-group--item {
  margin-right: 1rem;
  width: 100%;
}
.iot--card-edit-form--threshold-input-group--item-half {
  margin-right: 1rem;
  width: 50%;
}
.iot--card-edit-form--threshold-input-group--item-end {
  width: 100%;
}
.iot--card-edit-form--threshold-input-group--item-end .cds--number input[type=number] {
  padding-right: 0;
}
.iot--card-edit-form--threshold-input-group--item-end .cds--form-item input[type=text] {
  min-width: 9.375rem;
}
[dir=rtl] .iot--card-edit-form--threshold-input-group--item-end .cds--form-item input[type=text] {
  min-width: calc(8.375rem + 2px);
}
.iot--card-edit-form--threshold-input-group--item-dropdown {
  margin-right: 1rem;
  max-width: 6rem;
}
[dir=rtl] .iot--card-edit-form--threshold-input-group--item-dropdown {
  margin-right: 0;
  margin-left: 1rem;
}
.iot--card-edit-form--footer {
  border-top: solid 1px var(--cds-layer-accent-01, #e0e0e0);
}
.iot--card-edit-form--footer > button {
  justify-content: space-between;
  width: 100%;
}
.iot--card-edit-form .cds--modal-container--xs {
  max-height: none;
  min-width: 30rem;
}
.iot--card-edit-form .iot--combobox {
  padding-top: 0;
}
.iot--card-edit-form .iot--combobox-tags {
  display: none;
}

.iot--table-card-form--content {
  display: flex;
  flex-flow: column;
}

.iot--card-edit-form--form-section-image .cds--fieldset {
  margin-bottom: 0;
}
.iot--card-edit-form--form-section-image--input {
  margin-bottom: 1rem;
  position: relative;
}
.iot--card-edit-form--form-section-image-btn {
  width: 100%;
}
.iot--card-edit-form--form-section-image-clear-button {
  position: absolute;
  right: 0;
  top: 1.25rem;
  color: var(--cds-layer-selected-inverse, #161616);
  background-color: var(--cds-layer-02, #ffffff);
  border: 0;
  min-height: 2rem;
}
.iot--card-edit-form--form-section-image-clear-button:hover, .iot--card-edit-form--form-section-image-clear-button:active {
  color: var(--cds-layer-selected-inverse, #161616);
}
.iot--card-edit-form--form-section-image-clear-button > svg.cds--btn__icon {
  margin-left: 0;
}
.iot--card-edit-form--form-section-image .cds--slider {
  min-width: 4.5rem;
}

div.iot--card-edit-form--data-item-list {
  margin-left: -1rem;
  margin-right: -1rem;
  width: unset;
}
div.iot--card-edit-form--data-item-list .iot--list-item {
  padding-left: 1rem;
}
div.iot--card-edit-form--data-item-list--item-color-icon {
  width: 1rem;
  height: 1rem;
  background-color: var(--icon-color-option);
}
div.iot--card-edit-form--data-item-list .iot--list-item--content--values--value__with-actions {
  padding-right: 4rem;
}

.iot--add-aggregation__btn {
  margin-top: 1.5rem;
}

.cds--copy-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: var(--cds-layer);
  cursor: pointer;
}
.cds--copy-btn html {
  font-size: 100%;
}
.cds--copy-btn body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--copy-btn code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--copy-btn strong {
  font-weight: 600;
}
.cds--copy-btn:hover {
  background-color: var(--cds-layer-hover);
}
.cds--copy-btn:active {
  background-color: var(--cds-layer-active);
}
.cds--copy-btn::before {
  position: absolute;
  z-index: 6000;
  border-style: solid;
  block-size: 0;
  content: "";
  inline-size: 0;
  display: none;
}
.cds--copy-btn .cds--copy-btn__feedback {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  z-index: 6000;
  padding: 0.5rem 1rem;
  border-radius: 0.125rem;
  background-color: var(--cds-background-inverse, #393939);
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  font-weight: 400;
  inline-size: -moz-max-content;
  inline-size: max-content;
  max-inline-size: 13rem;
  min-inline-size: 1.5rem;
  text-align: start;
  transform: translateX(-50%);
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: none;
  overflow: visible;
  box-sizing: content-box;
  margin: auto;
  clip: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cds--copy-btn .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@supports (-ms-accelerator: true) {
  .cds--copy-btn .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@supports (-ms-ime-align: auto) {
  .cds--copy-btn .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .cds--copy-btn .cds--copy-btn__feedback {
    border: 1px solid transparent;
  }
}
.cds--copy-btn:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  outline-color: var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--copy-btn:focus {
    outline-style: dotted;
  }
}
.cds--copy-btn.cds--copy-btn--animating::before, .cds--copy-btn.cds--copy-btn--animating .cds--copy-btn__feedback {
  display: block;
}
.cds--copy-btn.cds--copy-btn--animating::before {
  border: none;
}
.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out::before, .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
}
.cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in::before, .cds--copy-btn.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
}

.cds--copy-btn svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--copy {
  font-size: 0;
}

.cds--snippet html {
  font-size: 100%;
}
.cds--snippet body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--snippet code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--snippet strong {
  font-weight: 600;
}

.cds--snippet--disabled,
.cds--snippet--disabled .cds--btn.cds--snippet-btn--expand {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--snippet--disabled .cds--snippet-btn--expand:hover,
.cds--snippet--disabled .cds--copy-btn,
.cds--snippet--disabled .cds--copy-btn:hover {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--snippet--disabled .cds--snippet__icon,
.cds--snippet--disabled .cds--snippet-btn--expand .cds--icon-chevron--down {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--snippet code {
  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-01-font-size, 0.75rem);
  font-weight: var(--cds-code-01-font-weight, 400);
  line-height: var(--cds-code-01-line-height, 1.33333);
  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
}

.cds--snippet--inline {
  position: relative;
  display: inline;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: var(--cds-layer);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
}
.cds--snippet--inline html {
  font-size: 100%;
}
.cds--snippet--inline body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--snippet--inline code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--snippet--inline strong {
  font-weight: 600;
}
.cds--snippet--inline:hover {
  background-color: var(--cds-layer-hover);
}
.cds--snippet--inline:active {
  background-color: var(--cds-layer-active);
}
.cds--snippet--inline:focus {
  border: 1px solid var(--cds-focus, #0f62fe);
  outline: none;
}
.cds--snippet--inline::before {
  position: absolute;
  z-index: 6000;
  border-style: solid;
  block-size: 0;
  content: "";
  inline-size: 0;
  display: none;
  border: none;
}
.cds--snippet--inline .cds--copy-btn__feedback {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  z-index: 6000;
  padding: 0.5rem 1rem;
  border-radius: 0.125rem;
  background-color: var(--cds-background-inverse, #393939);
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  font-weight: 400;
  inline-size: -moz-max-content;
  inline-size: max-content;
  max-inline-size: 13rem;
  min-inline-size: 1.5rem;
  text-align: start;
  transform: translateX(-50%);
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: none;
  overflow: visible;
  box-sizing: content-box;
  margin: auto;
  clip: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cds--snippet--inline .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@supports (-ms-accelerator: true) {
  .cds--snippet--inline .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@supports (-ms-ime-align: auto) {
  .cds--snippet--inline .cds--copy-btn__feedback {
    inline-size: auto;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .cds--snippet--inline .cds--copy-btn__feedback {
    border: 1px solid transparent;
  }
}

.cds--snippet--inline.cds--copy-btn--animating::before,
.cds--snippet--inline.cds--copy-btn--animating .cds--copy-btn__feedback {
  display: block;
}

.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out::before,
.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-out .cds--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--hide-feedback;
}

.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in::before,
.cds--snippet--inline.cds--copy-btn--animating.cds--copy-btn--fade-in .cds--copy-btn__feedback {
  animation: 110ms cubic-bezier(0.2, 0, 0.38, 0.9) cds--show-feedback;
}

.cds--snippet--inline code {
  padding: 0 0.5rem;
}

.cds--snippet--inline.cds--snippet--no-copy {
  display: inline-block;
}
.cds--snippet--inline.cds--snippet--no-copy:hover {
  background-color: var(--cds-layer);
  cursor: auto;
}

.cds--snippet--light.cds--snippet--inline.cds--snippet--no-copy:hover {
  background-color: var(--cds-layer-hover);
  cursor: auto;
}

.cds--snippet--single {
  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-01-font-size, 0.75rem);
  font-weight: var(--cds-code-01-font-weight, 400);
  line-height: var(--cds-code-01-line-height, 1.33333);
  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
  position: relative;
  background-color: var(--cds-layer);
  inline-size: 100%;
  max-inline-size: 48rem;
  display: flex;
  align-items: center;
  block-size: 2.5rem;
  padding-inline-end: 2.5rem;
}

.cds--snippet--single.cds--snippet--no-copy {
  padding: 0;
}
.cds--snippet--single.cds--snippet--no-copy::after {
  inset-inline-end: 1rem;
}

.cds--snippet--single .cds--snippet-container {
  position: relative;
  display: flex;
  align-items: center;
  block-size: 100%;
  overflow-x: auto;
  padding-inline-start: 1rem;
}
.cds--snippet--single .cds--snippet-container:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--snippet--single .cds--snippet-container:focus {
    outline-style: dotted;
  }
}

.cds--snippet--single pre {
  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-01-font-size, 0.75rem);
  font-weight: var(--cds-code-01-font-weight, 400);
  line-height: var(--cds-code-01-line-height, 1.33333);
  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
  padding-inline-end: 2rem;
}

.cds--snippet--single pre,
.cds--snippet--inline code {
  white-space: pre;
}

.cds--snippet--multi {
  font-family: var(--cds-code-01-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-01-font-size, 0.75rem);
  font-weight: var(--cds-code-01-font-weight, 400);
  line-height: var(--cds-code-01-line-height, 1.33333);
  letter-spacing: var(--cds-code-01-letter-spacing, 0.32px);
  position: relative;
  background-color: var(--cds-layer);
  inline-size: 100%;
  max-inline-size: 48rem;
  display: flex;
  padding: 1rem;
}

.cds--snippet--multi .cds--snippet-container {
  position: relative;
  order: 1;
  max-block-size: 100%;
  min-block-size: 100%;
  overflow-y: auto;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--snippet--multi .cds--snippet-container:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  outline-offset: 0;
}
@media screen and (prefers-contrast) {
  .cds--snippet--multi .cds--snippet-container:focus {
    outline-style: dotted;
  }
}

.cds--snippet--multi.cds--snippet--expand .cds--snippet-container {
  padding-block-end: 1rem;
  transition: max-height 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--snippet--multi.cds--snippet--wraptext pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.cds--snippet--multi .cds--snippet-container pre {
  overflow: auto;
  padding-block-end: 1.5rem;
  padding-inline-end: 1.5rem;
}

.cds--snippet--multi.cds--snippet--no-copy .cds--snippet-container pre {
  padding-inline-end: 0;
}

[dir=rtl] .cds--snippet--multi.cds--snippet--has-right-overflow::after {
  background-image: linear-gradient(to left, transparent, var(--cds-layer));
}

.cds--snippet--multi .cds--snippet-container pre code {
  overflow: hidden;
}

.cds--snippet__icon {
  block-size: 1rem;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1rem;
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--btn > .cds--snippet__icon {
  margin-block-start: 0;
}

.cds--copy-btn {
  display: flex;
  overflow: visible;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: var(--cds-layer);
  cursor: pointer;
  outline: none;
}
.cds--copy-btn html {
  font-size: 100%;
}
.cds--copy-btn body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--copy-btn code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--copy-btn strong {
  font-weight: 600;
}
.cds--copy-btn:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  outline-color: var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--copy-btn:focus {
    outline-style: dotted;
  }
}

.cds--snippet .cds--popover-container {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.cds--snippet--inline.cds--btn {
  block-size: 1.25rem;
  inline-size: initial;
  max-inline-size: unset;
  min-block-size: 1.25rem;
  padding-inline: 0;
}

.cds--snippet--inline.cds--btn.cds--btn--primary:hover {
  color: var(--cds-text-primary, #161616);
}

.cds--snippet.cds--snippet--multi .cds--popover-container {
  inset-block-start: 0.5rem;
  inset-inline-end: 0.5rem;
}

.cds--snippet--multi .cds--copy-btn {
  z-index: 10;
}

.cds--snippet-btn--expand {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  position: absolute;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 0;
  background-color: var(--cds-layer);
  block-size: 2rem;
  color: var(--cds-text-primary, #161616);
  inset-block-end: 0;
  inset-inline-end: 0;
}

.cds--snippet-btn--expand .cds--snippet-btn--text {
  position: relative;
  inset-block-start: -0.0625rem;
}

.cds--snippet-btn--expand--hide.cds--snippet-btn--expand {
  display: none;
}

.cds--snippet-btn--expand .cds--icon-chevron--down {
  fill: var(--cds-icon-primary, #161616);
  margin-inline-start: 0.5rem;
  transform: rotate(0deg);
  transition: 150ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--snippet-btn--expand:hover {
  background: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}

.cds--snippet-btn--expand:active {
  background-color: var(--cds-layer-active);
}

.cds--snippet-btn--expand:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  border-color: transparent;
}
@media screen and (prefers-contrast) {
  .cds--snippet-btn--expand:focus {
    outline-style: dotted;
  }
}

.cds--snippet--expand .cds--snippet-btn--expand .cds--icon-chevron--down {
  transform: rotate(180deg);
  transition: transform 300ms;
}

.cds--snippet--light,
.cds--snippet--light .cds--snippet-button,
.cds--snippet--light .cds--btn.cds--snippet-btn--expand,
.cds--snippet--light .cds--copy-btn {
  background-color: var(--cds-layer);
}

.cds--snippet--light.cds--snippet--inline:hover,
.cds--snippet--light .cds--snippet-button:hover,
.cds--snippet--light .cds--btn.cds--snippet-btn--expand:hover,
.cds--snippet--light .cds--copy-btn:hover {
  background-color: var(--cds-layer-hover);
}

.cds--snippet--light.cds--snippet--inline:active,
.cds--snippet--light .cds--snippet-button:active,
.cds--snippet--light .cds--btn.cds--snippet-btn--expand:active,
.cds--snippet--light .cds--copy-btn:active {
  background-color: var(--cds-layer-active);
}

.cds--snippet.cds--skeleton .cds--snippet-container {
  block-size: 100%;
  inline-size: 100%;
}

.cds--snippet-button .cds--btn--copy__feedback {
  inset-block-start: 3.175rem;
  inset-inline: 50% auto;
}
.cds--snippet-button .cds--btn--copy__feedback::before {
  inset-block-start: 0;
}
.cds--snippet-button .cds--btn--copy__feedback::after {
  inset-block-start: -0.25rem;
}

.cds--snippet--multi .cds--snippet-button .cds--btn--copy__feedback {
  inset-block-start: 2.675rem;
}

.cds--snippet--inline .cds--btn--copy__feedback {
  inset-block-start: calc(100% - 0.25rem);
  inset-inline: 50% auto;
}

.cds--snippet--single .cds--snippet-container {
  -webkit-mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%);
          mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%);
  pointer-events: auto;
}

.cds--snippet--multi {
  position: relative;
}

.cds--snippet--multi .cds--snippet-container {
  inline-size: 100%;
  -webkit-mask-composite: source-in, xor;
          mask-composite: intersect;
  -webkit-mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
          mask-image: linear-gradient(to right, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
  pointer-events: auto;
}

[dir=rtl] .cds--snippet--single .cds--snippet-container {
  -webkit-mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%);
          mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%);
}

[dir=rtl] .cds--snippet--multi .cds--snippet-container {
  -webkit-mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
          mask-image: linear-gradient(to left, #000000 calc(100% - 2rem), transparent 100%), linear-gradient(to bottom, #000000 calc(100% - 1rem), transparent 100%);
}

.cds--snippet--single:focus-within .cds--snippet-container,
.cds--snippet--multi:focus-within .cds--snippet-container {
  -webkit-mask-image: none;
          mask-image: none;
}

.cds--snippet--multi.cds--skeleton {
  block-size: 6.125rem;
}

.cds--snippet--single.cds--skeleton {
  block-size: 3.5rem;
}

.cds--snippet.cds--skeleton span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: block;
  block-size: 1rem;
  inline-size: 100%;
  margin-block-start: 0.5rem;
}
.cds--snippet.cds--skeleton span:hover, .cds--snippet.cds--skeleton span:focus, .cds--snippet.cds--skeleton span:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--snippet.cds--skeleton span::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--snippet.cds--skeleton span::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--snippet.cds--skeleton span {
    background: CanvasText;
  }
  .cds--snippet.cds--skeleton span::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--snippet.cds--skeleton span:first-child {
  margin: 0;
}
.cds--snippet.cds--skeleton span:nth-child(2) {
  inline-size: 85%;
}
.cds--snippet.cds--skeleton span:nth-child(3) {
  inline-size: 95%;
}

.cds--snippet--single.cds--skeleton .cds--snippet-container {
  padding-block-end: 0;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--snippet--inline:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--snippet--single,
  .cds--snippet--multi {
    outline: 1px solid transparent;
  }
}

.iot--composed-modal {
  /* support large modals for ll the sizes */
  /* Needed for buttons when they're next to each other */
}
@media (min-height: 32.1875rem) {
  .iot--composed-modal .cds--modal-container {
    overflow-y: auto;
  }
}
.iot--composed-modal .cds--overflow-menu-options {
  z-index: 10000;
}
.iot--composed-modal.iot--composed-modal--large .cds--modal-header {
  margin-bottom: 0;
}
.iot--composed-modal.iot--composed-modal--large .cds--modal-container {
  min-height: 37.5rem;
  min-width: 50rem;
  max-height: 80%;
}
@media (min-width: 37.5rem) {
  .iot--composed-modal.iot--composed-modal--large .cds--modal-container {
    height: auto;
  }
}
@media (min-width: 64rem) {
  .iot--composed-modal.iot--composed-modal--large .cds--modal-container {
    max-width: 80%;
  }
}
@media (min-width: 75rem) {
  .iot--composed-modal.iot--composed-modal--large .cds--modal-container {
    max-width: 60%;
  }
}
.iot--composed-modal.iot--composed-modal--full-screen > .cds--modal-container {
  min-height: calc(100% - 1.5rem);
  min-width: calc(100% - 1.5rem);
  max-height: 80%;
}
@media (min-width: 64rem) {
  .iot--composed-modal.iot--composed-modal--full-screen > .cds--modal-container {
    min-width: calc(100% - 1.5rem);
  }
}
@media (min-width: 75rem) {
  .iot--composed-modal.iot--composed-modal--full-screen > .cds--modal-container {
    min-width: calc(100% - 1.5rem);
  }
}
.iot--composed-modal.iot--composed-modal--full-screen > .cds--modal-container .cds--modal-header {
  margin-bottom: 0;
}
.iot--composed-modal .cds--modal-header__heading {
  margin-bottom: 0.75rem;
}
.iot--composed-modal .cds--modal-content {
  min-height: 12.5rem;
}

.iot--composed-modal--inline-notification {
  width: calc(100% - 2rem);
  margin: 1rem auto;
}

.iot--composed-modal-footer {
  justify-content: flex-end;
}
.iot--composed-modal-footer > * {
  width: 100%;
}
.iot--composed-modal-footer .modal-greedy-spacer {
  flex-grow: 2;
  text-align: left;
}

.iot--composed-modal__body--small-margin-bottom {
  margin-bottom: 1rem;
}

[dir=rtl] .cds--modal-header {
  padding-right: 1rem;
  padding-left: 3rem;
}
[dir=rtl] .cds--modal-close {
  right: unset;
  left: 0;
}

.iot--editor .cds--modal-content {
  padding-right: 1rem;
}
.iot--editor-container {
  background-color: var(--cds-background, #ffffff);
  height: 100%;
  overflow: hidden;
  min-height: 3.5rem;
  padding-top: 1rem;
}
.iot--editor-notification {
  margin: 0 auto 1rem;
}
.iot--editor-copy-wrapper {
  position: relative;
  height: 100%;
}
.iot--editor-copy {
  background-color: var(--cds-background, #ffffff);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.iot--editor .cds--copy {
  font-size: 0;
}
.iot--editor .iot--editor-expand.cds--btn {
  color: transparent;
  position: absolute;
  right: 3rem;
  top: 0;
}
.iot--editor .iot--editor-expand.cds--btn .cds--assistive-text,
.iot--editor .iot--editor-expand.cds--btn .cds--tooltip--a11y::before {
  display: none;
}
.iot--editor .cds--tooltip--a11y::before {
  display: none;
}
.iot--editor .monaco-editor {
  background-color: transparent;
  height: 100%;
}
.iot--editor .monaco-editor .margin,
.iot--editor .monaco-editor-background,
.iot--editor .monaco-editor .inputarea.ime-input {
  background-color: transparent;
}
.iot--editor.iot--editor__expanded .cds--modal-container {
  height: calc(100vh - 50px);
  max-width: 100vw;
  max-height: 100vh;
  width: calc(100vw - 50px);
}

.cds--dropdown__wrapper--inline {
  display: inline-grid;
  align-items: center;
  grid-gap: 0 1.5rem;
  grid-template: auto/auto min-content;
}
.cds--dropdown__wrapper--inline:has(.cds--label.cds--visually-hidden) {
  grid-template: auto/auto;
}
.cds--dropdown__wrapper--inline .cds--label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
}
.cds--dropdown__wrapper--inline .cds--label,
.cds--dropdown__wrapper--inline .cds--form__helper-text,
.cds--dropdown__wrapper--inline .cds--form-requirement {
  margin: 0;
}
.cds--dropdown__wrapper--inline .cds--form-requirement {
  grid-column: 2;
}

.cds--dropdown {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: relative;
  display: block;
  border: none;
  background-color: var(--cds-field);
  block-size: 2.5rem;
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  inline-size: 100%;
  list-style: none;
  outline: 2px solid transparent;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--dropdown html {
  font-size: 100%;
}
.cds--dropdown body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--dropdown code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--dropdown strong {
  font-weight: 600;
}
.cds--dropdown:hover {
  background-color: var(--cds-field-hover);
}

.cds--dropdown .cds--list-box__field {
  text-align: start;
}

.cds--dropdown--lg {
  block-size: 3rem;
  max-block-size: 3rem;
}

.cds--dropdown--lg .cds--dropdown__arrow {
  inset-block-start: 1rem;
}

.cds--dropdown--sm {
  block-size: 2rem;
  max-block-size: 2rem;
}

.cds--dropdown--sm .cds--dropdown__arrow {
  inset-block-start: 0.5rem;
}

.cds--dropdown--open {
  border-block-end-color: var(--cds-border-subtle);
}

.cds--dropdown--open .cds--list-box__field {
  outline: none;
}

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

.cds--dropdown--invalid {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--dropdown--invalid {
    outline-style: dotted;
  }
}
.cds--dropdown--invalid .cds--dropdown-text {
  padding-inline-end: 3.5rem;
}
.cds--dropdown--invalid + .cds--form-requirement {
  display: inline-block;
  color: var(--cds-text-error, #da1e28);
  max-block-size: 12.5rem;
}

.cds--dropdown__invalid-icon {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-block-start: 50%;
  inset-inline-end: 2.5rem;
  transform: translateY(-50%);
}

.cds--dropdown--open:hover {
  background-color: var(--cds-field);
}

.cds--dropdown--open:focus {
  outline: 1px solid transparent;
}

.cds--dropdown--open .cds--dropdown-list {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  max-block-size: 13.75rem;
  transition: max-height 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--dropdown--light {
  background-color: var(--cds-field-02, #ffffff);
}
.cds--dropdown--light:hover {
  background-color: var(--cds-field-hover);
}

.cds--dropdown--up .cds--dropdown-list {
  inset-block-end: 2rem;
}

.cds--dropdown__arrow {
  position: absolute;
  fill: var(--cds-icon-primary, #161616);
  inset-block-start: 0.8125rem;
  inset-inline-end: 1rem;
  pointer-events: none;
  transform-origin: 50% 45%;
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

button.cds--dropdown-text {
  border: none;
  background: none;
  color: var(--cds-text-primary, #161616);
  inline-size: 100%;
  text-align: start;
}
button.cds--dropdown-text:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  button.cds--dropdown-text:focus {
    outline-style: dotted;
  }
}

.cds--dropdown-text {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: block;
  overflow: hidden;
  block-size: calc(100% + 1px);
  padding-inline: 1rem 2.625rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--dropdown-list {
  outline: 2px solid transparent;
  outline-offset: -2px;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: absolute;
  z-index: 9100;
  display: flex;
  overflow: hidden auto;
  flex-direction: column;
  background-color: var(--cds-layer);
  inline-size: 100%;
  list-style: none;
  max-block-size: 0;
  transition: max-height 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--dropdown-list html {
  font-size: 100%;
}
.cds--dropdown-list body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--dropdown-list code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--dropdown-list strong {
  font-weight: 600;
}

.cds--dropdown--light .cds--dropdown-list {
  background-color: var(--cds-layer);
}

.cds--dropdown:not(.cds--dropdown--open) .cds--dropdown-item {
  visibility: hidden;
}

.cds--dropdown-item {
  position: relative;
  opacity: 0;
  transition: visibility 70ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: inherit;
}
.cds--dropdown-item:hover {
  background-color: var(--cds-layer-hover);
}
.cds--dropdown-item:hover + .cds--dropdown-item .cds--dropdown-link {
  border-color: transparent;
}
.cds--dropdown-item:active {
  background-color: var(--cds-layer-selected);
}
.cds--dropdown-item:first-of-type .cds--dropdown-link {
  border-block-start-color: transparent;
}

.cds--dropdown-item:last-of-type .cds--dropdown-link {
  border-block-end: none;
}

.cds--dropdown-link {
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: block;
  overflow: hidden;
  padding: 0.6875rem 0;
  border: 1px solid transparent;
  margin: 0 1rem;
  block-size: 2.5rem;
  border-block-start-color: var(--cds-border-subtle);
  color: var(--cds-text-secondary, #525252);
  font-weight: normal;
  line-height: 1rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cds--dropdown-link:hover {
  border-color: transparent;
  color: var(--cds-text-primary, #161616);
}

.cds--dropdown--light .cds--dropdown-link {
  border-block-start-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--dropdown--sm .cds--dropdown-link {
  block-size: 2rem;
  padding-block: 0.4375rem 0.4375rem;
}

.cds--dropdown--focused,
.cds--dropdown-link:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  padding: 0.6875rem 1rem;
  margin: 0;
}
@media screen and (prefers-contrast) {
  .cds--dropdown--focused,
  .cds--dropdown-link:focus {
    outline-style: dotted;
  }
}

.cds--dropdown-list[aria-activedescendant] .cds--dropdown-link:focus {
  padding: 0.6875rem 0;
  margin: 0 1rem;
  outline: none;
}

.cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  padding: 0.6875rem 1rem;
  margin: 0;
}
@media screen and (prefers-contrast) {
  .cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus {
    outline-style: dotted;
  }
}

.cds--dropdown-list[aria-activedescendant] .cds--dropdown-item:active {
  background-color: inherit;
}

.cds--dropdown-item:hover .cds--dropdown-link {
  border-block-end-color: var(--cds-layer-hover);
}

.cds--dropdown--open .cds--dropdown__arrow {
  transform: rotate(-180deg);
}

.cds--dropdown--open.cds--dropdown--sm .cds--dropdown-list {
  max-block-size: 11rem;
}

.cds--dropdown--open .cds--dropdown-item {
  opacity: 1;
}

.cds--dropdown--disabled {
  border-block-end-color: transparent;
}
.cds--dropdown--disabled:hover {
  background-color: var(--cds-field);
}
.cds--dropdown--disabled:focus {
  outline: none;
}
.cds--dropdown--disabled .cds--dropdown-text,
.cds--dropdown--disabled .cds--list-box__label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--dropdown--disabled .cds--dropdown__arrow,
.cds--dropdown--disabled .cds--list-box__menu-icon svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--dropdown--disabled.cds--dropdown--light:hover {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--dropdown--disabled .cds--list-box__field,
.cds--dropdown--disabled .cds--list-box__menu-icon {
  cursor: not-allowed;
}

.cds--dropdown--auto-width {
  inline-size: auto;
  max-inline-size: 25rem;
}

.cds--dropdown--inline {
  display: inline-block;
  background-color: transparent;
  border-block-end-color: transparent;
  inline-size: auto;
  justify-self: start;
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--dropdown--inline:hover {
  background-color: var(--cds-layer-hover);
}
.cds--dropdown--inline.cds--dropdown--disabled {
  background-color: transparent;
}
.cds--dropdown--inline .cds--dropdown__arrow {
  inset-block-start: 0.5rem;
  inset-inline-end: 0.5rem;
}

.cds--dropdown--inline.cds--dropdown--open {
  background-color: transparent;
}

.cds--dropdown--inline .cds--dropdown-text {
  display: inline-block;
  overflow: visible;
  padding: 0.4375rem 2rem 0.4375rem 0.75rem;
  block-size: 2rem;
  color: var(--cds-text-primary, #161616);
}

.cds--dropdown--inline.cds--dropdown--disabled .cds--dropdown-text {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--dropdown--inline.cds--dropdown--disabled:focus .cds--dropdown-text {
  outline: 0;
}

.cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown__invalid-icon {
  inset-inline-end: 2rem;
}

.cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown-text {
  padding-inline-end: 3.5rem;
}

.cds--dropdown--inline.cds--dropdown--open:focus .cds--dropdown-list {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}

.cds--dropdown--inline .cds--dropdown-link {
  font-weight: normal;
}

.cds--dropdown--show-selected .cds--dropdown--selected {
  display: block;
  background-color: var(--cds-layer-selected);
  color: var(--cds-text-primary, #161616);
}
.cds--dropdown--show-selected .cds--dropdown--selected:hover {
  background-color: var(--cds-layer-selected-hover);
}
.cds--dropdown--show-selected .cds--dropdown--selected .cds--dropdown-link {
  border-block-start-color: transparent;
}
.cds--dropdown--show-selected .cds--dropdown--selected + .cds--dropdown-item .cds--dropdown-link {
  border-block-start-color: transparent;
}
.cds--dropdown--show-selected .cds--dropdown--selected .cds--list-box__menu-item__selected-icon {
  display: block;
}

.cds--dropdown-v2.cds--skeleton,
.cds--dropdown.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
}
.cds--dropdown-v2.cds--skeleton:hover, .cds--dropdown-v2.cds--skeleton:focus, .cds--dropdown-v2.cds--skeleton:active,
.cds--dropdown.cds--skeleton:hover,
.cds--dropdown.cds--skeleton:focus,
.cds--dropdown.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--dropdown-v2.cds--skeleton::before,
.cds--dropdown.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--dropdown-v2.cds--skeleton::before,
  .cds--dropdown.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--dropdown-v2.cds--skeleton,
  .cds--dropdown.cds--skeleton {
    background: CanvasText;
  }
  .cds--dropdown-v2.cds--skeleton::before,
  .cds--dropdown.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--dropdown .cds--list-box__field {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--list-box__menu-item__option {
    outline: none;
  }
}

.cds--dropdown--readonly,
.cds--dropdown--readonly:hover {
  background-color: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--dropdown--inline.cds--dropdown--readonly {
  border-block-end-color: transparent;
}

.cds--dropdown--readonly .cds--list-box__field,
.cds--dropdown--readonly .cds--list-box__menu-icon {
  cursor: default;
}

.cds--dropdown--readonly .cds--list-box__menu-icon svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.iot--dropdown__label {
  display: flex;
  align-items: center;
  height: 100%;
}
.iot--dropdown__label > svg {
  min-width: 16px;
  width: 16px;
  height: 100%;
}
.iot--dropdown__label__content {
  margin: auto 0;
  margin-left: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iot--dropdown__label__content--open {
  color: var(--cds-layer-active-01, #c6c6c6);
}

.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}

.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}

.react-grid-item img {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.react-grid-item.cssTransforms {
  transition-property: transform;
}

.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
}

.react-grid-item > .react-resizable-handle::after {
  content: "";
  position: absolute;
  right: 3px;
  bottom: 3px;
  width: 5px;
  height: 5px;
  border-right: 2px solid rgba(0, 0, 0, 0.4);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-w,
.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-n,
.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}

.react-grid-item > .react-resizable-handle.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

.react-resizable {
  position: relative;
}

.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");
  background-position: bottom right;
  padding: 0 3px 3px 0;
}

.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}

.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}

.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}

.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}

.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}

.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}

.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}

.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}

.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

.dashboard--header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.dashboard--lastupdated {
  display: flex;
  white-space: nowrap;
  align-items: center;
}
.dashboard--lastupdated > p {
  margin-left: 1rem;
  margin-bottom: 0;
}
.dashboard--header-left {
  display: flex;
  flex-flow: column;
}
.dashboard--header-left > p {
  padding-bottom: 1rem;
  margin-bottom: 0;
}
.dashboard--header-left > h2 {
  font-size: 1.75rem;
  font-weight: 400;
  margin-bottom: 0;
}
.dashboard--header-left > p,
.dashboard--header-left div {
  color: var(--cds-text-secondary, #525252);
}
.dashboard--header-right {
  display: flex;
  flex-flow: row;
  flex-grow: 0;
}
.dashboard--header-right > div + div {
  margin-left: 1rem;
}
.dashboard--header-actions {
  align-items: center;
  display: flex;
  flex-flow: row;
  flex-grow: 0;
}
.dashboard--header-actions > div + div {
  margin-left: 0.5rem;
}

.react-grid-item.react-grid-placeholder {
  background: none;
  border: 3px dashed var(--cds-button-secondary-active, #6f6f6f);
}

.iot--dashboard-grid {
  position: relative;
  direction: ltr;
}
.iot--dashboard-grid .react-grid-item.cssTransforms {
  transition-property: none;
}
.iot--dashboard-grid .react-resizable-hide .react-resizable-handle {
  /* workaround to hide the resize handles in react-grid-layout */
  display: none;
}

.iot--dashboard-grid__animate .react-grid-item.cssTransforms {
  transition-property: transform;
}

[dir=rtl] .iot--card {
  direction: rtl;
}

.iot--dashboard-editor {
  display: flex;
  height: calc(100vh - 3rem);
}
.iot--dashboard-editor > .cds--skeleton__text {
  margin-top: 1rem;
  margin-left: 1rem;
}
.iot--dashboard-editor__overflow {
  overflow-x: auto;
}
.iot--dashboard-editor--content {
  flex: 1;
  flex-direction: column;
  display: flex;
  overflow-x: auto;
}
.iot--dashboard-editor-header {
  flex: 0;
  padding: 1rem 0 1.5rem;
}
.iot--dashboard-editor-header .cds--grid {
  /* allow the header to stretch the full page width */
  max-width: none;
  padding-left: 2rem;
  padding-right: 1rem;
}
.iot--dashboard-editor-header--top {
  height: calc(1rem + 0.25rem);
  display: flex;
  align-items: center;
}
.iot--dashboard-editor-header--bottom {
  height: calc(2rem + 0.25rem);
  display: flex;
  align-items: center;
}
.iot--dashboard-editor-header--bottom__switcher {
  margin-right: 1rem;
}
.iot--dashboard-editor-header--bottom .cds--btn--tertiary,
.iot--dashboard-editor-header--bottom .cds--btn--primary {
  margin-left: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.iot--dashboard-editor-header--left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.iot--dashboard-editor-header--right {
  display: flex;
}
.iot--dashboard-editor--preview {
  flex: 1;
  margin-left: 1rem;
  margin-right: 1rem;
}
.iot--dashboard-editor--preview__selected-breakpoint {
  background-color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  overflow-x: auto;
}
.iot--dashboard-editor--preview__card:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
}
.iot--dashboard-editor--preview__sm {
  width: 485px;
}
.iot--dashboard-editor--preview__md {
  width: 677px;
}
.iot--dashboard-editor--preview__lg {
  width: 1061px;
}
.iot--dashboard-editor--preview__breakpoint-info {
  padding: 1rem;
  width: 100%;
  background-color: var(--cds-layer-accent-01, #e0e0e0);
}
.iot--dashboard-editor--preview__outline {
  border: 2px dashed var(--cds-border-strong-01, #8d8d8d);
}
.iot--dashboard-editor--preview__grid-container {
  min-height: calc(100vh - 7rem - 100px);
  background-color: var(--cds-background, #ffffff);
  padding-top: 1rem;
}
.iot--dashboard-editor--sidebar {
  min-height: 100%;
  width: 16rem;
}

@keyframes fp-fade-in-down {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fp-slide-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fp-slide-left-new {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fp-slide-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fp-slide-right-new {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fp-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fp-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.flatpickr-calendar {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  border-radius: 0;
  animation: none;
  direction: ltr;
  inline-size: 19.6875rem;
  max-block-size: 0;
  opacity: 0;
  text-align: center;
  touch-action: manipulation;
  visibility: hidden;
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .flatpickr-calendar {
    outline: 1px solid transparent;
  }
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  overflow: visible;
  max-block-size: 40rem;
  opacity: 1;
  visibility: inherit;
}

.flatpickr-calendar.open {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  z-index: 99999;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.25rem 0.5rem 0.25rem;
  border: none;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 21rem;
  inline-size: 18rem;
  margin-block-start: -0.125rem;
}
.flatpickr-calendar.open:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .flatpickr-calendar.open:focus {
    outline-style: dotted;
  }
}

.flatpickr-calendar.animate.open {
  animation: fp-fade-in-down 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .flatpickr-calendar.animate.open {
    animation: none;
  }
}

.flatpickr-calendar.inline {
  position: absolute;
  display: block;
  inset-block-start: auto;
}

.flatpickr-calendar.static {
  position: absolute;
  inset-block-start: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.hasWeeks {
  inline-size: auto;
}

.dayContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
  block-size: 15.375rem;
  outline: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-block-end: 0;
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-inline-start: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  block-size: 2.5rem;
  border-block-start: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  block-size: auto;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-months {
  display: flex;
  justify-content: space-between;
  inline-size: 100%;
}

.flatpickr-month {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: flex;
  align-items: center;
  background-color: transparent;
  block-size: 2.5rem;
  color: var(--cds-text-primary, #161616);
  line-height: 1;
  text-align: center;
}

.flatpickr-prev-month,
.flatpickr-next-month {
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  block-size: 2.5rem;
  cursor: pointer;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 2.5rem;
  line-height: 16px;
  text-decoration: none;
  transform: scale(1, 1) /*rtl: scale(-1,1)*/;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (prefers-reduced-motion: reduce) {
  .flatpickr-prev-month,
  .flatpickr-next-month {
    transition: none;
  }
}
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  background-color: var(--cds-layer-hover);
}

.flatpickr-next-month.disabled svg,
.flatpickr-prev-month.disabled svg {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.flatpickr-next-month.disabled:hover svg,
.flatpickr-prev-month.disabled:hover svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.flatpickr-current-month {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 1.75rem;
  text-align: center;
}

.flatpickr-current-month .cur-month {
  margin-inline: 0.25rem 0.25rem;
}
.flatpickr-current-month .cur-month:hover {
  background-color: var(--cds-layer-hover);
}

.numInputWrapper {
  position: relative;
  inline-size: 3.75rem;
}
.numInputWrapper:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.numInputWrapper .numInput {
  display: inline-block;
  padding: 0.25rem;
  border: none;
  margin: 0;
  -moz-appearance: textfield; /* Firefox */
  background-color: var(--cds-field-01, #f4f4f4);
  color: var(--cds-text-primary, #161616);
  cursor: default;
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
  inline-size: 100%;
}
.numInputWrapper .numInput::-webkit-outer-spin-button, .numInputWrapper .numInput::-webkit-inner-spin-button {
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
  -webkit-appearance: none;
}
.numInputWrapper .numInput:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .numInputWrapper .numInput:focus {
    outline-style: dotted;
  }
}
.numInputWrapper .numInput[disabled], .numInputWrapper .numInput[disabled]:hover {
  background-color: var(--cds-layer-01, #f4f4f4);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  pointer-events: none;
}

.numInputWrapper .arrowUp {
  border-block-end: 0;
  inset-block-start: 0.25rem;
}
.numInputWrapper .arrowUp::after {
  border-block-end: 0.25rem solid var(--cds-icon-primary, #161616);
}

.numInputWrapper .arrowDown {
  inset-block-start: 0.6875rem;
}
.numInputWrapper .arrowDown::after {
  border-block-start: 0.25rem solid var(--cds-icon-primary, #161616);
}

.numInputWrapper .arrowUp,
.numInputWrapper .arrowDown {
  position: absolute;
  padding: 0 0.25rem 0 0.125rem;
  border: none;
  block-size: 50%;
  cursor: pointer;
  inline-size: 0.75rem;
  inset-inline-start: 2.6rem;
  line-height: 50%;
  opacity: 0;
}
.numInputWrapper .arrowUp::after,
.numInputWrapper .arrowDown::after {
  position: absolute;
  display: block;
  border-inline-end: 0.25rem solid transparent;
  border-inline-start: 0.25rem solid transparent;
  content: "";
  inset-block-start: 33%;
}
.numInputWrapper .arrowUp:hover::after,
.numInputWrapper .arrowDown:hover::after {
  border-block-end-color: var(--cds-button-primary, #0f62fe);
  border-block-start-color: var(--cds-button-primary, #0f62fe);
}
.numInputWrapper .arrowUp:active::after,
.numInputWrapper .arrowDown:active::after {
  border-block-end-color: var(--cds-border-interactive, #0f62fe);
  border-block-start-color: var(--cds-border-interactive, #0f62fe);
}

.numInput[disabled] ~ .arrowUp::after {
  border-block-end-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.numInput[disabled] ~ .arrowDown::after {
  border-block-start-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.numInputWrapper:hover .arrowUp,
.numInputWrapper:hover .arrowDown {
  opacity: 1;
}

.numInputWrapper:hover .numInput[disabled] ~ .arrowUp,
.numInputWrapper:hover .numInput[disabled] ~ .arrowDown {
  opacity: 0;
}

.flatpickr-weekdays {
  display: flex;
  align-items: center;
  block-size: 2.5rem;
}

.flatpickr-weekdaycontainer {
  display: flex;
  inline-size: 100%;
}

.flatpickr-weekday {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  flex: 1;
  color: var(--cds-text-primary, #161616);
  cursor: default;
}

.flatpickr-days:focus {
  outline: 0;
}

.flatpickr-calendar.animate .dayContainer.slideLeft {
  animation: fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  transform: translate3d(-100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  animation: fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-left 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.animate .dayContainer.slideRight {
  animation: fp-fade-out 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-right 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate3d(100%, 0, 0);
}

.flatpickr-calendar.animate .dayContainer.slideRightNew {
  animation: fp-fade-in 400ms cubic-bezier(0.23, 1, 0.32, 1), fp-slide-right-new 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-day {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 2.5rem;
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  inline-size: 2.5rem;
  transition: all 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.flatpickr-day:hover {
  background: var(--cds-layer-hover);
}
.flatpickr-day:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  outline-color: var(--cds-button-primary, #0f62fe);
}
@media screen and (prefers-contrast) {
  .flatpickr-day:focus {
    outline-style: dotted;
  }
}

.nextMonthDay,
.prevMonthDay {
  color: var(--cds-text-helper, #6f6f6f);
}

.flatpickr-day.today {
  position: relative;
  color: var(--cds-link-primary, #0f62fe);
  font-weight: 600;
}
.flatpickr-day.today::after {
  position: absolute;
  display: block;
  background-color: var(--cds-link-primary, #0f62fe);
  block-size: 0.25rem;
  content: "";
  inline-size: 0.25rem;
  inset-block-end: 0.4375rem;
  inset-inline-start: 50%;
  transform: translateX(-50%);
}

.flatpickr-day.today.no-border {
  border: none;
}

.flatpickr-day.today.selected {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .flatpickr-day.today.selected {
    outline-style: dotted;
  }
}
.flatpickr-day.today.selected::after {
  display: none;
}

.flatpickr-day.inRange {
  background-color: var(--cds-highlight, #d0e2ff);
  color: var(--cds-text-primary, #161616);
}

.flatpickr-day.selected {
  background-color: var(--cds-button-primary, #0f62fe);
  color: var(--cds-text-on-color, #ffffff);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .flatpickr-day.selected {
    color: Highlight;
    outline: 1px solid Highlight;
    outline-style: dotted;
  }
}
.flatpickr-day.selected:focus {
  outline: 0.0625rem solid var(--cds-layer-02, #ffffff);
  outline-offset: -0.1875rem;
}

.flatpickr-day.startRange.selected {
  z-index: 2;
  box-shadow: none;
}

.flatpickr-day.startRange.inRange:not(.selected),
.flatpickr-day.endRange.inRange {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  z-index: 3;
  background: var(--cds-layer-01, #f4f4f4);
}
@media screen and (prefers-contrast) {
  .flatpickr-day.startRange.inRange:not(.selected),
  .flatpickr-day.endRange.inRange {
    outline-style: dotted;
  }
}

.flatpickr-day.endRange:hover {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  background: var(--cds-layer-01, #f4f4f4);
  color: var(--cds-text-primary, #161616);
}
@media screen and (prefers-contrast) {
  .flatpickr-day.endRange:hover {
    outline-style: dotted;
  }
}

.flatpickr-day.endRange.inRange.selected {
  background: var(--cds-button-primary, #0f62fe);
  color: var(--cds-text-on-color, #ffffff);
}

.flatpickr-day.flatpickr-disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.flatpickr-day.flatpickr-disabled:hover {
  background-color: transparent;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .flatpickr-day.today,
  .flatpickr-day.inRange {
    color: Highlight;
  }
}

.cds--date-picker {
  display: flex;
}

.cds--date-picker--light .cds--date-picker__input {
  background: var(--cds-field-02, #ffffff);
}

.cds--date-picker ~ .cds--label {
  order: 1;
}

.cds--date-picker-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cds--date-picker-container .cds--label {
  display: flex;
}

.cds--date-picker-input__wrapper {
  display: flex;
  align-items: center;
}

.cds--date-picker-input__wrapper > span {
  position: relative;
}

.cds--date-picker.cds--date-picker--simple .cds--date-picker__input,
.cds--date-picker.cds--date-picker--simple .cds--label {
  inline-size: 7.5rem;
}

.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid .cds--date-picker__input,
.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--invalid ~ .cds--form-requirement,
.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn .cds--date-picker__input,
.cds--date-picker.cds--date-picker--simple .cds--date-picker-input__wrapper--warn ~ .cds--form-requirement {
  inline-size: 9.5rem;
}

.cds--date-picker.cds--date-picker--simple.cds--date-picker--short .cds--date-picker__input {
  inline-size: 5.7rem;
}

.cds--date-picker.cds--date-picker--single .cds--date-picker__input {
  inline-size: 18rem;
}

.cds--date-picker .cds--date-picker-input__wrapper--warn ~ .cds--form-requirement {
  color: var(--cds-text-primary, #161616);
}

.cds--date-picker__input {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-02-font-size, 0.875rem);
  font-weight: var(--cds-code-02-font-weight, 400);
  line-height: var(--cds-code-02-line-height, 1.42857);
  letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: relative;
  display: block;
  padding: 0 1rem;
  border: none;
  background-color: var(--cds-field);
  block-size: 2.5rem;
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  transition: 70ms cubic-bezier(0.2, 0, 0.38, 0.9) all;
}
.cds--date-picker__input *,
.cds--date-picker__input *::before,
.cds--date-picker__input *::after {
  box-sizing: inherit;
}
.cds--date-picker__input:focus, .cds--date-picker__input.cds--focused {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--date-picker__input:focus, .cds--date-picker__input.cds--focused {
    outline-style: dotted;
  }
}
.cds--date-picker__input:disabled {
  background-color: var(--cds-field);
  border-block-end: 1px solid transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--date-picker__input:disabled::-moz-placeholder {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--date-picker__input:disabled::placeholder {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.cds--date-picker__input:disabled:hover {
  border-block-end: 1px solid transparent;
}
.cds--date-picker__input::-moz-placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}
.cds--date-picker__input::placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}

.cds--date-picker__input--lg {
  block-size: 3rem;
}

.cds--date-picker__input--sm {
  block-size: 2rem;
}

.cds--date-picker__icon {
  position: absolute;
  z-index: 1;
  fill: var(--cds-icon-primary, #161616);
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  pointer-events: none;
  transform: translateY(-50%);
}

.cds--date-picker__icon--invalid,
.cds--date-picker__icon--warn {
  cursor: auto;
}

.cds--date-picker__icon--warn {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--date-picker__icon--warn path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--date-picker__icon--invalid {
  fill: var(--cds-support-error, #da1e28);
}

.cds--date-picker__icon ~ .cds--date-picker__input {
  padding-inline-end: 3rem;
}

.cds--date-picker__input:disabled ~ .cds--date-picker__icon {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--date-picker--range > .cds--date-picker-container:first-child {
  margin-inline-end: 0.0625rem;
}

.cds--date-picker--range .cds--date-picker-container,
.cds--date-picker--range .cds--date-picker__input {
  inline-size: 8.96875rem;
}

.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator > *,
.cds--date-picker-input__wrapper--slug .cds--ai-label,
.cds--date-picker-input__wrapper--slug .cds--slug {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 2.5rem;
  transform: translateY(-50%);
}

.cds--date-picker-input__wrapper--decorator .cds--date-picker-input-inner-wrapper--decorator:not(:has(.cds--ai-label)) > * {
  block-size: 1rem;
}

.cds--date-picker-input__wrapper--decorator .cds--date-picker__input:has(~ .cds--date-picker-input-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--date-picker-input-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--date-picker-input__wrapper--slug .cds--date-picker__input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
  padding-inline-end: 4rem;
}

.cds--date-picker__input[readonly] {
  background: transparent;
  border-block-end-color: var(--cds-border-subtle);
  cursor: text;
}

.cds--date-picker__input[readonly] + .cds--date-picker__icon {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--date-picker.cds--skeleton input,
.cds--date-picker__input.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  inline-size: 100%;
}
.cds--date-picker.cds--skeleton input:hover, .cds--date-picker.cds--skeleton input:focus, .cds--date-picker.cds--skeleton input:active,
.cds--date-picker__input.cds--skeleton:hover,
.cds--date-picker__input.cds--skeleton:focus,
.cds--date-picker__input.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--date-picker.cds--skeleton input::before,
.cds--date-picker__input.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--date-picker.cds--skeleton input::before,
  .cds--date-picker__input.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--date-picker.cds--skeleton input,
  .cds--date-picker__input.cds--skeleton {
    background: CanvasText;
  }
  .cds--date-picker.cds--skeleton input::before,
  .cds--date-picker__input.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--date-picker.cds--skeleton input::-moz-placeholder, .cds--date-picker__input.cds--skeleton::-moz-placeholder {
  color: transparent;
}
.cds--date-picker.cds--skeleton input::placeholder,
.cds--date-picker__input.cds--skeleton::placeholder {
  color: transparent;
}

.cds--date-picker.cds--skeleton .cds--label {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 0.875rem;
  inline-size: 4.6875rem;
}
.cds--date-picker.cds--skeleton .cds--label:hover, .cds--date-picker.cds--skeleton .cds--label:focus, .cds--date-picker.cds--skeleton .cds--label:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--date-picker.cds--skeleton .cds--label::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--date-picker.cds--skeleton .cds--label::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--date-picker.cds--skeleton .cds--label {
    background: CanvasText;
  }
  .cds--date-picker.cds--skeleton .cds--label::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.iot--date-time-picker {
  padding: 0 1rem 1rem;
  position: absolute;
  width: 100%;
  height: 100%;
}
.iot--date-time-picker--hide-tooltip .cds--popover {
  display: none;
}

.iot--date-time-picker__wrapper {
  width: 20rem;
}
.iot--date-time-picker__wrapper .iot--tooltip {
  width: 100%;
}
.iot--date-time-picker__wrapper .cds--tooltip__trigger.cds--tooltip__trigger--definition {
  font-size: 100%;
  border-bottom: none;
  letter-spacing: unset;
}
.iot--date-time-picker__wrapper .cds--popover-container {
  width: 100%;
}
.iot--date-time-picker__wrapper .cds--number .cds--number__input-wrapper input {
  min-width: 8.5rem;
  padding-right: 0.5rem;
  background: var(--cds-field-02, #ffffff);
}
.iot--date-time-picker__wrapper .cds--select-input {
  width: 8.5rem;
}
.iot--date-time-picker__wrapper .cds--date-picker--range .cds--date-picker__input,
.iot--date-time-picker__wrapper .cds--date-picker--range .cds--date-picker-container {
  inline-size: 8.5rem;
}
.iot--date-time-picker__wrapper .cds--date-picker--range > .cds--date-picker-container:first-child {
  margin-inline-end: 1rem;
}
.iot--date-time-picker__wrapper .iot--time-picker__wrapper.iot--time-picker__wrapper--with-spinner:first-of-type {
  margin-right: 1rem;
}
.iot--date-time-picker__wrapper .iot--time-picker__wrapper.iot--time-picker__wrapper--with-spinner .cds--time-picker__input-field {
  width: 8.5rem;
  padding-right: 2rem;
}
.iot--date-time-picker__wrapper .iot--time-picker__wrapper.iot--time-picker__wrapper--with-spinner .cds--time-picker__error__icon {
  inset-inline-end: 2rem;
}
.iot--date-time-picker__wrapper .iot--time-picker__wrapper .iot--time-picker__controls {
  left: 6.7rem;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box {
  outline-offset: -0.125rem;
  position: relative;
  list-style: none;
  display: block;
  background-color: var(--cds-layer-01, #f4f4f4);
  border: none;
  width: 100%;
  height: 2.5rem;
  cursor: pointer;
  color: #161616;
  outline: 0.125rem solid transparent;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field {
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  width: 100%;
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  height: calc(100% + 1px);
  padding: 0 3rem 0 1rem;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  border-bottom: 1px solid #8d8d8d;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field:hover {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field:focus {
  outline: 2px solid #0f62fe;
  border-bottom: none;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field .iot--date-time-picker__icon {
  position: absolute;
  top: 0;
  right: 1rem;
  bottom: 0;
  height: 100%;
  transition: transform 70ms carbon--motion(standard);
  cursor: pointer;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field .iot--date-time-picker__icon--invalid {
  fill: var(--cds-button-danger-primary, #da1e28);
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field .iot--date-time-picker__icon--disabled {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
  fill: grey;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field .iot--date-time-picker__disabled {
  opacity: 0.5;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field .iot--date-time-picker__tooltip-trigger {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field--disabled {
  border: none;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu {
  --zIndex: 0;
  display: none;
  cursor: default;
  box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: var(--zIndex);
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu.iot--date-time-picker__menu-expanded {
  display: block;
  z-index: 10000 !important;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu.iot--date-time-picker__menu-expanded .cds--list__item:before {
  display: none;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .cds--fieldset {
  margin-bottom: 1rem;
  padding: 0 0.25rem;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .cds--fieldset:last-child {
  margin-bottom: 0;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__custom-wrapper {
  padding-top: 1rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__custom-wrapper .cds--radio-button-wrapper:not(:last-of-type) {
  margin-right: 1.5rem;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__fields-wrapper {
  display: flex;
  align-items: flex-start;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__fields-wrapper--with-gap {
  gap: 1rem;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__fields-wrapper .cds--label {
  margin-bottom: 0;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__fields-wrapper--without-time .cds--select-input__wrapper {
  flex: 0.5;
  width: auto;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__no-formgroup {
  margin-bottom: 1rem;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll.iot--date-time-picker__menu-formgroup {
  display: block;
  padding-top: 1rem;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem {
  padding: 0.75rem 0.75rem;
  cursor: pointer;
  border-left: 4px solid transparent;
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem--preset:hover, .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem--preset:focus {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem--preset.iot--date-time-picker__listitem--preset-selected {
  background-color: #e0e0e0;
  border-left-color: #0f62fe;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem--current {
  color: #6f6f6f;
  cursor: default;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem--custom {
  color: #0f62fe;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem--custom:hover, .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem--custom:focus {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-btn-set {
  display: flex;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-btn-set .iot--date-time-picker__menu-btn {
  flex-grow: 1;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box--light {
  background-color: var(--cds-field-02, #ffffff);
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box--invalid {
  outline: 2px solid var(--cds-button-danger-primary, #da1e28);
}
.iot--date-time-picker__wrapper .iot--date-time-picker__box--disabled {
  pointer-events: none;
}
.iot--date-time-picker__wrapper .iot--date-time-picker__helper-text--invalid {
  color: var(--cds-text-error, #da1e28);
}

.cds--date-picker__calendar.open {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}

.iot--date-time-picker__wrapper--disabled {
  cursor: not-allowed;
}

html[dir=rtl] .iot--date-time-picker__wrapper .cds--number {
  margin-right: unset;
  margin-left: 1rem;
}
html[dir=rtl] .iot--date-time-picker__wrapper .iot--time-picker__wrapper.iot--time-picker__wrapper--with-spinner:first-of-type {
  margin-right: unset;
  margin-left: 1rem;
}
html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field {
  padding-right: 1rem;
  padding-left: 3rem;
}
html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field .iot--date-time-picker__icon {
  right: unset;
  left: 1rem;
}
html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__field .iot--date-time-picker__icon--invalid {
  right: unset;
  left: 1rem;
}
html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem {
  border-right: 2px solid transparent;
  border-left: none;
}
html[dir=rtl] .iot--date-time-picker__wrapper .iot--date-time-picker__box .iot--date-time-picker__menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem--preset.iot--date-time-picker__listitem--preset-selected {
  border-right-color: #0f62fe;
}

.iot--date-time-picker__tooltip {
  padding: 0.25rem 1rem;
}

.iot--date-time-pickerv2 {
  cursor: not-allowed;
}
.iot--date-time-pickerv2__wrapper {
  width: var(--wrapper-width);
  cursor: pointer;
}
.iot--date-time-pickerv2__wrapper > .iot--tooltip {
  width: 100%;
}
.iot--date-time-pickerv2__wrapper > .iot--tooltip .iot--date-time-picker__box--full {
  width: 100%;
}
.iot--date-time-pickerv2__wrapper:focus {
  outline: 0.125rem solid var(--cds-button-tertiary, #0f62fe);
}
.iot--date-time-pickerv2__wrapper:hover {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}
.iot--date-time-pickerv2__wrapper .cds--tooltip__trigger.cds--tooltip__trigger--definition {
  font-size: 100%;
  border-bottom: none;
  letter-spacing: unset;
}
.iot--date-time-pickerv2__wrapper .cds--popover-container {
  width: 100%;
  height: 48px;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full {
  background-color: var(--cds-layer-01, #f4f4f4);
  color: #161616;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
  max-height: 48px;
  height: 48px;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full::-moz-selection {
  color: none;
  background: none;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full::selection {
  color: none;
  background: none;
}
[dir=rtl] .iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full {
  padding-right: 1rem;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full:hover {
  background-color: inherit;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--flyout-menu {
  z-index: 10000 !important;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--flyout-menu__open {
  box-shadow: unset;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--flyout-menu:not(.iot--flyout-menu__light) .iot--flyout-menu--trigger-button {
  background-color: inherit;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--flyout-menu .cds--tooltip__label {
  outline: none;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--date-time-picker__field {
  padding-left: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--date-time-picker__field span {
  white-space: nowrap;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--date-time-picker__field:hover {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--date-time-picker__field:focus {
  outline: 2px solid #0f62fe;
  border-bottom: none;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--date-time-picker__field .cds--tooltip__trigger.cds--tooltip__trigger--definition.cds--tooltip--bottom:focus {
  outline: unset;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--date-time-picker__field .iot--date-time-picker__tooltip-trigger {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--date-time-picker__field .iot--date-time-picker__disabled {
  opacity: 0.5;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--flyout-menu--tooltip-anchor {
  height: unset;
  position: unset;
  width: unset;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--full .iot--flyout-menu--tooltip-anchor .iot--flyout-menu--body {
  box-shadow: unset;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--light {
  background-color: var(--cds-field-02, #ffffff);
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--light .iot--date-time-picker--trigger-button {
  background-color: transparent;
}
.iot--date-time-pickerv2__wrapper .iot--date-time-picker__box--disabled {
  border: none;
}
.iot--date-time-pickerv2__wrapper .cds--date-picker--range .cds--date-picker__input,
.iot--date-time-pickerv2__wrapper .cds--date-picker--range .cds--date-picker-container {
  inline-size: 8.5rem;
}
.iot--date-time-pickerv2__wrapper .cds--date-picker--range > .cds--date-picker-container:first-child {
  margin-inline-end: 1rem;
}

.iot--date-time-picker__helper-text--invalid {
  color: var(--cds-text-error, #da1e28);
}

.iot--date-time-pickerv2__wrapper--disabled {
  pointer-events: none;
}

.iot--date-time-pickerv2__wrapper--invalid {
  outline: 2px solid var(--cds-button-danger-primary, #da1e28);
}
.iot--date-time-pickerv2__wrapper--invalid .iot--in-portal-calender-icon {
  color: var(--cds-button-danger-primary, #da1e28);
}

.iot--flyout-menu--content.iot--date-time-picker--menu {
  --zIndex: 0;
  padding: 0;
  z-index: var(--zIndex);
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__menu-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  width: var(--wrapper-width);
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__menu-scroll .cds--list__item:before {
  display: none;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__menu-scroll .cds--fieldset {
  margin-bottom: 1rem;
  padding: 0 0.25rem;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__menu-scroll .cds--fieldset:last-child {
  margin-bottom: 0;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__custom-wrapper {
  width: var(--wrapper-width);
  padding-top: 1rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .cds--select {
  width: 8.5rem;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .cds--number .cds--number__input-wrapper input {
  min-width: 8.5rem;
  padding-right: 0;
  background: var(--cds-field-02, #ffffff);
}
.iot--flyout-menu--content.iot--date-time-picker--menu .cds--number .cds--number__controls button.cds--number__control-btn {
  padding-right: 0;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--time-picker__wrapper.iot--time-picker__wrapper--with-spinner:first-of-type {
  margin-right: 1rem;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--time-picker__wrapper.iot--time-picker__wrapper--with-spinner .cds--time-picker__input-field {
  width: 8.5rem;
  padding-right: 2rem;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--time-picker__wrapper .iot--time-picker__controls {
  left: 6.7rem;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--time-picker__wrapper .cds--time-picker__error__icon {
  inset-inline-end: 2rem;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper {
  display: flex;
  align-items: flex-start;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper .cds--label {
  margin-bottom: 0;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper--with-gap {
  gap: 1rem;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper .cds--form-item + .cds--form-item {
  margin-left: 1rem;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__no-formgroup {
  margin-bottom: 1rem;
}
.iot--flyout-menu--content.iot--date-time-picker--menu.iot--date-time-picker__menu-formgroup {
  display: block;
  padding-top: 1rem;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__listitem {
  padding: 0.75rem 0.75rem;
  cursor: pointer;
  border-left: 4px solid transparent;
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__listitem--preset:hover, .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__listitem--preset:focus {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__listitem--preset.iot--date-time-picker__listitem--preset-selected {
  background-color: #e0e0e0;
  border-left-color: #0f62fe;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__listitem--current {
  color: #6f6f6f;
  cursor: default;
}
.iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__listitem--custom {
  color: #0f62fe;
}

.iot--date-time-picker__menu-btn-set {
  display: flex;
  flex-grow: 1;
}
.iot--date-time-picker__menu-btn-set .iot--date-time-picker__menu-btn {
  flex-grow: 1;
}

.iot--date-time-picker--tooltip--icon.cds--tooltip[data-floating-menu-direction=bottom] {
  margin-top: -0.35rem;
}

.iot--date-time-picker--trigger-button.cds--btn.cds--btn--icon-only.cds--tooltip__trigger {
  overflow: hidden;
}

.iot--date-time-picker--trigger-button--invalid.cds--btn.cds--btn--icon-only.cds--tooltip__trigger svg.bx--btn__icon path {
  fill: var(--cds-button-danger-primary, #da1e28);
}

.iot--date-time-picker--trigger-button--disabled.cds--btn.cds--btn--icon-only.cds--tooltip__trigger svg.bx--btn__icon path {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.iot--date-time-picker--tooltip.iot--flyout-menu--body.iot--flyout-menu--body__bottom-start .cds--tooltip__content::after, .iot--date-time-picker--tooltip.iot--date-time-picker--tooltip.iot--flyout-menu--body.iot--flyout-menu--body__bottom-end .cds--tooltip__content::after, .iot--date-time-picker--tooltip.iot--date-time-picker--tooltip.iot--flyout-menu--body.iot--flyout-menu--body__top-start .cds--tooltip__content::after, .iot--date-time-picker--tooltip.iot--date-time-picker--tooltip.iot--flyout-menu--body.iot--flyout-menu--body__top-end .cds--tooltip__content::after {
  background-color: unset;
  box-shadow: unset;
  height: unset;
}
.iot--date-time-picker--tooltip.iot--date-time-picker--tooltip .cds--popover-content::after {
  height: unset;
}
.iot--date-time-picker--tooltip .cds--tooltip__content {
  text-align: unset;
}

.iot--in-portal-calender-icon {
  float: right;
  padding: 1rem;
}

.datetime-picker-portal .iot--date-time-picker__menu-scroll {
  padding-bottom: 1rem;
}
.datetime-picker-portal .iot--time-picker {
  max-width: 18.125rem;
}

html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper .cds--form-item + .cds--form-item,
html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__fields-wrapper .cds--form-item + .iot--time-picker__wrapper {
  margin-right: 1rem;
  margin-left: unset;
}
html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .cds--number .cds--number__input-wrapper input {
  min-width: 8.5rem;
  padding-right: 1rem;
}
html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .cds--number .cds--number__controls {
  right: unset;
  left: 0;
}
html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--time-picker__wrapper.iot--time-picker__wrapper--with-spinner:first-of-type {
  margin-right: unset;
  margin-left: 1rem;
}
html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__box .iot--date-time-picker__field {
  padding-right: 1rem;
  padding-left: 3rem;
}
html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem {
  border-right: 2px solid transparent;
  border-left: none;
}
html[dir=rtl] .iot--flyout-menu--content.iot--date-time-picker--menu .iot--date-time-picker__menu-scroll .iot--date-time-picker__listitem--preset.iot--date-time-picker__listitem--preset-selected {
  border-right-color: #0f62fe;
}
html[dir=rtl] .cds--date-picker-container .cds--label,
html[dir=rtl] .cds--date-picker-container .cds--form-requirement {
  direction: rtl;
}

.iot--card--toolbar .iot--date-time-pickerv2__wrapper:focus {
  outline: none;
}

.iot--empty-state {
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: 100%;
  padding: 3rem 3rem 3rem 5rem;
}
.iot--empty-state--icon {
  margin-bottom: 1rem;
  height: 80px;
  width: auto;
}
.iot--empty-state--inline .iot--empty-state--icon {
  grid-row: 1/5;
  grid-column: 1/2;
}
.iot--empty-state--icon--sm {
  height: 64px;
}
.iot--empty-state--content {
  max-width: 30rem;
  overflow-wrap: break-word;
}
.iot--empty-state--inline .iot--empty-state--content {
  display: grid;
}
.iot--empty-state--inline .iot--empty-state--content--with-gap {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.iot--empty-state--title {
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
  color: var(--cds-text-primary, #161616);
  margin-bottom: 0.5rem;
  word-break: break-word;
}
.iot--empty-state--inline .iot--empty-state--title {
  grid-column: 2/2;
}
.iot--empty-state--title--sm {
  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-bottom: 0.25rem;
}
.iot--empty-state--text {
  color: var(--cds-text-primary, #161616);
  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);
}
.iot--empty-state--inline .iot--empty-state--text {
  grid-column: 2/2;
}
.iot--empty-state--action {
  margin-top: 1rem;
}
.iot--empty-state--inline .iot--empty-state--action {
  grid-column: 2/2;
}
.iot--empty-state--link {
  margin-top: 1rem;
  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-button-primary, #0f62fe);
}
.iot--empty-state--inline .iot--empty-state--link {
  grid-column: 2/2;
}

.iot--file-drop__selected-file {
  background-color: rgba(85, 150, 230, 0.1) !important;
}
.iot--file-drop__link-button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  outline: none;
  color: var(--cds-button-primary, #0f62fe);
  cursor: pointer;
  margin-left: 0.25rem;
  text-decoration: underline;
}
.iot--file-drop__text {
  padding: 1rem;
  line-height: 30px;
}

.iot--filtertags-container__wrap {
  white-space: nowrap;
  min-width: 0;
  flex: 1;
}
.iot--filtertags-container__wrap .cds--overflow-menu {
  width: auto;
  height: unset;
}
.iot--filtertags-container .iot--filtertags-overflow-menu,
.iot--filtertags-container .iot--filtertags-overflow-menu.cds--overflow-menu--open,
.iot--filtertags-container .cds--overflow-menu.cds--overflow-menu--open:hover,
.iot--filtertags-container .iot--filtertags-overflow-menu:hover {
  box-shadow: none;
  background-color: unset;
  display: inline-block;
}
.iot--filtertags-container .iot--filtertags-overflow-menu .cds--tag,
.iot--filtertags-container .iot--filtertags-overflow-menu.cds--overflow-menu--open .cds--tag,
.iot--filtertags-container .cds--overflow-menu.cds--overflow-menu--open:hover .cds--tag,
.iot--filtertags-container .iot--filtertags-overflow-menu:hover .cds--tag {
  cursor: pointer;
}
.iot--filtertags-container .iot--filtertags-overflow-items[data-floating-menu-direction=bottom]::after {
  background-color: unset;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  bottom: 100%;
  height: 0;
  left: 50%;
  top: unset;
  transform: translateX(-50%);
  width: 0;
}

.iot--filtertags-overflow-item__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.iot--filtertags-overflow-item__wrapper span {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cds--loading {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  animation-duration: 690ms;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: cds--rotate;
  animation-timing-function: linear;
  block-size: 5.5rem;
  inline-size: 5.5rem;
}
.cds--loading *,
.cds--loading *::before,
.cds--loading *::after {
  box-sizing: inherit;
}
.cds--loading svg circle {
  animation-duration: 10ms;
  animation-name: cds--init-stroke;
  animation-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--loading svg circle {
    animation: none;
  }
}

.cds--loading__svg {
  fill: transparent;
}

.cds--loading__svg circle {
  stroke-dasharray: 276.4608 276.4608;
  stroke-linecap: butt;
  stroke-width: 10;
}

.cds--loading__stroke {
  stroke: var(--cds-interactive, #0f62fe);
  stroke-dashoffset: 52.527552;
}

.cds--loading--small .cds--loading__stroke {
  stroke-dashoffset: 143.759616;
}

.cds--loading--stop {
  animation: cds--rotate-end-p1 700ms cubic-bezier(0, 0, 0.25, 1) forwards, cds--rotate-end-p2 700ms cubic-bezier(0, 0, 0.25, 1) 700ms forwards;
}
.cds--loading--stop svg circle {
  animation-delay: 700ms;
  animation-duration: 700ms;
  animation-fill-mode: forwards;
  animation-name: cds--stroke-end;
  animation-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--loading--stop svg circle {
    animation: none;
  }
}

.cds--loading--small {
  block-size: 1rem;
  inline-size: 1rem;
  line-height: 1rem;
}
.cds--loading--small circle {
  stroke-width: 16;
}

.cds--loading--small .cds--loading__svg {
  stroke: var(--cds-interactive, #0f62fe);
}

.cds--loading__background {
  stroke: var(--cds-layer-accent);
  stroke-dashoffset: -22;
}

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  circle.cds--loading__background {
    stroke-dasharray: 265;
    stroke-dashoffset: 0;
  }
}
.cds--loading-overlay {
  position: fixed;
  z-index: 6000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
  block-size: 100%;
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  transition: background-color 700ms cubic-bezier(0.4, 0.14, 0.3, 1);
}

.cds--loading-overlay--stop {
  display: none;
}

@keyframes cds--rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes cds--rotate-end-p1 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes cds--rotate-end-p2 {
  100% {
    transform: rotate(-360deg);
  }
}
/* Stroke animations */
@keyframes cds--init-stroke {
  0% {
    stroke-dashoffset: 276.4608;
  }
  100% {
    stroke-dashoffset: 52.527552;
  }
}
@keyframes cds--stroke-end {
  0% {
    stroke-dashoffset: 52.527552;
  }
  100% {
    stroke-dashoffset: 276.4608;
  }
}
.cds--file {
  inline-size: 100%;
}

.cds--file--invalid {
  fill: var(--cds-support-error, #da1e28);
  margin-inline-end: 0.5rem;
}

.cds--file--label {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
  margin-block-end: 0.5rem;
}
.cds--file--label html {
  font-size: 100%;
}
.cds--file--label body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--file--label code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--file--label strong {
  font-weight: 600;
}

.cds--file--label--disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

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

.cds--file-btn {
  display: inline-flex;
  margin: 0;
  padding-inline-end: 4rem;
}

.cds--file-browse-btn {
  display: inline-block;
  color: var(--cds-link-primary, #0f62fe);
  cursor: pointer;
  inline-size: 100%;
  max-inline-size: 20rem;
  outline: 2px solid transparent;
  outline-offset: -2px;
  transition: 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--file-browse-btn:focus, .cds--file-browse-btn:hover {
  outline: 2px solid var(--cds-focus, #0f62fe);
}
.cds--file-browse-btn:hover, .cds--file-browse-btn:focus, .cds--file-browse-btn:active, .cds--file-browse-btn:active:visited {
  text-decoration: underline;
}
.cds--file-browse-btn:active {
  color: var(--cds-text-primary, #161616);
}

.cds--file-browse-btn--disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: no-drop;
  text-decoration: none;
  transition: none;
}
.cds--file-browse-btn--disabled:hover, .cds--file-browse-btn--disabled:focus {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
  text-decoration: none;
}

.cds--file-browse-btn--disabled .cds--file__drop-container {
  border: 1px dashed var(--cds-button-disabled, #c6c6c6);
}

.cds--label-description {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 1rem;
}
.cds--label-description html {
  font-size: 100%;
}
.cds--label-description body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--label-description code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--label-description strong {
  font-weight: 600;
}

.cds--label-description--disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--file-container--drop {
  inline-size: 100%;
}

.cds--file-btn ~ .cds--file-container {
  margin-block-start: 1.5rem;
}

.cds--btn ~ .cds--file-container {
  margin-block-start: 1rem;
}

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

.cds--file__selected-file {
  display: grid;
  align-items: center;
  background-color: var(--cds-layer);
  gap: 0.75rem 0;
  grid-auto-rows: auto;
  grid-template-columns: 1fr auto;
  margin-block-end: 0.5rem;
  max-inline-size: 20rem;
  min-block-size: 3rem;
  word-break: break-word;
}
.cds--file__selected-file:last-child {
  margin-block-end: 0;
}
.cds--file__selected-file .cds--form-requirement {
  display: block;
  margin: 0;
  grid-column: 1/-1;
  max-block-size: none;
}
.cds--file__selected-file .cds--inline-loading__animation .cds--loading {
  margin-inline-end: 0;
}
.cds--file__selected-file .cds--file-filename {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  overflow: hidden;
  margin-inline-start: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cds--file__selected-file .cds--file-filename-container-wrap {
  margin-block-start: 1px;
  max-inline-size: 17.5rem;
  padding-inline-start: 1rem;
}
@media (max-width: 410px) {
  .cds--file__selected-file .cds--file-filename-container-wrap {
    max-inline-size: 13.5rem;
  }
}
.cds--file__selected-file .cds--file-filename-container-wrap-invalid {
  max-inline-size: 15.5rem;
}
.cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
  inline-size: -webkit-fill-available;
  padding-inline-start: 1rem;
  /* This is for targeting styles specific to firefox */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
@-moz-document url-prefix() {
  .cds--file__selected-file .cds--file-filename-container-wrap-invalid .cds--file-filename-tooltip {
    inline-size: -moz-available;
  }
}
.cds--file__selected-file .cds--file-filename-tooltip {
  inline-size: -webkit-fill-available;
  /* This is for targeting styles specific to firefox */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
@-moz-document url-prefix() {
  .cds--file__selected-file .cds--file-filename-tooltip {
    inline-size: -moz-available;
  }
}
.cds--file__selected-file .cds--file-filename-button {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  overflow: hidden;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  inline-size: -webkit-fill-available;
  outline: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* This is for targeting styles specific to firefox */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
@-moz-document url-prefix() {
  .cds--file__selected-file .cds--file-filename-button {
    inline-size: -moz-available;
  }
}
.cds--file__selected-file .cds--file-filename-button:focus {
  outline: revert;
}

.cds--file__selected-file--md {
  gap: 0.5rem 0;
  min-block-size: 2.5rem;
}

.cds--file__selected-file--sm {
  gap: 0.25rem 0;
  min-block-size: 2rem;
}

.cds--file__selected-file--invalid__wrapper {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
  background-color: var(--cds-layer);
  margin-block-end: 0.5rem;
  max-inline-size: 20rem;
  outline-width: 1px;
}
@media screen and (prefers-contrast) {
  .cds--file__selected-file--invalid__wrapper {
    outline-style: dotted;
  }
}

.cds--file__selected-file--invalid {
  outline: 2px solid var(--cds-support-error, #da1e28);
  outline-offset: -2px;
  padding: 0.75rem 0;
}
@media screen and (prefers-contrast) {
  .cds--file__selected-file--invalid {
    outline-style: dotted;
  }
}

.cds--file__selected-file--invalid.cds--file__selected-file--sm {
  padding: 0.25rem 0;
}

.cds--file__selected-file--invalid.cds--file__selected-file--md {
  padding: 0.5rem 0;
}

.cds--file__selected-file--invalid .cds--form-requirement {
  border-block-start: 1px solid var(--cds-border-subtle);
  padding-block-start: 1rem;
}

.cds--file__selected-file--invalid.cds--file__selected-file--sm .cds--form-requirement {
  padding-block-start: 0.4375rem;
}

.cds--file__selected-file--invalid.cds--file__selected-file--md .cds--form-requirement {
  padding-block-start: 0.6875rem;
}

.cds--file__selected-file--invalid .cds--form-requirement__title,
.cds--file__selected-file--invalid .cds--form-requirement__supplement {
  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
  line-height: var(--cds-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
  padding: 0 1rem;
}

.cds--file__selected-file--invalid .cds--form-requirement__title {
  color: var(--cds-text-error, #da1e28);
}

.cds--file__selected-file--invalid .cds--form-requirement__supplement {
  color: var(--cds-text-primary, #161616);
}

.cds--file__selected-file--invalid + .cds--form-requirement {
  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
  line-height: var(--cds-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
  display: block;
  overflow: visible;
  padding: 0.5rem 1rem;
  color: var(--cds-text-error, #da1e28);
  font-weight: 400;
  max-block-size: 12.5rem;
}

.cds--file__selected-file--invalid + .cds--form-requirement .cds--form-requirement__supplement {
  color: var(--cds-text-primary, #161616);
  padding-block-end: 0.5rem;
}

.cds--file__state-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 1.5rem;
  padding-inline-end: 0.75rem;
}
.cds--file__state-container .cds--loading__svg {
  stroke: var(--cds-icon-primary, #161616);
}

.cds--file__state-container .cds--file-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem;
  border: none;
  background-color: transparent;
  block-size: 1rem;
  inline-size: 1.5rem;
}

.cds--file__state-container .cds--file-complete {
  fill: var(--cds-interactive, #0f62fe);
  inline-size: 1.5rem;
}
.cds--file__state-container .cds--file-complete:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--file__state-container .cds--file-complete:focus {
    outline-style: dotted;
  }
}
.cds--file__state-container .cds--file-complete [data-icon-path=inner-path] {
  fill: var(--cds-icon-inverse, #ffffff);
  opacity: 1;
}

.cds--file__state-container .cds--file-invalid {
  block-size: 1rem;
  fill: var(--cds-support-error, #da1e28);
  inline-size: 1rem;
}

.cds--file__state-container .cds--file-close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: transparent;
  block-size: 1.5rem;
  cursor: pointer;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1.5rem;
}
.cds--file__state-container .cds--file-close:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--file__state-container .cds--file-close:focus {
    outline-style: dotted;
  }
}

.cds--file__state-container .cds--file-close svg path {
  fill: var(--cds-icon-primary, #161616);
}

.cds--file__state-container .cds--inline-loading__animation {
  margin-inline-end: -0.5rem;
}

.cds--file__drop-container {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  overflow: hidden;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border: 1px dashed var(--cds-border-strong);
  block-size: 6rem;
}
.cds--file__drop-container *,
.cds--file__drop-container *::before,
.cds--file__drop-container *::after {
  box-sizing: inherit;
}
.cds--file__drop-container::-moz-focus-inner {
  border: 0;
}

.cds--file__drop-container--drag-over {
  background: none;
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--file__selected-file {
    outline: 1px solid transparent;
  }
}

.cds--file__selected-file {
  width: 288px;
}

.iot--gauge-container {
  display: flex;
  flex-wrap: wrap;
  font-size: carbon--type-scale(1);
  flex-direction: row;
  align-items: center;
  row-gap: var(--gauge-row-gap);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.iot--gauge {
  fill: none;
  font-size: inherit;
  height: var(--gauge-size);
  min-width: var(--gauge-size);
  stroke-width: 8px;
  width: var(--gauge-size);
}
.iot--gauge text {
  fill: var(--cds-text-secondary, #525252);
}

.iot--gauge-bg {
  stroke: var(--gauge-bg);
  stroke-width: 0.25rem;
}

.iot--gauge-fg {
  paint-order: stroke;
  stroke: var(--gauge-colors);
  stroke-dasharray: 0 var(--stroke-dash-array);
  transform: rotate(-90deg);
  transform-origin: center;
  transition: all 150ms ease-in;
}
.iot--gauge__loaded .iot--gauge-fg {
  stroke-dasharray: var(--stroke-dash) var(--stroke-dash-array);
}

.iot--gauge-value-sm tspan:first-of-type {
  font-size: 1rem;
}

.iot--gauge-value-md tspan:first-of-type {
  font-size: 1.25rem;
}

.iot--gauge-value-lg tspan:first-of-type {
  font-size: 1.5rem;
}

.iot--meter__centered::after {
  display: none;
}

.iot--gauge-trend {
  padding-left: 1rem;
  display: flex;
  align-items: center;
}
.iot--gauge-trend p::before {
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  content: "";
  left: -0.75rem;
  height: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
.iot--gauge-trend__up {
  color: var(--cds-support-success, #24a148);
}
.iot--gauge-trend__up p::before {
  border-bottom: 0.3rem solid;
}
.iot--gauge-trend__down {
  color: var(--cds-support-error, #da1e28);
}
.iot--gauge-trend__down p::before {
  border-top: 0.3rem solid;
}
.iot--gauge-trend p {
  color: var(--gauge-trend-color);
  font-size: 0.875rem;
  position: relative;
}

.cds--content {
  padding: 2rem;
  color: var(--cds-text-primary, #161616);
  will-change: margin-left;
}

.cds--header ~ .cds--content,
div:has(.cds--header) ~ .cds--content {
  margin-block-start: 3rem;
}

.cds--side-nav ~ .cds--content {
  margin-inline-start: 3rem;
}

.cds--side-nav.cds--side-nav--expanded ~ .cds--content {
  margin-inline-start: 16rem;
}

.cds--header {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: fixed;
  z-index: 8000;
  display: flex;
  align-items: center;
  background-color: var(--cds-background, #ffffff);
  block-size: 3rem;
  border-block-end: 1px solid var(--cds-border-subtle);
  inset-block-start: 0;
  inset-inline: 0;
}
.cds--header *,
.cds--header *::before,
.cds--header *::after {
  box-sizing: inherit;
}

.cds--header__action {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-flex;
  border: 0.0625rem solid transparent;
  block-size: 3rem;
  inline-size: 3rem;
  transition: background-color 110ms, border-color 110ms;
}
.cds--header__action *,
.cds--header__action *::before,
.cds--header__action *::after {
  box-sizing: inherit;
}
.cds--header__action::-moz-focus-inner {
  border: 0;
}
@media (max-width: 41.98rem) {
  .cds--header__action {
    min-inline-size: 3rem;
  }
}

.cds--header__global .cds--popover {
  z-index: 8001;
}

.cds--header__action > :first-child {
  margin-block-start: 0;
}

.cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
.cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
  display: none;
}

.cds--header__action--active > svg.cds--navigation-menu-panel-collapse-icon {
  display: inline;
}

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

.cds--header__action--active {
  background: var(--cds-layer);
  border-block-end: 1px solid transparent;
  border-inline-end: 1px solid var(--cds-border-subtle);
  border-inline-start: 1px solid var(--cds-border-subtle);
}

.cds--header__action--active > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__action:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--header__action:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}

.cds--header__action.cds--btn--icon-only {
  align-items: center;
  justify-content: center;
}

.cds--btn.cds--btn--icon-only.cds--header__action svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--btn.cds--btn--icon-only.cds--header__action:hover svg,
.cds--btn.cds--btn--icon-only.cds--header__action:active svg,
.cds--btn.cds--btn--icon-only.cds--header__action--active svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-trigger > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-trigger:hover > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 66rem) {
  .cds--header__menu-toggle__hidden {
    display: none;
  }
}

a.cds--header__name {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  align-items: center;
  padding: 0 2rem 0 1rem;
  border: 0.125rem solid transparent;
  block-size: 100%;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  outline: none;
  text-decoration: none;
  transition: border-color 110ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 41.98rem) {
  a.cds--header__name {
    padding: 0 1rem;
  }
}

a.cds--header__name:focus {
  border-color: var(--cds-focus, #0f62fe);
}

.cds--header__name--prefix {
  font-weight: 400;
}

a.cds--header__name,
a.cds--header__name:hover {
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden) ~ .cds--header__name {
  padding-inline-start: 0.5rem;
}

.cds--header__nav {
  position: relative;
  display: none;
  block-size: 100%;
  padding-inline-start: 1rem;
}
@media (min-width: 66rem) {
  .cds--header__nav {
    display: block;
  }
}
.cds--header__nav::before {
  position: absolute;
  display: block;
  background-color: var(--cds-border-subtle);
  block-size: 1.5rem;
  content: "";
  inline-size: 0.0625rem;
  inset-block-start: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
}

.cds--header__menu-bar {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  padding: 0;
  margin: 0;
  block-size: 100%;
  list-style: none;
}
.cds--header__menu-bar *,
.cds--header__menu-bar *::before,
.cds--header__menu-bar *::after {
  box-sizing: inherit;
}

a.cds--header__menu-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  border: 2px solid transparent;
  background-color: var(--cds-background, #ffffff);
  block-size: 100%;
  color: var(--cds-text-secondary, #525252);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  text-decoration: none;
  transition: background-color 110ms, border-color 110ms, color 110ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

a.cds--header__menu-item:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

.cds--header__action:active,
a.cds--header__menu-item:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

a.cds--header__menu-item:hover > svg,
a.cds--header__menu-item:active > svg {
  fill: var(--cds-icon-primary, #161616);
}

a.cds--header__menu-item[aria-current=page],
.cds--header__menu-item--current {
  color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item[aria-current=page]::after,
.cds--header__menu-item--current::after {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: 3px;
  content: "";
  inline-size: calc(100% + 4px);
  inset-block-end: -2px;
  inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__menu-item--current:focus::after {
  border: 0;
}

.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: calc(100% + 4px);
  inline-size: 3px;
  inset-block-start: -2px;
  inset-inline-start: -2px;
}
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: calc(100% + 4px);
  inline-size: 5px;
  inset-block-start: -2px;
  inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus,
a.cds--header__menu-item.cds--header__menu-item--current:focus {
  border: 2px solid var(--cds-focus, #0f62fe);
}

.cds--header__submenu {
  position: relative;
}

.cds--header__menu-title[aria-haspopup=true] {
  position: relative;
}

.cds--header__menu-title[aria-expanded=true] {
  z-index: 8002;
  background-color: var(--cds-layer);
  color: var(--cds-text-secondary, #525252);
}

.cds--header__menu-title[aria-expanded=true] > .cds--header__menu-arrow {
  transform: rotate(180deg);
}

.cds--header__menu {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  position: absolute;
  z-index: 8001;
  display: flex;
  flex-direction: column;
  background-color: var(--cds-layer);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  inline-size: 12.5rem;
  inset-block-end: 0;
  inset-inline-start: 0;
  transform: translateY(100%);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item {
  background-color: var(--cds-layer);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:hover {
  background-color: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:active {
  background-color: var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
  background-color: var(--cds-layer-selected);
}
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
  background-color: var(--cds-layer-selected-hover);
}

.cds--header__menu .cds--header__menu-item {
  block-size: 3rem;
}

.cds--header__menu-arrow {
  fill: var(--cds-icon-secondary, #525252);
  margin-inline-start: 0.5rem;
  transition: transform 110ms, fill 110ms;
}

.cds--header__global {
  display: flex;
  flex: 1 1 0%;
  justify-content: flex-end;
  block-size: 100%;
}

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

.cds--skip-to-content:focus {
  z-index: 9999;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  border: 4px solid var(--cds-focus, #0f62fe);
  background-color: var(--cds-background, #ffffff);
  block-size: 3rem;
  clip: auto;
  color: var(--cds-text-secondary, #525252);
  inline-size: auto;
  inset-block-start: 0;
  inset-inline-start: 0;
  outline: none;
}

.cds--header-panel {
  position: fixed;
  z-index: 8000;
  overflow: hidden;
  border: none;
  background-color: var(--cds-layer);
  color: var(--cds-text-secondary, #525252);
  inline-size: 0;
  inset-block: 3rem 0;
  inset-inline-end: 0;
  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
  will-change: width;
}

.cds--header-panel--expanded {
  border-inline-end: 1px solid var(--cds-border-subtle);
  border-inline-start: 1px solid var(--cds-border-subtle);
  inline-size: 16rem;
  overflow-y: auto;
}

.cds--side-nav {
  position: fixed;
  z-index: 8000;
  overflow: hidden;
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-secondary, #525252);
  inline-size: 3rem;
  inset-block: 0;
  inset-inline-start: 0;
  max-inline-size: 16rem;
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
  will-change: inline-size;
}

.cds--side-nav--ux {
  inline-size: 16rem;
  inset-block-start: 3rem;
}
@media (max-width: 65.98rem) {
  .cds--side-nav--ux {
    inline-size: 0;
  }
}

.cds--side-nav--rail {
  inline-size: 3rem;
}

.cds--side-nav--hidden {
  inline-size: 0;
}

.cds--side-nav--expanded {
  inline-size: 16rem;
}

.cds--side-nav__overlay {
  position: fixed;
  background-color: transparent;
  block-size: 0;
  inline-size: 0;
  inset-block-start: 3rem;
  inset-inline-start: 0;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
}

@media (max-width: 65.98rem) {
  .cds--side-nav__overlay-active {
    z-index: 6000;
    background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
    block-size: 100vh;
    inline-size: 100vw;
    opacity: 1;
    transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
  }
}

.cds--header ~ .cds--side-nav {
  block-size: calc(100% - 48px);
  inset-block-start: 3rem;
}

.cds--side-nav--fixed {
  inline-size: 16rem;
}

.cds--side-nav--collapsed {
  inline-size: 16rem;
  transform: translateX(-16rem);
}

.cds--side-nav__navigation {
  display: flex;
  flex-direction: column;
}

.cds--side-nav__items {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  overflow: hidden;
  flex: 1 1 0%;
  padding: 1rem 0 0;
}
.cds--side-nav__items *,
.cds--side-nav__items *::before,
.cds--side-nav__items *::after {
  box-sizing: inherit;
}
.cds--side-nav:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
  overflow-y: auto;
}

.cds--side-nav--ux .cds--side-nav__items {
  overflow-y: auto;
}

.cds--side-nav__item {
  overflow: hidden;
  block-size: auto;
  inline-size: auto;
}

.cds--side-nav--ux .cds--side-nav__item {
  block-size: auto;
  inline-size: auto;
}

.cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,
.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,
.cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,
.cds--side-nav a.cds--header__menu-item:hover,
.cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,
.cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item--large {
  block-size: auto;
}

.cds--side-nav__divider {
  margin: 0.5rem 1rem;
  background-color: var(--cds-border-subtle);
  block-size: 1px;
  list-style-type: none;
}

.cds--side-nav__divider hr {
  border: none;
}

.cds--side-nav__submenu {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  block-size: 2rem;
  color: var(--cds-text-secondary, #525252);
  transition: color 110ms, background-color 110ms, outline 110ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cds--side-nav__submenu *,
.cds--side-nav__submenu *::before,
.cds--side-nav__submenu *::after {
  box-sizing: inherit;
}
.cds--side-nav__submenu::-moz-focus-inner {
  border: 0;
}

.cds--side-nav__submenu:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

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

.cds--side-nav__submenu-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
}

.cds--side-nav__icon.cds--side-nav__submenu-chevron {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.cds--side-nav__submenu-chevron > svg {
  block-size: 1rem;
  inline-size: 1rem;
  transition: transform 110ms;
}

.cds--side-nav__submenu[aria-expanded=true] .cds--side-nav__submenu-chevron > svg {
  transform: rotate(180deg);
}

.cds--side-nav__item--large .cds--side-nav__submenu {
  block-size: 3rem;
}

.cds--side-nav__item--active .cds--side-nav__submenu:hover {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {
  position: relative;
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--cds-text-primary, #161616);
}
.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false]::before {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  content: "";
  inline-size: 3px;
  inset-block: 0;
  inset-inline-start: 0;
}

.cds--side-nav__item--active .cds--side-nav__submenu-title {
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
}

.cds--side-nav__item--active .cds--side-nav__icon > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--side-nav__menu {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
  max-block-size: 0;
  visibility: hidden;
}
.cds--side-nav__menu *,
.cds--side-nav__menu *::before,
.cds--side-nav__menu *::after {
  box-sizing: inherit;
}

.cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
  max-block-size: 93.75rem;
  visibility: inherit;
}

.cds--side-nav__menu a.cds--side-nav__link {
  block-size: 2rem;
  font-weight: 400;
  min-block-size: 2rem;
  padding-inline-start: 2rem;
}

.cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {
  padding-inline-start: 4.5rem;
}

.cds--side-nav__menu a.cds--side-nav__link--current,
.cds--side-nav__menu a.cds--side-nav__link[aria-current=page],
a.cds--side-nav__link--current {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
}
.cds--side-nav__menu a.cds--side-nav__link--current > span,
.cds--side-nav__menu a.cds--side-nav__link[aria-current=page] > span,
a.cds--side-nav__link--current > span {
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
}

a.cds--side-nav__link,
.cds--side-nav a.cds--header__menu-item,
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  min-block-size: 2rem;
  text-decoration: none;
  transition: color 110ms, background-color 110ms, outline 110ms;
}

.cds--side-nav__item--large a.cds--side-nav__link {
  block-size: 3rem;
}

a.cds--side-nav__link > .cds--side-nav__link-text,
.cds--side-nav a.cds--header__menu-item .cds--text-truncate-end {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cds-text-secondary, #525252);
  font-size: 0.875rem;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

a.cds--side-nav__link:focus,
.cds--side-nav a.cds--header__menu-item:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  a.cds--side-nav__link:focus,
  .cds--side-nav a.cds--header__menu-item:focus {
    outline-style: dotted;
  }
}

a.cds--side-nav__link[aria-current=page],
a.cds--side-nav__link--current {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  font-weight: 600;
}

a.cds--side-nav__link[aria-current=page] .cds--side-nav__link-text,
a.cds--side-nav__link--current .cds--side-nav__link-text {
  color: var(--cds-text-primary, #161616);
}

a.cds--side-nav__link[aria-current=page]::before,
a.cds--side-nav__link--current::before {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  content: "";
  inline-size: 3px;
  inset-block: 0;
  inset-inline-start: 0;
}

.cds--side-nav__icon {
  display: flex;
  flex: 0 0 1rem;
  align-items: center;
  justify-content: center;
}

.cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {
  margin-inline-end: 1.5rem;
}

.cds--side-nav__icon > svg {
  block-size: 1rem;
  fill: var(--cds-icon-secondary, #525252);
  inline-size: 1rem;
}

.cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
  display: none;
}

.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-expand-icon {
  display: none;
}

.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
  display: block;
}

.cds--side-nav--fixed a.cds--side-nav__link,
.cds--side-nav--fixed .cds--side-nav__submenu {
  padding-inline-start: 1rem;
}

.cds--side-nav--fixed .cds--side-nav__item:not(.cds--side-nav__item--icon) .cds--side-nav__menu a.cds--side-nav__link {
  padding-inline-start: 2rem;
}

@media (max-width: 65.98rem) {
  .cds--side-nav .cds--header__nav {
    display: block;
  }
}

.cds--side-nav__header-navigation {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: none;
}
.cds--side-nav__header-navigation *,
.cds--side-nav__header-navigation *::before,
.cds--side-nav__header-navigation *::after {
  box-sizing: inherit;
}
@media (max-width: 65.98rem) {
  .cds--side-nav__header-navigation {
    position: relative;
    display: block;
    margin-block-end: 2rem;
  }
}

.cds--side-nav__header-divider::after {
  position: absolute;
  background: var(--cds-border-subtle);
  block-size: 0.0625rem;
  content: "";
  inline-size: calc(100% - 32px);
  inset-block-end: -1rem;
  inset-inline-start: 1rem;
}

.cds--side-nav a.cds--header__menu-item {
  justify-content: space-between;
  color: var(--cds-text-secondary, #525252);
  white-space: nowrap;
}
.cds--side-nav a.cds--header__menu-item[aria-expanded=true] {
  background-color: transparent;
}

.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  inline-size: 100%;
  inset-block-end: inherit;
  transform: none;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu li {
  inline-size: 100%;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item {
  font-weight: 400;
  padding-inline-start: 4.25rem;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
  background-color: var(--cds-layer-selected-hover);
}

.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
  block-size: calc(100% + 4px);
  inline-size: 3px;
}

.cds--side-nav .cds--header__menu a.cds--header__menu-item {
  block-size: inherit;
}

.cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
.cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
.cds--side-nav .cds--header__menu-arrow {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--switcher {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--cds-text-secondary, #525252);
}
.cds--switcher *,
.cds--switcher *::before,
.cds--switcher *::after {
  box-sizing: inherit;
}

.cds--switcher__item {
  block-size: 2rem;
  inline-size: 100%;
}

.cds--switcher__item:nth-child(1) {
  margin-block-start: 1rem;
}

.cds--switcher__item--divider {
  display: block;
  border: none;
  margin: 0.5rem 1rem;
  background: var(--cds-border-subtle);
  block-size: 1px;
  inline-size: 14rem;
}

.cds--switcher__item-link {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: block;
  padding: 0.375rem 1rem;
  block-size: 2rem;
  color: var(--cds-text-secondary, #525252);
  text-decoration: none;
}
.cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected) {
  background: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
}
.cds--switcher__item-link:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
.cds--switcher__item-link:active {
  background: var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
}

.cds--switcher__item-link--selected {
  background: var(--cds-layer-selected);
  color: var(--cds-text-primary, #161616);
}

.cds--content {
  padding: 2rem;
  color: var(--cds-text-primary, #161616);
  will-change: margin-left;
}

.cds--header ~ .cds--content,
div:has(.cds--header) ~ .cds--content {
  margin-block-start: 3rem;
}

.cds--side-nav ~ .cds--content {
  margin-inline-start: 3rem;
}

.cds--side-nav.cds--side-nav--expanded ~ .cds--content {
  margin-inline-start: 16rem;
}

.cds--header {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: fixed;
  z-index: 8000;
  display: flex;
  align-items: center;
  background-color: var(--cds-background, #ffffff);
  block-size: 3rem;
  border-block-end: 1px solid var(--cds-border-subtle);
  inset-block-start: 0;
  inset-inline: 0;
}
.cds--header *,
.cds--header *::before,
.cds--header *::after {
  box-sizing: inherit;
}

.cds--header__action {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-flex;
  border: 0.0625rem solid transparent;
  block-size: 3rem;
  inline-size: 3rem;
  transition: background-color 110ms, border-color 110ms;
}
.cds--header__action *,
.cds--header__action *::before,
.cds--header__action *::after {
  box-sizing: inherit;
}
.cds--header__action::-moz-focus-inner {
  border: 0;
}
@media (max-width: 41.98rem) {
  .cds--header__action {
    min-inline-size: 3rem;
  }
}

.cds--header__global .cds--popover {
  z-index: 8001;
}

.cds--header__action > :first-child {
  margin-block-start: 0;
}

.cds--header__action > svg.cds--navigation-menu-panel-collapse-icon,
.cds--header__action--active > svg.cds--navigation-menu-panel-expand-icon {
  display: none;
}

.cds--header__action--active > svg.cds--navigation-menu-panel-collapse-icon {
  display: inline;
}

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

.cds--header__action--active {
  background: var(--cds-layer);
  border-block-end: 1px solid transparent;
  border-inline-end: 1px solid var(--cds-border-subtle);
  border-inline-start: 1px solid var(--cds-border-subtle);
}

.cds--header__action--active > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__action:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--header__action:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}

.cds--header__action.cds--btn--icon-only {
  align-items: center;
  justify-content: center;
}

.cds--btn.cds--btn--icon-only.cds--header__action svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--btn.cds--btn--icon-only.cds--header__action:hover svg,
.cds--btn.cds--btn--icon-only.cds--header__action:active svg,
.cds--btn.cds--btn--icon-only.cds--header__action--active svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-trigger > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-trigger:hover > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--header__menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 66rem) {
  .cds--header__menu-toggle__hidden {
    display: none;
  }
}

a.cds--header__name {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  align-items: center;
  padding: 0 2rem 0 1rem;
  border: 0.125rem solid transparent;
  block-size: 100%;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  outline: none;
  text-decoration: none;
  transition: border-color 110ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 41.98rem) {
  a.cds--header__name {
    padding: 0 1rem;
  }
}

a.cds--header__name:focus {
  border-color: var(--cds-focus, #0f62fe);
}

.cds--header__name--prefix {
  font-weight: 400;
}

a.cds--header__name,
a.cds--header__name:hover {
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-toggle:not(.cds--header__menu-toggle__hidden) ~ .cds--header__name {
  padding-inline-start: 0.5rem;
}

.cds--header__nav {
  position: relative;
  display: none;
  block-size: 100%;
  padding-inline-start: 1rem;
}
@media (min-width: 66rem) {
  .cds--header__nav {
    display: block;
  }
}
.cds--header__nav::before {
  position: absolute;
  display: block;
  background-color: var(--cds-border-subtle);
  block-size: 1.5rem;
  content: "";
  inline-size: 0.0625rem;
  inset-block-start: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
}

.cds--header__menu-bar {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  padding: 0;
  margin: 0;
  block-size: 100%;
  list-style: none;
}
.cds--header__menu-bar *,
.cds--header__menu-bar *::before,
.cds--header__menu-bar *::after {
  box-sizing: inherit;
}

a.cds--header__menu-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  border: 2px solid transparent;
  background-color: var(--cds-background, #ffffff);
  block-size: 100%;
  color: var(--cds-text-secondary, #525252);
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  text-decoration: none;
  transition: background-color 110ms, border-color 110ms, color 110ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

a.cds--header__menu-item:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

.cds--header__action:active,
a.cds--header__menu-item:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
  color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

a.cds--header__menu-item:hover > svg,
a.cds--header__menu-item:active > svg {
  fill: var(--cds-icon-primary, #161616);
}

a.cds--header__menu-item[aria-current=page],
.cds--header__menu-item--current {
  color: var(--cds-text-primary, #161616);
}

a.cds--header__menu-item[aria-current=page]::after,
.cds--header__menu-item--current::after {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: 3px;
  content: "";
  inline-size: calc(100% + 4px);
  inset-block-end: -2px;
  inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__menu-item--current:focus::after {
  border: 0;
}

.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current::after {
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: calc(100% + 4px);
  inline-size: 3px;
  inset-block-start: -2px;
  inset-inline-start: -2px;
}
.cds--header__submenu .cds--header__menu a.cds--header__menu-item[aria-current=page]:focus::after,
.cds--header__submenu .cds--header__menu .cds--header__menu-item--current:focus::after {
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: calc(100% + 4px);
  inline-size: 5px;
  inset-block-start: -2px;
  inset-inline-start: -2px;
}

a.cds--header__menu-item[aria-current=page]:focus,
a.cds--header__menu-item.cds--header__menu-item--current:focus {
  border: 2px solid var(--cds-focus, #0f62fe);
}

.cds--header__submenu {
  position: relative;
}

.cds--header__menu-title[aria-haspopup=true] {
  position: relative;
}

.cds--header__menu-title[aria-expanded=true] {
  z-index: 8002;
  background-color: var(--cds-layer);
  color: var(--cds-text-secondary, #525252);
}

.cds--header__menu-title[aria-expanded=true] > .cds--header__menu-arrow {
  transform: rotate(180deg);
}

.cds--header__menu {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  position: absolute;
  z-index: 8001;
  display: flex;
  flex-direction: column;
  background-color: var(--cds-layer);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  inline-size: 12.5rem;
  inset-block-end: 0;
  inset-inline-start: 0;
  transform: translateY(100%);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item {
  background-color: var(--cds-layer);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:hover {
  background-color: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item:active {
  background-color: var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
}

.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current {
  background-color: var(--cds-layer-selected);
}
.cds--header__menu-title[aria-expanded=true] + .cds--header__menu .cds--header__menu-item.cds--header__menu-item--current:hover {
  background-color: var(--cds-layer-selected-hover);
}

.cds--header__menu .cds--header__menu-item {
  block-size: 3rem;
}

.cds--header__menu-arrow {
  fill: var(--cds-icon-secondary, #525252);
  margin-inline-start: 0.5rem;
  transition: transform 110ms, fill 110ms;
}

.cds--header__global {
  display: flex;
  flex: 1 1 0%;
  justify-content: flex-end;
  block-size: 100%;
}

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

.cds--skip-to-content:focus {
  z-index: 9999;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  border: 4px solid var(--cds-focus, #0f62fe);
  background-color: var(--cds-background, #ffffff);
  block-size: 3rem;
  clip: auto;
  color: var(--cds-text-secondary, #525252);
  inline-size: auto;
  inset-block-start: 0;
  inset-inline-start: 0;
  outline: none;
}

.cds--header-panel {
  position: fixed;
  z-index: 8000;
  overflow: hidden;
  border: none;
  background-color: var(--cds-layer);
  color: var(--cds-text-secondary, #525252);
  inline-size: 0;
  inset-block: 3rem 0;
  inset-inline-end: 0;
  transition: width 110ms cubic-bezier(0.2, 0, 1, 0.9);
  will-change: width;
}

.cds--header-panel--expanded {
  border-inline-end: 1px solid var(--cds-border-subtle);
  border-inline-start: 1px solid var(--cds-border-subtle);
  inline-size: 16rem;
  overflow-y: auto;
}

.cds--side-nav {
  position: fixed;
  z-index: 8000;
  overflow: hidden;
  background-color: var(--cds-background, #ffffff);
  color: var(--cds-text-secondary, #525252);
  inline-size: 3rem;
  inset-block: 0;
  inset-inline-start: 0;
  max-inline-size: 16rem;
  transition: inline-size 0.11s cubic-bezier(0.2, 0, 1, 0.9), transform 0.11s cubic-bezier(0.2, 0, 1, 0.9);
  will-change: inline-size;
}

.cds--side-nav--ux {
  inline-size: 16rem;
  inset-block-start: 3rem;
}
@media (max-width: 65.98rem) {
  .cds--side-nav--ux {
    inline-size: 0;
  }
}

.cds--side-nav--rail {
  inline-size: 3rem;
}

.cds--side-nav--hidden {
  inline-size: 0;
}

.cds--side-nav--expanded {
  inline-size: 16rem;
}

.cds--side-nav__overlay {
  position: fixed;
  background-color: transparent;
  block-size: 0;
  inline-size: 0;
  inset-block-start: 3rem;
  inset-inline-start: 0;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
}

@media (max-width: 65.98rem) {
  .cds--side-nav__overlay-active {
    z-index: 6000;
    background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
    block-size: 100vh;
    inline-size: 100vw;
    opacity: 1;
    transition: opacity 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 300ms cubic-bezier(0.5, 0, 0.1, 1);
  }
}

.cds--header ~ .cds--side-nav {
  block-size: calc(100% - 48px);
  inset-block-start: 3rem;
}

.cds--side-nav--fixed {
  inline-size: 16rem;
}

.cds--side-nav--collapsed {
  inline-size: 16rem;
  transform: translateX(-16rem);
}

.cds--side-nav__navigation {
  display: flex;
  flex-direction: column;
}

.cds--side-nav__items {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  overflow: hidden;
  flex: 1 1 0%;
  padding: 1rem 0 0;
}
.cds--side-nav__items *,
.cds--side-nav__items *::before,
.cds--side-nav__items *::after {
  box-sizing: inherit;
}
.cds--side-nav:hover .cds--side-nav__items, .cds--side-nav--fixed .cds--side-nav__items, .cds--side-nav--expanded .cds--side-nav__items {
  overflow-y: auto;
}

.cds--side-nav--ux .cds--side-nav__items {
  overflow-y: auto;
}

.cds--side-nav__item {
  overflow: hidden;
  block-size: auto;
  inline-size: auto;
}

.cds--side-nav--ux .cds--side-nav__item {
  block-size: auto;
  inline-size: auto;
}

.cds--side-nav__item:not(.cds--side-nav__item--active):hover .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__submenu:hover,
.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover,
.cds--side-nav__menu a.cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover,
.cds--side-nav a.cds--header__menu-item:hover,
.cds--side-nav .cds--header__menu-title[aria-expanded=true]:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,
.cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span {
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item--large {
  block-size: auto;
}

.cds--side-nav__divider {
  margin: 0.5rem 1rem;
  background-color: var(--cds-border-subtle);
  block-size: 1px;
  list-style-type: none;
}

.cds--side-nav__divider hr {
  border: none;
}

.cds--side-nav__submenu {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  block-size: 2rem;
  color: var(--cds-text-secondary, #525252);
  transition: color 110ms, background-color 110ms, outline 110ms;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cds--side-nav__submenu *,
.cds--side-nav__submenu *::before,
.cds--side-nav__submenu *::after {
  box-sizing: inherit;
}
.cds--side-nav__submenu::-moz-focus-inner {
  border: 0;
}

.cds--side-nav__submenu:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}

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

.cds--side-nav__submenu-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
}

.cds--side-nav__icon.cds--side-nav__submenu-chevron {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.cds--side-nav__submenu-chevron > svg {
  block-size: 1rem;
  inline-size: 1rem;
  transition: transform 110ms;
}

.cds--side-nav__submenu[aria-expanded=true] .cds--side-nav__submenu-chevron > svg {
  transform: rotate(180deg);
}

.cds--side-nav__item--large .cds--side-nav__submenu {
  block-size: 3rem;
}

.cds--side-nav__item--active .cds--side-nav__submenu:hover {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--cds-text-primary, #161616);
}

.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {
  position: relative;
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  color: var(--cds-text-primary, #161616);
}
.cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false]::before {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  content: "";
  inline-size: 3px;
  inset-block: 0;
  inset-inline-start: 0;
}

.cds--side-nav__item--active .cds--side-nav__submenu-title {
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
}

.cds--side-nav__item--active .cds--side-nav__icon > svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--side-nav__menu {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
  max-block-size: 0;
  visibility: hidden;
}
.cds--side-nav__menu *,
.cds--side-nav__menu *::before,
.cds--side-nav__menu *::after {
  box-sizing: inherit;
}

.cds--side-nav__submenu[aria-expanded=true] + .cds--side-nav__menu {
  max-block-size: 93.75rem;
  visibility: inherit;
}

.cds--side-nav__menu a.cds--side-nav__link {
  block-size: 2rem;
  font-weight: 400;
  min-block-size: 2rem;
  padding-inline-start: 2rem;
}

.cds--side-nav__item.cds--side-nav__item--icon a.cds--side-nav__link {
  padding-inline-start: 4.5rem;
}

.cds--side-nav__menu a.cds--side-nav__link--current,
.cds--side-nav__menu a.cds--side-nav__link[aria-current=page],
a.cds--side-nav__link--current {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
}
.cds--side-nav__menu a.cds--side-nav__link--current > span,
.cds--side-nav__menu a.cds--side-nav__link[aria-current=page] > span,
a.cds--side-nav__link--current > span {
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
}

a.cds--side-nav__link,
.cds--side-nav a.cds--header__menu-item,
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  min-block-size: 2rem;
  text-decoration: none;
  transition: color 110ms, background-color 110ms, outline 110ms;
}

.cds--side-nav__item--large a.cds--side-nav__link {
  block-size: 3rem;
}

a.cds--side-nav__link > .cds--side-nav__link-text,
.cds--side-nav a.cds--header__menu-item .cds--text-truncate-end {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--cds-text-secondary, #525252);
  font-size: 0.875rem;
  letter-spacing: 0.1px;
  line-height: 1.25rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

a.cds--side-nav__link:focus,
.cds--side-nav a.cds--header__menu-item:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  a.cds--side-nav__link:focus,
  .cds--side-nav a.cds--header__menu-item:focus {
    outline-style: dotted;
  }
}

a.cds--side-nav__link[aria-current=page],
a.cds--side-nav__link--current {
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
  font-weight: 600;
}

a.cds--side-nav__link[aria-current=page] .cds--side-nav__link-text,
a.cds--side-nav__link--current .cds--side-nav__link-text {
  color: var(--cds-text-primary, #161616);
}

a.cds--side-nav__link[aria-current=page]::before,
a.cds--side-nav__link--current::before {
  position: absolute;
  background-color: var(--cds-border-interactive, #0f62fe);
  content: "";
  inline-size: 3px;
  inset-block: 0;
  inset-inline-start: 0;
}

.cds--side-nav__icon {
  display: flex;
  flex: 0 0 1rem;
  align-items: center;
  justify-content: center;
}

.cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {
  margin-inline-end: 1.5rem;
}

.cds--side-nav__icon > svg {
  block-size: 1rem;
  fill: var(--cds-icon-secondary, #525252);
  inline-size: 1rem;
}

.cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
  display: none;
}

.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-expand-icon {
  display: none;
}

.cds--side-nav--expanded .cds--side-nav__icon > svg.cds--side-nav-collapse-icon {
  display: block;
}

.cds--side-nav--fixed a.cds--side-nav__link,
.cds--side-nav--fixed .cds--side-nav__submenu {
  padding-inline-start: 1rem;
}

.cds--side-nav--fixed .cds--side-nav__item:not(.cds--side-nav__item--icon) .cds--side-nav__menu a.cds--side-nav__link {
  padding-inline-start: 2rem;
}

@media (max-width: 65.98rem) {
  .cds--side-nav .cds--header__nav {
    display: block;
  }
}

.cds--side-nav__header-navigation {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: none;
}
.cds--side-nav__header-navigation *,
.cds--side-nav__header-navigation *::before,
.cds--side-nav__header-navigation *::after {
  box-sizing: inherit;
}
@media (max-width: 65.98rem) {
  .cds--side-nav__header-navigation {
    position: relative;
    display: block;
    margin-block-end: 2rem;
  }
}

.cds--side-nav__header-divider::after {
  position: absolute;
  background: var(--cds-border-subtle);
  block-size: 0.0625rem;
  content: "";
  inline-size: calc(100% - 32px);
  inset-block-end: -1rem;
  inset-inline-start: 1rem;
}

.cds--side-nav a.cds--header__menu-item {
  justify-content: space-between;
  color: var(--cds-text-secondary, #525252);
  white-space: nowrap;
}
.cds--side-nav a.cds--header__menu-item[aria-expanded=true] {
  background-color: transparent;
}

.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  inline-size: 100%;
  inset-block-end: inherit;
  transform: none;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu li {
  inline-size: 100%;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item {
  font-weight: 400;
  padding-inline-start: 4.25rem;
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}
.cds--side-nav .cds--header__menu-title[aria-expanded=true] + .cds--header__menu a.cds--header__menu-item--current:hover {
  background-color: var(--cds-layer-selected-hover);
}

.cds--side-nav .cds--side-nav__header-navigation a.cds--header__menu-item[aria-current=page]::after,
.cds--side-nav .cds--side-nav__header-navigation .cds--header__menu-item--current::after {
  block-size: calc(100% + 4px);
  inline-size: 3px;
}

.cds--side-nav .cds--header__menu a.cds--header__menu-item {
  block-size: inherit;
}

.cds--side-nav a.cds--header__menu-item:hover .cds--header__menu-arrow,
.cds--side-nav a.cds--header__menu-item:focus .cds--header__menu-arrow,
.cds--side-nav .cds--header__menu-arrow {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--switcher {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--cds-text-secondary, #525252);
}
.cds--switcher *,
.cds--switcher *::before,
.cds--switcher *::after {
  box-sizing: inherit;
}

.cds--switcher__item {
  block-size: 2rem;
  inline-size: 100%;
}

.cds--switcher__item:nth-child(1) {
  margin-block-start: 1rem;
}

.cds--switcher__item--divider {
  display: block;
  border: none;
  margin: 0.5rem 1rem;
  background: var(--cds-border-subtle);
  block-size: 1px;
  inline-size: 14rem;
}

.cds--switcher__item-link {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: block;
  padding: 0.375rem 1rem;
  block-size: 2rem;
  color: var(--cds-text-secondary, #525252);
  text-decoration: none;
}
.cds--switcher__item-link:hover:not(.cds--switcher__item-link--selected) {
  background: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
}
.cds--switcher__item-link:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
.cds--switcher__item-link:active {
  background: var(--cds-layer-active);
  color: var(--cds-text-primary, #161616);
}

.cds--switcher__item-link--selected {
  background: var(--cds-layer-selected);
  color: var(--cds-text-primary, #161616);
}

.cds--header {
  background-color: #161616;
  border-block-end: 1px solid #393939;
}
.cds--header .cds--skip-to-content:focus {
  min-width: 240px;
  justify-content: center;
  border: 0.125rem solid var(--cds-layer-01, #f4f4f4);
}
.cds--header a.cds--header__name:focus {
  border-color: #ffffff;
}
.cds--header a.cds--header__name,
.cds--header a.cds--header__name:hover {
  color: #f4f4f4;
}
.cds--header .cds--header__menu-trigger > svg {
  fill: var(--cds-icon-on-color, #ffffff);
}
.cds--header__menu-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cds--header .cds--header__name {
  padding-inline-start: 0.5rem;
  min-width: 150px;
  display: inline-flex;
  color: var(--cds-layer-01, #f4f4f4);
}
.cds--header .cds--header__name > span.cds--header__name--prefix {
  white-space: nowrap;
  overflow: visible;
  display: initial;
}
.cds--header .cds--header__name > span {
  display: none;
}
@media (min-width: 672px) {
  .cds--header .cds--header__name > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: initial;
  }
}
.cds--header .cds--header__name > span.iot--header__short-name {
  white-space: nowrap;
  display: initial;
}
@media (min-width: 672px) {
  .cds--header .cds--header__name > span.iot--header__short-name {
    display: none;
  }
}
.cds--header__menu-title[data-testid=menuitem][aria-expanded=true] + .cds--header__menu {
  display: flex;
  left: auto;
  right: 0;
}
[dir=rtl] .cds--header__menu-title[data-testid=menuitem][aria-expanded=true] + .cds--header__menu {
  left: 0;
  right: auto;
}
.cds--header__menu {
  min-width: 12.5rem;
  width: auto;
}
.cds--header__menu-item[role=menuitem]:focus {
  border-color: var(--cds-layer-01, #f4f4f4);
  outline: none;
}
.cds--header .iot--header__overflow-menu-container {
  position: relative;
}
.cds--header .cds--overflow-menu {
  align-items: center;
  display: inline-flex;
  height: 3rem;
  justify-content: center;
  width: 3rem;
  padding: 0;
}
.cds--header .cds--overflow-menu:hover {
  background-color: #262626;
}
.cds--header .cds--overflow-menu--open {
  background-color: #262626;
}
.cds--header .cds--overflow-menu-options {
  background-color: #262626;
}
.cds--header .cds--overflow-menu-options::after {
  background-color: #262626;
  width: 3rem;
}
.cds--header .cds--overflow-menu-options__btn {
  background-color: #262626;
  text-decoration: none;
  color: #c6c6c6;
}
.cds--header .cds--overflow-menu-options__btn:hover {
  color: #c6c6c6;
}
.cds--header .cds--overflow-menu.cds--btn--ghost svg.cds--overflow-menu__icon {
  fill: var(--cds-layer-01, #f4f4f4);
}
.cds--header .cds--overflow-menu .cds--header__submenu.cds--header-action-btn {
  padding: 0;
}
.cds--header .cds--overflow-menu .cds--header__submenu.cds--header-action-btn .cds--header__menu-item.cds--header__menu-title {
  justify-content: flex-start;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  text-decoration: none;
}
.cds--header .cds--overflow-menu .cds--header-action-btn {
  height: 100%;
  width: 100%;
  justify-content: flex-start;
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  text-decoration: none;
}
.cds--header .cds--overflow-menu.cds--overflow-menu--open,
.cds--header .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger {
  background-color: #262626;
}
.cds--header .cds--overflow-menu.cds--overflow-menu--open:hover,
.cds--header .cds--overflow-menu.cds--overflow-menu--open .cds--overflow-menu__trigger:hover {
  background-color: #262626;
}
.cds--header .cds--header__action:focus,
.cds--header .cds--header__menu-title.iot--btn.cds--btn--primary:focus {
  border-color: #ffffff;
  box-shadow: none;
  border-width: 1px;
  background-color: #393939;
}
.cds--header a.cds--header__menu-item {
  background-color: #262626;
  color: #c6c6c6;
}
.cds--header .cds--header__submenu.cds--header-action-btn .cds--popover-container {
  width: 100%;
}
.cds--header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu {
  position: absolute;
  z-index: 8000;
  display: flex;
  flex-direction: column;
  background-color: #262626;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
  inset-block-end: 0;
  inset-inline-start: 0;
  transform: translateY(100%);
  left: auto;
  right: 0;
}
[dir=rtl] .cds--header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu {
  left: 0;
  right: auto;
}
.cds--header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu .cds--header__menu-item:not(cds--header__menu-title) {
  padding: 0 1rem;
}
.cds--header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu .cds--header__menu-item:focus {
  border-color: #ffffff;
  color: #f4f4f4;
  outline: none;
}
.cds--header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu .cds--header__menu-item:hover {
  background-color: #353535;
  color: #f4f4f4;
}
.cds--header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu .cds--header__menu-item:hover svg {
  fill: #f4f4f4;
}
.cds--header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu .cds--header__menu-item svg {
  fill: #c6c6c6;
}
.cds--header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu .cds--header__menu-item > span {
  display: inline-block;
  overflow: hidden;
  inline-size: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cds--header .cds--header__submenu.cds--header-action-btn .cds--header__menu-item:not(svg) {
  height: 3rem;
  position: relative;
  display: flex;
  align-items: center;
  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);
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 2px solid transparent;
  transition: background-color 110ms, border-color 110ms, color 110ms;
}

.iot--header__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);
  border-inline-start: var(--cds-icon-secondary, #525252) 1px solid;
  padding: 0.125rem 1rem;
  color: #c6c6c6;
  margin-inline-start: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-height: 1.5rem;
}
.iot--header__subtitle .cds--tag {
  margin: 0;
}

.cds--header__action--active {
  border-inline-end: 1px solid #393939;
  border-bottom: 1px solid #161616;
  border-inline-start: 1px solid #393939;
  background-color: #161616;
}
.cds--header__action:hover {
  background-color: #2c2c2c;
}
.cds--header__action:active {
  background-color: #393939;
}
.cds--header__action.cds--btn.cds--btn--icon-only.cds--header__action svg {
  fill: var(--cds-icon-on-color, #ffffff);
}

.cds--header-action-btn {
  align-items: center;
  display: inline-flex;
  height: 3rem;
  justify-content: center;
  width: 3rem;
  padding: 0;
}
.cds--header-action-btn.cds--btn.cds--btn--icon-only.cds--header__action svg {
  fill: var(--cds-icon-on-color, #ffffff);
}
.cds--header-action-btn .cds--btn.cds--btn--icon-only.cds--header__menu-title svg {
  margin: 0;
}
.cds--header-action-btn.cds--btn--primary.cds--btn:focus {
  outline-color: var(--cds-layer-01, #f4f4f4);
  border-color: var(--cds-layer-01, #f4f4f4);
  box-shadow: none;
}
.cds--header-action-btn .cds--header__menu-item[data-testid=menuitem] {
  height: 100%;
  justify-content: center;
  padding: 0;
  width: 100%;
}
.cds--header-action-btn .cds--header__menu-item span {
  display: inline;
}
.cds--header-action-btn .cds--header__menu-item svg {
  fill: var(--cds-icon-on-color, #ffffff);
}

.cds--header__menu .cds--header__menu-item[data-testid=menuitem] {
  display: flex;
  align-items: center;
  color: var(--cds-layer-active-01, #c6c6c6);
  height: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.125rem;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 2px solid rgba(0, 0, 0, 0);
  transition: background-color 110ms, border-color 110ms, color 110ms;
  justify-content: center;
  padding: 0;
  width: 100%;
}
.cds--header__menu .cds--header__menu-item[data-testid=menuitem]:focus {
  border-color: var(--cds-focus-inverse, #ffffff);
}

.cds--app-switcher {
  background-color: var(--cds-layer-01, #f4f4f4);
  border: none;
  overflow-y: scroll;
}

.action-btn__headerpanel {
  outline: none;
}
.action-btn__headerpanel--closed * {
  display: none;
}

button.cds--header__menu-item {
  background: none;
  width: 100%;
}
button.cds--header__menu-item:focus {
  border-color: var(--cds-focus-inverse, #ffffff);
  color: var(--cds-layer-02, #ffffff);
  outline: none;
}

.cds--header__menu-title.iot--btn.cds--btn--primary {
  color: var(--cds-layer-01, #f4f4f4);
}
.cds--header__menu-title.iot--btn.cds--btn--primary:focus {
  border-color: var(--cds-layer-01, #f4f4f4);
  box-shadow: none;
  border-width: 1px;
}
.cds--header__menu-title.iot--btn.cds--btn--primary[aria-expanded=true] {
  background-color: #2c2c2c;
}
.cds--header__menu-title.iot--btn.cds--btn--primary:hover {
  background-color: #2c2c2c;
}

button.cds--overflow-menu {
  background: none;
}

button.iot--overflow-menu-icon {
  justify-content: center;
}
button.iot--overflow-menu-icon .cds--btn__icon {
  width: initial;
  height: initial;
}
button.iot--overflow-menu-icon.cds--btn--icon-only.cds--tooltip__trigger svg {
  fill: var(--cds-layer-selected-inverse, #161616);
  margin-left: 0;
}
button.iot--overflow-menu-icon.cds--btn--icon-only.cds--tooltip__trigger:hover svg, button.iot--overflow-menu-icon.cds--btn--icon-only.cds--tooltip__trigger:focus svg {
  fill: var(--cds-layer-selected-inverse, #161616);
}

.iot--overflow-menu--with-label {
  width: unset;
  font-size: 0.875rem;
}

.cds--overflow-menu-options {
  inline-size: 14rem;
}

.cds--overflow-menu-options__btn {
  max-inline-size: 14.25rem;
}

.iot--dropdown__image-button:hover {
  border-color: transparent;
}
.iot--dropdown__image-button:hover ::before {
  opacity: 0;
}

.iot--icon-dropdown__footer {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  outline: 1px solid var(--cds-focus, #0f62fe);
  position: absolute;
  background-color: var(--cds-layer-01, #f4f4f4);
  z-index: 5999;
  width: 100%;
}
.iot--icon-dropdown__footer-content {
  padding: 0.5rem;
}

.iot--icon-dropdown__selection-buttons > .cds--list-box__field {
  padding: 0 3rem 0 1rem;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu {
  transition: initial;
  box-shadow: none;
  outline-style: none;
  border: none;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item--active {
  background: transparent;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item.cds--list-box__menu-item--highlighted {
  background: transparent;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item.cds--list-box__menu-item--highlighted:hover > .cds--list-box__menu-item__option > .iot--dropdown__image-button {
  border-color: transparent;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item.cds--list-box__menu-item--highlighted > .cds--list-box__menu-item__option > .iot--dropdown__image-button {
  border-color: var(--cds-focus, #0f62fe);
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item {
  display: inline-flex;
  height: -moz-min-content;
  height: min-content;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item > .cds--list-box__menu-item__option {
  overflow: visible;
  border: none;
  height: -moz-min-content;
  height: min-content;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-items: center;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item > .cds--list-box__menu-item__option:hover {
  background: var(--cds-layer-hover-01, #e8e8e8);
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item > .cds--list-box__menu-item__option > .iot--icon-dropdown__selected-icon-label {
  display: none;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item > .cds--list-box__menu-item__option > .cds--list-box__menu-item__selected-icon {
  display: none;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item > .cds--list-box__menu-item__option > .iot--icon-dropdown__image-button {
  border-width: 1px;
  border-style: solid;
  border-top-color: transparent;
  border-right-color: var(--cds-layer-accent-01, #e0e0e0);
  border-bottom-color: var(--cds-layer-accent-01, #e0e0e0);
  border-left-color: transparent;
  color: transparent;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item > .cds--list-box__menu-item__option > .iot--icon-dropdown__image-button--leading {
  border-left-color: transparent;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item > .cds--list-box__menu-item__option > .iot--icon-dropdown__image-button--trailing {
  border-right-color: transparent;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item > .cds--list-box__menu-item__option > .iot--icon-dropdown__image-button--bottom {
  border-bottom-color: transparent;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item > .cds--list-box__menu-item__option > .iot--icon-dropdown__image-button--top {
  border-top-color: var(--cds-layer-accent-01, #e0e0e0);
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item > .cds--list-box__menu-item__option > .iot--icon-dropdown__image-button:hover {
  color: transparent;
}
.iot--icon-dropdown__selection-buttons > .cds--list-box__menu > .cds--list-box__menu-item > .cds--list-box__menu-item__option > .iot--icon-dropdown__image-button > .cds--assistive-text {
  display: none;
}
.iot--icon-dropdown__selection-buttons .cds--list-box__label > .iot--icon-dropdown__image-button {
  display: none;
}
.iot--icon-dropdown__selection-buttons .cds--list-box__label > .iot--icon-dropdown__text {
  height: 100%;
}

.iot--icon-dropdown__selected-icon-label {
  display: flex;
  height: 100%;
}
.iot--icon-dropdown__selected-icon-label > svg {
  min-width: 16px;
  width: 16px;
  height: 100%;
}
.iot--icon-dropdown__selected-icon-label__content {
  margin: auto 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iot--icon-dropdown__selected-icon-label__content--open {
  color: var(--cds-layer-active-01, #c6c6c6);
}

.iot--icon-dropdown__selection-buttons .cds--list-box__menu-item {
  display: inline-flex;
  height: -webkit-min-content;
  height: 48px;
  width: 48px;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.iot--icon-dropdown__selection-buttons .cds--list-box__menu-item .cds--list-box__menu-item__option {
  border-top-color: transparent;
}

.iot--icon-switch:focus {
  box-shadow: inset 0 0 0 2px var(--cds-focus, #0f62fe), inset 0 0 0 3px var(--cds-layer-01, #f4f4f4);
}
.iot--icon-switch:focus .iot--icon-switch__divider:after, .iot--icon-switch:focus + .iot--icon-switch .iot--icon-switch__divider:after {
  display: none;
}
.iot--icon-switch:hover .iot--icon-switch__divider:after {
  display: none;
}
.iot--icon-switch:hover + .iot--icon-switch .iot--icon-switch__divider:after {
  display: none;
}
.iot--icon-switch .cds--btn__icon {
  height: 1rem;
  width: 1rem;
}
.iot--icon-switch__divider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.iot--icon-switch__divider:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 1rem;
  width: 1px;
  transform: translateY(-50%);
  background-color: var(--cds-layer-accent-01, #e0e0e0);
}
:focus .iot--icon-switch__divider:after {
  background-color: var(--cds-focus, #0f62fe);
}

.iot--image-card__wrapper {
  height: 100%;
  max-height: 100%;
}
.iot--image-card__empty {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iot--image-uploader {
  background: var(--cds-layer-02, #ffffff);
  display: flex;
  height: calc(100% - 1rem);
  margin-top: 1rem;
  overflow: hidden;
  padding: 9rem 1rem 1rem; /* stylelint-disable-line declaration-property-unit-disallowed-list */
  width: 100%;
}
.iot--image-uploader-icon {
  display: inline-flex;
  justify-content: center;
  margin-right: 1rem;
  min-width: 2rem;
}
.iot--image-uploader-drop-label-text {
  color: var(--cds-button-primary, #0f62fe);
  display: block;
  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-bottom: 0.5rem;
}
.iot--image-uploader-drop-description-text {
  margin-bottom: 1.5rem;
}
.iot--image-uploader-content {
  max-width: 32rem;
}
.iot--image-uploader .cds--file {
  height: calc(100% - 2rem);
  left: 1rem;
  position: absolute;
  top: 1rem;
  width: calc(100% - 2rem);
}
.iot--image-uploader .cds--file-browse-btn {
  height: 100%;
  max-width: unset;
  width: 100%;
}
.iot--image-uploader .cds--file__drop-container {
  height: 100%;
  width: 100%;
}
.iot--image-uploader:not(.iot--image-uploader__medium) .iot--btn:not(:last-child) {
  margin-right: 1rem;
}
.iot--image-uploader-url-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin: auto;
  max-width: 38rem;
  width: 100%;
}
.iot--image-uploader-url-wrapper input {
  margin-right: 1rem;
}
.iot--image-uploader.iot--image-uploader__url {
  align-items: center;
  padding-top: 0;
}
.iot--image-uploader.iot--image-uploader__url .iot--btn:not(:last-child) {
  margin-right: 0.25rem;
}
.iot--image-uploader .cds--inline-notification {
  margin: auto;
  margin-top: 1rem;
}

.iot--image-uploader.iot--image-uploader__medium {
  padding-top: 2rem;
}
.iot--image-uploader.iot--image-uploader__medium .iot--image-uploader-url-wrapper {
  flex-direction: column;
}
.iot--image-uploader.iot--image-uploader__medium .iot--image-uploader-url-wrapper .cds--text-input-wrapper {
  width: 100%;
}
.iot--image-uploader.iot--image-uploader__medium .iot--image-uploader-url-wrapper .iot--btn:not(:last-child) {
  margin-right: 0;
}
.iot--image-uploader.iot--image-uploader__medium .iot--image-uploader-url-wrapper input {
  margin-bottom: 1rem;
  margin-right: 0;
}
.iot--image-uploader.iot--image-uploader__medium .iot--image-uploader-drop-description-text,
.iot--image-uploader.iot--image-uploader__medium .iot--image-uploader-icon {
  display: none;
}
.iot--image-uploader.iot--image-uploader__medium .iot--image-uploader-drop-label-text {
  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-bottom: 1rem;
}
.iot--image-uploader.iot--image-uploader__medium .iot--btn {
  width: 100%;
}
.iot--image-uploader.iot--image-uploader__medium .iot--btn:not(:last-child) {
  margin-bottom: 1rem;
}
.iot--image-uploader.iot--image-uploader__medium .cds--inline-notification {
  min-width: unset;
}
.iot--image-uploader.iot--image-uploader__medium .cds--inline-notification__details {
  margin: 0;
}
.iot--image-uploader.iot--image-uploader__medium .cds--inline-notification__icon {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.iot--image-uploader.iot--image-uploader__medium .cds--inline-notification__title {
  display: none;
}

.iot--image-uploader.iot--image-uploader__mediumwide {
  padding-top: 2rem;
}
.iot--image-uploader.iot--image-uploader__mediumwide .iot--image-uploader-drop-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);
}
.iot--image-uploader.iot--image-uploader__mediumwide .iot--image-uploader-url-wrapper {
  flex-direction: row;
}

.iot--image-uploader.iot--image-uploader__largewide .iot--image-uploader-icon {
  margin-left: 2rem;
  margin-right: 3rem;
}

.iot--hotspot-container {
  position: absolute;
  font-family: Sans-Serif;
  pointer-events: auto;
  top: calc(var(--y-pos) * 1% - var(--height) * 0.5 * 1px);
  left: calc(var(--x-pos) * 1% - var(--width) * 0.5 * 1px);
}

.iot--hotspot-container--is-fixed.iot--hotspot-container--selected,
.iot--hotspot-container--is-dynamic.iot--hotspot-container--selected {
  box-sizing: border-box;
  border: solid 0.125rem var(--cds-border-interactive, #0f62fe);
  padding: 0.25rem;
  /* stylelint-disable scss/operator-no-newline-after */
  top: calc(var(--y-pos) * 1% - (var(--height) * 1px * 0.5 + 0.25rem + 0.125rem));
  left: calc(var(--x-pos) * 1% - (var(--width) * 1px * 0.5 + 0.25rem + 0.125rem));
}
.iot--hotspot-container--is-fixed.iot--hotspot-container--has-icon .cds--tooltip-trigger__wrapper,
.iot--hotspot-container--is-dynamic.iot--hotspot-container--has-icon .cds--tooltip-trigger__wrapper {
  border: solid 1px #a8a8a8;
  cursor: pointer;
  padding: 0.25rem;
  background: #ffffff;
  opacity: 0.9;
  border-radius: 4px;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}
.iot--hotspot-container--is-fixed .cds--tooltip-trigger__wrapper,
.iot--hotspot-container--is-dynamic .cds--tooltip-trigger__wrapper {
  display: flex;
  cursor: pointer;
  border-radius: 13px;
  background: none;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}

.iot--hotspot-container--is-dynamic.iot--hotspot-container--selected {
  border-style: dashed;
}

.iot--hotspot-container--toggletip-fill-color .cds--toggletip-button svg,
.iot--hotspot-container--toggletip-fill-color .cds--toggletip-button:hover svg,
.iot--hotspot-container--toggletip-fill-color .cds--toggletip--open .cds--toggletip-button svg {
  fill: var(--svg-color);
}

.iot--hotspot-container--is-text.iot--hotspot-container--selected {
  box-sizing: border-box;
  border: solid 0.125rem var(--cds-border-interactive, #0f62fe);
  top: calc(var(--y-pos) * 1% - var(--height) * 1px * 0.5);
  left: calc(var(--x-pos) * 1% - var(--width) * 1px * 0.5);
}

.iot--text-hotspot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.5rem;
  box-sizing: border-box;
  min-width: 6rem;
  min-height: calc(2.5rem);
  border-style: solid;
  background-color: var(--background-color);
  border-color: var(--border-color);
  border-width: calc(var(--border-width) * 1px);
}
.iot--text-hotspot .iot--hotspot-content > *:nth-child(2).iot--hotspot-content-attribute {
  margin-top: 0.5rem;
}
.iot--text-hotspot .iot--hotspot-content h4 {
  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);
  text-align: left;
  padding-bottom: 0;
  line-height: calc(var(--title-font-size) * 1.4px);
  font-weight: var(--title-font-weight);
  font-style: var(--title-font-style);
  text-decoration-line: var(--title-text-decoration-line);
  color: var(--title-font-color);
  font-size: calc(var(--title-font-size) * 1px);
}
.iot--text-hotspot .iot--hotspot-content h4.iot--hotspot-content-title__visually-hidden {
  visibility: hidden;
  height: 0;
}
.iot--text-hotspot .iot--hotspot-content-label-section {
  text-align: left;
}
.iot--text-hotspot .iot--hotspot-content-label,
.iot--text-hotspot .iot--hotspot-content-threshold {
  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);
  font-weight: normal;
}
.iot--text-hotspot .iot--hotspot-content-title-wrapper--editable {
  margin: calc(-1 * (0.5rem));
}
.iot--text-hotspot .iot--hotspot-content-title-wrapper--editable input.cds--text-input {
  padding: 0 calc(0.5rem + 0.125rem);
  width: calc(var(--width) * 1px - 0.125rem * 2 - var(--border-width) * 1px * 2);
  height: 2.5rem;
  border-bottom: none;
}
.iot--text-hotspot .iot--hotspot-content-title-wrapper--editable input.cds--text-input:focus {
  outline: none;
}

.iot--hotspot-content {
  word-break: break-word;
}
.iot--hotspot-content h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.25rem;
  padding-bottom: 0.5rem;
  color: var(--cds-layer-01, #f4f4f4);
}
.iot--hotspot-content h4.iot--hotspot-content-fixed-title {
  display: flex;
  justify-content: center;
}
.iot--hotspot-content-description {
  padding-bottom: 0.5rem;
  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);
}
.iot--hotspot-content-attribute {
  display: flex;
  align-items: center;
  padding-bottom: 0.25rem;
}
.iot--hotspot-content-label-section {
  flex: 1;
  padding-right: 1rem;
  text-align: left;
}
.iot--hotspot-content-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);
  letter-spacing: 0.16px;
  line-height: 0.125rem;
}
.iot--hotspot-content-threshold-section {
  flex: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.iot--hotspot-content-threshold {
  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-left: var(--threshold-padding);
  color: var(--threshold-color);
  letter-spacing: 0.16px;
  line-height: 0.125rem;
}
.iot--hotspot-content-unit {
  padding-left: 0.125rem;
}

.cds--modal {
  position: fixed;
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
  block-size: 100vh;
  content: "";
  inline-size: 100vw;
  inset-block-start: 0;
  inset-inline-start: 0;
}
.cds--modal.cds--modal--enable-presence {
  animation: cds--presence-modal__enter 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--modal.cds--modal--enable-presence {
    animation: none;
  }
}
.cds--modal.cds--modal--enable-presence[data-exiting] {
  animation: cds--presence-modal__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--modal.cds--modal--enable-presence[data-exiting] {
    animation: none;
  }
}
@keyframes cds--presence-modal__enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes cds--presence-modal__exit {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.cds--modal:not(.cds--modal--enable-presence) {
  opacity: 0;
  transition: opacity 240ms cubic-bezier(0.4, 0.14, 1, 1), visibility 0ms linear 240ms;
  visibility: hidden;
}
.cds--modal:not(.cds--modal--enable-presence).is-visible {
  opacity: 1;
  transition: opacity 240ms cubic-bezier(0, 0, 0.3, 1), visibility 0ms linear;
  visibility: inherit;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--modal:not(.cds--modal--enable-presence).is-visible {
    transition: none;
  }
}
.cds--modal .cds--text-input--fluid .cds--text-input,
.cds--modal .cds--text-area--fluid .cds--text-area__wrapper,
.cds--modal .cds--text-area--fluid .cds--text-area,
.cds--modal .cds--search--fluid .cds--search-input,
.cds--modal .cds--select--fluid .cds--select-input,
.cds--modal .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement,
.cds--modal .cds--list-box__wrapper--fluid .cds--list-box,
.cds--modal .cds--list-box__wrapper--fluid.cds--list-box__wrapper,
.cds--modal .cds--number-input--fluid input[type=number],
.cds--modal .cds--number-input--fluid input[type=text],
.cds--modal .cds--number-input--fluid .cds--number__control-btn::before,
.cds--modal .cds--number-input--fluid .cds--number__control-btn::after,
.cds--modal .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {
  background-color: var(--cds-field-01, #f4f4f4);
}
.cds--modal .cds--list-box__wrapper--fluid .cds--list-box__menu {
  background-color: var(--cds-layer-01, #f4f4f4);
}
.cds--modal .cds--list-box__menu-item:hover {
  background-color: var(--cds-layer-hover-02, #e8e8e8);
}
.cds--modal .cds--list-box__menu-item--active {
  background-color: var(--cds-layer-selected-02, #e0e0e0);
}
.cds--modal .cds--list-box__menu-item--active:hover {
  background-color: var(--cds-layer-selected-hover-02, #d1d1d1);
}
.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::before,
.cds--modal .cds--number-input--fluid .cds--number__control-btn:hover::after {
  background-color: var(--cds-field-hover);
}
.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::before,
.cds--modal .cds--number-input--fluid .cds--number__control-btn:focus::after {
  border-inline-start: 2px solid var(--cds-focus, #0f62fe);
}

.cds--modal--enable-presence[data-exiting] .cds--modal-container {
  animation: cds--presence-modal-container__exit 240ms cubic-bezier(0.4, 0.14, 1, 1) forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--modal--enable-presence[data-exiting] .cds--modal-container {
    animation: none;
  }
}
.cds--modal--enable-presence .cds--modal-container {
  animation: cds--presence-modal-container__enter 240ms cubic-bezier(0, 0, 0.3, 1) forwards;
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--modal--enable-presence .cds--modal-container {
    animation: none;
  }
}
@keyframes cds--presence-modal-container__enter {
  from {
    transform: translate3d(0, -24px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes cds--presence-modal-container__exit {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -24px, 0);
  }
}

:not(.cds--modal--enable-presence).is-visible .cds--modal-container {
  transform: translate3d(0, 0, 0);
  transition: transform 240ms cubic-bezier(0, 0, 0.3, 1);
}
:not(.cds--modal--enable-presence) .cds--modal-container {
  transform: translate3d(0, -24px, 0);
  transition: transform 240ms cubic-bezier(0.4, 0.14, 1, 1);
}

.cds--modal-container {
  position: fixed;
  display: grid;
  border: 1px solid var(--cds-border-subtle-01, #c6c6c6);
  background-color: var(--cds-layer);
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  inline-size: 100%;
  inset-block-start: 0;
  max-block-size: 100%;
  outline: 3px solid transparent;
  outline-offset: -3px;
  transform-origin: top center;
}
@media (min-width: 42rem) {
  .cds--modal-container {
    position: relative;
    inline-size: 84%;
    max-block-size: 90%;
  }
}
@media (min-width: 66rem) {
  .cds--modal-container {
    inline-size: 60%;
    max-block-size: 84%;
  }
}
@media (min-width: 82rem) {
  .cds--modal-container {
    inline-size: 48%;
  }
}
.cds--modal-container .cds--modal-container-body {
  display: contents;
}

.cds--modal-content {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  position: relative;
  color: var(--cds-text-primary, #161616);
  font-weight: 400;
  grid-column: 1/-1;
  grid-row: 2/-2;
  overflow-y: auto;
  padding-block: 0.5rem 3rem;
  padding-inline: 1rem 1rem;
}
.cds--modal-content:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--modal-content:focus {
    outline-style: dotted;
  }
}

.cds--modal-content .cds--form--fluid {
  margin-inline: -2rem;
}

.cds--modal-content > p,
.cds--modal-content__regular-content {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  padding-inline-end: calc(20% - 2rem);
}

.cds--modal-content--with-form {
  padding-inline-end: 1rem;
}

.cds--modal-header {
  grid-column: 1/-1;
  grid-row: 1/1;
  margin-block-end: 0.5rem;
  max-block-size: 50vh;
  overflow-y: auto;
  padding-block-start: 1rem;
  padding-inline: 1rem 3rem;
}

.cds--modal-header__label {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 0.25rem;
}
.cds--modal-header__label *,
.cds--modal-header__label *::before,
.cds--modal-header__label *::after {
  box-sizing: inherit;
}

.cds--modal-header__heading {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-heading-03-font-size, 1.25rem);
  font-weight: var(--cds-heading-03-font-weight, 400);
  line-height: var(--cds-heading-03-line-height, 1.4);
  letter-spacing: var(--cds-heading-03-letter-spacing, 0);
  color: var(--cds-text-primary, #161616);
  padding-inline-end: calc(20% - 3rem);
}
.cds--modal-header__heading *,
.cds--modal-header__heading *::before,
.cds--modal-header__heading *::after {
  box-sizing: inherit;
}

.cds--modal-container--xs .cds--modal-content__regular-content {
  padding-inline-end: 1rem;
}
.cds--modal-container--xs .cds--modal-content > p {
  padding-inline-end: 0;
}
@media (min-width: 42rem) {
  .cds--modal-container--xs {
    inline-size: 48%;
  }
}
@media (min-width: 66rem) {
  .cds--modal-container--xs {
    inline-size: 32%;
    max-block-size: 48%;
  }
}
@media (min-width: 82rem) {
  .cds--modal-container--xs {
    inline-size: 24%;
  }
}

.cds--modal-container--sm .cds--modal-content__regular-content {
  padding-inline-end: 1rem;
}
.cds--modal-container--sm .cds--modal-content > p {
  padding-inline-end: 0;
}
@media (min-width: 42rem) {
  .cds--modal-container--sm {
    inline-size: 60%;
  }
}
@media (min-width: 66rem) {
  .cds--modal-container--sm {
    inline-size: 42%;
    max-block-size: 72%;
  }
  .cds--modal-container--sm .cds--modal-content > p,
  .cds--modal-container--sm .cds--modal-content__regular-content {
    padding-inline-end: 20%;
  }
}
@media (min-width: 82rem) {
  .cds--modal-container--sm {
    inline-size: 36%;
  }
}

@media (min-width: 42rem) {
  .cds--modal-container--lg {
    inline-size: 96%;
  }
}
@media (min-width: 66rem) {
  .cds--modal-container--lg {
    inline-size: 84%;
    max-block-size: 96%;
  }
}
@media (min-width: 82rem) {
  .cds--modal-container--lg {
    inline-size: 72%;
  }
}

.cds--modal-scroll-content {
  border-block-end: 2px solid transparent;
  -webkit-mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
          mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
}

.cds--modal--slug .cds--modal-content.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
.cds--modal--decorator .cds--modal-content.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
.cds--modal-scroll-content.cds--modal-scroll-content--no-fade,
.cds--modal-scroll-content--no-fade {
  -webkit-mask-image: none;
          mask-image: none;
}

.cds--modal-scroll-content:has(.cds--autoalign) {
  -webkit-mask-image: none;
          mask-image: none;
}

.cds--modal-scroll-content > *:last-child {
  margin-block-end: 1.5rem;
}

.cds--modal-footer {
  display: flex;
  justify-content: flex-end;
  block-size: 4rem;
  grid-column: 1/-1;
  grid-row: -1/-1;
  margin-block-start: auto;
}

.cds--modal-footer .cds--btn {
  flex: 0 1 50%;
  align-items: baseline;
  margin: 0;
  block-size: 4rem;
  max-inline-size: none;
}

.cds--modal-footer .cds--btn:not(.cds--skeleton) {
  padding-block: 0.875rem 2rem;
}

.cds--modal-footer--three-button .cds--btn {
  flex: 0 1 25%;
  align-items: flex-start;
}

.cds--modal-close-button {
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

.cds--modal-close {
  padding: 0.75rem;
  border: 2px solid transparent;
  background-color: transparent;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--modal-close:hover {
  background-color: var(--cds-layer-hover);
}
.cds--modal-close:focus {
  border-color: var(--cds-focus, #0f62fe);
  outline: none;
}

.cds--modal-close::-moz-focus-inner {
  border: 0;
}

.cds--modal-close__icon {
  block-size: 1.25rem;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1.25rem;
}

.cds--body--with-modal-open {
  overflow: hidden;
}

.cds--body--with-modal-open .cds--modal .cds--tooltip,
.cds--body--with-modal-open .cds--modal .cds--overflow-menu-options,
.cds--body--with-modal-open .cds--overflow-menu-options {
  z-index: 9000;
}

.cds--modal-container--full-width .cds--modal-content {
  padding: 0;
  margin: 0;
}

.cds--modal--slug.cds--modal,
.cds--modal--decorator:has(.cds--ai-label).cds--modal {
  background-color: var(--cds-ai-overlay, rgba(0, 17, 65, 0.5));
}

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

.cds--modal--slug .cds--modal-container:has(.cds--modal-footer),
.cds--modal--decorator:has(.cds--ai-label) .cds--modal-container:has(.cds--modal-footer) {
  background: linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)) calc(0% + 64px), var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) calc(0% + 64px), 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-layer, var(--cds-ai-popover-background, #ffffff)), var(--cds-layer, var(--cds-ai-popover-background, #ffffff))) border-box;
  box-shadow: inset 0 -80px 0 -16px var(--cds-layer), inset 0 -160px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), 0 24px 40px -24px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
}

.cds--modal--slug .cds--modal-content.cds--modal-scroll-content,
.cds--modal--decorator .cds--modal-content.cds--modal-scroll-content {
  -webkit-mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
          mask-image: linear-gradient(to bottom, var(--cds-layer) calc(100% - 80px), transparent calc(100% - 48px), transparent 100%), linear-gradient(to left, var(--cds-layer) 0, 16px, transparent 16px), linear-gradient(to right, var(--cds-layer) 0, 2px, transparent 2px), linear-gradient(to top, var(--cds-layer) 0, 2px, transparent 2px);
}

.cds--modal-header > .cds--modal--inner__decorator:has(+ .cds--modal-close-button) > *,
.cds--modal-header > .cds--modal-close-button ~ .cds--modal--inner__decorator > *,
.cds--modal--decorator .cds--modal-container-body > .cds--modal--inner__decorator > *,
.cds--modal-header > .cds--ai-label:has(+ .cds--modal-close-button),
.cds--modal-header > .cds--modal-close-button ~ .cds--ai-label,
.cds--modal--slug .cds--modal-container-body > .cds--ai-label,
.cds--modal-header > .cds--slug:has(+ .cds--modal-close-button),
.cds--modal-header > .cds--modal-close-button ~ .cds--slug,
.cds--modal--slug .cds--modal-container-body > .cds--slug {
  position: absolute;
  inset-block-start: 0.625rem;
  inset-inline-end: 3rem;
}

.cds--modal-header > .cds--modal--inner__decorator:not(:has(.cds--ai-label)) > * {
  inset-block-start: 1rem;
}

.cds--modal-header > .cds--modal--inner__decorator:has(.cds--ai-label--revert) > * {
  inset-block-start: 1.475rem;
}

.cds--modal--decorator .cds--modal-content--overflow-indicator::before,
.cds--modal--decorator .cds--modal-content--overflow-indicator {
  display: none;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--modal-close:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.iot--image-gallery-modal--warning-modal {
  z-index: 30000;
}
.iot--image-gallery-modal.iot--composed-modal.iot--composed-modal--large .cds--modal-container {
  overflow: hidden;
  height: 80%;
  min-width: calc(100% - 1.5rem);
  max-width: calc(100% - 1.5rem);
}
@media (min-width: carbon--rem(600px)) {
  .iot--image-gallery-modal.iot--composed-modal.iot--composed-modal--large .cds--modal-container {
    height: 80%;
    min-width: calc(100% - 1.5rem);
  }
}
@media (min-width: carbon--rem(1024px)) {
  .iot--image-gallery-modal.iot--composed-modal.iot--composed-modal--large .cds--modal-container {
    min-width: calc(100% - 1.5rem);
  }
}
@media (min-width: carbon--rem(1200px)) {
  .iot--image-gallery-modal.iot--composed-modal.iot--composed-modal--large .cds--modal-container {
    min-width: calc(100% - 1.5rem);
  }
}
.iot--image-gallery-modal .cds--modal-content {
  padding-right: 1rem;
}

.iot--image-gallery-modal__top-section {
  height: 6.25rem;
}

.iot--image-gallery-modal__instruction-text {
  margin-bottom: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.iot--image-gallery-modal__search-list-view-container {
  display: flex;
  margin-bottom: 1rem;
}

.iot--image-gallery-modal__content-switcher {
  width: auto;
  margin-left: 1rem;
  margin-right: 1rem;
}
.iot--image-gallery-modal__content-switcher button:first-of-type,
.iot--image-gallery-modal__content-switcher button:last-of-type {
  border-radius: 0;
}
.iot--image-gallery-modal__content-switcher button:first-of-type {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.iot--image-gallery-modal__content-switcher button:last-of-type {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.iot--image-gallery-modal__flex-wrapper {
  overflow: hidden;
  height: calc(100% - 6.25rem);
}

.iot--image-gallery-modal__scroll-panel {
  display: flex;
  overflow-y: scroll;
  height: 100%;
}

.iot--image-gallery-modal__scroll-panel--grid {
  flex-wrap: wrap;
  margin-left: calc(-1 * 1rem);
  margin-bottom: calc(-1 * 1rem);
}
.iot--image-gallery-modal__scroll-panel--grid > * {
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.iot--image-gallery-modal__scroll-panel--list {
  flex-direction: column;
}

html[dir=rtl] .iot--image-gallery-modal__content-switcher button:first-of-type,
html[dir=rtl] .iot--image-gallery-modal__content-switcher button:last-of-type {
  border-radius: 0;
}
html[dir=rtl] .iot--image-gallery-modal__content-switcher button:first-of-type {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
html[dir=rtl] .iot--image-gallery-modal__content-switcher button:last-of-type {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.iot--image-tile {
  background-color: var(--cds-layer-01, #f4f4f4);
  width: 20rem;
  height: calc(12rem + 3rem);
  padding: 0;
}
.iot--image-tile .iot--image-tile__image-container {
  height: 12rem;
  width: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iot--image-tile .iot--image-tile__image-container img {
  max-width: 20rem;
  max-height: 12rem;
}
.iot--image-tile .iot--image-tile__image-container .cds--popover-container:not(.cds--popover--auto-align) {
  position: static;
}

.iot--image-tile--wide {
  width: 100%;
  height: 3rem;
  padding: 0.5rem;
  border-top: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--image-tile--wide:nth-of-type(1) {
  border-color: transparent;
}
.iot--image-tile--wide.cds--tile--is-selected, .iot--image-tile--wide:focus {
  border-color: transparent;
}
.iot--image-tile--wide.cds--tile--is-selected + input + .cds--tile, .iot--image-tile--wide:focus + input + .cds--tile {
  border-color: transparent;
}
.iot--image-tile--wide .cds--tile-content {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.iot--image-tile--wide .iot--image-tile__image-container {
  height: 3rem;
  width: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iot--image-tile--wide .iot--image-tile__image-container img {
  max-width: 5rem;
  max-height: 3rem;
}
.iot--image-tile--wide .iot--image-tile__title {
  background-color: unset;
  width: calc(100% - 5rem);
}

.iot--image-tile__title {
  height: 3rem;
  display: flex;
  align-items: center;
  background-color: var(--cds-layer-01, #f4f4f4);
  padding-left: 1rem;
  padding-right: 2rem;
}
.iot--image-tile__title span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cds--btn.cds--btn--icon-only.iot--image-tile__title__delete {
  position: absolute;
  right: 0rem;
  bottom: 0rem;
}

html[dir=rtl] .iot--image-tile.cds--tile--selectable {
  padding: 0;
}
html[dir=rtl] .iot--image-tile--wide.cds--tile--selectable {
  padding: 0.5rem;
}
html[dir=rtl] .iot--image-tile__title {
  padding-left: 2.5rem;
  padding-right: 1rem;
}

@keyframes prefix--stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
.cds--inline-loading {
  display: flex;
  align-items: center;
  color: var(--cds-text-secondary, #525252);
  inline-size: 100%;
  min-block-size: 2rem;
}

.cds--inline-loading__text {
  font-size: var(--cds-label-02-font-size, 0.875rem);
  font-weight: var(--cds-label-02-font-weight, 400);
  line-height: var(--cds-label-02-line-height, 1.28572);
  letter-spacing: var(--cds-label-02-letter-spacing, 0.16px);
}

.cds--inline-loading__animation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 0.5rem;
}

.cds--inline-loading__checkmark-container {
  fill: var(--cds-support-success, #24a148);
}
.cds--inline-loading__checkmark-container.cds--inline-loading__svg {
  position: absolute;
  inline-size: 0.75rem;
  inset-block-start: 0.75rem;
}
.cds--inline-loading__checkmark-container[hidden] {
  display: none;
}

.cds--inline-loading__checkmark {
  animation-duration: 250ms;
  animation-fill-mode: forwards;
  animation-name: cds--stroke;
  fill: none;
  stroke: var(--cds-interactive, #0f62fe);
  stroke-dasharray: 12;
  stroke-dashoffset: 12;
  stroke-width: 1.8;
  transform-origin: 50% 50%;
}

.cds--inline-loading--error {
  block-size: 1rem;
  fill: var(--cds-support-error, #da1e28);
  inline-size: 1rem;
}
.cds--inline-loading--error[hidden] {
  display: none;
}

.cds--loading--small .cds--inline-loading__svg {
  stroke: var(--cds-interactive, #0f62fe);
}

.cds--btn .cds--inline-loading--btn {
  min-block-size: 0;
}
.cds--btn .cds--inline-loading--btn .cds--inline-loading__text {
  font-size: var(--cds-body-short-01-font-size, 0.875rem);
  font-weight: var(--cds-body-short-01-font-weight, 400);
  line-height: var(--cds-body-short-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
}

/* If IE11 Don't show check animation */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .cds--inline-loading__checkmark-container {
    inset-block-start: 1px;
    inset-inline-end: 0.5rem;
  }
  .cds--inline-loading__checkmark {
    animation: none;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
  }
}
.list-card {
  height: 100%;
  overflow-y: auto;
  padding: 0;
  width: 100%;
}
.list-card .cds--structured-list {
  min-width: inherit;
  margin-bottom: 0.75rem;
}
.list-card--item {
  display: flex;
  max-width: 100%;
  padding-bottom: 1rem;
}
.list-card--item--value {
  flex: 1;
}
.list-card--item--extra-content {
  display: flex;
  flex: 1;
  align-self: center;
  padding-left: 0.75rem;
  justify-content: flex-end;
}

.iot--list {
  display: flex;
  width: 100%;
  flex-direction: column;
  max-height: 100%;
}
.iot--list--header {
  flex: 0;
}
.iot--list--content {
  background: var(--cds-layer-01, #f4f4f4);
  flex: 1;
  overflow-y: auto;
}
.iot--list--content__full-height {
  overflow-y: unset;
}
.iot--list--content--w-horizontal-scrollbar .iot--list-item {
  overflow: unset;
}
.iot--list--content--w-horizontal-scrollbar .iot--list-item--content--values--main {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.iot--list--content--w-horizontal-scrollbar .iot--list-item--content--values--value {
  overflow: visible;
  text-overflow: unset;
}
.iot--list--content__full-height__support {
  overflow-x: auto;
}
.iot--list--content__scrollbar__support {
  display: inline-flex;
  flex-direction: column;
  min-width: 100%;
}
.iot--list__full-height {
  height: 100%;
}
.iot--list--page {
  position: relative;
}
.iot--list--page .iot-simple-pagination-container {
  border-width: 1px 0 0 0;
  height: 2.5rem;
  box-sizing: content-box;
}
.iot--list--page .iot-simple-pagination-container .iot-simple-pagination-page-bar {
  margin-left: unset;
  justify-content: space-between;
  width: 100%;
  height: 2.5rem;
}
.iot--list--page .iot-simple-pagination-container .iot-simple-pagination-page-bar .iot-simple-pagination-page-label {
  flex-grow: 2;
}
.iot--list--empty-state {
  padding: 1rem 0 1rem;
  display: flex;
  flex-flow: column;
}
.iot--list--empty-state__full-height {
  height: 100%;
  padding: 0;
}
.iot--list .iot--load-more-row {
  min-height: 2.5rem;
  cursor: pointer;
  min-width: 100%;
  background: var(--cds-layer-01, #f4f4f4);
  justify-content: unset;
}
.iot--list .iot--load-more-row--content {
  color: var(--cds-button-primary, #0f62fe);
}
.iot--list .iot--load-more-row .prefix--loading__stroke {
  stroke: var(--cds-button-primary, #0f62fe);
}
.iot--list .iot--list--load-more-skeleton {
  margin: 0.5rem 0;
}

.iot--list--skeleton {
  margin: 0.5rem 0 0.5rem 1rem;
}

.iot--list-builder__container {
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
}

.iot--list-builder__all {
  width: 100%;
  height: 100%;
  align-self: stretch;
  padding: 0.25rem;
}

.iot--list-builder__selected {
  width: 100%;
  height: 100%;
  align-self: stretch;
  padding: 0.25rem;
}

html[dir=rtl] .iot--list-builder__reset-button .cds--btn__icon {
  margin-left: 0;
  margin-right: 0.5rem;
}

html[dir=rtl] .cds--radio-button-wrapper:not(:last-of-type) {
  margin-left: 1rem;
  margin-right: unset;
}
html[dir=rtl] .cds--radio-button__appearance {
  margin-left: 0.5rem;
  margin-right: unset;
}

.cds--select {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  inline-size: 100%;
}
.cds--select *,
.cds--select *::before,
.cds--select *::after {
  box-sizing: inherit;
}

.cds--select-input__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  inline-size: 100%;
}

.cds--select-input {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: block;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--cds-field);
  block-size: 2.5rem;
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  cursor: pointer;
  font-family: inherit;
  inline-size: 100%;
  opacity: 1;
  padding-block: 0;
  padding-inline: 1rem 3rem;
  text-overflow: ellipsis;
  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  /* This is for targeting styles specific to firefox */
  /* Removes dotted inner focus */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
.cds--select-input:hover {
  background-color: var(--cds-field-hover);
}
.cds--select-input::-ms-expand {
  display: none;
}
@-moz-document url-prefix() {
  .cds--select-input:-moz-focusring, .cds--select-input::-moz-focus-inner {
    background-image: none;
    color: transparent;
    text-shadow: 0 0 0 #000000;
  }
}
.cds--select-input:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  color: var(--cds-text-primary, #161616);
}
@media screen and (prefers-contrast) {
  .cds--select-input:focus {
    outline-style: dotted;
  }
}
.cds--select-input:disabled, .cds--select-input:hover:disabled {
  background-color: var(--cds-field);
  border-block-end-color: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--select-input--sm {
  block-size: 2rem;
  max-block-size: 2rem;
}

.cds--select-input--lg {
  block-size: 3rem;
  max-block-size: 3rem;
}

.cds--select--disabled .cds--label,
.cds--select--disabled .cds--form__helper-text {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select-input__wrapper[data-invalid] .cds--select-input,
.cds--select--warning .cds--select-input {
  padding-inline-end: 4rem;
}

.cds--select-input:disabled ~ .cds--select__arrow {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--light .cds--select-input {
  background-color: var(--cds-field-02, #ffffff);
}
.cds--select--light .cds--select-input:hover {
  background-color: var(--cds-field-hover);
}
.cds--select--light .cds--select-input:disabled, .cds--select--light .cds--select-input:hover:disabled {
  background-color: var(--cds-field-02, #ffffff);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--select__arrow {
  position: absolute;
  block-size: 100%;
  fill: var(--cds-icon-primary, #161616);
  inset-block-start: 0;
  inset-inline-end: 1rem;
  pointer-events: none;
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .cds--select__arrow path {
    fill: ButtonText;
  }
}

.cds--select__invalid-icon {
  position: absolute;
  inset-inline-end: 2.5rem;
}

.cds--select-input__wrapper[data-invalid] .cds--select-input ~ .cds--select__invalid-icon {
  fill: var(--cds-support-error, #da1e28);
}

.cds--select-input--inline__wrapper[data-invalid] .cds--select__invalid-icon {
  fill: var(--cds-support-error, #da1e28);
}

.cds--select__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--select__invalid-icon--warning path[fill] {
  fill: #000000;
  opacity: 1;
}

optgroup.cds--select-optgroup,
.cds--select-option {
  background-color: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}
optgroup.cds--select-optgroup:disabled,
.cds--select-option:disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--inline {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.cds--select--inline .cds--form__helper-text {
  margin-block-end: 0;
  margin-inline-start: 0.5rem;
}

.cds--select--inline .cds--label {
  margin: 0 0.5rem 0 0;
  white-space: nowrap;
}

.cds--select--inline .cds--select-input {
  background-color: transparent;
  border-block-end: none;
  color: var(--cds-text-primary, #161616);
  inline-size: 100%;
  padding-inline: 0.5rem 3rem;
}
.cds--select--inline .cds--select-input:hover {
  background-color: var(--cds-field-hover);
}

.cds--select--inline .cds--select-input:focus,
.cds--select--inline .cds--select-input:focus option,
.cds--select--inline .cds--select-input:focus optgroup {
  background-color: var(--cds-background, #ffffff);
}
.cds--select--inline .cds--select-input:focus:hover,
.cds--select--inline .cds--select-input:focus option:hover,
.cds--select--inline .cds--select-input:focus optgroup:hover {
  background-color: var(--cds-field-hover);
}

.cds--select--inline .cds--select-input[disabled],
.cds--select--inline .cds--select-input[disabled]:hover {
  background-color: var(--cds-background, #ffffff);
}

.cds--select--inline .cds--select__arrow {
  inset-inline-end: 0.5rem;
}

.cds--select--inline.cds--select--invalid .cds--select-input {
  padding-inline-end: 3.5rem;
}

.cds--select--inline.cds--select--invalid .cds--select-input ~ .cds--select__invalid-icon,
.cds--select--inline.cds--select--warning .cds--select-input ~ .cds--select__invalid-icon--warning {
  inset-inline-end: 2rem;
}

.cds--select--inline .cds--select-input:disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--select--inline .cds--select-input:disabled ~ * {
  cursor: not-allowed;
}

.cds--select--readonly .cds--select-input {
  background-color: transparent;
  border-block-end-color: var(--cds-border-subtle);
  cursor: default;
}

.cds--select--readonly .cds--select__arrow {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--select--readonly.cds--select--inline .cds--select-input:hover {
  background-color: transparent;
}

.cds--select.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 2.5rem;
  inline-size: 100%;
}
.cds--select.cds--skeleton:hover, .cds--select.cds--skeleton:focus, .cds--select.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--select.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--select.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--select.cds--skeleton {
    background: CanvasText;
  }
  .cds--select.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--select.cds--skeleton .cds--select-input {
  display: none;
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > *,
.cds--select--slug .cds--ai-label,
.cds--select--slug .cds--slug {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: calc(2.5rem + 8px + 1px);
  margin-block-start: 0.03125rem;
  transform: translateY(-50%);
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > *::after,
.cds--select--decorator .cds--select__inner-wrapper--decorator > *::before,
.cds--select--slug .cds--ai-label::after,
.cds--select--slug .cds--ai-label::before,
.cds--select--slug .cds--slug::after,
.cds--select--slug .cds--slug::before {
  position: absolute;
  background-color: var(--cds-border-subtle-01, #c6c6c6);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > *::before,
.cds--select--slug .cds--ai-label::before,
.cds--select--slug .cds--slug::before {
  display: none;
  inset-inline-start: calc(-0.5rem - 1px);
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > *::after,
.cds--select--slug .cds--ai-label::after,
.cds--select--slug .cds--slug::after {
  display: block;
  inset-block-start: 0;
  inset-inline-end: calc(-0.5rem - 1px);
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > .cds--ai-label--revert::before,
.cds--select--slug .cds--ai-label--revert::before,
.cds--select--slug .cds--slug--revert::before {
  inset-block-start: 0.5rem;
  inset-inline-start: 0;
}

.cds--select--decorator .cds--select__inner-wrapper--decorator > .cds--ai-label--revert,
.cds--select--slug .cds--ai-label--revert {
  inset-inline-end: 2.5625rem;
}

.cds--select--decorator .cds--ai-label--revert::after,
.cds--select--slug .cds--ai-label--revert::after,
.cds--select--slug .cds--slug--revert::after {
  inset-block-start: 0.5rem;
  inset-inline-end: -1px;
}

.cds--select--decorator .cds--select-input:has(~ .cds--select__inner-wrapper--decorator),
.cds--select--slug .cds--select-input:has(~ .cds--ai-label),
.cds--select--slug .cds--select-input:has(~ .cds--slug) {
  padding-inline-end: 4rem;
}

.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--select__inner-wrapper--decorator),
.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--ai-label),
.cds--select--slug:has(.cds--select__invalid-icon) .cds--select-input:has(~ .cds--slug) {
  padding-inline-end: 6rem;
}

.cds--select--decorator .cds--select-input:has(~ .cds--select__inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--select__inner-wrapper--decorator .cds--ai-label--revert)),
.cds--select--slug .cds--select-input:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--select--slug .cds--select-input:has(~ .cds--slug):not(:has(~ .cds--slug--revert)),
.cds--select-input-has--ai-label {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--select--decorator:has(.cds--select__invalid-icon) .cds--select__inner-wrapper--decorator > *::before,
.cds--select--slug:has(.cds--select__invalid-icon) .cds--ai-label::before,
.cds--select--slug:has(.cds--select__invalid-icon) .cds--slug::before {
  display: block;
}

.cds--select--decorator .cds--select-input__wrapper .cds--select-input ~ .cds--select__invalid-icon,
.cds--select--slug .cds--select-input__wrapper[data-invalid] .cds--select-input ~ .cds--select__invalid-icon,
.cds--select--slug .cds--select-input__wrapper .cds--select-input ~ .cds--select__invalid-icon {
  inset-inline-end: 5rem;
}

.cds--time-picker {
  display: flex;
  align-items: flex-end;
}

.cds--time-picker__select {
  justify-content: center;
  margin-inline-start: 0.125rem;
}

.cds--time-picker__input {
  position: relative;
  display: flex;
  flex-direction: column;
}

.cds--time-picker__error__icon {
  position: absolute;
  display: flex;
  block-size: 100%;
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  place-items: center;
  transform: translateY(-50%);
}

.cds--time-picker__error__icon .cds--checkbox__invalid-icon {
  fill: var(--cds-support-error, #da1e28);
}

.cds--time-picker .cds--select-input {
  margin: 0;
  inline-size: auto;
  line-height: 1;
  min-inline-size: auto;
  padding-inline-end: 3rem;
}

.cds--time-picker__input-field {
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-family: var(--cds-code-02-font-family, 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace);
  font-size: var(--cds-code-02-font-size, 0.875rem);
  font-weight: var(--cds-code-02-font-weight, 400);
  line-height: var(--cds-code-02-line-height, 1.42857);
  letter-spacing: var(--cds-code-02-letter-spacing, 0.32px);
  display: flex;
  align-items: center;
  block-size: 2.5rem;
  inline-size: 4.875rem;
  transition: outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--time-picker__input-field::-moz-placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}
.cds--time-picker__input-field::placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}

.cds--time-picker__input-field-error {
  inline-size: 6.175rem;
}

.cds--time-picker--light .cds--select-input {
  background-color: var(--cds-field-02, #ffffff);
}
.cds--time-picker--light .cds--select-input:hover {
  background-color: var(--cds-field-hover);
}
.cds--time-picker--light .cds--select-input:disabled, .cds--time-picker--light .cds--select-input:hover:disabled {
  background-color: transparent;
  border-block-end: 1px solid transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--time-picker--sm .cds--select-input,
.cds--time-picker--sm .cds--time-picker__input-field {
  block-size: 2rem;
  max-block-size: 2rem;
}

.cds--time-picker--lg .cds--select-input,
.cds--time-picker--lg .cds--time-picker__input-field {
  block-size: 3rem;
  max-block-size: 3rem;
}

.cds--time-picker--readonly .cds--time-picker__input-field {
  background-color: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--time-picker--readonly .cds--select-input {
  background-color: transparent;
  border-block-end-color: var(--cds-border-subtle);
  cursor: default;
}

.cds--time-picker--readonly .cds--select-input + .cds--select__arrow {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.iot--list-spinner {
  /* stylelint-disable declaration-property-unit-blacklist */
  /* stylelint-enable declaration-property-unit-blacklist */
}
.iot--list-spinner__section {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 5rem;
  max-height: 17.5rem;
  overflow: hidden;
}
.iot--list-spinner__list-container {
  position: relative;
  min-width: 5rem;
  min-height: 12.5rem;
  overflow: hidden;
}
.iot--list-spinner__list {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  scrollbar-color: var(--cds-layer-01, #f4f4f4);
  scrollbar-width: none;
  /* stylelint-disable-next-line */
}
.iot--list-spinner__list::scrollbar, .iot--list-spinner__list::-webkit-scrollbar {
  display: none;
  width: 0;
}
.iot--list-spinner__list-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 2.5rem;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.iot--list-spinner__list .iot--list-spinner__list-item--selected, .iot--list-spinner__list .iot--list-spinner__list-item--selected .iot--btn {
  color: var(--cds-layer-01, #f4f4f4);
}
.iot--list-spinner__list .iot--list-spinner__list-item--selected:hover, .iot--list-spinner__list .iot--list-spinner__list-item--selected .iot--btn:hover {
  background: var(--cds-button-primary-hover, #0050e6);
}
.iot--list-spinner__btn, .iot--list-spinner__list-item .iot--btn {
  color: var(--cds-icon-primary, #161616);
  justify-content: center;
  margin: 0 auto;
  min-height: unset;
  max-height: 2.5rem;
  width: 100%;
}
.iot--list-spinner__btn .cds--btn__icon, .iot--list-spinner__list-item .iot--btn .cds--btn__icon {
  margin: 0 auto;
}
.iot--list-spinner__btn {
  z-index: 1;
}
.iot--list-spinner__btn:first-child {
  box-shadow: 0 1px 5px 4px var(--cds-layer-01, #f4f4f4);
  border-width: 1.5px;
}
.iot--list-spinner__btn:last-child {
  box-shadow: 0 -1px 5px 4px var(--cds-layer-01, #f4f4f4);
  border-width: 1.5px;
}
.iot--list-spinner__btn:hover {
  color: var(--cds-icon-primary, #161616);
}

.iot--time-picker {
  width: 16.125rem;
  position: relative;
}
.iot--time-picker--24h {
  max-width: 16.125rem;
  width: 100%;
}
.iot--time-picker input {
  font-family: "IBM Plex Mono", "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Courier, monospace;
  padding-right: 2rem;
}
.iot--time-picker__wrapper {
  position: relative;
}
.iot--time-picker__wrapper--selected input {
  outline: 0.0625rem solid var(--cds-layer-selected-inverse, #161616);
}
.iot--time-picker .cds--text-input__field-outer-wrapper {
  justify-content: flex-end;
}
.iot--time-picker__wrapper-sm .iot--time-picker {
  height: 1rem;
}
.iot--time-picker__wrapper-md .iot--time-picker {
  height: 1.25rem;
}
.iot--time-picker__wrapper-lg .iot--time-picker .cds--text-input__field-outer-wrapper {
  height: 3rem;
}
.iot--time-picker .iot--time-picker--invalid {
  color: var(--cds-text-error, #da1e28);
}
.iot--time-picker .cds--text-input__invalid-icon {
  display: none;
}
.iot--time-picker__icon {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0.125rem solid transparent;
  box-sizing: content-box;
  pointer-events: none;
  height: 1rem;
  padding: 0.25rem;
  position: absolute;
  right: 0.5rem;
  transform: translateY(0.875rem);
  width: 1rem;
  margin-right: 0.2rem;
}
.iot--time-picker__icon:focus {
  border-color: var(--cds-focus, #0f62fe);
}
.iot--time-picker__wrapper-sm .iot--time-picker__icon {
  bottom: 1rem;
}
.iot--time-picker__wrapper-md .iot--time-picker__icon {
  bottom: 1.25rem;
}
.iot--time-picker__wrapper-lg .iot--time-picker__icon {
  bottom: 1.5rem;
}
.iot--time-picker--disabled .iot--time-picker__icon svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.iot--time-picker--disabled .iot--time-picker__icon {
  cursor: not-allowed;
  pointer-events: none;
}
.iot--time-picker--warn .iot--time-picker__icon--warn:not(.iot--time-picker__icon--invalid) svg {
  fill: var(--cds-support-warning, #f1c21b);
}
.iot--time-picker--warn .iot--time-picker__icon--warn:not(.iot--time-picker__icon--invalid) svg path:first-of-type {
  fill: var(--cds-icon-primary, #161616);
  opacity: 1;
}
.iot--time-picker--invalid .iot--time-picker__icon--invalid svg {
  fill: var(--cds-button-danger-primary, #da1e28);
}
.iot--time-picker .cds--text-input__invalid-icon,
.iot--time-picker .cds--text-input__readonly-icon {
  display: none;
}
.iot--time-picker .cds--label {
  max-width: 16.125rem;
  overflow: hidden;
  word-break: break-word;
}
.iot--time-picker .cds--text-input__field-wrapper[data-invalid] ~ .cds--form-requirement,
.iot--time-picker .cds--text-input__field-wrapper--warning ~ .cds--form-requirement {
  display: none;
}

.iot--time-picker-range {
  display: grid;
  gap: 0.15rem;
  grid-template-columns: 1fr 1fr;
}
.iot--time-picker-range .iot--time-picker__wrapper {
  grid-column: 2;
  grid-row: 1;
  display: flex;
}
.iot--time-picker-range .iot--time-picker__wrapper:first-child {
  grid-column: 1;
}
.iot--time-picker-range .iot--time-picker__wrapper .cds--text-input__field-outer-wrapper {
  justify-content: flex-end;
}
.iot--time-picker-range__helper-text {
  grid-column: 1/3;
  grid-row: 2;
}
.iot--time-picker-range fieldset {
  grid-column: 1/3;
  width: 100%;
  display: grid;
  gap: 0.15rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-columns: 1fr 1fr;
}
.iot--time-picker-range fieldset legend {
  grid-column: 1/3;
  grid-row: 1;
}
.iot--time-picker-range fieldset legend + .iot--time-picker__wrapper {
  grid-column: 1;
}
.iot--time-picker-range fieldset .iot--time-picker-range__helper-text {
  grid-column: 1;
  grid-row: 3;
}
.iot--time-picker-range fieldset .iot--time-picker-range__helper-text--secondary {
  grid-column: 2;
  grid-row: 3;
}
.iot--time-picker-range .cds--label:not(legend),
.iot--time-picker-range .iot--time-picker__wrapper {
  max-width: 8rem;
}

.iot--time-picker-spinner {
  --zIndex: 0;
  z-index: var(--zIndex);
  background-color: var(--cds-layer-01, #f4f4f4);
  box-shadow: 0 7px 10px 2px #ddd;
  display: flex;
  gap: 1px;
  justify-content: center;
  height: 280px;
  opacity: 0;
  overflow: hidden;
  overscroll-behavior: contain;
  padding: 0 0.5rem;
  position: absolute;
  width: 16.125rem;
  /* stylelint-disable-next-line */
  transition: opacity 0.25s;
  animation: fadeIn 0.25s forwards;
}
.iot--time-picker-spinner--24h {
  width: 13.125rem;
}
.iot--time-picker-spinner--24h .iot--list-spinner__section {
  width: 6rem;
}
.iot--time-picker-spinner--24h .iot--list-spinner__list-container {
  width: 6rem;
}
.iot--time-picker-spinner::before {
  background: var(--cds-background-brand, #0f62fe);
  content: "";
  width: calc(100% - 1rem);
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.iot--time-picker-spinner button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: 1px solid transparent;
  z-index: 1;
}
.iot--time-picker-spinner button:focus {
  border-color: var(--cds-focus, #0f62fe);
}
.iot--time-picker-spinner-section {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 80px;
}
.iot--time-picker-spinner-section:nth-child(3) {
  justify-content: center;
  padding-top: 40px;
}
.iot--time-picker-spinner-list {
  position: relative;
  width: 80px;
  overflow: hidden;
}
.iot--time-picker-spinner-list li {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 40px;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.iot--time-picker-spinner .iot--time-picker-spinner-button {
  color: var(--cds-icon-primary, #161616);
  justify-content: center;
  margin: 0 auto;
  min-height: unset;
  max-height: 40px;
  width: 100%;
}
.iot--time-picker-spinner .iot--time-picker-spinner-button--selected {
  color: var(--cds-layer-01, #f4f4f4);
}
.iot--time-picker-spinner .iot--time-picker-spinner-button--selected:hover {
  color: var(--cds-icon-primary, #161616);
}
.iot--time-picker-spinner .iot--time-picker-spinner-button .cds--btn__icon {
  margin: 0 auto;
}

.iot--time-picker-spinner-last-list-spinner > .iot--list-spinner__btn {
  display: none;
}
.iot--time-picker-spinner-last-list-spinner .iot--list-spinner__list-container {
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.iot--time-picker-spinner-last-list-spinner li {
  transform: translateY(7.5rem);
}
.iot--time-picker-spinner-last-list-spinner--PM li:last-of-type {
  transform: translateY(2.5rem);
}

html[dir=rtl] .iot--time-picker__icon {
  left: 0.75rem;
  right: unset;
}
html[dir=rtl] .iot--time-picker input {
  padding-right: 1rem;
  padding-left: 2rem;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.iot--tear-sheet-wrapper {
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  opacity: 0;
  z-index: -1;
  position: fixed;
  transition: all 400ms cubic-bezier(0.4, 0.14, 0.3, 1) 400ms;
}
.iot--tear-sheet-wrapper--container {
  position: absolute;
  background: none;
  left: 50%;
  top: 5.5rem;
  transform: translate(-50%, 100vh);
  transition: all 400ms cubic-bezier(0.4, 0.14, 0.3, 1);
  height: calc(100vh - 5.5rem);
  width: calc(100% - 8rem);
  opacity: 1;
  margin: 0 auto;
}
.iot--tear-sheet-wrapper__is-visible .iot--tear-sheet-wrapper--container:not(.iot--tear-sheet-wrapper--container__is-hidden) {
  transform: translate(-50%, 0);
}
.iot--tear-sheet-wrapper__is-visible .iot--tear-sheet-wrapper--container__is-hidden {
  filter: brightness(75%);
  transform: translate(-50%, 100vh);
  width: calc(100% - 9.5rem);
}
.iot--tear-sheet-wrapper__is-visible .iot--tear-sheet-wrapper--container__is-hidden * {
  transition: all 400ms cubic-bezier(0.4, 0.14, 0.3, 1);
}
.iot--tear-sheet-wrapper__is-visible .iot--tear-sheet-wrapper--container:first-child.iot--tear-sheet-wrapper--container__is-hidden, .iot--tear-sheet-wrapper__is-visible .iot--tear-sheet-wrapper--container:first-child.iot--tear-sheet-wrapper--container__is-hidden + .iot--tear-sheet-wrapper--container__is-hidden {
  transform: translate(-50%, -0.75rem);
}
.iot--tear-sheet-wrapper.iot--tear-sheet-wrapper__is-visible {
  background-color: var(--cds-overlay, rgba(22, 22, 22, 0.5));
  z-index: 5999;
  transition: opacity 400ms cubic-bezier(0.4, 0.14, 0.3, 1), background-color 700ms cubic-bezier(0.2, 0, 0.38, 0.9);
  opacity: 1;
}

.iot--tear-sheet {
  background-color: var(--cds-layer-01, #f4f4f4);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.iot--tear-sheet > * {
  max-width: 100%;
}
.iot--tear-sheet--header {
  padding: 1.5rem 5rem 1.5rem 2rem;
  border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
}
[dir=rtl] .iot--tear-sheet--header {
  padding: 1.5rem 2rem 1.5rem 5rem;
}
.iot--tear-sheet--header h1 {
  margin-bottom: 0.5rem;
}
.iot--tear-sheet--header__extraContent {
  padding-bottom: 0.5rem;
}
.iot--tear-sheet--header--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);
  color: var(--cds-text-secondary, #525252);
}
.iot--tear-sheet--header .iot--tear-sheet--header__close-btn {
  position: absolute;
  top: 0;
  right: 0;
}
[dir=rtl] .iot--tear-sheet--header .iot--tear-sheet--header__close-btn {
  left: 0;
  right: unset;
}
.iot--tear-sheet--content {
  flex: 1;
  overflow: auto;
}

.cds--text-area {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  padding: 0.6875rem var(--cds-layout-density-padding-inline-local);
  border: none;
  background-color: var(--cds-field);
  block-size: 100%;
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  font-family: inherit;
  min-block-size: 2.5rem;
  min-inline-size: 10rem;
  resize: vertical;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--text-area *,
.cds--text-area *::before,
.cds--text-area *::after {
  box-sizing: inherit;
}

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

.cds--text-area::-moz-placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.cds--text-area::placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.cds--text-area--light {
  background-color: var(--cds-field-02, #ffffff);
}

.cds--text-area__wrapper {
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
  position: relative;
  display: flex;
  inline-size: 100%;
  max-inline-size: 100%;
}

.cds--text-area__wrapper--cols {
  inline-size: auto;
}

.cds--text-area__invalid-icon {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-block-start: 0.75rem;
  inset-inline-end: var(--cds-layout-density-padding-inline-local);
}

.cds--text-area__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--text-area__invalid-icon--warning path[fill] {
  fill: #000000;
  opacity: 1;
}

.cds--text-area__counter-alert {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
}

.cds--form-item:has(.cds--text-area__wrapper--cols) {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}

.cds--text-area:disabled {
  background-color: var(--cds-field);
  border-block-end: 1px solid transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  outline: none;
  resize: none;
}

.cds--text-area:disabled::-moz-placeholder {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-area:disabled::placeholder {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--text-area__wrapper--readonly .cds--text-area {
  background: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--text-area__wrapper--decorator .cds--text-area__inner-wrapper--decorator > *,
.cds--text-area__wrapper--slug .cds--ai-label,
.cds--text-area__wrapper--slug .cds--slug {
  position: absolute;
  inset-block-start: 0.75rem;
  inset-inline-end: 1rem;
}

.cds--text-area__wrapper--decorator .cds--ai-label.cds--ai-label--revert,
.cds--text-area__wrapper--slug .cds--ai-label.cds--ai-label--revert,
.cds--text-area__wrapper--slug .cds--slug.cds--slug--revert {
  inset-block-start: 0.25rem;
  inset-inline-end: 0.5rem;
  transform: translate(0);
}

.cds--text-area__wrapper--decorator .cds--text-area:has(~ .cds--text-area__inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--text-area__inner-wrapper--decorator .cds--ai-label--revert)),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--slug):not(:has(~ .cds--slug--revert)) {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
}

.cds--text-area__wrapper--decorator .cds--text-area:has(~ .cds--text-area__inner-wrapper--decorator > *),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--ai-label),
.cds--text-area__wrapper--slug .cds--text-area:has(~ .cds--slug) {
  padding-inline-end: 2.5rem;
}

.cds--text-area--invalid:has(~ .cds--text-area__inner-wrapper--decorator > *),
.cds--text-area--warn:has(~ .cds--text-area__inner-wrapper--decorator > *),
.cds--text-area--invalid:has(~ .cds--ai-label),
.cds--text-area--warn:has(~ .cds--ai-label),
.cds--text-area--invalid:has(~ .cds--slug),
.cds--text-area--warn:has(~ .cds--slug) {
  padding-inline-end: 4rem;
}

.cds--text-area--invalid ~ .cds--text-area__inner-wrapper--decorator > *,
.cds--text-area--warn ~ .cds--text-area__inner-wrapper--decorator > *,
.cds--text-area--invalid ~ .cds--ai-label,
.cds--text-area--warn ~ .cds--ai-label,
.cds--text-area--invalid ~ .cds--slug,
.cds--text-area--warn ~ .cds--slug {
  inset-inline-end: 2.5rem;
}

.cds--text-area--invalid ~ .cds--text-area__inner-wrapper--decorator > .cds--ai-label.cds--ai-label--revert,
.cds--text-area--warn ~ .cds--text-area__inner-wrapper--decorator > .cds--ai-label.cds--ai-label--revert,
.cds--text-area--invalid ~ .cds--ai-label.cds--ai-label--revert,
.cds--text-area--warn ~ .cds--ai-label.cds--ai-label--revert,
.cds--text-area--invalid ~ .cds--slug.cds--slug--revert,
.cds--text-area--warn ~ .cds--slug.cds--slug--revert {
  inset-inline-end: 2rem;
}

.cds--text-area.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 6.25rem;
  inline-size: 100%;
}
.cds--text-area.cds--skeleton:hover, .cds--text-area.cds--skeleton:focus, .cds--text-area.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--text-area.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--text-area.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--text-area.cds--skeleton {
    background: CanvasText;
  }
  .cds--text-area.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--text-area.cds--skeleton::-moz-placeholder {
  color: transparent;
}
.cds--text-area.cds--skeleton::placeholder {
  color: transparent;
}

.cds--text-area__label-wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
  inline-size: 100%;
}

.iot--list-item-parent {
  position: relative;
}

.iot--list-item-editable--drag-container {
  position: relative;
  overflow: hidden;
  align-items: stretch;
  justify-content: space-between;
  background: var(--cds-layer-01, #f4f4f4);
}
.iot--list-item-editable--drag-container:hover {
  cursor: grab;
}
.iot--list-item-editable--drag-container:active {
  background: var(--cds-layer-hover-01, #e8e8e8);
  cursor: grabbing;
}
.iot--list-item-editable--drop-targets {
  width: 100%;
  height: 2.5rem;
  display: flex;
  flex-direction: column;
  position: absolute;
  align-items: stretch;
}
.iot--list-item-editable--drop-targets.iot--list-item__large {
  margin-left: -1rem;
}
[dir=rtl] .iot--list-item-editable--drop-targets.iot--list-item__large {
  margin-right: -1rem;
}
.iot--list-item-editable--drop-target-above {
  position: relative;
  width: 100%;
  bottom: 0;
}
.iot--list-item-editable--drop-target-above__over {
  border-top: solid 2px var(--cds-focus, #0f62fe);
  position: absolute;
  width: calc(100% + 2rem);
  top: 0;
}
.iot--list-item-editable--drop-target-nested {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
}
.iot--list-item-editable--drop-target-nested__over {
  border: solid 2px var(--cds-focus, #0f62fe);
}
.iot--list-item-editable--drop-target-below {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.iot--list-item-editable--drop-target-below__over {
  border-bottom: solid 2px var(--cds-focus, #0f62fe);
}
.iot--list-item-editable--drag-preview {
  position: absolute;
  background: var(--cds-background-inverse, #393939);
  color: var(--cds-text-on-color, #ffffff);
  padding: 0.25rem 0.75rem;
  border-radius: 0.125rem;
  opacity: 1;
  z-index: -100;
}
.iot--list-item-editable--dragging {
  background: var(--cds-layer-hover-01, #e8e8e8);
  cursor: grabbing;
}
.iot--list-item-editable:hover {
  background: var(--cds-layer-hover-01, #e8e8e8);
  cursor: grab;
}

.iot--list-item {
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  display: flex;
  height: 2.5rem;
  color: var(--cds-text-secondary, #525252);
  padding: 0.5rem 1rem;
  align-items: center;
  overflow: hidden;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.iot--list-item:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -0.125rem;
}
.iot--list-item--handle, .iot--list-item--lock {
  flex-shrink: 0;
  fill: var(--cds-background-inverse, #393939);
  margin-right: 0.75rem;
}
.iot--list-item--handle__disabled, .iot--list-item--lock__disabled {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.iot--list-item__large {
  height: 4rem;
  padding: 1rem;
  align-items: start;
}
.iot--list-item--category {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
}
.iot--list-item__selectable {
  cursor: pointer;
}
.iot--list-item__selectable:hover {
  background: var(--cds-layer-hover-01, #e8e8e8);
  color: var(--cds-text-primary, #161616);
}
.iot--list-item__selected {
  box-shadow: calc(-1 * 0.25rem) 0 var(--cds-button-primary, #0f62fe);
  margin-left: 0.25rem;
  padding-left: calc(1rem - 0.25rem);
  color: var(--cds-text-primary, #161616);
  background: var(--cds-layer-selected-01, #e0e0e0);
}
.iot--list-item__selected:focus {
  margin-left: 0.125rem;
  padding-left: calc(1rem - 0.125rem);
}
.iot--list-item--expand-icon {
  cursor: pointer;
}
.iot--list-item--expand-icon:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
}
.iot--list-item--expand-icon__disabled {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
  color: var(--cds-layer-active-01, #c6c6c6);
  cursor: not-allowed;
}
.iot--list-item--content {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  min-width: 0;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.iot--list-item--content .cds--checkbox-wrapper:first-of-type .cds--checkbox-label-text {
  padding: 0;
}
.iot--list-item--content__large {
  align-items: flex-start;
}
.iot--list-item--content__large .cds--checkbox-wrapper:first-of-type {
  margin-top: -0.25rem;
}
.iot--list-item--content--icon__right {
  order: 9;
}
.iot--list-item--content--values {
  display: flex;
  position: relative;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.iot--list-item--content--values__large {
  align-items: flex-start;
}
.iot--list-item--content--values--main {
  flex: 1;
  display: flex;
  min-width: 0;
  align-items: center;
}
.iot--list-item--content--values--main__large {
  flex-direction: column;
  align-items: unset;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
}
.iot--list-item--content--values--value {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.iot--list-item--content--values--value__large {
  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-helper, #6f6f6f);
}
.iot--list-item--content--values__disabled {
  color: var(--cds-layer-active-01, #c6c6c6);
}
.iot--list-item--content--row-actions {
  margin-right: -0.5rem;
}
[dir=rtl] .iot--list-item--content--row-actions {
  margin-right: unset;
  margin-left: -0.5rem;
}
.iot--list-item--nesting-offset {
  flex-grow: 0;
  flex-shrink: 0;
}

.iot--list-header {
  display: flex;
  align-items: center;
  background: var(--cds-layer-01, #f4f4f4);
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  height: 3.5rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.iot--list-header--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);
  flex: 1;
}
.iot--list-header--btn-container {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-right: -0.5rem;
}
[dir=rtl] .iot--list-header--btn-container {
  margin-right: unset;
  margin-left: -0.5rem;
}
.iot--list-header--search .cds--search .cds--search-magnifier-icon {
  left: 1rem;
}
.iot--list-header--search .cds--search .cds--search-input {
  background: var(--cds-layer-01, #f4f4f4);
  border-bottom-color: var(--cds-layer-accent-01, #e0e0e0);
  padding: 0 3rem;
}

.iot--hierarchy-list-bulk-header {
  width: 100%;
  background-color: var(--cds-focus, #0f62fe);
  display: flex;
}
.iot--hierarchy-list-bulk-header--title {
  padding-left: 1rem;
  margin: auto;
  flex-grow: 1;
  color: var(--cds-background, #ffffff);
}
html[dir=rtl] .iot--hierarchy-list-bulk-header--title {
  padding-left: 0;
  padding-right: 1rem;
}
.iot--hierarchy-list-bulk-header--button-container {
  display: flex;
  flex-direction: row;
}
.iot--hierarchy-list-bulk-header--divider {
  height: 0.75rem;
  padding-right: 0.25rem;
  margin: auto 0 auto 0.25rem;
  border-left: 1px solid var(--cds-background, #ffffff);
}
.iot--hierarchy-list-bulk-header--button-no-icon, html[dir=rtl] .iot--hierarchy-list-bulk-header--button-no-icon.iot--btn {
  padding: 0 1rem;
}
.iot--hierarchy-list-bulk-modal .breadcrumb--container {
  padding: 1rem 0;
}
.iot--hierarchy-list-bulk-modal--breadcrumb > button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.iot--hierarchy-list-bulk-modal--breadcrumb:last-child > button {
  cursor: default;
}
.iot--hierarchy-list-bulk-modal--list {
  display: flex;
  width: 100%;
  align-items: flex-start;
  margin-top: 0.375rem;
  flex-direction: column;
}
.iot--hierarchy-list-bulk-modal--list-item {
  display: flex;
  position: relative;
  width: 100%;
  background-color: var(--cds-background, #ffffff);
}
.iot--hierarchy-list-bulk-modal--list-item:hover {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}
.iot--hierarchy-list-bulk-modal--list-item::after {
  height: 1px;
  content: "";
  background: var(--cds-layer-accent-01, #e0e0e0);
  position: absolute;
  bottom: 0px;
  right: 2.5rem;
  left: 0;
}
.iot--hierarchy-list-bulk-modal--list-item-button {
  align-content: flex-start;
  cursor: pointer;
  display: flex;
  flex-grow: 1;
  padding: 0 0.5rem;
}
.iot--hierarchy-list-bulk-modal--list-item-button:focus {
  z-index: 1;
}
.iot--hierarchy-list-bulk-modal--list-item-value {
  margin: auto 0;
}
.iot--hierarchy-list-bulk-modal .iot--hierarchy-list-bulk-modal--radio {
  padding: 1rem;
  margin-right: 0;
}
.iot--hierarchy-list-bulk-modal--radio .cds--radio-button__appearance {
  margin-right: 0;
}

.cds--menu {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  position: fixed;
  z-index: 9000;
  padding: 0.25rem 0;
  background-color: var(--cds-layer);
  max-inline-size: 18rem;
  min-inline-size: 10rem;
  opacity: 0;
  overflow-y: auto;
  visibility: hidden;
}
.cds--menu *,
.cds--menu *::before,
.cds--menu *::after {
  box-sizing: inherit;
}

.cds--menu--border {
  outline: 1px solid var(--cds-border-subtle);
}

.cds--menu--background-token__background {
  background-color: var(--cds-background, #ffffff);
}

.cds--menu--with-icons {
  min-inline-size: 12rem;
}

.cds--menu--open {
  visibility: visible;
}
.cds--menu--open:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--menu--open:focus {
    outline-style: dotted;
  }
}

.cds--menu:not(.cds--menu--open) .cds--menu--open {
  visibility: hidden;
}

.cds--menu--shown {
  overflow: visible;
  opacity: 1;
}

.cds--menu-item {
  font-size: var(--cds-body-short-01-font-size, 0.875rem);
  font-weight: var(--cds-body-short-01-font-weight, 400);
  line-height: var(--cds-body-short-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
  display: grid;
  align-items: center;
  block-size: 2rem;
  color: var(--cds-text-secondary, #525252);
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  cursor: pointer;
  grid-template-columns: 1fr max-content;
  padding-inline: 1rem;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--menu-item:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--menu-item:focus {
    outline-style: dotted;
  }
}

.cds--menu-item:hover {
  background-color: var(--cds-layer-hover);
  color: var(--cds-text-primary, #161616);
}

.cds--menu--xs .cds--menu-item {
  block-size: 1.5rem;
}

.cds--menu--sm .cds--menu-item {
  block-size: 2rem;
}

.cds--menu--md .cds--menu-item {
  block-size: 2.5rem;
}

.cds--menu--lg .cds--menu-item {
  block-size: 3rem;
}

.cds--menu-item__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--menu-item__shortcut {
  display: flex;
}

.cds--menu-item-group > ul,
.cds--menu-item-radio-group > ul {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.cds--menu-item-group > ul *,
.cds--menu-item-group > ul *::before,
.cds--menu-item-group > ul *::after,
.cds--menu-item-radio-group > ul *,
.cds--menu-item-radio-group > ul *::before,
.cds--menu-item-radio-group > ul *::after {
  box-sizing: inherit;
}

.cds--menu-item__icon,
.cds--menu-item__selection-icon {
  display: none;
}

.cds--menu--with-icons > .cds--menu-item,
.cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item,
.cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item,
.cds--menu--with-selectable-items > .cds--menu-item,
.cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item,
.cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item {
  grid-template-columns: 1rem 1fr max-content;
}

.cds--menu--with-icons > .cds--menu-item > .cds--menu-item__icon,
.cds--menu--with-icons > .cds--menu-item-group > ul > .cds--menu-item > .cds--menu-item__icon,
.cds--menu--with-icons > .cds--menu-item-radio-group > ul > .cds--menu-item > .cds--menu-item__icon,
.cds--menu--with-selectable-items > .cds--menu-item > .cds--menu-item__selection-icon,
.cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item > .cds--menu-item__selection-icon,
.cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item > .cds--menu-item__selection-icon {
  display: flex;
}

.cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item,
.cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item-group > ul > .cds--menu-item,
.cds--menu--with-icons.cds--menu--with-selectable-items > .cds--menu-item-radio-group > ul > .cds--menu-item {
  grid-template-columns: 1rem 1rem 1fr max-content;
}

.cds--menu-item--disabled {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--menu-item--disabled:hover,
.cds--menu-item--disabled.cds--menu-item--danger:hover {
  background-color: var(--cds-layer);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--menu-item--danger:focus,
.cds--menu-item--danger:hover {
  background-color: var(--cds-button-danger-primary, #da1e28);
  color: var(--cds-text-on-color, #ffffff);
}

.cds--menu-item-divider {
  display: block;
  background-color: var(--cds-border-subtle);
  block-size: 0.0625rem;
  inline-size: 100%;
  margin-block: 0.25rem;
}

.iot--menu-button--icon-only.cds--menu--open .iot--menu__shadow-blocker {
  position: absolute;
  display: block;
  height: calc(0.5rem - 0.0625rem);
  top: calc((-0.5rem) + 0.0625rem);
  left: 0;
  width: 2rem;
  background-color: var(--cds-layer-01, #f4f4f4);
  border-bottom: 0.0625rem solid var(--cds-layer-01, #f4f4f4);
}
.iot--menu-button--icon-only.cds--menu--open .iot--menu__shadow-blocker--flip-y {
  left: unset;
  right: 0;
}
.iot--menu-button--icon-only.cds--menu--open .iot--menu__shadow-blocker--flip-x {
  left: unset;
  top: var(--menu-height);
}
html[dir=rtl] .iot--menu-button--icon-only.cds--menu--open .iot--menu__shadow-blocker:not(.iot--menu__shadow-blocker--opens-horizontally) {
  left: 0;
}
.iot--menu-button--icon-only.cds--menu--open .iot--menu__shadow-blocker--md {
  width: 2.5rem;
}
.iot--menu-button--icon-only.cds--menu--open .iot--menu__shadow-blocker--lg {
  width: 3rem;
}
.iot--menu-button--icon-only.cds--menu--open .iot--menu__shadow-blocker--opens-horizontally {
  top: 0;
  height: 2rem;
  width: calc(0.5rem - 0.0625rem);
  left: calc((calc(0.5rem - 0.0625rem)) * -1);
  border-bottom: none;
  border-right: 0.0625rem solid var(--cds-layer-01, #f4f4f4);
}
.iot--menu-button--icon-only.cds--menu--open .iot--menu__shadow-blocker--opens-horizontally.iot--menu__shadow-blocker--flip-y {
  right: calc((calc(0.5rem - 0.0625rem)) * -1);
  left: unset;
  border-right: none;
  border-left: 0.0625rem solid var(--cds-layer-01, #f4f4f4);
}
.iot--menu-button--icon-only.cds--menu--open .iot--menu__shadow-blocker--opens-horizontally.iot--menu__shadow-blocker--md {
  height: 2.5rem;
  width: calc(0.5rem - 0.0625rem);
}
.iot--menu-button--icon-only.cds--menu--open .iot--menu__shadow-blocker--opens-horizontally.iot--menu__shadow-blocker--lg {
  height: 3rem;
  width: calc(0.5rem - 0.0625rem);
}
.iot--menu-button--icon-only.cds--menu--open:focus .iot--menu__shadow-blocker {
  border-bottom: 0.0625rem solid var(--cds-focus, #0f62fe);
}
.iot--menu-button--icon-only.cds--menu--open:focus .iot--menu__shadow-blocker--flip-x {
  border-bottom-color: var(--cds-layer-01, #f4f4f4);
  border-top: 0.0625rem solid var(--cds-focus, #0f62fe);
}
.iot--menu-button--icon-only.cds--menu--open:focus .iot--menu__shadow-blocker--opens-horizontally {
  border-bottom: none;
  border-right: 0.0625rem solid var(--cds-focus, #0f62fe);
}
.iot--menu-button--icon-only.cds--menu--open:focus .iot--menu__shadow-blocker--opens-horizontally.iot--menu__shadow-blocker--flip-y {
  border-right: none;
  border-left: 0.0625rem solid var(--cds-focus, #0f62fe);
}

.iot--menu-button--open .cds--btn.cds--btn--icon-only.cds--btn--ghost:focus:not(:active)::after {
  position: absolute;
  display: block;
  height: calc(0.5rem - 0.0625rem);
  width: calc(3rem - 2 * 0.0625rem);
  top: calc(3rem - 0.5rem - 0.0625rem);
  content: "";
  left: calc(0.0625rem * -1);
  background-color: transparent;
  z-index: 9001;
  border: none;
  border-bottom: 0.0625rem solid var(--cds-focus, #0f62fe);
  border-left: 0.0625rem solid var(--cds-focus, #0f62fe);
  border-right: 0.0625rem solid var(--cds-focus, #0f62fe);
  border-radius: 0;
  transform: none;
  box-shadow: none;
  padding: 0;
}
.iot--menu-button--open .cds--btn.cds--btn--icon-only.cds--btn--ghost:focus:not(:active).cds--btn--md::after {
  width: calc(2.5rem - 2 * 0.0625rem);
  top: calc(2.5rem - 0.5rem - 0.0625rem);
}
.iot--menu-button--open .cds--btn.cds--btn--icon-only.cds--btn--ghost:focus:not(:active).cds--btn--sm::after {
  width: calc(2rem - 2 * 0.0625rem);
  top: calc(2rem - 0.5rem - 0.0625rem);
}
.iot--menu-button--open.iot--menu-button--flip-x .cds--btn.cds--btn--icon-only.cds--btn--ghost:focus:not(:active)::after {
  top: -0.0625rem;
  border-top: 0.0625rem solid var(--cds-focus, #0f62fe);
  border-bottom: 0;
}
.iot--menu-button--open.iot--menu-button--opens-horizontally .cds--btn.cds--btn--icon-only.cds--btn--ghost:focus:not(:active)::after {
  transform: rotate(-90deg);
  top: calc((3rem - 0.5rem) * 0.5 - 0.0625rem);
  left: calc((3rem - 0.5rem) * 0.5 - 0.0625rem);
}
.iot--menu-button--open.iot--menu-button--opens-horizontally .cds--btn.cds--btn--icon-only.cds--btn--ghost:focus:not(:active).cds--btn--md::after {
  top: calc((2.5rem - 0.5rem) * 0.5 - 0.0625rem);
  left: calc((2.5rem - 0.5rem) * 0.5 - 0.0625rem);
}
.iot--menu-button--open.iot--menu-button--opens-horizontally .cds--btn.cds--btn--icon-only.cds--btn--ghost:focus:not(:active).cds--btn--sm::after {
  top: calc((2rem - 0.5rem) * 0.5 - 0.0625rem);
  left: calc((2rem - 0.5rem) * 0.5 - 0.0625rem);
}
.iot--menu-button--open.iot--menu-button--opens-horizontally.iot--menu-button--flip-y .cds--btn.cds--btn--icon-only.cds--btn--ghost:focus:not(:active)::after {
  transform: rotate(90deg);
  left: calc(((3rem - 0.5rem) * 0.5 + 0.0625rem) * -1);
}
.iot--menu-button--open.iot--menu-button--opens-horizontally.iot--menu-button--flip-y .cds--btn.cds--btn--icon-only.cds--btn--ghost:focus:not(:active).cds--btn--md::after {
  left: calc(((2.5rem - 0.5rem) * 0.5 + 0.0625rem) * -1);
}
.iot--menu-button--open.iot--menu-button--opens-horizontally.iot--menu-button--flip-y .cds--btn.cds--btn--icon-only.cds--btn--ghost:focus:not(:active).cds--btn--sm::after {
  left: calc(((2rem - 0.5rem) * 0.5 + 0.0625rem) * -1);
}

.iot--menu-button .iot--menu-button__primary + .iot--menu-button__secondary {
  border-left: 1px solid var(--cds-layer-01, #f4f4f4);
}
.iot--menu-button .iot--btn {
  justify-content: center;
}
.iot--menu-button .cds--btn--ghost.cds--btn--icon-only {
  color: var(--cds-icon-primary, #161616);
}
.iot--menu-button--open .iot--menu-button__trigger.cds--btn--primary {
  background-color: var(--cds-button-primary-active, #002d9c);
}
.iot--menu-button--open .iot--menu-button__trigger.cds--btn--secondary {
  background-color: var(--cds-button-secondary-active, #6f6f6f);
}
.iot--menu-button--open .iot--menu-button__trigger.cds--btn--tertiary {
  background-color: var(--cds-button-tertiary-active, #002d9c);
  color: var(--cds-text-on-color, #ffffff);
}
.iot--menu-button--open .iot--menu-button__trigger.cds--btn--ghost {
  background-color: var(--cds-border-disabled, #c6c6c6);
  color: var(--cds-link-secondary, #0043ce);
}
.iot--menu-button--open .cds--btn--ghost.cds--btn--icon-only {
  background-color: var(--cds-layer-01, #f4f4f4);
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}

.iot--menu-button__menu {
  padding: 0;
}
.iot--menu-button__menu .cds--menu-divider {
  margin: 0;
}

.cds--menu.cds--menu--open.cds--menu--root {
  opacity: var(--iot-menu-button-menu-opacity);
}

html[dir=rtl] .iot--menu-button__menu .cds--menu-option__icon {
  margin-right: 0;
  margin-left: 0.5rem;
}
html[dir=rtl] .iot--menu-button__menu .cds--menu-option__info {
  margin-left: 0;
  margin-right: 1rem;
  transform: rotate(180deg);
}

.cds--inline-notification {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  inline-size: 100%;
  max-inline-size: 18rem;
  min-block-size: 3rem;
  min-inline-size: 18rem;
}
.cds--inline-notification html {
  font-size: 100%;
}
.cds--inline-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--inline-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--inline-notification strong {
  font-weight: 600;
}
@media (min-width: 42rem) {
  .cds--inline-notification {
    flex-wrap: nowrap;
    max-inline-size: 38rem;
  }
}
@media (min-width: 66rem) {
  .cds--inline-notification {
    max-inline-size: 46rem;
  }
}
@media (min-width: 99rem) {
  .cds--inline-notification {
    max-inline-size: 52rem;
  }
}

.cds--inline-notification:not(.cds--inline-notification--low-contrast) a {
  color: var(--cds-link-inverse, #78a9ff);
}

.cds--inline-notification a {
  text-decoration: none;
}

.cds--inline-notification a:hover {
  text-decoration: underline;
}

.cds--inline-notification a:focus {
  outline: 1px solid var(--cds-link-inverse, #78a9ff);
}

.cds--inline-notification.cds--inline-notification--low-contrast a:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--inline-notification.cds--inline-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}

.cds--inline-notification--low-contrast {
  color: var(--cds-text-primary, #161616);
}
.cds--inline-notification--low-contrast::before {
  position: absolute;
  box-sizing: border-box;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  block-size: 100%;
  content: "";
  filter: opacity(0.4);
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  pointer-events: none;
}

.cds--inline-notification--error {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);
}
.cds--inline-notification--error .cds--inline-notification__icon,
.cds--inline-notification--error .cds--toast-notification__icon,
.cds--inline-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error-inverse, #fa4d56);
}

.cds--inline-notification--low-contrast.cds--inline-notification--error {
  background: var(--cds-notification-background-error, #fff1f1);
  border-inline-start: 3px solid var(--cds-support-error, #da1e28);
}
.cds--inline-notification--low-contrast.cds--inline-notification--error .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--error .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error, #da1e28);
}
.cds--inline-notification--low-contrast.cds--inline-notification--error::before {
  border-color: var(--cds-support-error, #da1e28);
}

.cds--inline-notification--success {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);
}
.cds--inline-notification--success .cds--inline-notification__icon,
.cds--inline-notification--success .cds--toast-notification__icon,
.cds--inline-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success-inverse, #42be65);
}

.cds--inline-notification--low-contrast.cds--inline-notification--success {
  background: var(--cds-notification-background-success, #defbe6);
  border-inline-start: 3px solid var(--cds-support-success, #24a148);
}
.cds--inline-notification--low-contrast.cds--inline-notification--success .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--success .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success, #24a148);
}
.cds--inline-notification--low-contrast.cds--inline-notification--success::before {
  border-color: var(--cds-support-success, #24a148);
}

.cds--inline-notification--info,
.cds--inline-notification--info-square {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);
}
.cds--inline-notification--info .cds--inline-notification__icon,
.cds--inline-notification--info .cds--toast-notification__icon,
.cds--inline-notification--info .cds--actionable-notification__icon,
.cds--inline-notification--info-square .cds--inline-notification__icon,
.cds--inline-notification--info-square .cds--toast-notification__icon,
.cds--inline-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info-inverse, #4589ff);
}

.cds--inline-notification--low-contrast.cds--inline-notification--info,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square {
  background: var(--cds-notification-background-info, #edf5ff);
  border-inline-start: 3px solid var(--cds-support-info, #0043ce);
}
.cds--inline-notification--low-contrast.cds--inline-notification--info .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info .cds--actionable-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info, #0043ce);
}
.cds--inline-notification--low-contrast.cds--inline-notification--info::before,
.cds--inline-notification--low-contrast.cds--inline-notification--info-square::before {
  border-color: var(--cds-support-info, #0043ce);
}

.cds--inline-notification--warning,
.cds--inline-notification--warning-alt {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);
}
.cds--inline-notification--warning .cds--inline-notification__icon,
.cds--inline-notification--warning .cds--toast-notification__icon,
.cds--inline-notification--warning .cds--actionable-notification__icon,
.cds--inline-notification--warning-alt .cds--inline-notification__icon,
.cds--inline-notification--warning-alt .cds--toast-notification__icon,
.cds--inline-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning-inverse, #f1c21b);
}

.cds--inline-notification--low-contrast.cds--inline-notification--warning,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt {
  background: var(--cds-notification-background-warning, #fcf4d6);
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
}
.cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning .cds--actionable-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--inline-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--toast-notification__icon,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning, #f1c21b);
}
.cds--inline-notification--low-contrast.cds--inline-notification--warning::before,
.cds--inline-notification--low-contrast.cds--inline-notification--warning-alt::before {
  border-color: var(--cds-support-warning, #f1c21b);
}

.cds--inline-notification--warning .cds--inline-notification__icon path[opacity="0"],
.cds--inline-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--inline-notification__details {
  display: flex;
  flex-grow: 1;
  margin-inline: 0.8125rem 3rem;
}
@media (min-width: 42rem) {
  .cds--inline-notification__details {
    margin: 0 0.8125rem;
  }
}

.cds--inline-notification__icon {
  flex-shrink: 0;
  margin-block-start: 0.875rem;
  margin-inline-end: 1rem;
}

.cds--inline-notification__text-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem 0;
}

.cds--inline-notification__title {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  margin-inline-end: 0.25rem;
}

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

.cds--inline-notification__action-button.cds--btn--ghost {
  block-size: 2rem;
  margin-block-end: 0.5rem;
  margin-inline-start: 2.5rem;
}
@media (min-width: 42rem) {
  .cds--inline-notification__action-button.cds--btn--ghost {
    margin: 0.5rem 0;
  }
}

.cds--inline-notification:not(.cds--inline-notification--low-contrast) .cds--inline-notification__action-button.cds--btn--ghost {
  color: var(--cds-link-inverse, #78a9ff);
}

.cds--inline-notification__action-button.cds--btn--ghost:active,
.cds--inline-notification__action-button.cds--btn--ghost:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}

.cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:active,
.cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:hover {
  background-color: var(--cds-notification-action-hover, #ffffff);
}

.cds--inline-notification__action-button.cds--btn--ghost:focus {
  border-color: transparent;
  box-shadow: none;
  outline: 2px solid var(--cds-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.cds--inline-notification--low-contrast .cds--inline-notification__action-button.cds--btn--ghost:focus {
  outline-color: var(--cds-focus, #0f62fe);
}

.cds--inline-notification--hide-close-button .cds--inline-notification__action-button.cds--btn--ghost {
  margin-inline-end: 0.5rem;
}

.cds--inline-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  inset-block-start: 0;
  inset-inline-end: 0;
  max-inline-size: 3rem;
  min-inline-size: 3rem;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--inline-notification__close-button:focus {
  outline: 2px solid var(--cds-focus-inverse, #ffffff);
  outline-offset: -2px;
}
.cds--inline-notification__close-button .cds--inline-notification__close-icon {
  fill: var(--cds-icon-inverse, #ffffff);
}
@media (min-width: 42rem) {
  .cds--inline-notification__close-button {
    position: static;
  }
}

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

.cds--inline-notification--low-contrast .cds--inline-notification__close-button .cds--inline-notification__close-icon {
  fill: var(--cds-icon-primary, #161616);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--inline-notification {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--inline-notification__close-button:focus,
  .cds--btn.cds--btn--ghost.cds--inline-notification__action-button:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--toast-notification {
  display: flex;
  block-size: auto;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  color: var(--cds-text-inverse, #ffffff);
  inline-size: 18rem;
  padding-inline-start: 0.8125rem;
}
.cds--toast-notification html {
  font-size: 100%;
}
.cds--toast-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--toast-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--toast-notification strong {
  font-weight: 600;
}
@media (min-width: 99rem) {
  .cds--toast-notification {
    inline-size: 22rem;
  }
}

.cds--toast-notification:not(.cds--toast-notification--low-contrast) a {
  color: var(--cds-link-inverse, #78a9ff);
}

.cds--toast-notification a {
  text-decoration: none;
}

.cds--toast-notification a:hover {
  text-decoration: underline;
}

.cds--toast-notification a:focus {
  outline: 1px solid var(--cds-link-inverse, #78a9ff);
}

.cds--toast-notification.cds--toast-notification--low-contrast a:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--toast-notification.cds--toast-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}

.cds--toast-notification--low-contrast {
  color: var(--cds-text-primary, #161616);
}

.cds--toast-notification--error {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);
}
.cds--toast-notification--error .cds--inline-notification__icon,
.cds--toast-notification--error .cds--toast-notification__icon,
.cds--toast-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error-inverse, #fa4d56);
}

.cds--toast-notification--low-contrast.cds--toast-notification--error {
  background: var(--cds-notification-background-error, #fff1f1);
  border-inline-start: 3px solid var(--cds-support-error, #da1e28);
}
.cds--toast-notification--low-contrast.cds--toast-notification--error .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--error .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error, #da1e28);
}

.cds--toast-notification--success {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);
}
.cds--toast-notification--success .cds--inline-notification__icon,
.cds--toast-notification--success .cds--toast-notification__icon,
.cds--toast-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success-inverse, #42be65);
}

.cds--toast-notification--low-contrast.cds--toast-notification--success {
  background: var(--cds-notification-background-success, #defbe6);
  border-inline-start: 3px solid var(--cds-support-success, #24a148);
}
.cds--toast-notification--low-contrast.cds--toast-notification--success .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--success .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success, #24a148);
}

.cds--toast-notification--info,
.cds--toast-notification--info-square {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);
}
.cds--toast-notification--info .cds--inline-notification__icon,
.cds--toast-notification--info .cds--toast-notification__icon,
.cds--toast-notification--info .cds--actionable-notification__icon,
.cds--toast-notification--info-square .cds--inline-notification__icon,
.cds--toast-notification--info-square .cds--toast-notification__icon,
.cds--toast-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info-inverse, #4589ff);
}

.cds--toast-notification--low-contrast.cds--toast-notification--info,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square {
  background: var(--cds-notification-background-info, #edf5ff);
  border-inline-start: 3px solid var(--cds-support-info, #0043ce);
}
.cds--toast-notification--low-contrast.cds--toast-notification--info .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info .cds--actionable-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info, #0043ce);
}

.cds--toast-notification--warning,
.cds--toast-notification--warning-alt {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);
}
.cds--toast-notification--warning .cds--inline-notification__icon,
.cds--toast-notification--warning .cds--toast-notification__icon,
.cds--toast-notification--warning .cds--actionable-notification__icon,
.cds--toast-notification--warning-alt .cds--inline-notification__icon,
.cds--toast-notification--warning-alt .cds--toast-notification__icon,
.cds--toast-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning-inverse, #f1c21b);
}

.cds--toast-notification--low-contrast.cds--toast-notification--warning,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt {
  background: var(--cds-notification-background-warning, #fcf4d6);
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
}
.cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning .cds--actionable-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--inline-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--toast-notification__icon,
.cds--toast-notification--low-contrast.cds--toast-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--toast-notification--warning .cds--toast-notification__icon path[opacity="0"],
.cds--toast-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--toast-notification__icon {
  flex-shrink: 0;
  margin-block-start: 1rem;
  margin-inline-end: 1rem;
}

.cds--toast-notification__details {
  margin-block-end: 1rem;
  margin-inline-end: 1rem;
}

.cds--toast-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: transparent;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  margin-inline-start: auto;
  min-block-size: 3rem;
  min-inline-size: 3rem;
  transition: outline 250ms, background-color 250ms;
}
.cds--toast-notification__close-button:focus {
  outline: 2px solid var(--cds-focus-inverse, #ffffff);
  outline-offset: -2px;
}
.cds--toast-notification__close-button .cds--toast-notification__close-icon {
  fill: var(--cds-icon-inverse, #ffffff);
}

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

.cds--toast-notification--low-contrast .cds--toast-notification__close-button .cds--toast-notification__close-icon {
  fill: var(--cds-icon-primary, #161616);
}

.cds--toast-notification__title {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  font-weight: 600;
  margin-block-start: 1rem;
  word-break: break-word;
}

.cds--toast-notification__subtitle {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-inverse, #ffffff);
  margin-block: 0 1rem;
  word-break: break-word;
}

.cds--toast-notification--low-contrast .cds--toast-notification__subtitle {
  color: var(--cds-text-primary, #161616);
}

.cds--toast-notification__caption {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-inverse, #ffffff);
  padding-block-start: 0.5rem;
}

.cds--toast-notification--low-contrast .cds--toast-notification__caption {
  color: var(--cds-text-primary, #161616);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toast-notification {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toast-notification__close-button:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--actionable-notification {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  inline-size: 100%;
  max-inline-size: 18rem;
  min-block-size: 3rem;
  min-inline-size: 18rem;
}
.cds--actionable-notification html {
  font-size: 100%;
}
.cds--actionable-notification body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--actionable-notification code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--actionable-notification strong {
  font-weight: 600;
}
@media (min-width: 42rem) {
  .cds--actionable-notification {
    flex-wrap: nowrap;
    max-inline-size: 38rem;
  }
}
@media (min-width: 66rem) {
  .cds--actionable-notification {
    max-inline-size: 46rem;
  }
}
@media (min-width: 99rem) {
  .cds--actionable-notification {
    max-inline-size: 52rem;
  }
}

.cds--actionable-notification--toast {
  flex-wrap: wrap;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  max-inline-size: 18rem;
  min-inline-size: 18rem;
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) a {
  color: var(--cds-link-inverse, #78a9ff);
}

.cds--actionable-notification a {
  text-decoration: none;
}

.cds--actionable-notification a:hover {
  text-decoration: underline;
}

.cds--actionable-notification a:focus {
  outline: 1px solid var(--cds-focus-inverse, #ffffff);
}

.cds--actionable-notification.cds--actionable-notification--low-contrast a:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--actionable-notification.cds--actionable-notification--low-contrast a:focus {
    outline-style: dotted;
  }
}

.cds--actionable-notification--low-contrast {
  color: var(--cds-text-primary, #161616);
}

.cds--actionable-notification--low-contrast:not(.cds--actionable-notification--toast)::before {
  position: absolute;
  box-sizing: border-box;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  block-size: 100%;
  content: "";
  filter: opacity(0.4);
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  pointer-events: none;
}

.cds--actionable-notification--error {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-error-inverse, #fa4d56);
}
.cds--actionable-notification--error .cds--inline-notification__icon,
.cds--actionable-notification--error .cds--toast-notification__icon,
.cds--actionable-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error-inverse, #fa4d56);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--error {
  background: var(--cds-notification-background-error, #fff1f1);
  border-inline-start: 3px solid var(--cds-support-error, #da1e28);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--error .cds--actionable-notification__icon {
  fill: var(--cds-support-error, #da1e28);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--error::before {
  border-color: var(--cds-support-error, #da1e28);
}

.cds--actionable-notification--success {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-success-inverse, #42be65);
}
.cds--actionable-notification--success .cds--inline-notification__icon,
.cds--actionable-notification--success .cds--toast-notification__icon,
.cds--actionable-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success-inverse, #42be65);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--success {
  background: var(--cds-notification-background-success, #defbe6);
  border-inline-start: 3px solid var(--cds-support-success, #24a148);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--success .cds--actionable-notification__icon {
  fill: var(--cds-support-success, #24a148);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--success::before {
  border-color: var(--cds-support-success, #24a148);
}

.cds--actionable-notification--info,
.cds--actionable-notification--info-square {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-info-inverse, #4589ff);
}
.cds--actionable-notification--info .cds--inline-notification__icon,
.cds--actionable-notification--info .cds--toast-notification__icon,
.cds--actionable-notification--info .cds--actionable-notification__icon,
.cds--actionable-notification--info-square .cds--inline-notification__icon,
.cds--actionable-notification--info-square .cds--toast-notification__icon,
.cds--actionable-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info-inverse, #4589ff);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--info,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square {
  background: var(--cds-notification-background-info, #edf5ff);
  border-inline-start: 3px solid var(--cds-support-info, #0043ce);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info .cds--actionable-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square .cds--actionable-notification__icon {
  fill: var(--cds-support-info, #0043ce);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--info::before,
.cds--actionable-notification--low-contrast.cds--actionable-notification--info-square::before {
  border-color: var(--cds-support-info, #0043ce);
}

.cds--actionable-notification--warning,
.cds--actionable-notification--warning-alt {
  background: var(--cds-background-inverse, #393939);
  border-inline-start: 3px solid var(--cds-support-warning-inverse, #f1c21b);
}
.cds--actionable-notification--warning .cds--inline-notification__icon,
.cds--actionable-notification--warning .cds--toast-notification__icon,
.cds--actionable-notification--warning .cds--actionable-notification__icon,
.cds--actionable-notification--warning-alt .cds--inline-notification__icon,
.cds--actionable-notification--warning-alt .cds--toast-notification__icon,
.cds--actionable-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning-inverse, #f1c21b);
}

.cds--actionable-notification--low-contrast.cds--actionable-notification--warning,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt {
  background: var(--cds-notification-background-warning, #fcf4d6);
  border-inline-start: 3px solid var(--cds-support-warning, #f1c21b);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning .cds--actionable-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--inline-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--toast-notification__icon,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt .cds--actionable-notification__icon {
  fill: var(--cds-support-warning, #f1c21b);
}
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning::before,
.cds--actionable-notification--low-contrast.cds--actionable-notification--warning-alt::before {
  border-color: var(--cds-support-warning, #f1c21b);
}

.cds--actionable-notification--warning .cds--toast-notification__icon path[opacity="0"],
.cds--actionable-notification--warning-alt .cds--toast-notification__icon path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--actionable-notification--warning .cds--inline-notification__icon path[opacity="0"],
.cds--actionable-notification--warning-alt .cds--inline-notification__icon path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--actionable-notification__details {
  display: flex;
  flex-grow: 1;
  margin-inline: 0.8125rem 3rem;
}

@media (min-width: 42rem) {
  .cds--actionable-notification:not(.cds--actionable-notification--toast) .cds--actionable-notification__details {
    margin: 0 0.8125rem;
  }
}

.cds--actionable-notification .cds--inline-notification__icon {
  flex-shrink: 0;
  margin-block-start: 0.875rem;
  margin-inline-end: 1rem;
}

.cds--actionable-notification .cds--toast-notification__icon {
  flex-shrink: 0;
  margin-block-start: 1rem;
  margin-inline-end: 1rem;
}

.cds--actionable-notification__text-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem 0;
}

.cds--actionable-notification__button-wrapper {
  display: flex;
}

.cds--actionable-notification--toast .cds--actionable-notification__text-wrapper {
  padding: 0.9375rem 0 1.4375rem 0;
}

.cds--actionable-notification__content {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}

.cds--actionable-notification--toast .cds--actionable-notification__content {
  display: block;
}

.cds--actionable-notification__title {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  font-weight: 600;
  margin-inline-end: 0.25rem;
  word-break: break-word;
}

.cds--actionable-notification--toast .cds--actionable-notification__title {
  margin-inline-end: 0;
}

.cds--actionable-notification__subtitle {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-inverse, #ffffff);
  margin-block-start: 0;
  word-break: break-word;
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__subtitle {
  color: var(--cds-text-primary, #161616);
}

.cds--actionable-notification__caption {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-inverse, #ffffff);
  padding-block-start: 1.5rem;
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__caption {
  color: var(--cds-text-primary, #161616);
}

/* Ghost action button when inline */
.cds--actionable-notification__action-button.cds--btn--ghost {
  block-size: 2rem;
  margin-block-end: 0.5rem;
  margin-inline-start: 2.5rem;
}
@media (min-width: 42rem) {
  .cds--actionable-notification__action-button.cds--btn--ghost {
    margin: 0.5rem 0;
  }
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--ghost {
  color: var(--cds-link-inverse, #78a9ff);
}

.cds--actionable-notification__action-button.cds--btn--ghost:active,
.cds--actionable-notification__action-button.cds--btn--ghost:hover {
  background-color: var(--cds-background-inverse-hover, #474747);
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:active,
.cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:hover {
  background-color: var(--cds-notification-action-hover, #ffffff);
}

.cds--actionable-notification__action-button.cds--btn--ghost:focus {
  border-color: transparent;
  box-shadow: none;
  outline: 2px solid var(--cds-focus-inverse, #ffffff);
  outline-offset: -2px;
}

.cds--actionable-notification--low-contrast .cds--actionable-notification__action-button.cds--btn--ghost:focus {
  outline-color: var(--cds-focus, #0f62fe);
}

.cds--actionable-notification--hide-close-button .cds--actionable-notification__action-button.cds--btn--ghost {
  margin-inline-end: 0.5rem;
}

/* Tertiary action button when not inline (toast) */
.cds--actionable-notification__action-button.cds--btn--tertiary {
  margin-block-end: 1rem;
  margin-inline-start: calc(2rem + 1.25rem - 0.125rem);
  padding-inline: 1rem;
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary {
  border-width: 1px;
  border-style: solid;
  border-color: var(--cds-notification-action-tertiary-inverse, #ffffff);
  background-color: transparent;
  color: var(--cds-notification-action-tertiary-inverse, #ffffff);
}
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover {
  background-color: var(--cds-notification-action-tertiary-inverse-hover, #f4f4f4);
}
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:focus {
  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
}
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:active {
  background-color: var(--cds-notification-action-tertiary-inverse-active, #c6c6c6);
}
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary .cds--btn__icon,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
  fill: currentColor;
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover {
  color: var(--cds-notification-action-tertiary-inverse-text, #161616);
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:focus {
  border-color: var(--cds-focus-inverse, #ffffff);
  background-color: var(--cds-notification-action-tertiary-inverse, #ffffff);
  box-shadow: inset 0 0 0 1px var(--cds-focus-inverse, #ffffff), inset 0 0 0 2px var(--cds-background-inverse, #393939);
  color: var(--cds-notification-action-tertiary-inverse-text, #161616);
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:active {
  border-color: transparent;
  background-color: var(--cds-notification-action-tertiary-inverse-active, #c6c6c6);
  color: var(--cds-notification-action-tertiary-inverse-text, #161616);
}

.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:disabled,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:hover:disabled,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary:focus:disabled,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:hover,
.cds--actionable-notification:not(.cds--actionable-notification--low-contrast) .cds--actionable-notification__action-button.cds--btn--tertiary.cds--btn--disabled:focus {
  background: transparent;
  color: var(--cds-notification-action-tertiary-inverse-text-on-color-disabled, rgba(255, 255, 255, 0.25));
  outline: none;
}

.cds--actionable-notification--hide-close-button .cds--actionable-notification__action-button.cds--btn--tertiary {
  margin-inline-end: 0.5rem;
}

.cds--actionable-notification__close-button {
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  inset-block-start: 0;
  inset-inline-end: 0;
  max-inline-size: 3rem;
  min-inline-size: 3rem;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--actionable-notification__close-button:focus {
  outline: 2px solid var(--cds-focus-inverse, #ffffff);
  outline-offset: -2px;
}
.cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
  fill: var(--cds-icon-inverse, #ffffff);
}
@media (min-width: 42rem) {
  .cds--actionable-notification__close-button {
    position: static;
  }
}

@media (min-width: 42rem) {
  .cds--actionable-notification--toast .cds--actionable-notification__close-button {
    position: absolute;
  }
}

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

.cds--actionable-notification--low-contrast .cds--actionable-notification__close-button .cds--actionable-notification__close-icon {
  fill: var(--cds-icon-primary, #161616);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--actionable-notification {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--actionable-notification__close-button:focus,
  .cds--btn.cds--btn--ghost.cds--actionable-notification__action-button:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--number__controls:hover .cds--number__control-btn::after {
  display: none;
}

.cds--number__input-wrapper--decorator .cds--number__rule-divider,
.cds--number__input-wrapper--slug .cds--number__rule-divider {
  display: none;
}

.cds--number__input-wrapper--decorator .cds--number__control-btn:hover,
.cds--number__input-wrapper--slug .cds--number__control-btn:hover {
  box-shadow: 0 -1px 0 var(--cds-ai-border-strong, #4589ff) inset;
}

.cds--number__controls:focus-within .cds--number__control-btn::after {
  display: none;
}

.cds--number {
  position: relative;
  display: flex;
  flex-direction: column;
  inline-size: 100%;
}
.cds--number html {
  font-size: 100%;
}
.cds--number body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--number code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--number strong {
  font-weight: 600;
}

.cds--number .cds--number__input-wrapper--warning input[type=number],
.cds--number .cds--number__input-wrapper--warning input[type=text] {
  padding-inline-end: 8rem;
}

.cds--number input[type=number],
.cds--number input[type=text] {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  display: inline-flex;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
  background-color: var(--cds-field);
  block-size: 2.5rem;
  border-block-end: 0.0625rem solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  font-weight: 400;
  inline-size: 100%;
  min-inline-size: 9.375rem;
  padding-inline: 1rem 6rem;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--number input[type=number]:focus,
.cds--number input[type=text]:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--number input[type=number]:focus,
  .cds--number input[type=text]:focus {
    outline-style: dotted;
  }
}
.cds--number input[type=number]:disabled ~ .cds--number__controls,
.cds--number input[type=text]:disabled ~ .cds--number__controls {
  cursor: not-allowed;
  pointer-events: none;
}
.cds--number input[type=number]:disabled ~ .cds--number__controls svg,
.cds--number input[type=text]:disabled ~ .cds--number__controls svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--number input[type=number]::-ms-clear,
.cds--number input[type=text]::-ms-clear {
  display: none;
}
.cds--number input[type=number]::-webkit-inner-spin-button,
.cds--number input[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
}
.cds--number input[type=number][data-invalid],
.cds--number input[type=text][data-invalid] {
  padding-inline-end: 8rem;
}

.cds--number--lg.cds--number input[type=number],
.cds--number--lg.cds--number input[type=text] {
  padding-inline-end: 7rem;
}
.cds--number--lg.cds--number input[type=number][data-invalid],
.cds--number--lg.cds--number input[type=text][data-invalid] {
  padding-inline-end: 9rem;
}
.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=number],
.cds--number--lg.cds--number .cds--number__input-wrapper--warning input[type=text] {
  padding-inline-end: 9rem;
}

.cds--number--sm.cds--number input[type=number],
.cds--number--sm.cds--number input[type=text] {
  padding-inline-end: 5rem;
}
.cds--number--sm.cds--number input[type=number][data-invalid],
.cds--number--sm.cds--number input[type=text][data-invalid] {
  padding-inline-end: 7rem;
}
.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=number],
.cds--number--sm.cds--number .cds--number__input-wrapper--warning input[type=text] {
  padding-inline-end: 7rem;
}

.cds--number input[type=number]:disabled,
.cds--number input[type=text]:disabled {
  background-color: var(--cds-field);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--number__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.cds--number__controls {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  block-size: 100%;
  inline-size: 5rem;
  inset-block-start: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
}
.cds--number__controls html {
  font-size: 100%;
}
.cds--number__controls body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--number__controls code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--number__controls strong {
  font-weight: 600;
}

.cds--number__control-btn {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  block-size: 100%;
  color: var(--cds-icon-primary, #161616);
}
.cds--number__control-btn *,
.cds--number__control-btn *::before,
.cds--number__control-btn *::after {
  box-sizing: inherit;
}
.cds--number__control-btn::-moz-focus-inner {
  border: 0;
}
.cds--number__control-btn svg {
  fill: currentColor;
}
.cds--number__control-btn:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
  color: var(--cds-icon-primary, #161616);
  outline-offset: -2px;
  outline-width: 2px;
}
@media screen and (prefers-contrast) {
  .cds--number__control-btn:focus {
    outline-style: dotted;
  }
}
.cds--number__control-btn:hover {
  background-color: var(--cds-field-hover);
  box-shadow: 0 -1px 0 var(--cds-border-strong) inset;
  color: var(--cds-icon-primary, #161616);
  cursor: pointer;
}
.cds--number__control-btn:disabled {
  border-block-end-color: transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}

.cds--number__control-btn.down-icon {
  order: 1;
}

.cds--number__control-btn.up-icon {
  order: 2;
}

.cds--number input[type=number][data-invalid] ~ .cds--number__controls .cds--number__control-btn,
.cds--number input[type=text][data-invalid] ~ .cds--number__controls .cds--number__control-btn {
  border-block-end-color: var(--cds-support-error, #da1e28);
}

.cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn,
.cds--number input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn {
  border-width: 2px 0;
  border-style: solid;
  border-color: var(--cds-focus, #0f62fe);
  box-shadow: none;
  outline-offset: -2px;
}

.cds--number input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover,
.cds--number input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {
  box-shadow: -4px 0 0 -2px var(--cds-focus, #0f62fe) inset;
}

.cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover,
.cds--number input[type=text][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:last-of-type:hover {
  box-shadow: -4px 0 0 -2px var(--cds-support-error, #da1e28) inset;
}

.cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover,
.cds--number input[type=text][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:hover {
  border-width: 2px 0;
  border-style: solid;
  border-color: var(--cds-support-error, #da1e28);
  box-shadow: none;
  outline-offset: -2px;
}

.cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover,
.cds--number input[type=text][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--number input[type=number][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover,
  .cds--number input[type=text][data-invalid]:not(:focus) ~ .cds--number__controls .cds--number__control-btn:focus:hover {
    outline-style: dotted;
  }
}

.cds--number__rule-divider {
  position: absolute;
  z-index: 6000;
  background-color: var(--cds-border-subtle);
  block-size: 1rem;
  inline-size: 0.0625rem;
}
.cds--number__rule-divider:first-of-type {
  order: 0;
}

.cds--number__controls .cds--number__rule-divider:first-of-type {
  background-color: transparent;
  inset-inline-start: 0;
}

.cds--number__invalid + .cds--number__controls .cds--number__rule-divider:first-of-type {
  background-color: var(--cds-border-subtle);
}

.cds--number--light .cds--number__rule-divider,
.cds--number--light .cds--number__invalid + .cds--number__controls .cds--number__rule-divider:first-of-type {
  background-color: var(--cds-border-subtle-02, #e0e0e0);
}

.cds--number input[type=number]:disabled + .cds--number__controls .cds--number__rule-divider:first-of-type,
.cds--number input[type=text]:disabled + .cds--number__controls .cds--number__rule-divider:first-of-type {
  background-color: transparent;
}

.cds--number input[type=number]:disabled + .cds--number__controls .cds--number__rule-divider,
.cds--number input[type=text]:disabled + .cds--number__controls .cds--number__rule-divider {
  background-color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--number__control-btn:focus ~ .cds--number__rule-divider {
  background-color: transparent;
}

.cds--number__invalid {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-inline-end: 6rem;
}

.cds--number--lg .cds--number__invalid {
  inset-inline-end: 7rem;
}

.cds--number--sm .cds--number__invalid {
  inset-inline-end: 5rem;
}

.cds--number__invalid + .cds--number__rule-divider {
  position: absolute;
  inset-inline-end: 5rem;
}

.cds--number--lg .cds--number__invalid + .cds--number__rule-divider {
  inset-inline-end: 6rem;
}

.cds--number--sm .cds--number__invalid + .cds--number__rule-divider {
  inset-inline-end: 4rem;
}

.cds--number__control-btn.down-icon:hover ~ .cds--number__rule-divider,
.cds--number__control-btn.up-icon:hover + .cds--number__rule-divider,
.cds--number__control-btn.down-icon:focus ~ .cds--number__rule-divider,
.cds--number__control-btn.up-icon:focus + .cds--number__rule-divider {
  background-color: transparent;
}

.cds--number__invalid--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--number__invalid--warning path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--number--lg input[type=number],
.cds--number--lg input[type=text] {
  block-size: 3rem;
}

.cds--number--lg .cds--number__controls {
  inline-size: 6rem;
}

.cds--number--lg .cds--number__control-btn {
  inline-size: 3rem;
}

.cds--number--sm input[type=number],
.cds--number--sm input[type=text] {
  block-size: 2rem;
}

.cds--number--sm .cds--number__controls {
  inline-size: 4rem;
}

.cds--number--sm .cds--number__control-btn {
  inline-size: 2rem;
}

.cds--number--nolabel .cds--label + .cds--form__helper-text {
  margin-block-start: 0;
}

.cds--number--nosteppers input[type=number],
.cds--number--nosteppers input[type=text] {
  padding-inline-end: 0;
}

.cds--number--nosteppers input[type=number][data-invalid],
.cds--number--nosteppers input[type=text][data-invalid],
.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=number],
.cds--number--nosteppers .cds--number__input-wrapper--warning input[type=text] {
  padding-inline-end: 3rem;
}

.cds--number--nosteppers .cds--number__invalid {
  inset-inline-end: 1rem;
}

.cds--number--readonly input[type=number],
.cds--number--readonly input[type=text] {
  background: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--number--readonly .cds--number__control-btn {
  color: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
  pointer-events: none;
}
.cds--number--readonly .cds--number__control-btn:hover {
  background-color: transparent;
  cursor: pointer;
}

.cds--number--readonly input[type=number]:focus ~ .cds--number__controls .cds--number__control-btn:hover,
.cds--number--readonly input[type=text]:focus ~ .cds--number__controls .cds--number__control-btn:hover {
  outline: none;
}

.cds--number--readonly .cds--number__controls:hover .cds--number__rule-divider:not(:first-of-type) {
  background-color: var(--cds-border-subtle);
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *,
.cds--number__input-wrapper--slug .cds--ai-label,
.cds--number__input-wrapper--slug .cds--slug {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 6rem;
  transform: translateY(-50%);
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator:not(:has(.cds--ai-label)) > * {
  block-size: 1rem;
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *::before,
.cds--number__input-wrapper--decorator .cds--number__control-btn::before,
.cds--number__input-wrapper--decorator .cds--number__control-btn::after,
.cds--number__input-wrapper--slug .cds--ai-label::before,
.cds--number__input-wrapper--slug .cds--slug::before,
.cds--number__input-wrapper--slug .cds--number__control-btn::before,
.cds--number__input-wrapper--slug .cds--number__control-btn::after {
  position: absolute;
  background-color: var(--cds-border-subtle);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator > *::before,
.cds--number__input-wrapper--slug .cds--ai-label::before,
.cds--number__input-wrapper--slug .cds--slug::before {
  display: none;
  inset-inline-start: -1rem;
}

.cds--number__input-wrapper--decorator .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert::before,
.cds--number__input-wrapper--slug .cds--ai-label--revert::before,
.cds--number__input-wrapper--slug .cds--slug--revert::before {
  inset-block-start: 0.5rem;
  inset-inline-start: -0.5rem;
}

.cds--number__control-btn::after {
  display: block;
  inset-inline-end: 0;
}

.cds--number__input-wrapper--decorator .cds--number__control-btn::before,
.cds--number__input-wrapper--slug .cds--number__control-btn::before {
  display: block;
  inset-inline-end: 2.5rem;
}

.cds--number__input-wrapper--decorator .cds--number__control-btn:focus::before,
.cds--number__input-wrapper--slug .cds--number__control-btn:focus::before {
  display: none;
}

.cds--number__control-btn:hover::after,
.cds--number__control-btn:hover::before {
  display: none;
  inset-inline-end: 0;
}

.cds--number__input-wrapper:has(.cds--number__control-btn:hover) ~ .cds--number__input-wrapper--decorator::after,
.cds--number__input-wrapper:has(.cds--number__control-btn:hover) ~ .cds--number__input-wrapper--slug::after {
  display: none;
}

.cds--number__control-btn:has(.up-icon)::after,
.cds--number__control-btn:has(.up-icon)::before {
  display: none;
}

.cds--number__input-wrapper--decorator .cds--number__invalid,
.cds--number__input-wrapper--slug .cds--number__invalid {
  inset-inline-end: 9rem;
}

.cds--number__input-wrapper--decorator:has(.cds--number__invalid) .cds--number__input-inner-wrapper--decorator > *::before,
.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label::before,
.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--ai-label::before,
.cds--number__input-wrapper--slug:has(.cds--number__invalid) .cds--slug::before {
  display: block;
}

.cds--number .cds--number__input-wrapper--decorator input[data-invalid],
.cds--number .cds--number__input-wrapper--decorator.cds--number__input-wrapper--warning input,
.cds--number .cds--number__input-wrapper--slug input[data-invalid],
.cds--number .cds--number__input-wrapper--slug.cds--number__input-wrapper--warning input {
  padding-inline-end: 9rem;
}

.cds--number__input-wrapper--decorator input[type=number]:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=number]:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=number]:has(~ .cds--slug):not(:has(~ .cds--slug--revert)),
.cds--number__input-wrapper--slug input[type=number]:disabled,
.cds--number__input-wrapper--decorator input[type=text]:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label):not(:has(~ .cds--number__input-inner-wrapper--decorator .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=text]:has(~ .cds--ai-label):not(:has(~ .cds--ai-label--revert)),
.cds--number__input-wrapper--slug input[type=text]:has(~ .cds--slug):not(:has(~ .cds--slug--revert)),
.cds--number__input-wrapper--slug input[type=text]:disabled {
  background-image: linear-gradient(0deg, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 100%);
  border-block-end-color: var(--cds-ai-border-strong, #4589ff);
  padding-inline-end: 9.0625rem;
}

.cds--number.cds--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  inline-size: 100%;
}
.cds--number.cds--skeleton:hover, .cds--number.cds--skeleton:focus, .cds--number.cds--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--number.cds--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--number.cds--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--number.cds--skeleton {
    background: CanvasText;
  }
  .cds--number.cds--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--number.cds--skeleton input[type=number],
.cds--number.cds--skeleton input[type=text] {
  display: none;
}

.cds--number.cds--skeleton.cds--number--sm {
  block-size: 2rem;
}

.cds--number.cds--skeleton.cds--number--md {
  block-size: 2.5rem;
}

.cds--number.cds--skeleton.cds--number--lg {
  block-size: 3rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--number__control-btn:hover,
  .cds--number__control-btn:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--number__control-btn {
    outline: 1px solid transparent;
  }
}

html[dir=rtl] .cds--number .cds--number__input-wrapper input {
  min-width: 8.5rem;
  padding-right: 1rem;
}
html[dir=rtl] .cds--number .cds--number__controls {
  right: unset;
  left: 0;
}

.cds--list--nested,
.cds--list--unordered,
.cds--list--ordered,
.cds--list--ordered--native {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  list-style: none;
}
.cds--list--nested *,
.cds--list--nested *::before,
.cds--list--nested *::after,
.cds--list--unordered *,
.cds--list--unordered *::before,
.cds--list--unordered *::after,
.cds--list--ordered *,
.cds--list--ordered *::before,
.cds--list--ordered *::after,
.cds--list--ordered--native *,
.cds--list--ordered--native *::before,
.cds--list--ordered--native *::after {
  box-sizing: inherit;
}

.cds--list--unordered:not(.cds--list--nested) {
  margin-inline-start: 1rem;
}

.cds--list--expressive,
.cds--list--expressive .cds--list--nested {
  font-size: var(--cds-body-02-font-size, 1rem);
  font-weight: var(--cds-body-02-font-weight, 400);
  line-height: var(--cds-body-02-line-height, 1.5);
  letter-spacing: var(--cds-body-02-letter-spacing, 0);
}

.cds--list--ordered--native {
  list-style: decimal;
}

.cds--list__item {
  color: var(--cds-text-primary, #161616);
}

.cds--list--nested {
  margin-inline-start: 2rem;
}

.cds--list--nested .cds--list__item {
  padding-inline-start: 0.25rem;
}

.cds--list--ordered:not(.cds--list--nested) {
  counter-reset: item;
}

.cds--list--ordered:not(.cds--list--nested) > .cds--list__item {
  position: relative;
}

.cds--list--ordered:not(.cds--list--nested) > .cds--list__item::before {
  position: absolute;
  content: counter(item) ".";
  counter-increment: item;
  inset-inline-start: -1.5rem;
}

.cds--list--ordered.cds--list--nested,
.cds--list--ordered--native.cds--list--nested {
  list-style-type: lower-latin;
}

.cds--list--unordered > .cds--list__item {
  position: relative;
}
.cds--list--unordered > .cds--list__item::before {
  position: absolute;
  content: "–";
  inset-inline-start: calc(-1 * 1rem);
}

.cds--list--unordered.cds--list--nested > .cds--list__item::before {
  content: "▪";
  inset-inline-start: calc(-1 * 0.75rem);
}

/* Modifier classes are applied to the root element only
  .page-title-bar--sticky:
    - entire title bar should turn white and stick to the top
  .page-title-bar--condensed-static:
    - title bar should be in a condensed and sticky state
  .page-title-bar--dynamic:
    - title bar should transition on scroll to a condensed bar
    - if the content area includes tabs, the tabs should push the
      the sticky header
  .page-title-bar--dynamic--before:
    - when it's in its full state
  .page-title-bar--dynamic--during:
    - the period between the start of the transition and the end of it
  .page-title-bar--dynamic--after:
    - the title bar is in the fully condensed position
*/
.page-title-bar-header {
  display: grid;
  grid-row-gap: 0;
  grid-column-gap: 0;
  grid-template: "breadcrumb           actions-condensed   actions-upper" minmax(0.5rem, auto) "title                actions             actions" 2.5rem "description          description         description" auto "content              content             content" max-content/auto auto min-content;
}
.page-title-bar--sticky .page-title-bar-header {
  position: sticky;
  top: var(--header-offset);
  background: rgba(255, 255, 255, var(--scroll-transition-progress));
  border-bottom: 1px solid rgba(224, 224, 224, var(--scroll-transition-progress));
  transition: all 110ms;
  width: 100%;
  padding-bottom: 1rem;
  z-index: 1000;
}
.page-title-bar-header-right {
  display: grid;
  grid-area: actions;
  justify-content: flex-end;
  align-content: center;
  padding-right: 2rem;
  /* search boxes, selects, etc should have slightly wider margin */
  transition: opacity 240ms;
}
[dir=rtl] .page-title-bar-header-right {
  padding-right: unset;
  padding-left: 2rem;
}
.page-title-bar-header-right .cds--content-switcher-btn,
.page-title-bar-header-right .cds--content-switcher .cds--btn--primary {
  margin-left: 0;
}
.page-title-bar-header-right .cds--btn--primary {
  margin-left: 0.5rem;
}
[dir=rtl] .page-title-bar-header-right .cds--btn--primary {
  margin-left: unset;
  margin-right: 0.5rem;
}
.page-title-bar-header-right .cds--btn--secondary + .cds--btn--primary {
  margin-left: 1px;
}
[dir=rtl] .page-title-bar-header-right .cds--btn--secondary + .cds--btn--primary {
  margin-left: unset;
  margin-right: 1px;
}
.page-title-bar-header-right .cds--btn ~ :not(.cds--btn) {
  margin-left: 1rem;
  margin-right: 1rem;
}
.page-title-bar-header-right .cds--btn + .cds--btn--secondary:not(.iot--icon-switch) {
  margin-left: 1rem;
}
.page-title-bar--condensed-static .page-title-bar-header-right {
  position: sticky;
  top: var(--header-offset);
  background: rgba(255, 255, 255, var(--scroll-transition-progress));
  border-bottom: 1px solid rgba(224, 224, 224, var(--scroll-transition-progress));
  transition: all 110ms;
}
.page-title-bar--dynamic .page-title-bar-header-right {
  position: sticky;
  top: var(--header-offset);
  margin-left: 1rem;
}
[dir=rtl] .page-title-bar--dynamic .page-title-bar-header-right {
  margin-left: unset;
  margin-right: 1rem;
}
.page-title-bar--with-actions.page-title-bar--dynamic--after .page-title-bar-header-right {
  grid-area: actions-condensed;
  padding-right: 0;
  opacity: 1;
  transition: opacity 240ms;
}
.page-title-bar--with-actions.page-title-bar--dynamic--during .page-title-bar-header-right, .page-title-bar--with-actions.page-title-bar--dynamic--before .page-title-bar-header-right {
  opacity: calc(1 - var(--scroll-transition-progress));
  z-index: 0;
}
.page-title-bar.page-title-bar--dynamic--after .page-title-bar-header-right {
  z-index: 1000;
}
.page-title-bar.page-title-bar--dynamic--during .page-title-bar-header-right {
  z-index: 1000;
}
.page-title-bar-breadcrumb-bg {
  grid-column-start: breadcrumb-start;
  grid-column-end: actions-upper-end;
  grid-row-start: 1;
  grid-row-end: 2;
  pointer-events: none;
  border-bottom: 1px solid transparent;
}
.page-title-bar--dynamic--during .page-title-bar-breadcrumb-bg, .page-title-bar--dynamic--after .page-title-bar-breadcrumb-bg {
  position: sticky;
  top: var(--header-offset);
  background: rgba(255, 255, 255, var(--scroll-transition-progress));
  border-bottom: 1px solid rgba(224, 224, 224, var(--scroll-transition-progress));
  transition: all 110ms;
  z-index: 1;
  display: grid;
  content: "";
  background: rgba(255, 255, 255, var(--scroll-transition-progress));
  border-bottom: 1px solid rgba(224, 224, 224, var(--scroll-transition-progress));
}
.page-title-bar-breadcrumb {
  grid-area: breadcrumb;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.75rem 0 0.25rem 2rem;
  max-height: 2rem;
  white-space: nowrap;
}
[dir=rtl] .page-title-bar-breadcrumb {
  padding: 0.75rem 2rem 0.25rem 0;
}
.page-title-bar--dynamic .page-title-bar-breadcrumb {
  position: sticky;
  top: var(--header-offset);
  overflow: hidden;
  transition: all 110ms;
  border-bottom: 1px solid transparent;
}
.page-title-bar--dynamic--during .page-title-bar-breadcrumb, .page-title-bar--dynamic--after .page-title-bar-breadcrumb {
  padding-bottom: 0.75rem;
  transition: all 110ms;
  z-index: 900;
  max-height: 2.5rem;
}
.page-title-bar--condensed-static .page-title-bar-breadcrumb {
  position: sticky;
  top: var(--header-offset);
  background: rgba(255, 255, 255, var(--scroll-transition-progress));
  border-bottom: 1px solid rgba(224, 224, 224, var(--scroll-transition-progress));
  transition: all 110ms;
  grid-area: title;
  padding-bottom: 0.75rem;
  z-index: 1000;
  max-height: 2.5rem;
}
.page-title-bar-breadcrumb > nav {
  width: 100%;
}
[dir=rtl] .page-title-bar-breadcrumb > nav .cds--breadcrumb-item:first-child {
  margin-right: 0;
}
.page-title-bar-breadcrumb--overflow {
  display: block;
  overflow-x: hidden;
}
.page-title-bar-breadcrumb--overflow .cds--popover-container {
  position: absolute;
}
.page-title-bar-breadcrumb--overflow .breadcrumb--overflow:after {
  margin-left: 1.5rem;
}
.page-title-bar-breadcrumb .page-title-bar-breadcrumb-current {
  --breadcrumb-scroll-distance: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: opacity 70ms linear, transform 70ms linear;
  margin-left: 0;
}
.page-title-bar-breadcrumb .page-title-bar-breadcrumb-current .cds--toggletip {
  margin-left: 0.5rem;
  padding-right: 1px;
}
.page-title-bar-breadcrumb .page-title-bar-breadcrumb-current .cds--toggletip .cds--popover-content {
  white-space: normal;
}
.page-title-bar-breadcrumb .page-title-bar-breadcrumb-current .cds--toggletip .cds--popover-content .cds--toggletip-content {
  row-gap: 0;
}
.page-title-bar-breadcrumb .page-title-bar-breadcrumb-current::after {
  display: none;
}
[dir=rtl] .page-title-bar-breadcrumb .page-title-bar-breadcrumb-current {
  text-align: right;
  margin-right: 0.5rem;
}
.page-title-bar--dynamic .page-title-bar-breadcrumb .page-title-bar-breadcrumb-current {
  opacity: 0;
  transform: translateY(var(--breadcrumb-scroll-distance));
}
.page-title-bar--dynamic--during .page-title-bar-breadcrumb .page-title-bar-breadcrumb-current, .page-title-bar--dynamic--after .page-title-bar-breadcrumb .page-title-bar-breadcrumb-current {
  /* stylelint-disable scss/operator-no-newline-after */
  transform: translateY(calc(var(--breadcrumb-scroll-distance) - var(--scroll-transition-progress) * var(--breadcrumb-scroll-distance)));
  opacity: var(--scroll-transition-progress);
}
.page-title-bar-actions-upper {
  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;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: actions-condensed-start;
  grid-column-end: actions-upper-end;
  padding-right: 2rem;
  z-index: 100;
}
[dir=rtl] .page-title-bar-actions-upper {
  padding-right: unset;
  padding-left: 2rem;
}
.page-title-bar--dynamic .page-title-bar-actions-upper {
  position: sticky;
  top: var(--header-offset);
}
.page-title-bar--dynamic--after .page-title-bar-actions-upper {
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: actions-upper-start;
  grid-column-end: actions-upper-end;
}
.page-title-bar-title {
  display: grid;
  grid-area: title;
  justify-content: space-between;
  padding-left: 2rem;
  padding-right: 2rem;
}
.page-title-bar--dynamic--during .page-title-bar-title, .page-title-bar--dynamic--after .page-title-bar-title {
  opacity: calc(1 - var(--scroll-transition-progress));
}
.page-title-bar--condensed-static .page-title-bar-title {
  display: none;
}
.page-title-bar-title--text {
  align-items: center;
  display: flex;
  white-space: nowrap;
}
.page-title-bar-title--text h2 {
  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);
  height: 2.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
}
.page-title-bar-title--text .cds--toggletip {
  margin-left: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.page-title-bar-title--text .cds--toggletip .cds--popover-content {
  white-space: normal;
}
.page-title-bar-title--text .cds--toggletip .cds--popover-content .cds--toggletip-content {
  row-gap: 0;
}
.page-title-bar-title--text .cds--toggletip svg {
  width: 1rem;
  height: 1rem;
}
.page-title-bar-title .cds--text-input {
  margin-right: 1rem;
}
[dir=rtl] .page-title-bar-title .cds--text-input {
  margin-right: unset;
  margin-left: 1rem;
}
.page-title-bar-title--edit.cds--btn.cds--btn--field {
  margin-left: 1rem;
}
[dir=rtl] .page-title-bar-title--edit.cds--btn.cds--btn--field {
  margin-left: unset;
  margin-right: 1rem;
}
.page-title-bar .cds--tab-content {
  padding: unset;
  padding-top: 1rem;
}
.page-title-bar-description {
  display: grid;
  grid-area: 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-top: 0.25rem;
  max-width: 40rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.page-title-bar-description .cds--inline-loading {
  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);
  height: 0.75rem;
  min-height: unset;
}
.page-title-bar-description .cds--inline-loading__animation {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.page-title-bar-loading {
  height: carbon--rem(20px);
  margin: 1rem 0 0 2rem;
}
.page-title-bar-content {
  display: grid;
  grid-area: content;
  padding: 0 2rem;
  margin-top: 1.5rem;
}
.page-title-bar-content.page-title-bar-content--active .cds--tabs {
  transition: all 110ms ease-in;
  background: var(--cds-layer-01, #f4f4f4);
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.page-title-bar-content .cds--tabs {
  padding-left: 1rem;
  margin-left: -2rem;
  width: calc(100% + 4rem);
}
[dir=rtl] .page-title-bar-content .cds--tabs {
  padding-left: 0;
  padding-right: 1rem;
  margin-left: 0;
  margin-right: -2rem;
}
.page-title-bar-content .cds--tabs .cds--tabs__nav-link {
  text-align: left;
}
[dir=rtl] .page-title-bar-content .cds--tabs .cds--tabs__nav-link {
  text-align: right;
}
.page-title-bar--dynamic .page-title-bar-content .cds--tabs {
  z-index: 1100;
  position: sticky;
  top: var(--header-offset);
}

/* styles for sticky breadcrumbs and tabs */
.iot--page-title-bar--stack-tabs.page-title-bar--dynamic--after .page-title-bar-header, .iot--page-title-bar--stack-tabs.page-title-bar--condensed-static .page-title-bar-header,
.iot--page-title-bar--stack-tabs-override-show.page-title-bar--dynamic--after .page-title-bar-header,
.iot--page-title-bar--stack-tabs-override-show.page-title-bar--condensed-static .page-title-bar-header,
.iot--page-title-bar--stack-tabs-override-hide.page-title-bar--dynamic--after .page-title-bar-header,
.iot--page-title-bar--stack-tabs-override-hide.page-title-bar--condensed-static .page-title-bar-header {
  position: sticky;
  top: var(--header-offset);
  top: var(--negative-header-offset);
}
.iot--page-title-bar--stack-tabs .page-title-bar-breadcrumb,
.iot--page-title-bar--stack-tabs .page-title-bar-breadcrumb-bg,
.iot--page-title-bar--stack-tabs .page-title-bar-header-right.page-title-bar-header-right,
.iot--page-title-bar--stack-tabs-override-show .page-title-bar-breadcrumb,
.iot--page-title-bar--stack-tabs-override-show .page-title-bar-breadcrumb-bg,
.iot--page-title-bar--stack-tabs-override-show .page-title-bar-header-right.page-title-bar-header-right,
.iot--page-title-bar--stack-tabs-override-hide .page-title-bar-breadcrumb,
.iot--page-title-bar--stack-tabs-override-hide .page-title-bar-breadcrumb-bg,
.iot--page-title-bar--stack-tabs-override-hide .page-title-bar-header-right.page-title-bar-header-right {
  top: 0;
}
.iot--page-title-bar--stack-tabs.page-title-bar--condensed-static .cds--tabs,
.iot--page-title-bar--stack-tabs-override-show.page-title-bar--condensed-static .cds--tabs,
.iot--page-title-bar--stack-tabs-override-hide.page-title-bar--condensed-static .cds--tabs {
  position: sticky;
  top: var(--header-offset);
}

.iot--page-title-bar--stack-tabs-override-show.iot--page-title-bar--stack-tabs-override-show .page-title-bar-header {
  top: var(--negative-header-offset);
}

.iot--page-title-bar--stack-tabs-override-hide.iot--page-title-bar--stack-tabs-override-hide .page-title-bar-header {
  top: -5rem;
}

.iot--page-wizard {
  display: flex;
}
.iot--page-wizard__sticky {
  padding-bottom: 6rem;
}
.iot--page-wizard--progress--vertical {
  padding-right: 1rem;
  flex: 0 0 12rem;
}
.iot--page-wizard--progress--horizontal {
  padding-bottom: 1rem;
}
.iot--page-wizard--progress .cds--progress--vertical li {
  min-height: 4.5rem;
}
.iot--page-wizard--step {
  padding-bottom: 2rem;
  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);
}
.iot--page-wizard--step--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);
  margin-bottom: 0.5rem;
}
.iot--page-wizard--step--description {
  margin-bottom: 0.75rem;
  max-width: 40rem;
}
.iot--page-wizard--step--extra-content {
  display: none; /* TODO: render as sidebar */
}
.iot--page-wizard--content {
  flex: 1;
}
.iot--page-wizard--content--actions {
  padding-top: 2rem;
}
.iot--page-wizard--content--actions .cds--btn {
  margin-right: 1rem;
}
.iot--page-wizard--content--actions--sticky {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--cds-layer-01, #f4f4f4);
  padding: 1rem 2rem;
  border-top: 0.0625rem solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--page-wizard--content--actions--sticky .cds--btn {
  margin-right: 1rem;
}
.iot--page-wizard--content--footer {
  display: flex;
  align-items: center;
}
.iot--page-wizard--content--footer--before--content {
  flex: 1;
  justify-content: flex-start;
}
.iot--page-wizard--content--footer--after--content {
  justify-content: flex-end;
}
.iot--page-wizard--inline-notificaton {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.iot--pie-chart-container {
  width: 100%;
  height: 100%;
}

.iot--pie-chart-container .cds--chart-holder {
  padding: 0 1rem;
}

.iot--pie-chart-container__expanded {
  height: calc(100% - 9rem);
}
.iot--pie-chart-container__expanded .cds--chart-holder {
  padding-bottom: 0.125rem;
}

.cds--progress-bar {
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
}

.cds--progress-bar__label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  justify-content: space-between;
  color: var(--cds-text-primary, #161616);
  margin-block-end: 0.5rem;
  min-inline-size: 3rem;
}

.cds--progress-bar__label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--progress-bar__track {
  position: relative;
  background-color: var(--cds-layer);
  block-size: 0.5rem;
  inline-size: 100%;
  min-inline-size: 3rem;
}

.cds--progress-bar--big .cds--progress-bar__track {
  block-size: 0.5rem;
}

.cds--progress-bar--small .cds--progress-bar__track {
  block-size: 0.25rem;
}

.cds--progress-bar__bar {
  display: block;
  background-color: currentColor;
  block-size: 100%;
  color: var(--cds-interactive, #0f62fe);
  inline-size: 100%;
  transform: scaleX(0);
  transform-origin: 0 center;
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

[dir=rtl] .cds--progress-bar__bar {
  transform-origin: 100% center;
}

.cds--progress-bar--indeterminate .cds--progress-bar__track::after {
  position: absolute;
  animation-duration: 1400ms;
  animation-iteration-count: infinite;
  animation-name: cds--progress-bar-indeterminate;
  animation-timing-function: linear;
  background-image: linear-gradient(90deg, var(--cds-interactive, #0f62fe) 12.5%, transparent 12.5%);
  background-position-x: 0%;
  background-size: 200% 100%;
  content: "";
  inset: 0;
}

[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track::after {
  animation-name: cds--progress-bar-indeterminate-rtl;
}

.cds--progress-bar__helper-text {
  font-size: var(--cds-helper-text-01-font-size, 0.75rem);
  line-height: var(--cds-helper-text-01-line-height, 1.33333);
  letter-spacing: var(--cds-helper-text-01-letter-spacing, 0.32px);
  color: var(--cds-text-secondary, #525252);
  margin-block-start: 0.5rem;
}

.cds--progress-bar__status-icon {
  flex-shrink: 0;
  margin-inline-start: var(--cds-layout-density-padding-inline-local);
}

.cds--progress-bar--finished .cds--progress-bar__bar,
.cds--progress-bar--finished .cds--progress-bar__status-icon {
  color: var(--cds-support-success, #24a148);
}

.cds--progress-bar--error .cds--progress-bar__bar,
.cds--progress-bar--error .cds--progress-bar__status-icon {
  color: var(--cds-support-error, #da1e28);
}

.cds--progress-bar--error .cds--progress-bar__helper-text {
  color: var(--cds-text-error, #da1e28);
}

.cds--progress-bar--finished .cds--progress-bar__bar,
.cds--progress-bar--error .cds--progress-bar__bar {
  transform: scaleX(1);
}

.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track,
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
  visibility: inherit;
  white-space: nowrap;
}

.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label,
.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label {
  flex-shrink: 1;
  justify-content: flex-start;
  margin-inline-end: 0;
}

@keyframes cds--progress-bar-indeterminate {
  0% {
    background-position-x: 25%;
  }
  80%, 100% {
    background-position-x: -105%;
  }
}
@keyframes cds--progress-bar-indeterminate-rtl {
  0% {
    background-position-x: -105%;
  }
  80%, 100% {
    background-position-x: 25%;
  }
}
.cds--progress-bar--inline {
  display: flex;
  align-items: center;
}

.cds--progress-bar--inline .cds--progress-bar__label {
  flex-shrink: 0;
  margin-block-end: 0;
  margin-inline-end: var(--cds-layout-density-padding-inline-local);
}

.cds--progress-bar--inline .cds--progress-bar__track {
  flex-basis: 0;
  flex-grow: 1;
}

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

.cds--progress-bar--indented .cds--progress-bar__label,
.cds--progress-bar--indented .cds--progress-bar__helper-text {
  padding-inline: var(--cds-layout-density-padding-inline-local);
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--progress-bar__track {
    background-color: Canvas;
    forced-color-adjust: none;
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: -2px;
  }
  .cds--progress-bar__bar {
    background-color: CanvasText;
  }
}
.iot--progress-bar-container {
  position: relative;
}
.iot--progress-bar-container .cds--progress-bar__label {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
  margin-right: calc(4rem + 0.5rem);
  text-overflow: ellipsis;
  overflow: hidden;
}

.iot--progress-bar-container--with-icon .cds--progress-bar__label {
  margin-right: calc(5rem + 0.5rem);
}

.iot--progress-bar__label--right {
  position: absolute;
  right: 0;
  display: inline-flex;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
}
[dir=rtl] .iot--progress-bar__label--right {
  right: unset;
  left: 0;
}

.iot--progress-bar__icon {
  display: inline-flex;
}

.iot--progress-bar__value-label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 4rem;
}

.iot--progress-bar__value-label--inline {
  position: relative;
  top: -0.25rem;
}

.iot--progress-bar__value-label--over {
  color: var(--progress-bar-fill-color);
}

.cds--progress-bar__track {
  background-color: var(--cds-layer-02, #ffffff);
}
.iot--progress-bar-container--light .cds--progress-bar__track {
  background-color: var(--cds-layer-01, #f4f4f4);
}

.cds--progress-bar__bar {
  background-color: var(--progress-bar-fill-color);
  border: 1px solid var(--progress-bar-stroke-color);
}
[dir=rtl] .cds--progress-bar__bar {
  transform-origin: 100% 50%;
}

.iot--progress-bar-wrapper--inline {
  display: grid;
  grid-template-columns: 1fr auto;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.iot--progress-bar-wrapper--inline .cds--progress-bar__label {
  margin-right: 0;
}

.cds--data-table-container + .cds--pagination {
  border-block-start: 0;
}

.cds--pagination {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  overflow: initial;
  align-items: center;
  justify-content: space-between;
  background-color: var(--cds-layer);
  border-block-start: 1px solid var(--cds-border-subtle);
  container-name: pagination;
  container-type: inline-size;
  inline-size: calc(100% - 1px);
  min-block-size: 2.5rem;
}
.cds--pagination *,
.cds--pagination *::before,
.cds--pagination *::after {
  box-sizing: inherit;
}
@container pagination (min-width: 42rem) {
  .cds--pagination .cds--pagination__control-buttons {
    display: flex;
  }
}
@container pagination (max-width: 42rem) {
  .cds--pagination .cds--pagination__left > *,
  .cds--pagination .cds--pagination__right > * {
    display: none;
  }
  .cds--pagination .cds--pagination__items-count {
    display: initial;
  }
  .cds--pagination .cds--pagination__control-buttons {
    display: flex;
  }
}

.cds--pagination--sm {
  min-block-size: 2rem;
}

.cds--pagination--lg {
  min-block-size: 3rem;
}

.cds--pagination .cds--select {
  align-items: center;
  block-size: 100%;
}

.cds--pagination .cds--select-input--inline__wrapper {
  display: flex;
  block-size: 100%;
}

.cds--pagination .cds--select-input {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  block-size: 100%;
  inline-size: auto;
  line-height: 2.5rem;
  min-inline-size: auto;
}
@-moz-document url-prefix() {
  .cds--pagination .cds--select-input {
    padding-inline-end: 1rem;
    text-overflow: clip;
  }
}

.cds--pagination .cds--select--inline .cds--select-input {
  padding-inline: 1rem 2.25rem;
}

.cds--pagination--sm .cds--select-input {
  line-height: 2rem;
}

.cds--pagination--lg .cds--select-input {
  line-height: 3rem;
}

.cds--pagination .cds--select-input:hover {
  background: var(--cds-layer-hover);
}

.cds--pagination .cds--select--inline .cds--select-input:focus,
.cds--pagination .cds--select--inline .cds--select-input:focus option,
.cds--pagination .cds--select--inline .cds--select-input:focus optgroup {
  background-color: var(--cds-layer);
}

.cds--pagination .cds--select__arrow {
  inset-block-start: 50%;
  transform: translate(-0.5rem, -50%);
}

.cds--pagination .cds--select__item-count .cds--select-input {
  border-inline-end: 1px solid var(--cds-border-subtle);
}

.cds--pagination__right {
  border-inline-start: 1px solid var(--cds-border-subtle);
}

.cds--pagination__left,
.cds--pagination__right {
  display: flex;
  align-items: center;
  block-size: 100%;
}

.cds--pagination__left > .cds--form-item,
.cds--pagination__right > .cds--form-item {
  block-size: 100%;
}

.cds--pagination__left .cds--pagination__text,
.cds--pagination__right .cds--pagination__text {
  white-space: nowrap;
}

.cds--pagination__left .cds--pagination__text {
  margin-inline-end: 0.0625rem;
}

.cds--pagination__right .cds--pagination__text {
  margin-inline: 0.0625rem 1rem;
}

.cds--pagination__right .cds--pagination__text.cds--pagination__page-text {
  margin-inline: 1rem 0.0625rem;
}

.cds--pagination__right .cds--pagination__text.cds--pagination__page-text.cds--pagination__unknown-pages-text {
  margin-inline-end: 1rem;
}

.cds--pagination__right .cds--pagination__text:empty {
  margin: 0;
}

.cds--pagination__left {
  padding: 0 1rem 0 0;
}
@container pagination (min-width: 42rem) {
  .cds--pagination__left {
    padding: 0 1rem;
  }
}

@container pagination (min-width: 42rem) {
  .cds--pagination__text {
    display: inline-block;
  }
}

span.cds--pagination__text {
  color: var(--cds-text-primary, #161616);
  margin-inline-start: 1rem;
}

span.cds--pagination__text.cds--pagination__items-count {
  color: var(--cds-text-secondary, #525252);
}

.cds--pagination__button,
.cds--btn--ghost.cds--pagination__button {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin: 0;
  background: none;
  block-size: 2.5rem;
  border-inline-start: 1px solid var(--cds-border-subtle);
  cursor: pointer;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 2.5rem;
  min-block-size: 2rem;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--pagination__button *,
.cds--pagination__button *::before,
.cds--pagination__button *::after,
.cds--btn--ghost.cds--pagination__button *,
.cds--btn--ghost.cds--pagination__button *::before,
.cds--btn--ghost.cds--pagination__button *::after {
  box-sizing: inherit;
}

.cds--pagination__button > svg,
.cds--btn--ghost.cds--pagination__button > svg {
  margin-block-start: 0;
}

[dir=rtl] .cds--pagination__button > svg,
[dir=rtl] .cds--btn--ghost.cds--pagination__button > svg {
  transform: rotate(0.5turn);
}

.cds--pagination--sm .cds--pagination__button,
.cds--pagination--sm .cds--btn--ghost.cds--pagination__button {
  block-size: 2rem;
  inline-size: 2rem;
}

.cds--pagination--lg .cds--pagination__button,
.cds--pagination--lg .cds--btn--ghost.cds--pagination__button {
  block-size: 3rem;
  inline-size: 3rem;
}

.cds--pagination__button:focus,
.cds--btn--ghost:focus.cds--pagination__button {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  border-inline-start: 0;
}
@media screen and (prefers-contrast) {
  .cds--pagination__button:focus,
  .cds--btn--ghost:focus.cds--pagination__button {
    outline-style: dotted;
  }
}

.cds--pagination__button:hover,
.cds--btn--ghost:hover.cds--pagination__button {
  background: var(--cds-layer-hover);
}

.cds--pagination__button--no-index,
.cds--btn--ghost.cds--pagination__button--no-index {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--pagination__button:disabled:hover,
.cds--pagination__button--no-index:hover,
.cds--btn--ghost:disabled:hover.cds--pagination__button,
.cds--btn--ghost:hover.cds--pagination__button--no-index {
  border-color: var(--cds-border-subtle);
  background: var(--cds-layer);
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--pagination.cds--skeleton .cds--skeleton__text {
  margin-block-end: 0;
  margin-inline-end: 1rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--pagination__button,
  .cds--btn--ghost.cds--pagination__button {
    outline: 1px solid transparent;
  }
}

[dir=rtl] .cds--pagination .cds--select__arrow {
  transform: translate(0.5rem, -50%);
}

.cds--pagination .cds--select--inline .cds--select-input[disabled],
.cds--pagination .cds--select--inline .cds--select-input[disabled]:hover {
  background-color: var(--cds-layer);
}

.cds--unstable-pagination {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--cds-layer);
  border-block-end: 1px solid transparent;
  border-block-start: 1px solid var(--cds-border-subtle);
  container-name: pagination;
  container-type: inline-size;
  inline-size: 100%;
  min-block-size: 2.5rem;
}
.cds--unstable-pagination *,
.cds--unstable-pagination *::before,
.cds--unstable-pagination *::after {
  box-sizing: inherit;
}

.cds--unstable-pagination__text {
  margin: 0 1rem;
  color: var(--cds-text-secondary, #525252);
}
@container pagination (min-width: 42rem) {
  .cds--unstable-pagination__text {
    display: inline-block;
  }
}

.cds--unstable-pagination__left,
.cds--unstable-pagination__right {
  display: flex;
  align-items: center;
  block-size: 100%;
}

.cds--unstable-pagination__left {
  padding: 0 1rem 0 0;
}

.cds--unstable-pagination__left > .cds--form-item,
.cds--unstable-pagination__right > .cds--form-item {
  block-size: 100%;
}

.cds--unstable-pagination__left .cds--unstable-pagination__text {
  margin-inline-end: 0.0625rem;
}

.cds--unstable-pagination__right .cds--unstable-pagination__text {
  margin-inline: 0.0625rem 1rem;
}

.cds--unstable-pagination__button {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  margin: 0;
  background: none;
  block-size: 2.5rem;
  border-inline-start: 1px solid var(--cds-border-subtle);
  color: var(--cds-icon-primary, #161616);
  cursor: pointer;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 2.5rem;
  min-block-size: 2rem;
  transition: outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--unstable-pagination__button *,
.cds--unstable-pagination__button *::before,
.cds--unstable-pagination__button *::after {
  box-sizing: inherit;
}

.cds--unstable-pagination__button .cds--btn__icon {
  block-size: initial;
  inline-size: initial;
}

.cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--unstable-pagination__button.cds--btn--icon-only.cds--tooltip__trigger:focus {
    outline-style: dotted;
  }
}

.cds--unstable-pagination__button:hover {
  background: var(--cds-layer-hover);
  color: var(--cds-icon-primary, #161616);
}

.cds--unstable-pagination__button--no-index {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--unstable-pagination__button.cds--btn:disabled {
  border-color: var(--cds-border-subtle);
  background: transparent;
}

.cds--unstable-pagination__button:disabled:hover,
.cds--unstable-pagination__button--no-index:hover {
  background: transparent;
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--unstable-pagination__page-selector,
.cds--unstable-pagination__page-sizer {
  align-items: center;
  block-size: 100%;
}

.cds--unstable-pagination__page-selector .cds--select-input--inline__wrapper,
.cds--unstable-pagination__page-sizer .cds--select-input--inline__wrapper {
  display: flex;
  block-size: 100%;
}

.cds--unstable-pagination__page-selector .cds--select-input,
.cds--unstable-pagination__page-sizer .cds--select-input {
  font-size: var(--cds-body-short-01-font-size, 0.875rem);
  font-weight: var(--cds-body-short-01-font-weight, 400);
  line-height: var(--cds-body-short-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-short-01-letter-spacing, 0.16px);
  padding: 0 2.25rem 0 1rem;
  block-size: 100%;
  inline-size: auto;
  line-height: 2.5rem;
  min-inline-size: auto;
}

.cds--unstable-pagination__page-selector .cds--select-input:hover,
.cds--unstable-pagination__page-sizer .cds--select-input:hover {
  background: var(--cds-layer-hover);
}

.cds--unstable-pagination__page-selector .cds--select__arrow,
.cds--unstable-pagination__page-sizer .cds--select__arrow {
  inset-block-start: 50%;
  transform: translateY(-50%);
}
@container pagination (min-width: 42rem) {
  .cds--unstable-pagination__page-selector .cds--select__arrow,
  .cds--unstable-pagination__page-sizer .cds--select__arrow {
    inset-inline-end: 1rem;
  }
}

.cds--unstable-pagination__page-selector {
  border-inline-start: 1px solid var(--cds-border-subtle);
}

.cds--unstable-pagination__page-sizer {
  border-inline-end: 1px solid var(--cds-border-subtle);
}

.cds--pagination-nav {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
  line-height: 0;
}
.cds--pagination-nav html {
  font-size: 100%;
}
.cds--pagination-nav body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--pagination-nav code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--pagination-nav strong {
  font-weight: 600;
}

.cds--pagination-nav__list {
  display: flex;
  align-items: center;
  list-style: none;
}

.cds--pagination-nav__list-item {
  padding: 0;
}
.cds--pagination-nav__list-item:first-child {
  padding-inline-start: 0;
}
.cds--pagination-nav__list-item:last-child {
  padding-inline-end: 0;
}

.cds--pagination-nav__page {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: relative;
  display: block;
  padding: calc((var(--cds-layout-size-height-local) - 0.875rem) / 2) 0.25rem;
  border-radius: 0;
  color: var(--cds-text-primary, #161616);
  font-weight: 400;
  line-height: 1;
  min-inline-size: var(--cds-layout-size-height-local);
  outline: 0;
  text-align: center;
  text-decoration: none;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cds--pagination-nav__page *,
.cds--pagination-nav__page *::before,
.cds--pagination-nav__page *::after {
  box-sizing: inherit;
}
.cds--pagination-nav__page::-moz-focus-inner {
  border: 0;
}
.cds--pagination-nav__page:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
  color: var(--cds-text-primary, #161616);
}
.cds--pagination-nav__page:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--pagination-nav__page:focus {
    outline-style: dotted;
  }
}
.cds--pagination-nav__page:disabled, .cds--pagination-nav__page.cds--pagination-nav__page--disabled {
  background: none;
  color: rgba(var(--cds-text-secondary, #525252), 0.5);
  outline: none;
  pointer-events: none;
}
.cds--pagination-nav__page:not(.cds--pagination-nav__page--direction)::after {
  position: absolute;
  display: block;
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: 0.25rem;
  content: "";
  inline-size: 0;
  inset-block-end: 0;
  inset-inline-start: 50%;
  opacity: 0;
  transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--pagination-nav__page:not(.cds--pagination-nav__page--direction)::after {
    transition: none;
  }
}
.cds--pagination-nav__page--active + .cds--pagination-nav__page::after, .cds--pagination-nav__page.cds--pagination-nav__page--active::after {
  inline-size: 1rem;
  inset-inline-start: calc(50% - 0.5rem);
  opacity: 1;
}
.cds--pagination-nav__page.cds--pagination-nav__page--active {
  background-color: initial;
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
}
.cds--pagination-nav__page .cds--pagination-nav__icon {
  fill: currentColor;
  pointer-events: none;
}

.cds--pagination-nav__page--direction {
  display: flex;
  align-items: center;
  justify-content: center;
  block-size: 3rem;
  inline-size: 3rem;
  line-height: 0;
}

.cds--pagination-nav__select {
  position: relative;
}

.cds--pagination-nav__page--select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  max-block-size: var(--cds-layout-size-height-local);
  text-indent: calc(50% - 4.5px);
  /* This is for targeting styles specific to firefox */
  /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
  /* stylelint-disable-next-line at-rule-no-vendor-prefix */
}
@-moz-document url-prefix() {
  .cds--pagination-nav__page--select {
    text-indent: 0;
  }
}

.cds--pagination-nav__select-icon-wrapper {
  position: absolute;
  block-size: 100%;
  inline-size: 100%;
  inset-block-start: 0;
  pointer-events: none;
}
.cds--pagination-nav__select-icon-wrapper:not(.cds--pagination-nav__page--direction)::after {
  position: absolute;
  display: block;
  background-color: var(--cds-border-interactive, #0f62fe);
  block-size: 0.25rem;
  content: "";
  inline-size: 0;
  inset-block-end: 0;
  inset-inline-start: 50%;
  opacity: 0;
  transition: width 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--pagination-nav__select-icon-wrapper:not(.cds--pagination-nav__page--direction)::after {
    transition: none;
  }
}
.cds--pagination-nav__page--active + .cds--pagination-nav__select-icon-wrapper::after, .cds--pagination-nav__select-icon-wrapper.cds--pagination-nav__page--active::after {
  inline-size: 1rem;
  inset-inline-start: calc(50% - 0.5rem);
  opacity: 1;
}
.cds--pagination-nav__page--active + .cds--pagination-nav__select-icon-wrapper .cds--pagination-nav__select-icon {
  display: none;
}

.cds--pagination-nav__select-icon {
  position: absolute;
  inset-block-start: calc(50% - 0.25rem);
  inset-inline-start: calc(50% - 0.5rem);
  pointer-events: none;
}

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

[dir=rtl] .cds--pagination-nav__list-item svg {
  transform: rotate(0.5turn);
}

.cds--progress {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  list-style: none;
}
.cds--progress *,
.cds--progress *::before,
.cds--progress *::after {
  box-sizing: inherit;
}

.cds--progress-step {
  position: relative;
  display: inline-flex;
  overflow: visible;
  flex-direction: row;
  inline-size: 8rem;
  min-inline-size: 7rem;
}
.cds--progress-step .cds--tooltip__label {
  display: block;
}

.cds--progress--space-equal .cds--progress-step {
  flex-grow: 1;
  min-inline-size: 8rem;
}

.cds--progress-line {
  position: absolute;
  border: 1px inset transparent;
  block-size: 2px;
  inline-size: 8rem;
  inset-inline-start: 0;
}

.cds--progress--space-equal .cds--progress-line {
  inline-size: 100%;
  min-inline-size: 8rem;
}

.cds--progress-step svg {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  border-radius: 50%;
  block-size: 1rem;
  fill: var(--cds-interactive, #0f62fe);
  inline-size: 1rem;
  margin-block-start: 0.625rem;
  margin-inline-end: 0.5rem;
}

.cds--progress--space-equal .cds--progress-text {
  overflow: hidden;
  padding: 0.125rem;
  margin: -0.125rem;
}

.cds--progress-label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  overflow: hidden;
  margin: 0.5rem 0 0 0;
  color: var(--cds-text-primary, #161616);
  line-height: 1.45;
  max-inline-size: 5.5rem;
  text-overflow: ellipsis;
  transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  white-space: nowrap;
}
.cds--progress-label::before {
  display: block;
  content: "";
}

.cds--progress-label:hover {
  box-shadow: 0 0.0625rem var(--cds-link-primary-hover, #0043ce);
  color: var(--cds-link-primary-hover, #0043ce);
  cursor: pointer;
}

.cds--progress--space-equal .cds--progress-label {
  margin-inline-end: 0.75rem;
  max-inline-size: 100%;
}

.cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus {
  outline: none;
}
.cds--progress-step-button:not(.cds--progress-step-button--unclickable):focus-visible .cds--progress-label {
  color: var(--cds-focus, #0f62fe);
  outline: 0.0625rem solid var(--cds-focus, #0f62fe);
}
.cds--progress-step-button:not(.cds--progress-step-button--unclickable) .cds--progress-label:active {
  box-shadow: 0 0.0625rem 0 0 var(--cds-text-primary, #161616);
  color: var(--cds-text-primary, #161616);
}

.cds--progress-label-overflow:hover ~ .cds--tooltip,
.cds--progress-label-overflow:focus ~ .cds--tooltip {
  visibility: inherit;
}

.cds--progress-step .cds--tooltip .cds--tooltip__caret {
  margin-inline-start: 0.625rem;
}

.cds--tooltip__text {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

.cds--progress-step .cds--tooltip {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  display: block;
  padding: 0.5rem 1rem;
  color: var(--cds-text-inverse, #ffffff);
  inline-size: 7.8125rem;
  margin-block-start: 2.5rem;
  margin-inline-start: 1.375rem;
  min-block-size: 1.5rem;
  min-inline-size: 7.1875rem;
  visibility: hidden;
}

.cds--progress-step .cds--tooltip_multi {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  inline-size: 9.375rem;
}

.cds--progress-optional {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  position: absolute;
  color: var(--cds-text-secondary, #525252);
  inset-inline-start: 0;
  margin-block-start: 1.75rem;
  margin-inline-start: 1.5rem;
  text-align: start;
}

.cds--progress-step--current .cds--progress-line {
  background-color: var(--cds-interactive, #0f62fe);
}

.cds--progress-step--incomplete svg {
  fill: var(--cds-icon-primary, #161616);
}
.cds--progress-step--incomplete .cds--progress-line {
  background-color: var(--cds-border-subtle);
}

.cds--progress-step--complete .cds--progress-line {
  background-color: var(--cds-interactive, #0f62fe);
}

.cds--progress-step-button {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  text-align: start;
}
.cds--progress-step-button *,
.cds--progress-step-button *::before,
.cds--progress-step-button *::after {
  box-sizing: inherit;
}
.cds--progress-step-button::-moz-focus-inner {
  border: 0;
}

.cds--progress-step-button--unclickable {
  cursor: default;
  outline: none;
}

.cds--progress-step-button--unclickable .cds--progress-label:hover {
  box-shadow: none;
  color: var(--cds-text-primary, #161616);
  cursor: default;
}

.cds--progress-step-button--unclickable .cds--tooltip__label:hover {
  box-shadow: 0 0.0625rem var(--cds-link-primary, #0f62fe);
  color: var(--cds-link-primary, #0f62fe);
  cursor: pointer;
}

.cds--progress-step--disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.cds--progress-step--disabled svg {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--progress-step--disabled .cds--progress-label,
.cds--progress-step--disabled .cds--progress-label:hover {
  box-shadow: none;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--progress-step--disabled .cds--progress-line {
  cursor: not-allowed;
}
.cds--progress-step--disabled .cds--progress-label-overflow:hover ~ .cds--tooltip--definition .cds--tooltip--definition__bottom {
  display: none;
}

.cds--progress__warning > * {
  fill: var(--cds-support-error, #da1e28);
}

.cds--progress.cds--skeleton .cds--progress-label {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 0.875rem;
  inline-size: 2.5rem;
  margin-block-start: 0.625rem;
}
.cds--progress.cds--skeleton .cds--progress-label:hover, .cds--progress.cds--skeleton .cds--progress-label:focus, .cds--progress.cds--skeleton .cds--progress-label:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--progress.cds--skeleton .cds--progress-label::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--progress.cds--skeleton .cds--progress-label::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--progress.cds--skeleton .cds--progress-label {
    background: CanvasText;
  }
  .cds--progress.cds--skeleton .cds--progress-label::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--progress.cds--progress--vertical.cds--skeleton .cds--progress-label {
  margin-block-start: 0.0625rem;
}

.cds--progress--vertical {
  display: flex;
  flex-direction: column;
}

.cds--progress--vertical,
.cds--progress-text {
  display: flex;
  flex-direction: column;
}

.cds--progress--vertical .cds--progress-step,
.cds--progress--vertical .cds--progress-step-button {
  align-content: flex-start;
  inline-size: initial;
  min-block-size: 3.625rem;
  min-inline-size: initial;
}

.cds--progress--vertical .cds--progress-step svg,
.cds--progress--vertical .cds--progress-step-button svg {
  display: inline-block;
  margin: 0.0625rem 0.5rem 0;
}

.cds--progress--vertical .cds--progress-label {
  display: inline-block;
  margin: 0;
  inline-size: initial;
  max-inline-size: 10rem;
  vertical-align: top;
  white-space: initial;
}

.cds--progress--vertical .cds--progress-step .cds--tooltip {
  margin-block-start: 0.5rem;
}

.cds--progress--vertical .cds--progress-optional {
  position: static;
  margin: 0 0 auto;
  inline-size: 100%;
}

.cds--progress--vertical .cds--progress-line {
  position: absolute;
  block-size: 100%;
  inline-size: 1px;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.iot--progress-indicator {
  display: flex;
}
.iot--progress-indicator .iot--progress-step {
  width: 8rem;
  height: 4.25rem;
}
.iot--progress-indicator .iot--progress-step.iot--progress-step--pictogram {
  height: 7.25rem;
}
.iot--progress-indicator .iot--progress-step-line, .iot--progress-indicator .iot--progress-step-line--sub, .iot--progress-indicator .iot--progress-step-line--sub-complete, .iot--progress-indicator .iot--progress-step-line--complete {
  position: absolute;
  width: calc(100% - 1.5rem);
  height: 0.125rem;
  background-color: var(--cds-layer-accent-01, #e0e0e0);
  top: 0.6875rem;
  left: 1.5rem;
  /* stylelint-disable scss/at-extend-no-missing-placeholder */
}
.iot--progress-indicator .iot--progress-step-line--complete {
  background-color: var(--cds-button-primary, #0f62fe);
}
.iot--progress-indicator .iot--progress-step-line--sub, .iot--progress-indicator .iot--progress-step-line--sub-complete {
  left: 1rem;
  width: calc(100% - 1rem);
}
.iot--progress-indicator .iot--progress-step-line--sub-complete {
  background-color: var(--cds-button-tertiary, #0f62fe);
}
.iot--progress-indicator .iot--progress-step-button {
  display: flex;
  position: relative;
  text-align: left;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: Transparent;
  background-repeat: no-repeat;
  cursor: default;
  border: none;
}
.iot--progress-indicator .iot--progress-step-button .iot--progress-step-icon {
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
}
.iot--progress-indicator .iot--progress-step-button .iot--progress-step-icon text {
  font-size: 1.125rem;
}
.iot--progress-indicator .iot--progress-step-button--sub-step .iot--progress-step-icon {
  margin-top: 0.25rem;
  margin-left: 0;
}
.iot--progress-indicator .iot--progress-step-button .iot--progress-text {
  position: absolute;
  left: 0;
  top: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  display: block;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.iot--progress-indicator .iot--progress-step-button .iot--progress-text--hidden {
  visibility: hidden;
}
.iot--progress-indicator .iot--progress-step-button .iot--progress-text-label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  color: var(--cds-text-primary, #161616);
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.iot--progress-indicator .iot--progress-step-button .iot--progress-text-label:focus {
  color: var(--cds-button-primary, #0f62fe);
}
.iot--progress-indicator .iot--progress-step-button .iot--progress-text-label:hover {
  box-shadow: 0 0.0625rem var(--cds-link-primary, #0f62fe);
  color: var(--cds-button-primary, #0f62fe);
}
.iot--progress-indicator .iot--progress-step-button .iot--progress-text-label:active {
  box-shadow: 0 0.1875rem 0 0 var(--cds-button-primary, #0f62fe);
}
.iot--progress-indicator .iot--progress-step-button .iot--progress-text-label--optional {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: relative;
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  font-size: 0.75rem;
  color: var(--cds-icon-secondary, #525252);
  margin-top: 0.125rem;
}
.iot--progress-indicator .iot--progress-step-button--clickable .iot--progress-text-label,
.iot--progress-indicator .iot--progress-step-button--clickable .iot--progress-text-label--optional {
  cursor: pointer;
}
.iot--progress-indicator .iot--progress-step--current:not(.iot--progress-step--invalid) .iot--progress-step-button--main-step {
  fill: var(--cds-button-primary, #0f62fe);
}
.iot--progress-indicator .iot--progress-step--current:not(.iot--progress-step--invalid) .iot--progress-step-button--main-step text {
  fill: var(--cds-text-on-color, #ffffff);
}
.iot--progress-indicator .iot--progress-step--current:not(.iot--progress-step--invalid) .iot--progress-step-button--main-step circle {
  fill: var(--cds-button-primary, #0f62fe);
}
.iot--progress-indicator .iot--progress-step--current:not(.iot--progress-step--invalid) .iot--progress-step-button--main-step path {
  fill: var(--cds-button-primary, #0f62fe);
}
.iot--progress-indicator .iot--progress-step--current:not(.iot--progress-step--invalid) .iot--progress-step-button--sub-step svg {
  fill: var(--cds-button-tertiary, #0f62fe);
}
.iot--progress-indicator .iot--progress-step--current .iot--progress-text-label:focus {
  box-shadow: unset;
  color: var(--cds-text-primary, #161616);
}
.iot--progress-indicator .iot--progress-step--current .iot--progress-text-label:hover {
  box-shadow: unset;
  color: var(--cds-text-primary, #161616);
}
.iot--progress-indicator .iot--progress-step--current .iot--progress-text-label:active {
  box-shadow: unset;
}
.iot--progress-indicator .iot--progress-step--complete svg {
  fill: var(--cds-button-primary, #0f62fe);
}
.iot--progress-indicator .iot--progress-step--incomplete .iot--progress-step-button--main-step {
  fill: var(--cds-text-primary, #161616);
}
.iot--progress-indicator .iot--progress-step--incomplete .iot--progress-step-button--sub-step svg {
  color: var(--cds-text-primary, #161616);
}
.iot--progress-indicator .iot--progress-step--disabled:not(.iot--progress-step--invalid) .iot--progress-step-button--main-step {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.iot--progress-indicator .iot--progress-step--disabled:not(.iot--progress-step--invalid) .iot--progress-step-button--sub-step svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.iot--progress-indicator .iot--progress-step--disabled.iot--progress-step--invalid svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.iot--progress-indicator .iot--progress-step--disabled .iot--progress-step-button .iot--progress-text-label, .iot--progress-indicator .iot--progress-step--disabled .iot--progress-step-button .iot--progress-text-label--optional {
  color: var(--cds-layer-active-01, #c6c6c6);
  cursor: default;
  box-shadow: none;
}
.iot--progress-indicator .iot--progress-step--invalid svg {
  fill: var(--cds-text-error, #da1e28);
}
html[dir=rtl] .iot--progress-indicator {
  float: right;
  text-align: right;
  width: 100%;
}
html[dir=rtl] .iot--progress-indicator .iot--progress-step-button {
  text-align: right;
}
html[dir=rtl] .iot--progress-indicator .iot--progress-step-icon {
  left: unset;
  right: 0;
  text-align: right;
}
html[dir=rtl] .iot--progress-indicator .iot--progress-step-line, html[dir=rtl] .iot--progress-indicator .iot--progress-step-line--complete, html[dir=rtl] .iot--progress-indicator .iot--progress-step-line--sub, html[dir=rtl] .iot--progress-indicator .iot--progress-step-line--sub-complete {
  left: 0;
  right: 1.5rem;
  text-align: right;
}
html[dir=rtl] .iot--progress-indicator .iot--progress-step-line--sub, html[dir=rtl] .iot--progress-indicator .iot--progress-step-line--sub-complete {
  left: 0;
  right: 1rem;
}
html[dir=rtl] .iot--progress-indicator .iot--progress-text {
  right: 0;
  text-align: right;
}
.iot--progress-indicator--vertical {
  display: unset;
}
.iot--progress-indicator--vertical .iot--progress-step {
  display: flex;
  gap: 0.5rem;
}
.iot--progress-indicator--vertical .iot--progress-step .iot--progress-step--pictogram-item {
  margin-top: -6px;
  margin-bottom: 0;
}
.iot--progress-indicator--vertical .iot--progress-step.iot--progress-step--pictogram {
  width: 11rem;
  height: 4.25rem;
}
.iot--progress-indicator--vertical .iot--progress-step-button .iot--progress-text {
  left: 2rem;
  top: 0.1875rem;
}
.iot--progress-indicator--vertical .iot--progress-step-button--sub-step .iot--progress-text {
  top: 0;
}
.iot--progress-indicator--vertical .iot--progress-step-button--sub-step .iot--progress-step-icon {
  margin-top: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.iot--progress-indicator--vertical .iot--progress-step-line, .iot--progress-indicator--vertical .iot--progress-step-line--sub, .iot--progress-indicator--vertical .iot--progress-step-line--sub-complete, .iot--progress-indicator--vertical .iot--progress-step-line--complete {
  width: 0.125rem;
  height: calc(100% - 1.5rem);
  top: 1.5rem;
  left: 0.6875rem;
}
.iot--progress-indicator--vertical .iot--progress-step-line--sub, .iot--progress-indicator--vertical .iot--progress-step-line--sub-complete {
  top: 1rem;
  height: calc(100% - 1rem);
  width: 0.125rem;
}
html[dir=rtl] .iot--progress-indicator--vertical {
  float: right;
  text-align: right;
  width: 100%;
}
html[dir=rtl] .iot--progress-indicator--vertical .iot--progress-step-button {
  text-align: right;
}
html[dir=rtl] .iot--progress-indicator--vertical .iot--progress-step-button .iot--progress-text {
  right: 2rem;
  text-align: right;
}
html[dir=rtl] .iot--progress-indicator--vertical .iot--progress-step-line, html[dir=rtl] .iot--progress-indicator--vertical .iot--progress-step-line--complete, html[dir=rtl] .iot--progress-indicator--vertical .iot--progress-step-line--sub, html[dir=rtl] .iot--progress-indicator--vertical .iot--progress-step-line--sub-complete {
  left: unset;
  right: 0.6875rem;
  text-align: right;
}
html[dir=rtl] .iot--progress-indicator--vertical .cds--skeleton .cds--progress-step--incomplete svg {
  margin-right: 0;
  margin-left: 0.5rem;
}
.iot--progress-indicator .cds--skeleton .cds--progress-step {
  flex: unset;
}
.iot--progress-indicator .iot--progress-step--pictogram-item {
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.5rem;
}
.iot--progress-indicator .iot--progress-step--pictogram-item svg {
  width: 100%;
  height: 100%;
}

.iot--rule-builder-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.iot--rule-builder-header > div {
  flex: 1;
}

.iot--rule-builder-header__dropdown {
  display: inline-block;
}

.iot--rule-builder-header__buttons {
  justify-content: flex-end;
  display: flex;
}

.iot--rule-builder-rule,
.iot--rule-builder-rule--group {
  display: grid;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  padding: 0.75rem 0 0 1.5rem;
  grid-template-columns: 1fr 1fr 1fr minmax(145px, 0.5fr);
  margin-left: 0.75rem;
  position: relative;
}
.iot--rule-builder-rule:before,
.iot--rule-builder-rule--group:before {
  content: " ";
  width: 2px;
  height: 100%;
  background-color: #0043ce;
  position: absolute;
  top: 0;
  left: 0;
}
.iot--rule-builder-rule:last-child:before,
.iot--rule-builder-rule--group:last-child:before {
  height: 60%;
}
.iot--rule-builder-rule:after,
.iot--rule-builder-rule--group:after {
  content: " ";
  width: 1.5rem;
  height: 2px;
  background-color: #0043ce;
  position: absolute;
  top: 60%;
  left: 0;
  transform: translateY(-50%);
}
html[dir=rtl] .iot--rule-builder-rule,
html[dir=rtl] .iot--rule-builder-rule--group {
  margin-right: 0.75rem;
  padding: 0.75rem 1.5rem 0 0;
}
html[dir=rtl] .iot--rule-builder-rule:before, html[dir=rtl] .iot--rule-builder-rule:after,
html[dir=rtl] .iot--rule-builder-rule--group:before,
html[dir=rtl] .iot--rule-builder-rule--group:after {
  right: 0;
}

.iot--rule-builder-rule--group {
  grid-template-columns: repeat(1, 1fr);
}
.iot--rule-builder-rule--group:last-child:before {
  height: 2rem;
}
.iot--rule-builder-rule--group:after {
  top: 2rem;
  transform: translateY(0);
}

.iot--rule-builder-rule__actions {
  justify-self: end;
}

.cds--structured-list--selection .cds--structured-list-td,
.cds--structured-list--selection .cds--structured-list-th {
  padding-inline: 1rem 1rem;
}
.cds--structured-list--selection .cds--structured-list-td:first-child,
.cds--structured-list--selection .cds--structured-list-th:first-child {
  padding-inline: 1rem 1rem;
}

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

.cds--structured-list {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: table;
  background-color: var(--cds-layer) transparent;
  border-collapse: collapse;
  border-spacing: 0;
  inline-size: 100%;
  overflow-x: auto;
}
.cds--structured-list *,
.cds--structured-list *::before,
.cds--structured-list *::after {
  box-sizing: inherit;
}
.cds--structured-list.cds--structured-list--condensed .cds--structured-list-td, .cds--structured-list.cds--structured-list--condensed .cds--structured-list-th {
  padding: 0.5rem;
}
.cds--structured-list .cds--structured-list-row .cds--structured-list-td:first-of-type,
.cds--structured-list .cds--structured-list-row .cds--structured-list-th:first-of-type {
  padding-inline-start: 1rem;
}
.cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-td:first-of-type, .cds--structured-list.cds--structured-list--flush .cds--structured-list-row .cds--structured-list-th:first-of-type {
  padding-inline: 0 1rem;
}

.cds--structured-list-row {
  display: table-row;
  border-block-start: 1px solid var(--cds-border-subtle);
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--structured-list-tbody .cds--structured-list-row:last-child {
  border-block-end: 1px solid var(--cds-border-subtle);
}

.cds--structured-list-row--header-row {
  border: none;
}

.cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) {
  border-color: var(--cds-layer-hover);
  background-color: var(--cds-layer-hover);
  cursor: pointer;
}

.cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row):not(.cds--structured-list-row--selected) + .cds--structured-list-row {
  border-color: var(--cds-layer-hover);
}

.cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected {
  border-color: var(--cds-layer-selected);
  background-color: var(--cds-layer-selected);
}

.cds--structured-list--selection .cds--structured-list-row--selected + .cds--structured-list-row {
  border-color: var(--cds-layer-selected);
}

.cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected .cds--structured-list-td {
  color: var(--cds-text-primary, #161616);
}

.cds--structured-list-row.cds--structured-list-row--header-row {
  cursor: inherit;
}

.cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row) > .cds--structured-list-td,
.cds--structured-list--selection .cds--structured-list-row.cds--structured-list-row--selected > .cds--structured-list-td {
  color: var(--cds-text-primary, #161616);
}

.cds--structured-list-thead {
  display: table-header-group;
  vertical-align: middle;
}

.cds--structured-list-th {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: table-cell;
  block-size: 2.5rem;
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
  text-align: start;
  text-transform: none;
  vertical-align: top;
}
.cds--structured-list-th *,
.cds--structured-list-th *::before,
.cds--structured-list-th *::after {
  box-sizing: inherit;
}

.cds--structured-list-tbody {
  display: table-row-group;
  vertical-align: middle;
}

.cds--structured-list-td {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  padding: 1rem 0.5rem 1.5rem 0.5rem;
  position: relative;
  display: table-cell;
  color: var(--cds-text-secondary, #525252);
  max-inline-size: 36rem;
  transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--structured-list-td *,
.cds--structured-list-td *::before,
.cds--structured-list-td *::after {
  box-sizing: inherit;
}

.cds--structured-list-content--nowrap {
  white-space: nowrap;
}

.cds--structured-list-input + .cds--structured-list-td {
  text-align: end;
}

.cds--structured-list-svg {
  display: inline-block;
  margin-block-start: 0.125rem;
  transition: all 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  vertical-align: top;
}

.cds--structured-list-input:checked + .cds--structured-list-row .cds--structured-list-svg,
.cds--structured-list-input:checked + .cds--structured-list-td .cds--structured-list-svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--structured-list-svg {
  fill: transparent;
}

.cds--structured-list--selection .cds--structured-list-td:last-child {
  inline-size: 2rem;
  padding-inline-start: 0;
}

.cds--structured-list.cds--skeleton .cds--structured-list-th:first-child {
  inline-size: 8%;
}
.cds--structured-list.cds--skeleton .cds--structured-list-th:nth-child(3n+2) {
  inline-size: 30%;
}
.cds--structured-list.cds--skeleton .cds--structured-list-th:nth-child(3n+3) {
  inline-size: 15%;
}
.cds--structured-list.cds--skeleton span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: block;
  block-size: 1rem;
  inline-size: 75%;
}
.cds--structured-list.cds--skeleton span:hover, .cds--structured-list.cds--skeleton span:focus, .cds--structured-list.cds--skeleton span:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--structured-list.cds--skeleton span::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--structured-list.cds--skeleton span::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--structured-list.cds--skeleton span {
    background: CanvasText;
  }
  .cds--structured-list.cds--skeleton span::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--structured-list.cds--structured-list--selection.cds--skeleton .cds--structured-list-th:first-child {
  inline-size: 5%;
}
.cds--structured-list.cds--structured-list--selection.cds--skeleton .cds--structured-list-th:first-child span {
  display: none;
}

.cds--structured-list__icon {
  margin-block-start: 0.125rem;
  vertical-align: top;
}

.cds--structured-list--selection .cds--structured-list-td:first-child:has(.cds--structured-list__icon) {
  inline-size: 2rem;
  padding-inline-end: 0;
}

.iot--resource-list.cds--structured-list--selection .cds--structured-list-row:hover:not(.cds--structured-list-row--header-row) > .cds--structured-list-td {
  border: none;
}
.iot--resource-list .cds--btn {
  display: flex;
  align-items: flex-end;
  margin: auto 0 auto auto;
}
.iot--resource-list .cds--btn svg {
  fill: var(--cds-button-primary, #0f62fe);
  margin-left: 0.25rem;
}
.iot--resource-list .cds--structured-list-input {
  visibility: hidden;
}
.iot--resource-list .cds--structured-list-row .cds--structured-list-td .iot--resource-list__inline-div {
  font-weight: normal;
  padding-left: 0px;
  padding-top: 0.25rem;
  width: 100%;
}

.iot--select-users-modal .cds--modal-container .cds--modal-content {
  padding-right: 1rem;
}
.iot--select-users-modal .iot--list {
  background-color: var(--cds-layer-01, #f4f4f4);
  height: 100%;
}
.iot--select-users-modal .iot--list-item {
  overflow: hidden;
}
.iot--select-users-modal .cds--search-input {
  background-color: var(--cds-background, #ffffff);
}
.iot--select-users-modal .iot--list-header--search,
.iot--select-users-modal .iot--list-header-container,
.iot--select-users-modal .iot--list-header,
.iot--select-users-modal .iot--list--content {
  background-color: transparent;
}

.iot--select-users-modal-content {
  width: 100%;
  display: grid;
  grid-template-columns: 50% 50%;
  /* Hide the unused nested modal reordering dialog that throws off the scrolling */
}
.iot--select-users-modal-content .iot--hierarchy-list-bulk-modal {
  display: none;
}

.iot--select-users-modal-content__all-users {
  width: 100%;
  height: 404px;
  align-self: stretch;
  padding: 0.25rem;
}

.iot--select-users-modal-content__selected-users {
  width: 100%;
  height: 404px;
  align-self: stretch;
  padding: 0.25rem;
}

.cds--search {
  position: relative;
  display: flex;
  align-items: center;
  inline-size: 100%;
}

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

.cds--search-input {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  outline: 2px solid transparent;
  outline-offset: -2px;
  order: 1;
  padding: 0 2.5rem;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--cds-field);
  border-block-end: 1px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
  inline-size: 100%;
  text-overflow: ellipsis;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--search-input *,
.cds--search-input *::before,
.cds--search-input *::after {
  box-sizing: inherit;
}
.cds--search-input:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--search-input:focus {
    outline-style: dotted;
  }
}
.cds--search-input::-moz-placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}
.cds--search-input::placeholder {
  color: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
  opacity: 1;
}
.cds--search-input::-ms-clear {
  display: none;
}
.cds--search-input::-webkit-search-decoration, .cds--search-input::-webkit-search-cancel-button, .cds--search-input::-webkit-search-results-button, .cds--search-input::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
  appearance: none;
}

.cds--search-input[disabled] {
  background-color: var(--cds-field);
  border-block-end: 1px solid transparent;
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--search-input[disabled]::-moz-placeholder {
  color: var(--cds-field);
}
.cds--search-input[disabled]::placeholder {
  color: var(--cds-field);
}

.cds--search--light .cds--search-input {
  background: var(--cds-field-02, #ffffff);
}

.cds--search--light .cds--search-close::before {
  background: var(--cds-field-02, #ffffff);
}

.cds--search--sm .cds--search-input,
.cds--search--sm.cds--search--expandable.cds--search--expanded .cds--search-input {
  padding: 0 2rem;
  block-size: 2rem;
}

.cds--search--sm .cds--search-magnifier-icon {
  inset-inline-start: 0.5rem;
}

.cds--search--md .cds--search-input,
.cds--search--md.cds--search--expandable.cds--search--expanded .cds--search-input {
  padding: 0 2.5rem;
  block-size: 2.5rem;
}

.cds--search--md .cds--search-magnifier-icon {
  inset-inline-start: 0.75rem;
}

.cds--search--lg .cds--search-input,
.cds--search--lg.cds--search--expandable.cds--search--expanded .cds--search-input {
  padding: 0 3rem;
  block-size: 3rem;
}

.cds--search-magnifier-icon {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  position: absolute;
  z-index: 2;
  block-size: 1rem;
  fill: var(--cds-icon-secondary, #525252);
  inline-size: 1rem;
  inset-block-start: 50%;
  inset-inline-start: 1rem;
  pointer-events: none;
  transform: translateY(-50%);
}
.cds--search-magnifier-icon *,
.cds--search-magnifier-icon *::before,
.cds--search-magnifier-icon *::after {
  box-sizing: inherit;
}

.cds--search-close {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  outline: 2px solid transparent;
  outline-offset: -2px;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}
.cds--search-close *,
.cds--search-close *::before,
.cds--search-close *::after {
  box-sizing: inherit;
}
.cds--search-close::-moz-focus-inner {
  border: 0;
}
.cds--search-close::before {
  position: absolute;
  display: block;
  background-color: var(--cds-field);
  block-size: calc(100% - 2px);
  content: "";
  inline-size: 2px;
  inset-block-start: 0.0625rem;
  inset-inline-start: 0;
  transition: background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--search-close::before {
    transition: none;
  }
}
.cds--search-close:hover {
  border-block-end: 1px solid var(--cds-border-strong);
}
.cds--search-close:hover::before {
  background-color: var(--cds-field-hover);
}

.cds--search-button {
  flex-shrink: 0;
  background-color: var(--cds-field);
  margin-inline-start: 0.125rem;
}
.cds--search-button svg {
  fill: currentColor;
  vertical-align: middle;
}

.cds--search-close svg {
  fill: inherit;
}

.cds--search-close,
.cds--search-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 1px 0;
  border-style: solid;
  border-color: transparent;
  block-size: 2.5rem;
  cursor: pointer;
  fill: var(--cds-icon-primary, #161616);
  inline-size: 2.5rem;
  opacity: 1;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9), border 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  visibility: inherit;
}
.cds--search-close:hover,
.cds--search-button:hover {
  background-color: var(--cds-field-hover);
}
.cds--search-close:focus,
.cds--search-button:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--search-close:focus,
  .cds--search-button:focus {
    outline-style: dotted;
  }
}
.cds--search-close:active,
.cds--search-button:active {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  background-color: var(--cds-background-selected, rgba(141, 141, 141, 0.2));
}
@media screen and (prefers-contrast) {
  .cds--search-close:active,
  .cds--search-button:active {
    outline-style: dotted;
  }
}

.cds--search--disabled .cds--search-close,
.cds--search--disabled.cds--search--expandable .cds--search-magnifier {
  cursor: not-allowed;
  outline: none;
}
.cds--search--disabled .cds--search-close:hover,
.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover {
  background-color: transparent;
  border-block-end-color: transparent;
}
.cds--search--disabled .cds--search-close:hover::before,
.cds--search--disabled.cds--search--expandable .cds--search-magnifier:hover::before {
  background-color: transparent;
}

.cds--search--disabled svg {
  fill: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.cds--search-close:focus::before,
.cds--search-close:active::before {
  background-color: var(--cds-focus, #0f62fe);
}

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

.cds--search--sm .cds--search-close,
.cds--search--sm ~ .cds--search-button, .cds--search--sm.cds--search--expandable, .cds--search--sm.cds--search--expandable .cds--search-magnifier {
  block-size: 2rem;
  inline-size: 2rem;
}
.cds--search--sm.cds--search--expandable .cds--search-input::-moz-placeholder {
  padding: 0 2rem;
}
.cds--search--sm.cds--search--expandable .cds--search-input::placeholder {
  padding: 0 2rem;
}

.cds--search--md .cds--search-close,
.cds--search--md ~ .cds--search-button, .cds--search--md.cds--search--expandable, .cds--search--md.cds--search--expandable .cds--search-magnifier {
  block-size: 2.5rem;
  inline-size: 2.5rem;
}
.cds--search--md.cds--search--expandable .cds--search-input::-moz-placeholder {
  padding: 0 2.5rem;
}
.cds--search--md.cds--search--expandable .cds--search-input::placeholder {
  padding: 0 2.5rem;
}

.cds--search--lg .cds--search-close,
.cds--search--lg ~ .cds--search-button, .cds--search--lg.cds--search--expandable, .cds--search--lg.cds--search--expandable .cds--search-magnifier {
  block-size: 3rem;
  inline-size: 3rem;
}
.cds--search--lg.cds--search--expandable .cds--search-input::-moz-placeholder {
  padding: 0 3rem;
}
.cds--search--lg.cds--search--expandable .cds--search-input::placeholder {
  padding: 0 3rem;
}

.cds--search-close--hidden {
  opacity: 0;
  visibility: hidden;
}

.cds--search--lg.cds--skeleton .cds--search-input,
.cds--search--md.cds--skeleton .cds--search-input,
.cds--search--sm.cds--skeleton .cds--search-input {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  inline-size: 100%;
}
.cds--search--lg.cds--skeleton .cds--search-input:hover, .cds--search--lg.cds--skeleton .cds--search-input:focus, .cds--search--lg.cds--skeleton .cds--search-input:active,
.cds--search--md.cds--skeleton .cds--search-input:hover,
.cds--search--md.cds--skeleton .cds--search-input:focus,
.cds--search--md.cds--skeleton .cds--search-input:active,
.cds--search--sm.cds--skeleton .cds--search-input:hover,
.cds--search--sm.cds--skeleton .cds--search-input:focus,
.cds--search--sm.cds--skeleton .cds--search-input:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--search--lg.cds--skeleton .cds--search-input::before,
.cds--search--md.cds--skeleton .cds--search-input::before,
.cds--search--sm.cds--skeleton .cds--search-input::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--search--lg.cds--skeleton .cds--search-input::before,
  .cds--search--md.cds--skeleton .cds--search-input::before,
  .cds--search--sm.cds--skeleton .cds--search-input::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--search--lg.cds--skeleton .cds--search-input,
  .cds--search--md.cds--skeleton .cds--search-input,
  .cds--search--sm.cds--skeleton .cds--search-input {
    background: CanvasText;
  }
  .cds--search--lg.cds--skeleton .cds--search-input::before,
  .cds--search--md.cds--skeleton .cds--search-input::before,
  .cds--search--sm.cds--skeleton .cds--search-input::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}
.cds--search--lg.cds--skeleton .cds--search-input::-moz-placeholder, .cds--search--md.cds--skeleton .cds--search-input::-moz-placeholder, .cds--search--sm.cds--skeleton .cds--search-input::-moz-placeholder {
  color: transparent;
}
.cds--search--lg.cds--skeleton .cds--search-input::placeholder,
.cds--search--md.cds--skeleton .cds--search-input::placeholder,
.cds--search--sm.cds--skeleton .cds--search-input::placeholder {
  color: transparent;
}

.cds--search--expandable {
  transition: width 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search--expandable.cds--search--expanded {
  inline-size: 100%;
}

.cds--search--expandable .cds--search-input {
  padding: 0;
  inline-size: 0;
  transition: transform 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--search--expandable .cds--search-input::-moz-placeholder {
  position: relative;
  opacity: 0;
  transition-duration: 70ms;
  -moz-transition-property: padding, opacity;
  transition-property: padding, opacity;
  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--search--expandable .cds--search-input::placeholder {
  position: relative;
  opacity: 0;
  transition-duration: 70ms;
  transition-property: padding, opacity;
  transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--search--expandable.cds--search--expanded .cds--search-input {
  inline-size: 100%;
  transition: padding 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--search--expandable.cds--search--expanded .cds--search-input::-moz-placeholder {
  position: relative;
  padding: 0;
  opacity: 1;
}
.cds--search--expandable.cds--search--expanded .cds--search-input::placeholder {
  position: relative;
  padding: 0;
  opacity: 1;
}

.cds--search--expandable .cds--search-magnifier {
  position: absolute;
  cursor: pointer;
}
.cds--search--expandable .cds--search-magnifier:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
}

.cds--search--expandable .cds--search-magnifier:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}

.cds--search--expandable.cds--search--expanded .cds--search-magnifier {
  pointer-events: none;
}

.cds--search--expandable .cds--search-magnifier-icon {
  fill: var(--cds-icon-primary, #161616);
}

.cds--search--expandable.cds--search--expanded .cds--search-magnifier-icon {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--search--expandable.cds--search--disabled svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--search-magnifier-tooltip {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cds--search-magnifier-tooltip .cds--search-magnifier {
  position: relative;
}

.cds--slider-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.cds--slider {
  position: relative;
  padding: 1rem 0;
  cursor: pointer;
  inline-size: 100%;
  max-inline-size: 40rem;
  min-inline-size: 12.5rem;
}
.cds--slider-container--two-handles .cds--slider {
  margin-inline: 0.25rem;
}

.cds--slider__range-label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
  white-space: nowrap;
}

.cds--slider__track {
  position: absolute;
  background: var(--cds-border-subtle);
  block-size: 0.125rem;
  inline-size: 100%;
  transform: translate(0%, -50%);
}

.cds--slider__track:before {
  position: absolute;
  display: inline-block;
  background: var(--cds-border-subtle);
  block-size: 0.25rem;
  content: "";
  inline-size: 0.125rem;
  inset-block-start: -0.3125rem;
  inset-inline-start: 50%;
  transform: translate(-50%, 0);
}

.cds--slider__filled-track {
  position: absolute;
  background: var(--cds-layer-selected-inverse, #161616);
  block-size: 0.125rem;
  inline-size: 100%;
  pointer-events: none;
  transform: translate(0%, -50%);
  transform-origin: left;
  transition: background 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--slider__thumb-wrapper {
  position: absolute;
  z-index: 3;
  block-size: 0.875rem;
  inline-size: 0.875rem;
  transform: translate(-50%, -50%);
  --cds-tooltip-padding-inline: 0.5rem;
  --cds-popover-offset: 0.5rem;
}
.cds--slider-container--rtl .cds--slider__thumb-wrapper {
  transform: translate(50%, -50%);
}

.cds--slider__thumb-wrapper--lower,
.cds--slider__thumb-wrapper--upper {
  block-size: 24px;
  inline-size: 16px;
  --cds-popover-offset: var(--cds-popover-caret-height, 0.5rem);
}

.cds--slider__thumb-wrapper--lower {
  transform: translate(-100%, -50%);
}
.cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {
  transform: translate(50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}
.cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
  inset-inline-start: revert;
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower {
  transform: translate(100%, -50%);
}
.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-content {
  transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
}
.cds--slider-container--rtl .cds--slider__thumb-wrapper--lower > .cds--popover > .cds--popover-caret {
  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider__thumb-wrapper--upper {
  transform: translate(0, -50%);
}
.cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {
  transform: translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)));
}
.cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
  transform: translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper {
  transform: translate(0, -50%);
}
.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-content {
  transform: translate(0, calc(-100% - var(--cds-popover-offset, 0rem)));
}
.cds--slider-container--rtl .cds--slider__thumb-wrapper--upper > .cds--popover > .cds--popover-caret {
  transform: translate(50%, calc(-1 * var(--cds-popover-offset, 0rem)));
}

.cds--slider__thumb {
  position: absolute;
  border-radius: 50%;
  background: var(--cds-layer-selected-inverse, #161616);
  box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 2px transparent;
  inset: 0;
  outline: none;
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), background 110ms cubic-bezier(0.2, 0, 0.38, 0.9), box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--slider__thumb:hover {
  transform: scale(1.4286);
}
.cds--slider__thumb:focus {
  background-color: var(--cds-interactive, #0f62fe);
  box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe), inset 0 0 0 3px var(--cds-layer);
  transform: scale(1.4286);
}
.cds--slider__thumb:active {
  box-shadow: inset 0 0 0 2px var(--cds-interactive, #0f62fe);
  transform: scale(1.4286);
}

.cds--slider__thumb-icon {
  fill: var(--cds-layer-selected-inverse, #161616);
}

.cds--slider__thumb-icon--focus {
  display: none;
  fill: var(--cds-interactive, #0f62fe);
}

.cds--slider__thumb--lower,
.cds--slider__thumb--upper {
  position: absolute;
  border-radius: unset;
  background-color: transparent;
  box-shadow: none;
  inset: 0;
  transition: none;
}
.cds--slider__thumb--lower::before,
.cds--slider__thumb--upper::before {
  position: absolute;
  z-index: -1;
  display: block;
  background: var(--cds-background, #ffffff);
  block-size: 0.125rem;
  content: "";
  inline-size: 0.375rem;
  inset-block-start: calc(50% - 0.0625rem);
  inset-inline-end: 0;
}
.cds--slider__thumb--lower:hover,
.cds--slider__thumb--upper:hover {
  transform: none;
}
.cds--slider__thumb--lower:hover .cds--slider__thumb-icon,
.cds--slider__thumb--upper:hover .cds--slider__thumb-icon {
  fill: var(--cds-text-secondary, #525252);
}
.cds--slider__thumb--lower:active,
.cds--slider__thumb--upper:active {
  box-shadow: none;
  transform: none;
}
.cds--slider__thumb--lower:focus,
.cds--slider__thumb--upper:focus {
  background-color: transparent;
  box-shadow: none;
  transform: none;
}
.cds--slider__thumb--lower:focus .cds--slider__thumb-icon,
.cds--slider__thumb--upper:focus .cds--slider__thumb-icon {
  display: none;
  fill: var(--cds-interactive, #0f62fe);
}
.cds--slider__thumb--lower:focus .cds--slider__thumb-icon--focus,
.cds--slider__thumb--upper:focus .cds--slider__thumb-icon--focus {
  display: block;
}

.cds--slider__thumb--lower:focus::before,
.cds--slider__thumb--upper:focus::before {
  inline-size: 100%;
}

.cds--slider__thumb--upper {
  transform: none;
}
.cds--slider__thumb--upper::before {
  inset-inline: 0 auto;
}
.cds--slider__thumb--upper:hover, .cds--slider__thumb--upper:active, .cds--slider__thumb--upper:focus {
  transform: none;
}

.cds--slider__input {
  display: none;
}

.cds--slider-text-input-wrapper {
  position: relative;
}

.cds--slider-text-input-wrapper--hidden {
  display: none;
}

.cds--slider-text-input,
.cds-slider-text-input {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
  block-size: 2.5rem;
  inline-size: 4rem;
}
.cds--slider-text-input::-webkit-outer-spin-button, .cds--slider-text-input::-webkit-inner-spin-button,
.cds-slider-text-input::-webkit-outer-spin-button,
.cds-slider-text-input::-webkit-inner-spin-button {
  display: none;
}

.cds--slider__thumb:focus ~ .cds--slider__filled-track,
.cds--slider__thumb-wrapper:focus-within ~ .cds--slider__filled-track {
  background-color: var(--cds-border-interactive, #0f62fe);
}

.cds--slider-text-input.cds--text-input--invalid,
.cds--slider-text-input--warn {
  inline-size: 6rem;
  padding-inline-end: 3rem;
}

.cds--slider__invalid-icon {
  position: absolute;
  fill: var(--cds-support-error, #da1e28);
  inset-block-start: 50%;
  inset-inline-end: 1rem;
  transform: translateY(-50%);
}

.cds--slider__validation-msg.cds--form-requirement {
  display: block;
  overflow: visible;
  max-block-size: 100%;
}

.cds--slider__validation-msg--invalid {
  color: var(--cds-text-error, #da1e28);
}

.cds--slider__invalid-icon.cds--slider__invalid-icon--warning {
  fill: var(--cds-support-warning, #f1c21b);
}

.cds--slider__invalid-icon--warning path:first-of-type {
  fill: #000000;
  opacity: 1;
}

.cds--label--disabled ~ .cds--slider-container > .cds--slider__range-label {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--slider--disabled.cds--slider {
  cursor: not-allowed;
}

.cds--slider--disabled .cds--slider__thumb {
  background-color: var(--cds-border-disabled, #c6c6c6);
}
.cds--slider--disabled .cds--slider__thumb:hover {
  cursor: not-allowed;
  transform: none;
}
.cds--slider--disabled .cds--slider__thumb:focus {
  background-color: var(--cds-border-disabled, #c6c6c6);
  box-shadow: none;
  outline: none;
  transform: none;
}
.cds--slider--disabled .cds--slider__thumb:active {
  background: var(--cds-border-disabled, #c6c6c6);
  box-shadow: none;
  transform: none;
}

.cds--slider--disabled .cds--slider__thumb--lower,
.cds--slider--disabled .cds--slider__thumb--upper {
  background-color: transparent;
}
.cds--slider--disabled .cds--slider__thumb--lower:active, .cds--slider--disabled .cds--slider__thumb--lower:hover, .cds--slider--disabled .cds--slider__thumb--lower:focus,
.cds--slider--disabled .cds--slider__thumb--upper:active,
.cds--slider--disabled .cds--slider__thumb--upper:hover,
.cds--slider--disabled .cds--slider__thumb--upper:focus {
  background-color: transparent;
  transform: none;
}
.cds--slider--disabled .cds--slider__thumb--lower .cds--slider__thumb-icon,
.cds--slider--disabled .cds--slider__thumb--upper .cds--slider__thumb-icon {
  fill: var(--cds-border-disabled, #c6c6c6);
}

.cds--slider--disabled .cds--slider__track,
.cds--slider--disabled .cds--slider__filled-track,
.cds--slider--disabled .cds--slider__thumb:focus ~ .cds--slider__filled-track {
  background-color: var(--cds-border-disabled, #c6c6c6);
}

.cds--slider--disabled ~ .cds--form-item .cds--slider-text-input,
.cds--slider--disabled ~ .cds--slider-text-input {
  border: none;
  background-color: var(--cds-field);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
  transition: none;
}
.cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:active, .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:focus, .cds--slider--disabled ~ .cds--form-item .cds--slider-text-input:hover,
.cds--slider--disabled ~ .cds--slider-text-input:active,
.cds--slider--disabled ~ .cds--slider-text-input:focus,
.cds--slider--disabled ~ .cds--slider-text-input:hover {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}

.cds--slider--readonly {
  cursor: default;
}

.cds--slider-container--readonly .cds--slider__thumb {
  block-size: 0;
  inline-size: 0;
}
.cds--slider-container--readonly .cds--slider__thumb::before, .cds--slider-container--readonly .cds--slider__thumb::after {
  display: none;
}

.cds--slider-container--readonly .cds--slider-text-input {
  background-color: transparent;
}

.cds--slider__status-msg.cds--form-requirement {
  display: block;
  overflow: visible;
  max-block-size: 100%;
}

.cds--slider-container.cds--skeleton .cds--slider__range-label {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 0.75rem;
  inline-size: 1.25rem;
}
.cds--slider-container.cds--skeleton .cds--slider__range-label:hover, .cds--slider-container.cds--skeleton .cds--slider__range-label:focus, .cds--slider-container.cds--skeleton .cds--slider__range-label:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--slider-container.cds--skeleton .cds--slider__range-label::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--slider-container.cds--skeleton .cds--slider__range-label {
    background: CanvasText;
  }
  .cds--slider-container.cds--skeleton .cds--slider__range-label::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--slider-container.cds--skeleton .cds--slider__track {
  cursor: default;
  pointer-events: none;
}

.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper {
  inset-inline-start: 50%;
}
.cds--slider-container.cds--skeleton .cds--slider__thumb {
  cursor: default;
  pointer-events: none;
}
.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--lower {
  inset-inline-start: 0;
}
.cds--slider-container.cds--skeleton .cds--slider__thumb-wrapper--upper {
  inset-inline-start: 100%;
}

.cds--popover-container.cds--slider__thumb-wrapper {
  position: absolute;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--slider__thumb {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--slider__thumb:focus {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--slider__track {
    outline: 1px solid transparent;
  }
}

/*****************************
*
* This file brings in Carbon sidenav styles and aligns the pattern changes
* we have made in code. (ie. having buttons as well as anchors for sidenav
* links, using isRail while still wanting collapse on small screens, etc. )
*
*****************************/
/* stylelint-disable */
@media (max-width: 65.99em) {
  .iot--side-nav {
    width: 0;
  }
}
@media (max-width: 65.99em) {
  .iot--side-nav.iot--side-nav--expanded {
    width: 16rem;
  }
}
.iot--side-nav button.cds--side-nav__link {
  background: none;
  border: none;
  width: 100%;
}
.iot--side-nav .cds--side-nav__menu .cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover {
  color: #161616;
  background-color: #e5e5e5;
}
.iot--side-nav .cds--side-nav__menu .cds--side-nav__link {
  height: 2rem;
  min-height: 2rem;
  padding-left: 2rem;
  font-weight: 400;
}
.iot--side-nav .cds--side-nav__item.cds--side-nav__item--icon .cds--side-nav__link {
  padding-left: 4.5rem;
}
html[dir=rtl] .iot--side-nav .cds--side-nav__item.cds--side-nav__item--icon .cds--side-nav__link {
  padding-left: unset;
}
.iot--side-nav .cds--side-nav__menu .cds--side-nav__link--current,
.iot--side-nav .cds--side-nav__menu .cds--side-nav__link[aria-current=page],
.iot--side-nav .cds--side-nav__link--current {
  background-color: #e0e0e0;
}
.iot--side-nav .cds--side-nav__menu .cds--side-nav__link--current > span,
.iot--side-nav .cds--side-nav__menu .cds--side-nav__link[aria-current=page] > span,
.iot--side-nav .cds--side-nav__link--current > span {
  color: #161616;
  font-weight: 600;
}
.iot--side-nav .cds--side-nav__link {
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 1rem;
  text-decoration: none;
  transition: color 110ms, background-color 110ms, outline 110ms;
}
.iot--side-nav .cds--side-nav__link > .cds--side-nav__link-text {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #525252;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.1px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.iot--side-nav .cds--side-nav__link:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .iot--side-nav .cds--side-nav__link:focus {
    outline-style: dotted;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .iot--side-nav .cds--side-nav__link:focus {
    outline: 3px solid transparent;
    outline-offset: -3px;
  }
}
.iot--side-nav .cds--side-nav__link[aria-current=page],
.iot--side-nav .cds--side-nav__link--current {
  font-weight: 600;
  background-color: #e5e5e5;
}
.iot--side-nav .cds--side-nav__link[aria-current=page] .cds--side-nav__link-text,
.iot--side-nav .cds--side-nav__link--current .cds--side-nav__link-text {
  color: #161616;
}
.iot--side-nav .cds--side-nav__link[aria-current=page]::before,
.iot--side-nav .cds--side-nav__link--current::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background-color: #0f62fe;
  content: "";
}
.iot--side-nav.cds--side-nav--fixed .cds--side-nav__link {
  padding-left: 1rem;
}
.iot--side-nav.cds--side-nav--fixed .cds--side-nav__item:not(.cds--side-nav__item--icon) .cds--side-nav__menu .cds--side-nav__link {
  padding-left: 2rem;
}

/* stylelint-enable */
.iot--side-nav {
  background: var(--cds-layer-selected-inverse, #161616);
}
.iot--side-nav .cds--side-nav__submenu,
.iot--side-nav .cds--side-nav__link > .cds--side-nav__link-text,
.iot--side-nav .cds--side-nav__item--active .cds--side-nav__submenu-title,
.iot--side-nav .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover > span,
.iot--side-nav .cds--side-nav__item:not(.cds--side-nav__item--active) .cds--side-nav__menu-item > .cds--side-nav__link:hover > span,
.iot--side-nav .cds--side-nav__menu .cds--side-nav__link--current > span,
.iot--side-nav .cds--side-nav__link--current > span,
.iot--side-nav .cds--search-input {
  color: var(--cds-text-inverse, #ffffff);
}
.iot--side-nav .cds--search {
  min-width: 5rem;
  margin-bottom: -1rem;
  z-index: 6000;
}
.iot--side-nav .cds--search-input,
.iot--side-nav .cds--search-close:hover {
  border-bottom-color: transparent;
}
.iot--side-nav .cds--search-magnifier-icon {
  left: 1rem;
}
.iot--side-nav .cds--search-magnifier-icon,
.iot--side-nav .cds--search-close svg {
  fill: var(--cds-text-inverse, #ffffff);
}
.iot--side-nav .cds--search-close:hover, .iot--side-nav .cds--search-close:active {
  background-color: #2c2c2c;
}
.iot--side-nav .cds--search-close::before {
  background-color: transparent;
}
.iot--side-nav .cds--search-input {
  background-color: var(--cds-layer-selected-inverse, #161616);
}
.iot--side-nav .cds--search-input::-moz-placeholder {
  color: var(--cds-layer-accent-01, #e0e0e0);
}
.iot--side-nav .cds--search-input::placeholder {
  color: var(--cds-layer-accent-01, #e0e0e0);
}
.iot--side-nav .iot--side-nav__pinned-items {
  flex: none;
  border-bottom: 1px solid var(--cds-border-strong-01, #8d8d8d);
}
.iot--side-nav .iot--side-nav__pinned-items + .cds--side-nav__items {
  padding-top: 0;
}
.iot--side-nav .iot--side-nav__item--is-filtering .cds--side-nav__submenu {
  pointer-events: none;
}
.iot--side-nav .iot--side-nav__item--is-filtering .cds--side-nav__submenu .cds--side-nav__submenu-chevron {
  display: none;
}
.iot--side-nav .iot--side-nav__item--is-filtering .cds--side-nav__link-text {
  display: inline-flex;
}
.iot--side-nav .iot--side-nav__item--is-filtering .cds--side-nav__link-text mark {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  flex-shrink: 1;
  background: var(--cds-layer-01, #f4f4f4);
  color: var(--cds-border-interactive, #0f62fe);
}
.iot--side-nav .iot--side-nav__item--is-filtering .cds--side-nav__link-text span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  flex-shrink: 2;
}
.iot--side-nav .iot--side-nav__empty-search-msg {
  margin: 2rem 3rem 1rem 3rem;
  color: var(--cds-text-inverse, #ffffff);
  display: none;
  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);
}
.iot--side-nav.iot--side-nav--expanded .iot--side-nav__empty-search-msg, .iot--side-nav.cds--side-nav--expanded .iot--side-nav__empty-search-msg {
  display: block;
}
.iot--side-nav .cds--side-nav__icon > svg {
  fill: var(--cds-text-inverse, #ffffff);
}
.iot--side-nav .cds--side-nav__submenu:hover,
.iot--side-nav .cds--side-nav__submenu:hover + .cds--side-nav__menu,
.iot--side-nav [aria-expanded=true].cds--side-nav__submenu,
.iot--side-nav [aria-expanded=true].cds--side-nav__submenu + .cds--side-nav__menu,
.iot--side-nav .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover {
  background-color: #2c2c2c;
}
.iot--side-nav .cds--side-nav__menu .cds--side-nav__link--current,
.iot--side-nav .cds--side-nav__menu .cds--side-nav__link[aria-current=page],
.iot--side-nav .cds--side-nav__link--current,
.iot--side-nav .cds--side-nav__menu .cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover {
  background-color: var(--cds-background-inverse, #393939);
}
.iot--side-nav .cds--side-nav__menu .cds--side-nav__link:not(.cds--side-nav__link--current):not([aria-current=page]):hover, .iot--side-nav.cds--side-nav__menu .cds--side-nav__link--current > span, .iot--side-nav.cds--side-nav__menu .cds--side-nav__link[aria-current=page] > span, .iot--side-nav.cds--side-nav__link--current > span {
  color: var(--cds-text-inverse, #ffffff);
}
.iot--side-nav .cds--side-nav__item--active .cds--side-nav__submenu[aria-expanded=false] {
  background-color: var(--cds-background-inverse, #393939);
  color: var(--cds-text-inverse, #ffffff);
}
.iot--side-nav.cds--side-nav.cds--side-nav--rail:not(.cds--side-nav--fixed):hover {
  transition: width 70ms cubic-bezier(0, 0, 0.38, 0.9) 300ms;
}
.iot--side-nav a.cds--side-nav__link[aria-current=page] {
  background-color: #525252;
}
.iot--side-nav a.cds--side-nav__link[aria-current=page] .cds--side-nav__link-text {
  color: #ffffff;
}

html[dir=rtl] .iot--side-nav {
  left: unset;
  right: 0;
}
html[dir=rtl] .iot--side-nav.cds--side-nav--rail:not(.cds--side-nav--expanded) .cds--search-close {
  display: none;
}
html[dir=rtl] .iot--side-nav .cds--search {
  min-width: unset;
}
html[dir=rtl] .cds--side-nav__icon:not(.cds--side-nav__submenu-chevron) {
  margin-left: 1.5rem;
  margin-right: unset;
}
html[dir=rtl] .iot--side-nav__item--depth-0 .cds--side-nav__link-text {
  padding-right: 3.5rem;
}

.iot--side-nav__item--depth-1 .cds--side-nav__submenu-title {
  padding-left: 3.5rem;
}
html[dir=rtl] .iot--side-nav__item--depth-1 .cds--side-nav__submenu-title {
  padding-left: unset;
  padding-right: 3.5rem;
}
.iot--side-nav__item--depth-1 .cds--side-nav__link-text {
  padding-left: 1rem;
}
html[dir=rtl] .iot--side-nav__item--depth-1 .cds--side-nav__link-text {
  padding-left: unset;
  padding-right: 4.5rem;
}
.iot--side-nav__item--depth-1:hover {
  background-color: white;
}

.iot--side-nav__item--depth-2 .cds--side-nav__submenu-title {
  padding-left: 4.5rem;
}
html[dir=rtl] .iot--side-nav__item--depth-2 .cds--side-nav__submenu-title {
  padding-left: unset;
  padding-right: 4.5rem;
}
.iot--side-nav__item--depth-2 .cds--side-nav__link-text {
  padding-left: 2rem;
}
html[dir=rtl] .iot--side-nav__item--depth-2 .cds--side-nav__link-text {
  padding-left: unset;
  padding-right: 5.5rem;
}
.iot--side-nav__item--depth-2:hover {
  background-color: white;
}

.iot--side-nav__item--depth-3 .cds--side-nav__submenu-title {
  padding-left: 5.5rem;
}
html[dir=rtl] .iot--side-nav__item--depth-3 .cds--side-nav__submenu-title {
  padding-left: unset;
  padding-right: 5.5rem;
}
.iot--side-nav__item--depth-3 .cds--side-nav__link-text {
  padding-left: 3rem;
}
html[dir=rtl] .iot--side-nav__item--depth-3 .cds--side-nav__link-text {
  padding-left: unset;
  padding-right: 3rem;
}
.iot--side-nav__item--depth-3:hover {
  background-color: white;
}

.cds--side-nav__overlay-active {
  z-index: 6000;
}

.iot-simple-pagination-container {
  display: flex;
  height: 3rem;
  width: 100%;
  border: 0.0625rem solid var(--cds-border-subtle);
  background-color: var(--cds-layer-01, #f4f4f4);
}

.iot-simple-pagination-page-bar {
  display: flex;
  margin-left: auto;
}

.iot-simple-pagination-page-label {
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 0.875rem;
  align-self: center;
}

.iot-addons-simple-pagination-button:focus {
  outline: none;
}

.iot-addons-simple-pagination-button-disabled {
  cursor: not-allowed;
}
.iot-addons-simple-pagination-button-disabled:focus {
  outline: none;
}
.iot-addons-simple-pagination-button-disabled:hover {
  background-color: var(--cds-layer-01, #f4f4f4);
}

.iot-simple-pagination-caret {
  fill: var(--cds-icon-primary, #161616);
}

.iot-simple-pagination-caret-disabled {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.iot--suite-header-profile {
  background-color: var(--cds-layer-selected-inverse, #161616);
  color: var(--cds-text-inverse, #ffffff);
  width: 100%;
  padding: 1rem;
}
.iot--suite-header-profile h5 {
  margin-bottom: 0.75rem;
}
.iot--suite-header-profile--user {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.iot--suite-header-profile--user--chip {
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  background-color: var(--cds-layer-accent-01, #e0e0e0);
  color: var(--cds-text-primary, #161616);
  text-align: center;
  line-height: 2rem;
}
.iot--suite-header-profile--user--detail {
  flex: 1;
  padding-inline-start: 1rem;
  overflow: hidden;
}
.iot--suite-header-profile--user--detail div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.iot--suite-header-profile--manage-button {
  padding-bottom: 2.5rem;
  /* mimic tertiary button from grey-100 theme */
}
.iot--suite-header-profile--manage-button .cds--btn {
  border: solid 1px var(--cds-layer-02, #ffffff);
  background-color: var(--cds-layer-selected-inverse, #161616);
}
.iot--suite-header-profile--manage-button .cds--btn:hover {
  background-color: var(--cds-layer-02, #ffffff);
  color: var(--cds-layer-selected-inverse, #161616);
}
.iot--suite-header-profile--manage-button--no-logout {
  padding-bottom: 0.5rem;
}
.iot--suite-header-profile--loading {
  height: 120px;
}
.iot--suite-header-profile--loading p {
  background-color: var(--cds-background-inverse-hover, #474747);
  height: 0.75rem;
  margin-bottom: 0.25rem;
}
.iot--suite-header-profile--loading--no-logout {
  height: 88px;
}
.iot--suite-header-profile--logout {
  margin: -1rem;
}
.iot--suite-header-profile--logout .cds--btn {
  width: 100%;
}
.iot--suite-header-profile--logout--loading div {
  background-color: var(--cds-background-inverse-hover, #474747) !important;
}

.iot--suite-header-survey-toast {
  position: fixed;
  top: 3rem;
  right: 0;
  max-width: 26.5625rem;
  width: auto;
  z-index: 6000;
  margin-inline: 0 1rem;
  margin-block: 1rem 0.5rem;
}
.iot--suite-header-survey-toast .cds--toast-notification__title {
  margin-top: 0.75rem;
}

html[dir=rtl] .iot--suite-header-survey-toast {
  right: unset;
  left: 0;
  margin-inline: 0 1rem;
}

.iot--suite-header-survey-policy-link {
  margin: auto;
  width: 50%;
  padding-top: 0.75rem;
}

.iot--suite-header .cds--app-switcher > ul li.action-btn__headerpanel-li {
  height: 100%;
}

.iot--suite-header-app-switcher {
  overflow-y: auto;
  padding-top: 0;
}
.iot--suite-header-app-switcher li {
  width: 100%;
}
.iot--suite-header-app-switcher li button,
.iot--suite-header-app-switcher li a {
  margin: 1rem;
  width: calc(100% - 32px);
  min-height: 40px;
}
.iot--suite-header-app-switcher li p:not(.cds--skeleton__text) {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: flex;
  align-items: center;
  padding-inline: 1rem;
  padding-block: 1rem 0;
  text-decoration: none;
  color: var(--cds-text-primary, #161616);
}
.iot--suite-header-app-switcher a {
  align-items: center;
}
.iot--suite-header-app-switcher--nav-link a {
  text-decoration: none;
}
.iot--suite-header-app-switcher--nav-link--loading {
  display: flex;
  padding: 1rem;
  flex-direction: column;
}
.iot--suite-header-app-switcher--nav-link--loading p {
  margin-bottom: 1rem;
}
.iot--suite-header-app-switcher--nav-link--button--loading {
  padding: 1rem;
}
.iot--suite-header-app-switcher--nav-link--button--loading div {
  min-height: 40px;
  width: 100% !important;
}
.iot--suite-header-app-switcher--nav-link--separator {
  padding: 0;
  height: 0;
  border-bottom: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  margin-block: 0;
  margin-inline: 1rem;
}
.iot--suite-header-app-switcher--app-link button,
.iot--suite-header-app-switcher--app-link a {
  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);
  text-decoration: none;
  color: var(--cds-text-secondary, #525252);
}
.iot--suite-header-app-switcher--no-app {
  padding-block: 4rem 1rem;
  padding-inline: 2rem;
}
.iot--suite-header-app-switcher--no-app .bee-icon-container {
  display: block;
}
.iot--suite-header-app-switcher--no-app .bee-icon-container svg {
  display: inherit;
}
.iot--suite-header-app-switcher--no-app .bee-icon-container .bee-shadow {
  background-color: var(--cds-layer-accent-01, #e0e0e0);
  height: 0.5rem;
  width: 2rem;
  border-radius: 50%;
  margin-top: 0.25rem;
}
.iot--suite-header-app-switcher--no-app span {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
  padding-top: 1rem;
}
.iot--suite-header-app-switcher--no-app a {
  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);
  text-decoration: none;
  padding: 0;
  margin-block: 1rem;
  margin-inline: 0;
}

.iot--suite-header-app-switcher-multiworkspace {
  overflow-y: auto;
  background-color: var(--cds-layer-selected-inverse, #161616);
  padding-top: 0;
}
.iot--suite-header-app-switcher-multiworkspace p {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: flex;
  align-items: center;
  padding-block: 1rem 0.5rem;
  padding-inline: 1rem;
  text-decoration: none;
  color: var(--cds-text-inverse, #ffffff);
}
.iot--suite-header-app-switcher-multiworkspace--divider {
  margin-block: 0.5rem 0;
  margin-inline: 0;
  background-color: var(--cds-button-secondary, #393939);
}
.iot--suite-header-app-switcher-multiworkspace--app-link.cds--side-nav__link--current,
.iot--suite-header-app-switcher-multiworkspace a.cds--side-nav__link.cds--side-nav__link--current {
  background-color: var(--cds-background-inverse, #393939);
}
.iot--suite-header-app-switcher-multiworkspace--app-link.cds--side-nav__link--current > .cds--side-nav__link-text,
.iot--suite-header-app-switcher-multiworkspace a.cds--side-nav__link.cds--side-nav__link--current > .cds--side-nav__link-text {
  color: var(--cds-field-01, #f4f4f4);
}
.iot--suite-header-app-switcher-multiworkspace--app-link > .cds--side-nav__link-text,
.iot--suite-header-app-switcher-multiworkspace a.cds--side-nav__link > .cds--side-nav__link-text {
  white-space: nowrap;
  color: var(--cds-text-inverse, #ffffff);
}
.iot--suite-header-app-switcher-multiworkspace--app-link svg,
.iot--suite-header-app-switcher-multiworkspace a.cds--side-nav__link svg {
  fill: var(--cds-icon-on-color, #ffffff);
}
.iot--suite-header-app-switcher-multiworkspace--external .cds--side-nav__link-text {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.iot--suite-header-app-switcher-multiworkspace--no-icon .cds--side-nav__link-text {
  padding-inline-start: 2.5rem;
}
.iot--suite-header-app-switcher-multiworkspace .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover {
  background-color: var(--cds-button-secondary-hover, #474747);
}
.iot--suite-header-app-switcher-multiworkspace .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover .cds--side-nav__link-text {
  color: var(--cds-text-inverse, #ffffff);
}
.iot--suite-header-app-switcher-multiworkspace .cds--side-nav__item:not(.cds--side-nav__item--active) > .cds--side-nav__link:hover svg {
  fill: var(--cds-icon-on-color, #ffffff);
}
.iot--suite-header-app-switcher-multiworkspace--workpsace-selector {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.iot--suite-header-app-switcher-multiworkspace--workpsace-selector > div.cds--side-nav__icon {
  margin: 0;
}
.iot--suite-header-app-switcher-multiworkspace--no-app {
  padding-block: 4rem 1rem;
  padding-inline: 2rem;
}
.iot--suite-header-app-switcher-multiworkspace--no-app .bee-icon-container {
  display: block;
}
.iot--suite-header-app-switcher-multiworkspace--no-app .bee-icon-container svg {
  display: inherit;
  fill: var(--cds-layer-accent-01, #e0e0e0);
}
.iot--suite-header-app-switcher-multiworkspace--no-app .bee-icon-container .bee-shadow {
  background-color: var(--cds-border-disabled, #c6c6c6);
  height: 0.5rem;
  width: 2rem;
  border-radius: 50%;
  margin-top: 0.25rem;
}
.iot--suite-header-app-switcher-multiworkspace--no-app span {
  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-layer-active-01, #c6c6c6);
  padding-top: 1rem;
}
.iot--suite-header-app-switcher-multiworkspace--no-app a {
  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);
  text-decoration: none;
  padding: 0;
  margin-block: 1rem;
  margin-inline: 0;
  color: var(--cds-link-inverse, #78a9ff);
}

.iot--suite-header-data {
  display: none;
}
.iot--suite-header-subtitle {
  margin-inline-start: 1rem;
}
.iot--suite-header-subtitle-appname {
  margin-inline-start: 1rem;
  padding-inline-start: 1rem;
  border-inline-start: var(--cds-text-secondary, #525252) 1px solid;
}
.iot--suite-header a.admin-icon svg {
  display: flex;
  fill: var(--cds-layer-01, #f4f4f4);
}
.iot--suite-header a.admin-icon__hidden {
  visibility: hidden !important;
}
.iot--suite-header a.admin-icon__selected {
  background-color: var(--cds-button-secondary, #393939);
  border: none;
  border-bottom: 0.125rem solid var(--cds-layer-01, #f4f4f4);
  padding-top: 0.125rem;
}
.iot--suite-header .cds--header__global {
  position: relative;
}
.iot--suite-header .cds--header__global button {
  display: flex;
  align-items: center;
}
.iot--suite-header .cds--header__global .cds--header-action-btn .cds--btn--primary {
  background-color: unset;
}
.iot--suite-header .cds--header__global .cds--header-action-btn .cds--header__menu-item.cds--btn--icon-only > :first-child {
  margin-block-start: 0;
}
.iot--suite-header .cds--header__global .cds--header-action-btn .cds--header__menu-item span {
  display: flex;
}
.iot--suite-header .iot--header__subtitle {
  padding-inline: 1rem;
  padding-block: 0;
  min-height: unset;
}
.iot--suite-header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu div.cds--header__menu-item {
  padding: 0;
  border: none;
  color: var(--cds-text-secondary, #525252);
  background-color: var(--cds-background, #ffffff);
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.iot--suite-header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu div.cds--header__menu-item:hover {
  background-color: inherit;
  color: inherit;
}
.iot--suite-header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu a.cds--header__menu-item {
  padding: 1rem;
}
.iot--suite-header .cds--header__submenu.cds--header-action-btn[aria-expanded=true] > ul.cds--header__menu a.cds--header__menu-item:hover {
  color: var(--cds-text-on-color, #ffffff);
}
.iot--suite-header .cds--header__menu-title[role=menuitem][aria-expanded=true] + .cds--header__menu {
  width: 16rem;
}
.iot--suite-header .iot--suite-header-help--loading {
  background-color: var(--cds-layer-selected-inverse, #161616);
  color: var(--cds-text-inverse, #ffffff);
  width: 100%;
  padding: 1rem;
}
.iot--suite-header .iot--suite-header-help--loading p {
  background-color: var(--cds-background-inverse-hover, #474747);
  margin-bottom: 1.5rem;
}
.iot--suite-header .iot--suite-header-help--separator {
  padding: 0;
  height: 0;
  border-bottom: 1px solid var(--cds-button-secondary-hover, #474747);
  margin-block: 0;
  margin-inline: 1rem;
}
.iot--suite-header--logout a.cds--header__menu-item {
  background-color: var(--cds-button-secondary, #393939);
  color: var(--cds-text-inverse, #ffffff);
}
.iot--suite-header--logout a.cds--header__menu-item:hover {
  background-color: var(--cds-button-secondary-hover, #474747) !important;
}
.iot--suite-header--logout--loading div {
  background-color: var(--cds-background-inverse-hover, #474747) !important;
  width: 256px !important;
}

.iot--session-timeout-modal {
  z-index: 9999;
}
.iot--session-timeout-modal .cds--modal-header .cds--modal-close {
  display: none;
}

@keyframes ai-skeleton-animation {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.cds--icon--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  block-size: 1rem;
  inline-size: 1rem;
}
.cds--icon--skeleton:hover, .cds--icon--skeleton:focus, .cds--icon--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--icon--skeleton::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--icon--skeleton::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--icon--skeleton {
    background: CanvasText;
  }
  .cds--icon--skeleton::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--skeleton__placeholder {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 6.25rem;
  inline-size: 6.25rem;
}
.cds--skeleton__placeholder:hover, .cds--skeleton__placeholder:focus, .cds--skeleton__placeholder:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--skeleton__placeholder::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--skeleton__placeholder::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--skeleton__placeholder {
    background: CanvasText;
  }
  .cds--skeleton__placeholder::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--skeleton__text {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 1rem;
  inline-size: 100%;
  margin-block-end: 0.5rem;
}
.cds--skeleton__text:hover, .cds--skeleton__text:focus, .cds--skeleton__text:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--skeleton__text::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--skeleton__text::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--skeleton__text {
    background: CanvasText;
  }
  .cds--skeleton__text::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--skeleton__heading {
  block-size: 1.5rem;
}

.cds--skeleton__text--ai,
.cds--skeleton__placeholder--ai,
.cds--skeleton__icon--ai {
  overflow: hidden;
  background: var(--cds-ai-skeleton-background, #d0e2ff);
}

.cds--skeleton__text--ai::before,
.cds--skeleton__placeholder--ai::before,
.cds--skeleton__icon--ai::before {
  animation: 1250ms ease-in-out ai-skeleton-animation infinite;
  background: linear-gradient(to right, rgba(69, 137, 255, 0) 0%, rgba(69, 137, 255, 0.5) 50%, rgba(69, 137, 255, 0) 100%);
}

.cds--skeleton__placeholder--ai::before,
.cds--skeleton__icon--ai::before {
  inline-size: 200%;
}

.cds--skeleton__placeholder--ai {
  border-radius: 0.5rem;
}

.cds--skeleton__text--ai {
  border-radius: 1rem;
}

.cds--skeleton__icon--ai {
  border-radius: 0.125rem;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--skeleton__text--ai,
  .cds--skeleton__placeholder--ai,
  .cds--skeleton__icon--ai {
    background: CanvasText;
  }
  .cds--skeleton__text--ai::before,
  .cds--skeleton__placeholder--ai::before,
  .cds--skeleton__icon--ai::before {
    background: Canvas;
  }
}
button.iot--tooltip-svg-wrapper,
.iot--tooltip-svg-wrapper.cds--btn--ghost:hover {
  color: #525252;
  justify-content: center;
}

button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost {
  border: 0;
}
button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar-button-active:not(:hover) {
  background-color: var(--cds-layer-02, #ffffff);
}

.iot--tooltip-svg-wrapper--disabled {
  cursor: not-allowed;
}
.iot--tooltip-svg-wrapper--disabled svg {
  fill: var(--cds-icon-on-color-disabled, #8d8d8d);
}
.iot--tooltip-svg-wrapper--disabled:active, .iot--tooltip-svg-wrapper--disabled:focus {
  outline: none;
}

.iot--table-toolbar__advanced-filters-button-wrapper .iot--flyout-menu--tooltip-anchor {
  height: unset;
  width: unset;
}
.iot--table-toolbar__advanced-filters-button-wrapper .cds--popover-content .cds--toggletip-actions > * {
  flex-grow: 1;
}

.iot--advanced-filter__tab-container {
  width: clamp(30rem, 45rem, 100vw);
}

.iot--filter-flyout__simple-field {
  flex: 1;
}
.iot--filter-flyout__simple-field.cds--form-item {
  position: relative;
}
.iot--filter-flyout__simple-field.cds--form-item .cds--list-box__selection {
  top: 67%;
}
.iot--filter-flyout__simple-field .cds--text-input-wrapper {
  width: 100%;
}
.iot--filter-flyout__simple-field .cds--date-picker.cds--date-picker--single {
  text-align: initial;
}
.iot--filter-flyout__simple-field .cds--date-picker.cds--date-picker--single .cds--date-picker__input {
  width: 100%;
}

.iot--filter-flyout__simple-row {
  display: flex;
  flex: 1 1 0%;
  gap: 1rem;
  flex-direction: row;
  padding-bottom: 1rem;
}
.iot--filter-flyout__simple-row:last-of-type {
  padding-bottom: 0;
}
.iot--filter-flyout__simple-row .cds--list-box__wrapper {
  flex: 1;
}
.iot--filter-flyout__simple-row .cds--list-box__wrapper > label {
  margin-right: 100%;
}
.iot--filter-flyout__simple-row .cds--list-box__wrapper .cds--list-box__selection,
.iot--filter-flyout__simple-row .cds--list-box__wrapper .cds--list-box__menu-icon {
  padding-right: 0;
}
.iot--filter-flyout__simple-row .cds--tag__close-icon {
  padding-right: 0;
}

.cds--label button.iot--advanced-filter__inline-button {
  padding: inherit;
  min-height: inherit;
  line-height: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  border: 0;
}

.iot--table-toolbar__search-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.iot--table-toolbar__search-tooltip {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
  z-index: 6000;
  padding: 0.5rem 1rem;
  border-radius: 0.125rem;
  background-color: var(--cds-background-inverse, #393939);
  block-size: auto;
  color: var(--cds-text-inverse, #ffffff);
  font-weight: 400;
  inline-size: -moz-max-content;
  inline-size: max-content;
  max-inline-size: 13rem;
  min-inline-size: 1.5rem;
  text-align: start;
  transform: translateX(-50%);
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  position: absolute;
  bottom: -0.75rem;
  display: flex;
  align-items: center;
  box-sizing: content-box;
  pointer-events: none;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .iot--table-toolbar__search-tooltip {
    inline-size: auto;
  }
}
@supports (-ms-accelerator: true) {
  .iot--table-toolbar__search-tooltip {
    inline-size: auto;
  }
}
@supports (-ms-ime-align: auto) {
  .iot--table-toolbar__search-tooltip {
    inline-size: auto;
  }
}
@media screen and (-ms-high-contrast: active), screen and (prefers-contrast) {
  .iot--table-toolbar__search-tooltip {
    border: 1px solid transparent;
  }
}
.iot--table-toolbar__search-tooltip::before {
  position: absolute;
  z-index: 6000;
  display: flex;
  align-items: center;
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
  top: -0.3125rem;
  border-width: 0 0.25rem 0.3125rem 0.25rem;
  border-color: transparent transparent var(--cds-button-secondary, #393939) transparent;
  transform: translateX(-50%);
}
.iot--table-toolbar__search-tooltip--hide {
  display: none;
  visibility: hidden;
}
.iot--table-toolbar__search-tooltip--center {
  right: 1.5rem;
  transform: translate(50%, 100%);
}
.iot--table-toolbar__search-tooltip--center::before {
  left: 50%;
}
[dir=rtl] .iot--table-toolbar__search-tooltip--center {
  right: unset;
  left: -1rem;
  transform: translate(0%, 100%);
}
.iot--table-toolbar__search-tooltip--start {
  transform: translate(0%, 100%);
}
.iot--table-toolbar__search-tooltip--start::before {
  left: 1.5rem;
}
.iot--table-toolbar__search-tooltip--end {
  transform: translate(1.5rem, 100%);
  right: 1.5rem;
}
.iot--table-toolbar__search-tooltip--end::before {
  right: 1rem;
}

.cds--toolbar-search-container-active + .iot--table-toolbar__search-tooltip {
  display: none;
}

div.cds--toolbar-action.cds--toolbar-search-container-expandable > div.cds--search.cds--search--sm.table-toolbar-search {
  flex-grow: 2;
}

.iot--table-toolbar-secondary-title {
  padding: 1rem;
  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);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.iot--table-toolbar {
  width: 100%;
  padding-top: 0.125rem;
}

.cds--table-toolbar {
  height: 3rem;
  position: relative;
  display: flex;
  width: 100%;
  min-height: 3rem;
  background-color: var(--cds-layer-01, #f4f4f4);
}

.cds--batch-actions {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #0f62fe;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  pointer-events: none;
  transform: translate3d(0, 48px, 0);
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  will-change: transform;
}

.cds--batch-actions.cds--batch-actions--active.iot--table-batch-actions {
  z-index: 2;
}

.iot--table-toolbar-content {
  flex: 1;
  font-size: 0.875rem;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
}
.iot--table-toolbar-content .cds--toolbar-search-container-active .cds--search-input {
  border-bottom: 0;
}
.iot--table-toolbar-content .iot--table-overflow-batch-actions.cds--overflow-menu--open .cds--assistive-text {
  display: none;
}
.iot--table-toolbar-content .iot--table-overflow-batch-actions.cds--overflow-menu--open::before {
  content: "";
}
.iot--table-toolbar-content .iot--table-toolbar-aggregations__overflow-menu.cds--overflow-menu--open .cds--assistive-text {
  display: none;
}
.iot--table-toolbar-content .iot--table-toolbar-aggregations__overflow-menu.cds--overflow-menu--open::before {
  content: "";
}

.cds--batch-actions:not(.cds--batch-actions--active) ~ .cds--toolbar-content {
  clip-path: unset;
}

.iot--table-batch-actions {
  z-index: 3;
  min-width: 0;
}
.iot--table-batch-actions .cds--action-list {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
.iot--table-batch-actions + .cds--toolbar-action {
  padding: 0;
}

.iot--table-tooltip-container {
  padding: 1rem 0;
}

.iot--table-row-edit-actions {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  padding: 0.5rem;
}

html[dir=rtl] .iot--table-batch-actions .cds--action-list {
  left: 0;
  right: auto;
}
html[dir=rtl] .iot--table-batch-actions .cds--action-list .cds--btn .cds--btn__icon {
  margin-left: 0;
  margin-right: 0.5rem;
}
html[dir=rtl] .iot--table-batch-actions .cds--batch-summary {
  left: auto;
  margin-left: 0;
  margin-right: 1rem;
  right: 0;
}
html[dir=rtl] .iot--table-batch-actions .cds--btn--primary.cds--batch-summary__cancel::before {
  left: auto;
  right: 0;
}

.iot--table-toolbar-aggregations__overflow-menu {
  min-height: 3rem;
  width: 3rem;
}

.iot--table-toolbar-aggregations__overflow-icon {
  height: initial;
  width: initial;
}

.iot--table-toolbar-aggregations__overflow-menu-content {
  display: flex;
  align-items: center;
  text-align: left;
  min-width: 0;
}
[dir=rtl] .iot--table-toolbar-aggregations__overflow-menu-content {
  text-align: right;
}
.iot--table-toolbar-aggregations__overflow-menu-content svg {
  margin-right: 0.5rem;
  flex-shrink: 0;
}
[dir=rtl] .iot--table-toolbar-aggregations__overflow-menu-content svg {
  margin-right: 0;
  margin-left: 0.5rem;
}

.cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions.cds--overflow-menu--open, .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions.cds--overflow-menu--open:hover, .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions:focus {
  outline: 0.125rem solid var(--cds-layer-01, #f4f4f4);
  outline-offset: -0.125rem;
}
.cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions.iot--overflow-menu-icon.iot--tooltip-svg-wrapper .cds--btn__icon {
  fill: var(--cds-layer-01, #f4f4f4);
}
.cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions:hover + .cds--btn--primary.cds--batch-summary__cancel::before, .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions:focus + .cds--btn--primary.cds--batch-summary__cancel::before {
  opacity: 0;
}
.cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions:hover.iot--overflow-menu-icon.iot--tooltip-svg-wrapper svg.cds--btn__icon, .cds--table-toolbar .cds--tooltip-trigger__wrapper .iot--table-overflow-batch-actions:focus.iot--overflow-menu-icon.iot--tooltip-svg-wrapper svg.cds--btn__icon {
  fill: var(--cds-layer-01, #f4f4f4);
}

html[dir=rtl] .cds--tag--filter {
  padding-right: 0.5rem;
  padding-left: 0.125rem;
}
html[dir=rtl] .cds--tag__close-icon {
  margin: 0 0.25rem 0 0;
}

.iot--pagination {
  overflow-x: hidden;
}
.iot--pagination--compact .cds--pagination__right {
  width: 100%;
}
.iot--pagination--compact .cds--select-input {
  border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--pagination--compact .cds--select__page-number .cds--select-input {
  border-left: none;
}
.iot--pagination--compact .cds--pagination__control-buttons {
  margin-left: auto;
}
.iot--pagination--narrow .cds--pagination__left {
  padding: 0 0.5rem 0 1rem;
}
.iot--pagination--narrow .cds--pagination__items-count {
  margin-left: 0.5rem;
}
.iot--pagination--narrow .cds--pagination__right .cds--pagination__text {
  margin-right: 0.5rem;
}
.iot--pagination .cds--pagination__left {
  margin: auto auto auto 0;
}
html[dir=rtl] .iot--pagination .cds--pagination__left {
  margin: auto 0 auto auto;
}
.iot--pagination .cds--select .cds--select-input ~ .cds--select__arrow {
  align-self: center;
}
.iot--pagination .cds--pagination__left,
.iot--pagination .cds--pagination__text {
  display: var(--pagination-text-display);
}

.iot--pagination--hide-page .cds--pagination__left .cds--pagination__text:first-child,
.iot--pagination--hide-page .cds--pagination__left span:first-child,
.iot--pagination--hide-page .cds--pagination__left .cds--form-item {
  display: none;
}
.iot--pagination--hide-page .cds--pagination__left .cds--pagination__text {
  margin-left: 0rem;
}

.iot--pagination--hide-goto-page .cds--pagination__right .cds--select__page-number {
  display: none;
}
.iot--pagination--hide-goto-page .cds--pagination__right {
  border-left-style: none;
}

.iot--pagination--hide-select .cds--select {
  display: none;
}

html[dir=rtl] .cds--pagination__button--forward,
html[dir=rtl] .cds--pagination__button--backward {
  transform: rotate(180deg);
}
html[dir=rtl] .cds--pagination .cds--select__item-count .cds--select-input {
  border-left: 0.0625rem solid var(--cds-layer-accent-01, #e0e0e0);
  border-right: none;
}
html[dir=rtl] .cds--pagination .cds--select__page-number .cds--select-input {
  border-left: none;
  border-right: 0.0625rem solid var(--cds-layer-accent-01, #e0e0e0);
}
html[dir=rtl] .cds--pagination__left .cds--pagination__text {
  margin-left: 0;
  margin-right: 1rem;
}
html[dir=rtl] .cds--pagination__right .cds--pagination__text {
  margin-left: 1rem;
  margin-right: 0.0625rem;
}
html[dir=rtl] .iot--pagination.cds--pagination .cds--select-input {
  padding: 0 1rem 0 2.5rem;
}
@media (min-width: 42rem) {
  html[dir=rtl] .iot--pagination.cds--pagination .cds--select-input {
    padding-left: 2.25rem;
  }
}
html[dir=rtl] .iot--pagination.cds--pagination .cds--select-input + svg {
  right: auto;
  left: 0.5rem;
}
@media (min-width: 42rem) {
  html[dir=rtl] .iot--pagination.cds--pagination .cds--select-input + svg {
    left: 1rem;
  }
}
html[dir=rtl] .iot--pagination {
  overflow-y: hidden;
}

.iot--table-drag-handle {
  padding-inline: 1rem;
  display: grid;
  align-items: center;
  justify-items: center;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  inset-inline-start: var(--row-nesting-offset);
}

.cds--data-table .iot--table-grab-handle-cell {
  padding-inline: 0;
}

.iot--table-drop-row-overlay {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  border: dashed 2px #0f62fe;
  pointer-events: none;
}

.iot--table-drag-avatar {
  font-size: 0.875rem;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 1px #0f62fe;
  background-color: #f4f4f4;
  background-color: white;
  pointer-events: none;
  padding: 1rem;
  padding-inline-start: 2rem;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

body.iot--is-dragging * {
  cursor: grabbing !important;
}
body.iot--is-dragging .cds--data-table tbody tr:hover,
body.iot--is-dragging .cds--data-table tbody tr:hover td {
  background-color: white;
}
body.iot--is-dragging .cds--data-table tbody tr.iot--table__row--dropping td,
body.iot--is-dragging .cds--data-table tbody tr.iot--expandable-tablerow--indented.iot--table__row--dropping td:first-of-type:before {
  background-color: #edf5ff !important;
  border-color: transparent !important;
}
body.iot--is-dragging .cds--data-table tbody tr.iot--table__row--dragging td {
  opacity: 0.4;
}
body.iot--is-dragging .cds--data-table tbody tr,
body.iot--is-dragging .cds--data-table tbody tr td {
  transition: none;
}

.iot--breadcrumb-drop-node-overlay {
  background-color: #edf5ff;
  border: dashed 2px #0f62fe;
}

.cds--row--on--link--dropping {
  text-decoration: none !important;
}

.cds--breadcrumbmenu--on--row--dropping {
  background-color: #edf5ff !important;
  outline: dashed 2px #0f62fe !important;
}

.iot--row-actions-container {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* If the actions are focused on, they should show up */
  /* the spinner was a little too big and causing the row to scroll so need to scale down a bit */
}
.iot--row-actions-container > *:focus {
  opacity: 1;
}
.iot--row-actions-container .cds--loading--small {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}
.iot--row-actions-container > * {
  margin-left: 0.75rem;
}

.iot--row-actions-container__background {
  height: 100%;
  align-items: center;
  display: flex;
  flex-shrink: 0;
  opacity: 0;
  padding-left: 1.5rem;
  padding-right: 0.5rem;
  z-index: 0;
  background: linear-gradient(90deg, rgba(229, 229, 229, 0) 0, var(--cds-layer-hover-01, #e8e8e8) 16px);
}

body:not(.iot--is-dragging) .cds--data-table tbody tr:hover .iot--row-actions-container__background {
  background: linear-gradient(90deg, rgba(229, 229, 229, 0) 0, var(--cds-layer-hover-01, #e8e8e8) 1rem);
}

.iot--action-overflow-item div {
  width: 100%;
}
.iot--action-overflow-item svg {
  margin-right: 0.5rem;
}
html[dir=rtl] .iot--action-overflow-item svg {
  margin-left: 0.5rem;
  margin-right: 0;
}

.iot--row-actions-container__background:focus-within {
  opacity: 1;
  background: linear-gradient(90deg, rgba(229, 229, 229, 0) 0, var(--cds-layer-01, #f4f4f4) 16px);
  transition: opacity 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

body:not(.iot--is-dragging) .cds--data-table tbody tr:hover .iot--row-actions-container__background,
.iot--row-actions-container__background--overflow-menu-open {
  opacity: 1;
  transition: opacity 110ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--data-table tbody tr:not(:hover) .iot--row-actions-container__background--overflow-menu-open {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, var(--cds-layer-01, #f4f4f4) 16px);
}
.cds--data-table tbody tr.cds--data-table--selected:hover .iot--row-actions-container__background {
  background: linear-gradient(90deg, rgba(229, 229, 229, 0) 0, var(--cds-layer-accent-hover-01, #d1d1d1) 16px);
}
.cds--data-table tbody tr.cds--data-table--selected:not(:hover) .iot--row-actions-container__background--overflow-menu-open,
.cds--data-table tbody tr.cds--data-table--selected:not(:hover) .iot--row-actions-container__background:focus-within {
  background: linear-gradient(90deg, rgba(229, 229, 229, 0) 0, #e0e0e0 16px);
}

html[dir=rtl] .iot--row-actions-container__background {
  margin-left: unset;
  margin-right: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
html[dir=rtl] .iot--row-actions-container__background .cds--btn__icon {
  margin-left: unset;
  margin-right: 0.5rem;
  transform: rotate(180deg);
}
html[dir=rtl] .iot--row-actions-container__background .cds--loading--small {
  margin-right: unset;
  margin-left: 0.5rem;
}
html[dir=rtl] .iot--row-actions-container__background .iot--row-actions-cell--overflow-menu {
  margin-left: unset;
}

.iot--row-actions-cell--table-cell.iot--row-actions-cell--table-cell {
  padding: 0;
  vertical-align: middle;
}

.iot--row-actions-cell--overflow-menu-content {
  display: flex;
  align-items: center;
}

.iot--row-actions-cell--overflow-menu.iot--row-actions-cell--overflow-menu {
  margin-left: 0.5rem;
}
.iot--row-actions-cell--overflow-menu.iot--row-actions-cell--overflow-menu:hover > svg {
  fill: var(--cds-button-primary, #0f62fe);
}

.iot--row-actions-error--span {
  margin-left: 0.5rem;
  line-height: 1.875rem;
}

.iot--row-actions-error--title {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.iot--row-actions-error--footer {
  margin-top: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.iot--row-actions-error--tooltip {
  font-size: 0.875rem;
}

.cds--toggletip-label {
  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);
  margin-inline-end: 0.5rem;
}

:host([slot=label-text]) .cds--toggletip-label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
}

.cds--toggletip-button {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  align-items: center;
}
.cds--toggletip-button *,
.cds--toggletip-button *::before,
.cds--toggletip-button *::after {
  box-sizing: inherit;
}
.cds--toggletip-button::-moz-focus-inner {
  border: 0;
}

.cds--toggletip-button svg {
  fill: var(--cds-icon-secondary, #525252);
}

.cds--toggletip-button:hover svg,
.cds--toggletip--open .cds--toggletip-button svg {
  fill: var(--cds-icon-primary, #161616);
}

.cds--toggletip-button:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--toggletip-button:focus {
    outline-style: dotted;
  }
}

.cds--toggletip {
  --cds-popover-offset: 0.8125rem;
}

.cds--toggletip-content {
  --cds-button-focus-color: var(--cds-focus-inverse, #ffffff);
  --cds-link-text-color: var(--cds-link-inverse, #78a9ff);
  --cds-link-hover-text-color: var(--cds-link-inverse-hover, #a6c8ff);
  --cds-link-visited-text-color: var(--cds-link-inverse-visited, #be95ff);
  --cds-link-focus-text-color: var(--cds-focus-inverse, #ffffff);
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  display: grid;
  padding: 1rem;
  max-inline-size: 18rem;
  row-gap: 1rem;
}

.cds--toggletip-content p {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
}

.cds--toggletip-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.cds--ai-label,
.cds--slug {
  display: flex;
}

.cds--ai-label:has(> .cds--popover--open),
.cds--slug:has(> .cds--popover--open) {
  z-index: 2;
}

.cds--ai-label__button,
.cds--slug__button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--cds-border-inverse, #161616);
  background: transparent;
  color: var(--cds-text-primary, #161616);
  font-weight: 600;
  outline: none;
  transition: color 70ms cubic-bezier(0, 0, 0.38, 0.9), border-color 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9), background 70ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--ai-label__button--mini,
.cds--slug__button--mini {
  height: 1rem;
  width: 1rem;
  font-size: 0.5625rem;
  line-height: 0.75rem;
}
.cds--ai-label__button--2xs,
.cds--slug__button--2xs {
  height: 1.25rem;
  width: 1.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.cds--ai-label__button--xs,
.cds--slug__button--xs {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.cds--ai-label__button--sm,
.cds--slug__button--sm {
  height: 2rem;
  width: 2rem;
  font-size: 1rem;
  line-height: 1.3125rem;
}
.cds--ai-label__button--md,
.cds--slug__button--md {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 1rem;
  line-height: 1.3125rem;
}
.cds--ai-label__button--lg,
.cds--slug__button--lg {
  height: 3rem;
  width: 3rem;
  font-size: 1rem;
  line-height: 1.3125rem;
}
.cds--ai-label__button--xl,
.cds--slug__button--xl {
  height: 4rem;
  width: 4rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.cds--ai-label__button--mini::after,
.cds--ai-label__button--2xs::after,
.cds--slug__button--mini::after,
.cds--slug__button--2xs::after {
  position: absolute;
  display: block;
  block-size: 24px;
  content: "";
  inline-size: 24px;
}

.cds--ai-label .cds--ai-label__button:focus,
.cds--slug .cds--slug__button:focus {
  border: 1px solid var(--cds-focus, #0f62fe);
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
}

.cds--ai-label .cds--ai-label__button:hover,
.cds--slug .cds--slug__button:hover {
  background: var(--cds-border-inverse, #161616);
  color: var(--cds-text-inverse, #ffffff);
}

.cds--ai-label .cds--ai-label__button:hover:active,
.cds--slug .cds--slug__button:hover:active {
  background: var(--cds-border-inverse, #161616);
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-focus-inset, #ffffff);
  color: var(--cds-text-inverse, #ffffff);
}

.cds--ai-label .cds--ai-label__button.cds--ai-label__button--mini:hover:active,
.cds--ai-label .cds--ai-label__button.cds--ai-label__button--2xs:hover:active,
.cds--slug .cds--slug__button.cds--slug__button--mini:hover:active,
.cds--slug .cds--slug__button.cds--slug__button--2xs:hover:active {
  box-shadow: inset 0 0 0 1px var(--cds-focus-inset, #ffffff);
}

.cds--ai-label__text,
.cds--slug__text {
  position: relative;
}

.cds--ai-label .cds--ai-label__button--inline,
.cds--slug .cds--slug__button--inline {
  border: 1px solid transparent;
  border-radius: 0.0625rem;
  background: transparent;
  block-size: initial;
  color: var(--cds-text-primary, #161616);
  font-size: 0.875rem;
  inline-size: initial;
  line-height: initial;
  padding-inline: 0.25rem;
}

.cds--ai-label__button--inline::before,
.cds--slug__button--inline::before {
  display: none;
}

.cds--ai-label .cds--ai-label__button--inline:focus,
.cds--slug .cds--slug__button--inline:focus {
  border-color: var(--cds-focus, #0f62fe);
  box-shadow: none;
}

.cds--ai-label .cds--ai-label__button--inline:hover,
.cds--ai-label .cds--ai-label__button--inline:hover:active,
.cds--slug .cds--slug__button--inline:hover,
.cds--slug .cds--slug__button--inline:hover:active {
  border-color: var(--cds-icon-secondary, #525252);
  background: transparent;
  box-shadow: none;
  color: var(--cds-text-secondary, #525252);
}

.cds--ai-label .cds--ai-label__button--inline:focus:hover,
.cds--slug .cds--slug__button--inline:focus:hover {
  border-color: var(--cds-focus, #0f62fe);
}

.cds--ai-label .cds--ai-label__button--inline:hover .cds--ai-label__text::before,
.cds--slug .cds--slug__button--inline:hover .cds--slug__text::before {
  background: var(--cds-icon-secondary, #525252);
}

.cds--ai-label__button--inline .cds--ai-label__text,
.cds--slug__button--inline .cds--slug__text {
  padding-inline-start: 0.5rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--lg .cds--ai-label__text,
.cds--ai-label__button--inline.cds--ai-label__button--xl .cds--ai-label__text,
.cds--slug__button--inline.cds--slug__button--lg .cds--slug__text,
.cds--slug__button--inline.cds--slug__button--xl .cds--slug__text {
  padding-inline-start: 0.75rem;
}

.cds--ai-label__button--inline .cds--ai-label__text::before,
.cds--slug__button--inline .cds--slug__text::before {
  position: absolute;
  display: inline-block;
  background: var(--cds-icon-primary, #161616);
  block-size: 0.25rem;
  content: "";
  inline-size: 0.25rem;
  inset-block-start: 50%;
  inset-inline-start: 0;
  opacity: 1;
  transform: translateY(-50%);
  transition: background 70ms cubic-bezier(0, 0, 0.38, 0.9), box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9);
}

.cds--ai-label__button--lg .cds--ai-label__text::before,
.cds--ai-label__button--xl .cds--ai-label__text::before,
.cds--slug__button--lg .cds--slug__text::before,
.cds--slug__button--xl .cds--slug__text::before {
  block-size: 0.5rem;
  inline-size: 0.5rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--mini,
.cds--ai-label__button--inline.cds--ai-label__button--mini .cds--ai-label__additional-text,
.cds--ai-label__button--inline.cds--ai-label__button--2xs,
.cds--ai-label__button--inline.cds--ai-label__button--2xs .cds--ai-label__additional-text,
.cds--ai-label__button--inline.cds--ai-label__button--xs,
.cds--ai-label__button--inline.cds--ai-label__button--xs .cds--ai-label__additional-text,
.cds--ai-label__button--inline.cds--ai-label__button--sm,
.cds--ai-label__button--inline.cds--ai-label__button--sm .cds--ai-label__additional-text,
.cds--slug__button--inline.cds--slug__button--mini,
.cds--slug__button--inline.cds--slug__button--mini .cds--slug__additional-text,
.cds--slug__button--inline.cds--slug__button--2xs,
.cds--slug__button--inline.cds--slug__button--2xs .cds--slug__additional-text,
.cds--slug__button--inline.cds--slug__button--xs,
.cds--slug__button--inline.cds--slug__button--xs .cds--slug__additional-text,
.cds--slug__button--inline.cds--slug__button--sm,
.cds--slug__button--inline.cds--slug__button--sm .cds--slug__additional-text {
  font-size: 0.75rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--lg,
.cds--ai-label__button--inline.cds--ai-label__button--xl,
.cds--slug__button--inline.cds--slug__button--lg,
.cds--slug__button--inline.cds--slug__button--xl {
  font-size: 1rem;
}

.cds--ai-label .cds--ai-label__button--inline-with-content,
.cds--slug .cds--slug__button--inline-with-content {
  border: 1px solid var(--cds-border-inverse, #161616);
  padding-block: 0.125rem;
  padding-inline: 0.5rem;
}

.cds--ai-label__button--inline-with-content .cds--ai-label__additional-text,
.cds--slug__button--inline-with-content .cds--slug__additional-text {
  font-size: var(--cds-body-compact-02-font-size, 1rem);
  font-weight: var(--cds-body-compact-02-font-weight, 400);
  line-height: var(--cds-body-compact-02-line-height, 1.375);
  letter-spacing: var(--cds-body-compact-02-letter-spacing, 0);
  padding-inline-start: 0.25rem;
}

.cds--ai-label__button--inline.cds--ai-label__button--md .cds--ai-label__additional-text,
.cds--slug__button--inline.cds--slug__button--md .cds--slug__additional-text {
  font-size: 0.875rem;
}

.cds--ai-label .cds--ai-label__button--inline-with-content:focus,
.cds--ai-label .cds--ai-label__button--inline-with-content:hover:focus,
.cds--slug .cds--slug__button--inline-with-content:focus,
.cds--slug .cds--slug__button--inline-with-content:hover:focus {
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe);
}

.cds--ai-label .cds--ai-label-content,
.cds--slug .cds--slug-content {
  background: linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)) 0%, var(--cds-ai-aura-start, rgba(69, 137, 255, 0.1)) 0%, 15%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%) padding-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) padding-box, linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box, linear-gradient(to top, var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff)), var(--cds-ai-popover-background, var(--cds-ai-popover-background, #ffffff))) border-box;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  box-shadow: inset 0 -80px 70px -65px var(--cds-ai-inner-shadow, rgba(69, 137, 255, 0.1)), -40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01, rgba(0, 67, 206, 0.06)), -56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02, rgba(0, 0, 0, 0.04));
  color: var(--cds-text-primary, #161616);
  min-inline-size: 17.5rem;
}

.cds--ai-label > .cds--toggletip > .cds--popover > .cds--popover-caret,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret,
.cds--slug > .cds--toggletip > .cds--popover > .cds--popover-caret,
.cds--slug > .cds--toggletip.cds--popover--auto-align > .cds--popover > .cds--popover-content > .cds--popover-caret {
  background: transparent;
  clip-path: none;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  position: absolute;
  display: block;
  border: 1px solid var(--cds-ai-border-start, rgba(166, 200, 255, 0.64));
  background: var(--cds-background, #ffffff);
  block-size: 0.75rem;
  clip-path: polygon(98% 0, 0 0, -52% 150%) border-box;
  content: "";
  inline-size: 0.75rem;
  transform: rotate(45deg);
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start,
.cds--popover--bottom,
.cds--popover--bottom-right,
.cds--popover--bottom-left,
.cds--popover--bottom-start,
.cds--popover--bottom-end,
.cds--popover--left,
.cds--popover--left-top,
.cds--popover--left-bottom,
.cds--popover--left-start,
.cds--popover--left-end,
.cds--popover--right,
.cds--popover--right-top,
.cds--popover--right-bottom,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  position: absolute;
  display: block;
  background: var(--cds-background, #ffffff);
  block-size: 0.875rem;
  content: "";
  inline-size: 0.125rem;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  inset-block-end: 0.0625rem;
  transform: rotate(-135deg);
}
.cds--ai-label > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
  block-size: 0.125rem;
  border-end-end-radius: 50%;
  border-end-start-radius: 50%;
  inline-size: 0.875rem;
  inset-block-start: -0.125rem;
  inset-inline-start: -0.0625rem;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--ai-label-content--with-actions + .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--slug-content--with-actions + .cds--popover-caret::after {
  display: none;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  inset-inline-start: 0.0625rem;
  transform: rotate(-45deg);
}
.cds--ai-label > .cds--toggletip:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--right,
.cds--popover--right-bottom,
.cds--popover--right-top,
.cds--popover--right-start,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  border-end-start-radius: 50%;
  border-start-start-radius: 50%;
  inset-block-start: -0.0625rem;
  inset-inline-start: 0.375rem;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  inset-block-start: 0.0625rem;
  transform: rotate(45deg);
}
.cds--ai-label > .cds--toggletip:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--bottom,
.cds--popover--bottom-left,
.cds--popover--bottom-right,
.cds--popover--bottom-start,
.cds--popover--bottom-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  block-size: 0.125rem;
  border-start-end-radius: 50%;
  border-start-start-radius: 50%;
  inline-size: 0.875rem;
  inset-block-end: -0.15625rem;
  inset-inline-start: -0.0625rem;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  inset-inline-end: 0.0625rem;
  transform: rotate(135deg);
}
.cds--ai-label > .cds--toggletip:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--left-bottom,
.cds--popover--left-top,
.cds--popover--left-start,
.cds--popover--left-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  border-end-end-radius: 50%;
  border-start-end-radius: 50%;
  inset-block-start: -0.0625rem;
  inset-inline-start: -0.125rem;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after,
.cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end) > .cds--popover > .cds--popover-caret::after,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end) > .cds--popover > .cds--popover-content > .cds--popover-caret::after {
  background: transparent;
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  border-color: var(--cds-ai-popover-caret-bottom, #78a9ff);
  background: var(--cds-ai-popover-caret-bottom-background, #eaf1ff);
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover:has(.cds--ai-label-content--with-actions) > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-start,
.cds--popover--top-end) > .cds--popover:has(.cds--ai-label-content--with-actions) > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-end,
.cds--popover--top-start) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left-bottom,
.cds--popover--right-bottom,
.cds--popover--left-end,
.cds--popover--right-end,
.cds--popover--top,
.cds--popover--top-right,
.cds--popover--top-left,
.cds--popover--top-start,
.cds--popover--top-end) > .cds--popover:has(.cds--slug-content--with-actions) > .cds--popover-content > .cds--popover-caret::before {
  background: var(--cds-ai-popover-caret-bottom-background-actions, #e9effa);
}

.cds--ai-label > .cds--toggletip:is(.cds--popover--left,
.cds--popover--right) > .cds--popover > .cds--popover-caret::before,
.cds--ai-label > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before,
.cds--slug > .cds--toggletip:is(.cds--popover--left,
.cds--popover--right) > .cds--popover > .cds--popover-caret::before,
.cds--slug > .cds--toggletip.cds--popover--auto-align:is(.cds--popover--left,
.cds--popover--right) > .cds--popover > .cds--popover-content > .cds--popover-caret::before {
  border-color: var(--cds-ai-popover-caret-center, #a0c3ff);
}

.cds--ai-label .cds--toggletip-content,
.cds--slug .cds--toggletip-content {
  padding-block: 1.5rem 5rem;
  padding-inline: 1.5rem;
}

.cds--ai-label .cds--ai-label-content .cds--toggletip-content,
.cds--slug .cds--slug-content .cds--toggletip-content {
  max-inline-size: 20rem;
}

.cds--ai-label .cds--ai-label-actions,
.cds--slug .cds--slug-actions {
  position: absolute;
  justify-content: flex-end;
  -webkit-backdrop-filter: blur(85px);
          backdrop-filter: blur(85px);
  background: rgba(0, 0, 0, 0.01);
  border-end-end-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  -moz-column-gap: 0;
       column-gap: 0;
  inline-size: 100%;
  inset-block-end: 0;
  inset-inline-end: 0;
}

.cds--ai-label .cds--ai-label-actions .cds--btn:focus,
.cds--slug .cds--slug-actions .cds--btn:focus {
  border-color: var(--cds-focus, #0f62fe);
  box-shadow: inset 0 0 0 1px var(--cds-focus, #0f62fe), inset 0 0 0 2px var(--cds-background, #ffffff);
}

.cds--ai-label .cds--ai-label-actions .cds--btn--primary,
.cds--slug .cds--slug-actions .cds--btn--primary {
  order: 1;
  border-end-end-radius: 0.4375rem;
}

.cds--ai-label.cds--ai-label--revert,
.cds--slug.cds--slug--revert {
  transform: translate(0.5rem, -50%);
}

.cds--ai-label--revert .cds--btn--icon-only,
.cds--slug--revert .cds--btn--icon-only {
  align-items: center;
  padding-block-start: 0;
}

.cds--ai-label--revert .cds--btn--icon-only svg,
.cds--slug--revert .cds--btn--icon-only svg {
  margin: 0;
}

.iot--table-expand__button.cds--btn--sm {
  min-height: unset;
  height: calc(100% + 1px);
  padding-top: 0;
  padding-bottom: 0;
}
.iot--table-expand__button.cds--btn--icon-only {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.iot--table-expand__button svg {
  transform: rotate(90deg);
}
.iot--table-expand__button--close svg {
  transform: rotate(270deg);
}

.iot--column-resize-handle {
  top: 0;
  cursor: col-resize;
  height: 100%;
  z-index: 1;
  position: absolute;
}
.iot--column-resize-handle:hover {
  background-color: var(--cds-layer-selected-inverse, #161616);
}
.iot--column-resize-handle:focus {
  background-color: var(--cds-layer-selected-inverse, #161616);
  outline: 0.125rem solid var(--cds-focus, #0f62fe);
  outline-offset: -0.125rem;
}

.iot--column-resize-handle--dragging {
  background-color: var(--cds-layer-selected-inverse, #161616);
}

.iot--table-expand-resize {
  width: 40px;
}

html:not([dir]) .iot--column-resize-handle {
  right: 0;
}

html[dir=rtl] .iot--column-resize-handle {
  left: 0;
}

html[dir=ltr] .iot--column-resize-handle {
  right: 0;
}

/**
  This mixin is used to switch the position of the two header rows
  ("column row" and "group row") and adjust the heights and positions for
  all the different table sizes. Since Safari doesn't support position: relative;
  on 'tr' elements we have to manage the repositioning on the 'th' level.
**/
.cds--data-table .iot--table-head--with-column-groups th {
  border-color: var(--cds-layer-02, #ffffff);
  border-style: solid;
  border-width: 0;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-head--table-header {
  border-left-width: 2px;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th:first-of-type {
  border-left-width: 0;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th:first-of-type.iot--table-header--span-group-row {
  border-right-width: 2px;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th:first-of-type.iot--table-header--span-group-row + .iot--table-head--table-header {
  border-left-width: 0;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th:not(:last-of-type).iot--table-head--table-header.iot--table-header--last-data-column {
  border-right-width: 2px;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row .iot--table-head--table-header--with-overflow .cds--table-header-label {
  padding-bottom: 0;
  padding-top: 0;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row .table-header-sortable:not(.cds--table-sort) > .cds--table-header-label,
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row .table-header-sortable:not(.cds--table-sort) > .cds--tooltip--definition {
  margin-left: 1rem;
  margin-right: 1rem;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row .iot--table-header-resize.iot--table-head--table-header--with-overflow .cds--tooltip--definition {
  word-break: normal;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th {
  border-left-width: 2px;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th.iot--table-header__column-group {
  text-align: center;
  border-bottom-width: 2px;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th.iot--table-header__column-group span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th:first-of-type.iot--table-header__group-row-spacer, .cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th:first-of-type.iot--table-header__column-group {
  border-left-width: 0;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th:last-of-type.iot--table-header__group-row-spacer {
  border-left-width: 0;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th:not(:last-of-type).iot--table-header__column-group--last-data-column {
  border-right-width: 2px;
}
[dir=rtl] .cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-head--table-header {
  border-right-width: 2px;
  border-left-width: 0;
}
[dir=rtl] .cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th:first-of-type {
  border-right-width: 0;
}
[dir=rtl] .cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th:first-of-type.iot--table-header--span-group-row {
  border-left-width: 2px;
  border-right-width: 0;
}
[dir=rtl] .cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th:first-of-type.iot--table-header--span-group-row + .iot--table-head--table-header {
  border-right-width: 0;
}
[dir=rtl] .cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th:not(:last-of-type).iot--table-head--table-header.iot--table-header--last-data-column {
  border-left-width: 2px;
}
[dir=rtl] .cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th {
  border-right-width: 2px;
  border-left-width: 0;
}
[dir=rtl] .cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th:first-of-type.iot--table-header__group-row-spacer, [dir=rtl] .cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th:first-of-type.iot--table-header__column-group {
  border-right-width: 0;
}
[dir=rtl] .cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th:last-of-type.iot--table-header__group-row-spacer {
  border-right-width: 0;
}
[dir=rtl] .cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th:not(:last-of-type).iot--table-header__column-group--last-data-column {
  border-right-width: 0;
  border-left-width: 2px;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th {
  position: relative;
  top: 3rem;
  height: 3rem;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row {
  top: 0;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row > span {
  margin-top: 3rem;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header,
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header {
  padding-top: 3rem;
  height: calc(3rem + 3rem);
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header:focus button.iot--table-head--overflow:hover,
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header:focus button.iot--table-head--overflow:hover {
  margin-top: auto;
  margin-bottom: auto;
}
.cds--data-table .iot--table-head--with-column-groups .iot--table-header__group-row th {
  position: relative;
  top: calc(3rem * -1);
}
.cds--data-table--xl .iot--table-head--with-column-groups .iot--table-header__column-row th {
  position: relative;
  top: 4rem;
  height: 4rem;
}
.cds--data-table--xl .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row {
  top: 0;
}
.cds--data-table--xl .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row > span {
  margin-top: 4rem;
}
.cds--data-table--xl .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header,
.cds--data-table--xl .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header {
  padding-top: 4rem;
  height: calc(4rem + 4rem);
}
.cds--data-table--xl .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header:focus button.iot--table-head--overflow:hover,
.cds--data-table--xl .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header:focus button.iot--table-head--overflow:hover {
  margin-top: auto;
  margin-bottom: auto;
}
.cds--data-table--xl .iot--table-head--with-column-groups .iot--table-header__group-row th {
  position: relative;
  top: calc(4rem * -1);
}
.cds--data-table--xl .iot--table-header__column-group {
  vertical-align: middle;
}
.cds--data-table--md .iot--table-head--with-column-groups .iot--table-header__column-row th {
  position: relative;
  top: 2.5rem;
  height: 2.5rem;
}
.cds--data-table--md .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row {
  top: 0;
}
.cds--data-table--md .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row > span {
  margin-top: 2.5rem;
}
.cds--data-table--md .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header,
.cds--data-table--md .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header {
  padding-top: 2.5rem;
  height: calc(2.5rem + 2.5rem);
}
.cds--data-table--md .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header:focus button.iot--table-head--overflow:hover,
.cds--data-table--md .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header:focus button.iot--table-head--overflow:hover {
  margin-top: auto;
  margin-bottom: auto;
}
.cds--data-table--md .iot--table-head--with-column-groups .iot--table-header__group-row th {
  position: relative;
  top: calc(2.5rem * -1);
}
.cds--data-table--md.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th {
  position: relative;
  top: 2.5rem;
  height: 3rem;
}
.cds--data-table--md.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row {
  top: 0;
}
.cds--data-table--md.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row > span {
  margin-top: 2.5rem;
}
.cds--data-table--md.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header,
.cds--data-table--md.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header {
  padding-top: 2.5rem;
  height: calc(2.5rem + 3rem);
}
.cds--data-table--md.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header:focus button.iot--table-head--overflow:hover,
.cds--data-table--md.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header:focus button.iot--table-head--overflow:hover {
  margin-top: auto;
  margin-bottom: auto;
}
.cds--data-table--md.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__group-row th {
  position: relative;
  top: calc(3rem * -1);
}
.cds--data-table--sm .iot--table-head--with-column-groups .cds--table-header-label {
  padding-bottom: 0;
  padding-top: 0;
}
.cds--data-table--sm .iot--table-head--with-column-groups .iot--table-header__column-row th {
  position: relative;
  top: 2rem;
  height: 2rem;
}
.cds--data-table--sm .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row {
  top: 0;
}
.cds--data-table--sm .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row > span {
  margin-top: 2rem;
}
.cds--data-table--sm .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header,
.cds--data-table--sm .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header {
  padding-top: 2rem;
  height: calc(2rem + 2rem);
}
.cds--data-table--sm .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header:focus button.iot--table-head--overflow:hover,
.cds--data-table--sm .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header:focus button.iot--table-head--overflow:hover {
  margin-top: auto;
  margin-bottom: auto;
}
.cds--data-table--sm .iot--table-head--with-column-groups .iot--table-header__group-row th {
  position: relative;
  top: calc(2rem * -1);
}
.cds--data-table--sm.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th {
  position: relative;
  top: 2rem;
  height: 3rem;
}
.cds--data-table--sm.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row {
  top: 0;
}
.cds--data-table--sm.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row > span {
  margin-top: 2rem;
}
.cds--data-table--sm.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header,
.cds--data-table--sm.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header {
  padding-top: 2rem;
  height: calc(2rem + 3rem);
}
.cds--data-table--sm.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header:focus button.iot--table-head--overflow:hover,
.cds--data-table--sm.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header:focus button.iot--table-head--overflow:hover {
  margin-top: auto;
  margin-bottom: auto;
}
.cds--data-table--sm.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__group-row th {
  position: relative;
  top: calc(3rem * -1);
}
.cds--data-table--xs .iot--table-head--with-column-groups .cds--table-header-label {
  padding-bottom: 0;
  padding-top: 0;
}
.cds--data-table--xs .iot--table-head--with-column-groups .iot--table-header__column-row th {
  position: relative;
  top: 1.5rem;
  height: 1.5rem;
}
.cds--data-table--xs .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row {
  top: 0;
}
.cds--data-table--xs .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row > span {
  margin-top: 1.5rem;
}
.cds--data-table--xs .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header,
.cds--data-table--xs .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header {
  padding-top: 1.5rem;
  height: calc(1.5rem + 1.5rem);
}
.cds--data-table--xs .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header:focus button.iot--table-head--overflow:hover,
.cds--data-table--xs .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header:focus button.iot--table-head--overflow:hover {
  margin-top: auto;
  margin-bottom: auto;
}
.cds--data-table--xs .iot--table-head--with-column-groups .iot--table-header__group-row th {
  position: relative;
  top: calc(1.5rem * -1);
}
.cds--data-table--xs.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th {
  position: relative;
  top: 1.5rem;
  height: 3rem;
}
.cds--data-table--xs.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row {
  top: 0;
}
.cds--data-table--xs.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row > span {
  margin-top: 1.5rem;
}
.cds--data-table--xs.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header,
.cds--data-table--xs.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header {
  padding-top: 1.5rem;
  height: calc(1.5rem + 3rem);
}
.cds--data-table--xs.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row button.iot--table-head--table-header:focus button.iot--table-head--overflow:hover,
.cds--data-table--xs.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__column-row th.iot--table-header--span-group-row a.iot--table-head--table-header:focus button.iot--table-head--overflow:hover {
  margin-top: auto;
  margin-bottom: auto;
}
.cds--data-table--xs.iot--data-table--column-groups--min-size-large .iot--table-head--with-column-groups .iot--table-header__group-row th {
  position: relative;
  top: calc(3rem * -1);
}

.iot--column-header-row--select-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.iot--column-header-row--table-header {
  border-top: none;
}
.iot--column-header-row--table-header .cds--form-item {
  display: table-cell;
}
.iot--column-header-row--table-header .cds--form-item input {
  min-width: 12.75rem;
}
.iot--column-header-row--table-header .cds--table-header-label {
  flex-wrap: wrap;
}

.iot--column-header-row--table-row th {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}
.iot--column-header-row--table-row td {
  background-color: inherit;
  border-left: none;
  border-width: 0 0 0 4px;
}
.iot--column-header-row--table-row:hover {
  border: inherit;
  background-color: inherit;
}
.iot--column-header-row--table-row:hover td {
  background-color: inherit;
  border-left: none;
  border-width: 0 0 0 4px;
}

.iot--filter-header-row--form-item {
  display: inline-block;
  position: relative;
}
.iot--filter-header-row--form-item input {
  padding-right: 2.5rem;
}
.iot--filter-header-row--form-item .cds--list-box__selection {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  padding-bottom: 0.5rem;
}
.cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter.iot--tableheader-filter:not(:first-of-type) {
  border-left-width: 2px;
}
[dir=rtl] .cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter.iot--tableheader-filter:not(:first-of-type) {
  border-left-width: 0;
  border-right-width: 2px;
}
.cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter.iot--tableheader-filter:first-of-type {
  border-right-width: 2px;
}
[dir=rtl] .cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter.iot--tableheader-filter:first-of-type {
  border-right-width: 0;
  border-left-width: 2px;
}
.cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter.iot--tableheader-filter:first-of-type + .iot--tableheader-filter {
  border-left-width: 0;
}
[dir=rtl] .cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter.iot--tableheader-filter:first-of-type + .iot--tableheader-filter {
  border-right-width: 0;
}
.cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter.iot--filter-header-row--with-icon {
  position: unset;
}
.cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter.iot--filter-header-row--with-margin .cds--table-header-label {
  min-width: 7.5rem;
  padding-right: 2.625rem;
}
[dir=rtl] .cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter.iot--filter-header-row--with-margin .cds--table-header-label {
  padding-right: unset;
  padding-left: 3rem;
}
.cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter .iot--filter-header-icon {
  position: absolute;
  right: 0;
  z-index: 1;
  background-color: var(--cds-layer-accent-01, #e0e0e0);
}
.cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter .iot--filter-header-icon:hover {
  background-color: var(--cds-layer-hover-02, #e8e8e8);
}
[dir=rtl] .cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter .iot--filter-header-icon {
  right: unset;
  left: 0;
}
.cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter .iot--filter-header-icon.iot--filter-header-icon--with-border {
  border-right: 0.125rem solid var(--cds-background, #ffffff);
}
[dir=rtl] .cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter .iot--filter-header-icon.iot--filter-header-icon--with-border {
  border-right: none;
  border-left: 0.125rem solid var(--cds-background, #ffffff);
}
.cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter .iot--filter-header-icon.iot--filter-header-icon--with-margin {
  right: 0.5rem;
}
[dir=rtl] .cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter .iot--filter-header-icon.iot--filter-header-icon--with-margin {
  right: unset;
  left: 1.375rem;
}
.cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter .iot--filter-header-row--icon-support {
  position: absolute;
  right: 0;
  width: 0.5rem;
  height: 2.5rem;
  background-color: var(--cds-layer-accent-01, #e0e0e0);
}
[dir=rtl] .cds--data-table th.iot--filter-header-row--header.iot--tableheader-filter .iot--filter-header-row--icon-support {
  right: unset;
  left: 0;
  width: 1.375rem;
}

.cds--data-table--xl th.iot--filter-header-row--header {
  height: 2.5rem;
}

.cds--data-table th.iot--filter-header-row--last-column.iot--filter-header-row--last-column:not(:last-of-type) {
  border-right-width: 2px;
}
[dir=rtl] .cds--data-table th.iot--filter-header-row--last-column.iot--filter-header-row--last-column:not(:last-of-type).iot--filter-header-row--last-column {
  border-left-width: 2px;
}

.cds--data-table th.iot--filter-header-row--header {
  padding-left: 1px;
  padding-right: 1px;
}
.cds--data-table th.iot--filter-header-row--header .cds--table-header-label {
  padding-left: 0;
  padding-right: 0;
}

.iot--filter-header-row--header {
  /* Need to force the colors of the selected-items counter in
     the multiselect box back to their original colors as they
     were being overridden by other styles */
}
.iot--filter-header-row--header span.cds--table-header-label {
  padding-top: 0;
}
.iot--filter-header-row--header .cds--form-item input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 2rem;
}
.iot--filter-header-row--header .cds--form-item input:-moz-placeholder-shown {
  padding-right: 0.5rem;
}
.iot--filter-header-row--header .cds--form-item input:placeholder-shown {
  padding-right: 0.5rem;
}
.iot--filter-header-row--header .iot--filterheader-multiselect .cds--list-box__selection--multi {
  background-color: var(--cds-button-secondary, #393939);
}
.iot--filter-header-row--header .iot--filterheader-multiselect .cds--list-box__selection--multi > svg {
  fill: var(--cds-background, #ffffff);
}
.iot--filter-header-row--header .iot--filterheader-multiselect.iot--filterheader-multiselect__menu--fit-content .cds--list-box__menu {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}
.iot--filter-header-row--header .iot--filterheader-multiselect.iot--filterheader-multiselect__menu--flip-horizontal .cds--list-box__menu {
  left: unset;
  right: 0;
}
[dir=rtl] .iot--filter-header-row--header .iot--filterheader-multiselect.iot--filterheader-multiselect__menu--flip-horizontal .cds--list-box__menu {
  left: 0;
  right: unset;
}
.iot--filter-header-row--header .cds--tag--filter:focus {
  outline: 2px solid var(--cds-button-primary, #0f62fe);
  outline-offset: -2px;
}
.iot--filter-header-row--header .cds--tag--filter:focus svg {
  border: none;
}
.iot--filter-header-row--header .cds--tag--filter > svg {
  fill: var(--cds-layer-selected-inverse, #161616);
  border-radius: 0;
}
.iot--filter-header-row--header .cds--tag--filter > svg:hover {
  background-color: transparent;
}
.iot--filter-header-row--header .iot--combobox {
  padding-top: 0;
}

.cds--data-table .cds--table-header-label .cds--multi-select .cds--list-box__menu.cds--list-box__menu,
.cds--data-table .cds--table-header-label .iot--combobox .cds--list-box__menu.cds--list-box__menu {
  max-height: var(--filter-header-dropdown-max-height);
}

.cds--data-table .cds--list-box input[role=combobox],
.cds--data-table .cds--list-box input[type=text] {
  padding-left: 0.75rem;
}

.cds--data-table--sort th,
.cds--data-table th[aria-sort] {
  padding: 0;
  block-size: 3rem;
  border-block-end: none;
  border-block-start: none;
}

.cds--table-sort__description {
  display: none;
}

.cds--table-sort {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--cds-layer-accent);
  color: var(--cds-text-primary, #161616);
  font: inherit;
  inline-size: 100%;
  line-height: 1;
  min-block-size: 100%;
  padding-inline-start: 1rem;
  text-align: start;
  transition: background-color 70ms cubic-bezier(0, 0, 0.38, 0.9), outline 70ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--table-sort *,
.cds--table-sort *::before,
.cds--table-sort *::after {
  box-sizing: inherit;
}
.cds--table-sort::-moz-focus-inner {
  border: 0;
}

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

.cds--table-sort:hover {
  background: var(--cds-layer-selected-hover);
}

.cds--table-sort:focus svg,
.cds--table-sort:hover svg {
  opacity: 1;
}

.cds--data-table.cds--data-table--sort th > .cds--table-header-label {
  line-height: 1;
  padding-inline: 1rem 1rem;
}

th .cds--table-sort__flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  block-size: 100%;
  inline-size: 100%;
  min-block-size: 3rem;
}

.cds--data-table--top-aligned-header th .cds--table-sort__flex {
  align-items: start;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--lg th.cds--table-sort__header {
  padding-block-start: 1rem;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label,
.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header .cds--table-sort__flex .cds--table-header-label {
  padding-block: 0;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--sm th.cds--table-sort__header {
  padding-block: 0.4375rem 0.4375rem;
}

.cds--data-table.cds--data-table--top-aligned-header.cds--data-table--xs th.cds--table-sort__header {
  padding-block: 0.125rem 0.125rem;
}

.cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
  /* IE11 workaround for align-items: center and min-height
      https://github.com/philipwalton/flexbugs/issues/231 */
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .cds--data-table--sort:not(.cds--data-table--xs):not(.cds--data-table--sm):not(.cds--data-table--md):not(.cds--data-table--xl) th .cds--table-sort__flex {
    block-size: 2.99rem;
  }
}

.cds--data-table--xs.cds--data-table--sort th .cds--table-sort__flex {
  min-block-size: 1.5rem;
}

.cds--data-table--sm.cds--data-table--sort th .cds--table-sort__flex {
  min-block-size: 2rem;
}

.cds--data-table--md.cds--data-table--sort th .cds--table-sort__flex {
  min-block-size: 2.5rem;
}

.cds--data-table--xl.cds--data-table--sort th .cds--table-sort__flex {
  align-items: flex-start;
  min-block-size: 4rem;
}

.cds--table-sort .cds--table-sort__icon-inactive {
  display: block;
}

.cds--table-sort .cds--table-sort__icon {
  display: none;
}

.cds--table-sort__icon-unsorted {
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1.25rem;
  margin-inline: 0.5rem 0.5rem;
  min-inline-size: 1rem;
  opacity: 0;
}

.cds--table-sort.cds--table-sort--active {
  background: var(--cds-layer-selected-hover);
}

.cds--table-sort.cds--table-sort--active .cds--table-sort__icon-unsorted {
  display: none;
}

.cds--table-sort.cds--table-sort--active .cds--table-sort__icon {
  display: block;
  opacity: 1;
}

.cds--table-sort--descending .cds--table-sort__icon {
  transform: rotate(180deg);
}

.cds--table-sort__icon {
  fill: var(--cds-icon-primary, #161616);
  inline-size: 1.25rem;
  margin-inline: 0.5rem 0.5rem;
  min-inline-size: 1rem;
  opacity: 1;
  transform: rotate(0);
  transition: transform 250ms cubic-bezier(0.5, 0, 0.1, 1);
}

.cds--data-table--xs.cds--data-table--sort th {
  block-size: 1.5rem;
}

.cds--data-table--sm.cds--data-table--sort th {
  block-size: 2rem;
}

.cds--data-table--md.cds--data-table--sort th {
  block-size: 2.5rem;
}

.cds--data-table--xl.cds--data-table--sort th {
  block-size: 4rem;
}

.cds--data-table--xl.cds--data-table--sort th .cds--table-sort {
  display: inline-block;
  block-size: 4rem;
}

.cds--data-table--xl .cds--table-sort__icon-unsorted,
.cds--data-table--xl .cds--table-sort__icon {
  margin-block-start: 0.8125rem;
}

.cds--table-sort__header .cds--ai-label,
.cds--table-sort__header .cds--slug,
.cds--table-sort__header .cds--table-header-label--decorator-inner {
  display: none;
}

.cds--table-sort__header--slug .cds--table-sort__icon,
.cds--table-sort__header--slug .cds--table-sort__icon-unsorted,
.cds--table-sort__header--ai-label .cds--table-sort__icon,
.cds--table-sort__header--ai-label .cds--table-sort__icon-unsorted,
.cds--table-sort__header--decorator .cds--table-sort__icon,
.cds--table-sort__header--decorator .cds--table-sort__icon-unsorted {
  margin-inline: auto 0.5rem;
}

.cds--table-sort__header--ai-label .cds--ai-label,
.cds--table-sort__header--ai-label .cds--slug,
.cds--table-sort__header--decorator .cds--table-header-label--decorator-inner,
.cds--table-sort__header--ai-label .cds--table-header-label--decorator-inner {
  display: block;
  margin-inline-end: 0.5rem;
}

.cds--data-table th {
  height: 3rem;
  border-top: none;
  border-bottom: none;
  position: relative;
}
.cds--data-table th.iot--table-head--table-header {
  vertical-align: middle;
}
.cds--data-table th.cds--table-sort__header--ai-label,
.cds--data-table th.cds--table-sort__header--ai-label .cds--table-sort {
  background: linear-gradient(to right, var(--cds-ai-aura-start-sm, rgba(69, 137, 255, 0.16)) 0%, var(--cds-ai-aura-end, rgba(255, 255, 255, 0)) 50%, transparent 50%);
}
.cds--data-table th.cds--table-sort__header--ai-label .cds--ai-label__text,
.cds--data-table th.cds--table-sort__header--ai-label .cds--table-sort .cds--ai-label__text {
  z-index: unset;
}
.cds--data-table thead.cds--pin-first-col th:nth-child(2),
.cds--data-table thead.cds--pin-first-col th:last-child,
.cds--data-table thead.cds--pin-last-col th:nth-child(2),
.cds--data-table thead.cds--pin-last-col th:last-child {
  background-color: var(--cds-layer-accent-01, #e0e0e0);
}
.cds--data-table th.cds--table-sort__header--ai-label:not(.table-header-sortable) .cds--table-header-label-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cds--data-table th.cds--table-sort__header--ai-label:not(.table-header-sortable) .cds--table-header-label-container cds--table-header-label {
  margin-right: 1rem;
  width: 100%;
}
.cds--data-table th button.cds--definition-term {
  font-weight: 600;
}
.cds--data-table th[aria-sort].cds--table-sort__header--ai-label cds--ai-label {
  padding-right: 1rem;
}
.cds--data-table--xl .cds--table-sort__icon-unsorted,
.cds--data-table--xl .cds--table-sort__icon {
  margin-top: 0;
}
.cds--data-table--xl span.iot--table-header-label__sort-order {
  bottom: 1.25rem;
}
.cds--data-table--xl.cds--data-table--sort th .cds--table-sort {
  display: flex;
}
.cds--data-table--xl th,
.cds--data-table--xl th[aria-sort] {
  height: 4rem;
}
.cds--data-table--xl .cds--table-header-label {
  padding-top: 0;
  padding-bottom: 0;
}
.cds--data-table--md th,
.cds--data-table--md th[aria-sort] {
  height: 2.5rem;
}
.cds--data-table--md .cds--table-header-label {
  padding-top: 0;
  padding-bottom: 0;
}
.cds--data-table--sm th,
.cds--data-table--sm th[aria-sort] {
  height: 2rem;
}
.cds--data-table--sm .cds--table-header-label {
  padding-top: 0;
  padding-bottom: 0;
}
.cds--data-table--xs th,
.cds--data-table--xs th[aria-sort] {
  height: 1.5rem;
}
.cds--data-table--xs .cds--table-header-label {
  padding-top: 0;
  padding-bottom: 0;
}
.cds--data-table th:last-of-type {
  position: relative;
}
.cds--data-table .cds--table-header-label {
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
}
.cds--data-table .cds--table-header-label .cds--multi-select .cds--list-box__menu {
  max-height: unset;
}
.cds--data-table .cds--table-header-label > span {
  margin: auto 0;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1rem;
}
.cds--data-table .iot--table-header-label__sort-order {
  position: absolute;
  bottom: 0.75rem;
  right: 0.25rem;
  font-size: 0.667rem;
  font-weight: bold;
}
html[dir=rtl] .cds--data-table .iot--table-header-label__sort-order {
  left: 1rem;
  right: unset;
}
.cds--data-table .column-header__btn {
  margin: 0 1rem 1rem 0;
  max-height: 2rem;
}
.cds--data-table .column-header__select {
  opacity: 1;
}
.cds--data-table .column-header__select--hidden {
  opacity: 0.5;
}
.cds--data-table .column-header__select--isOver {
  border-color: var(--cds-focus, #0f62fe);
  box-shadow: inset 0 0 0 1px #f4f4f4;
}
.cds--data-table .lightweight tr:last-of-type th {
  border-bottom: solid 2px var(--cds-button-secondary, #393939);
}
.cds--data-table .lightweight th {
  background-color: var(--cds-layer-01, #f4f4f4);
}
.cds--data-table .lightweight th .cds--table-sort {
  background-color: var(--cds-layer-01, #f4f4f4);
}
.cds--data-table .lightweight th .cds--table-sort:hover {
  background-color: var(--cds-layer-accent-01, #e0e0e0);
}
.cds--data-table .iot--table-expand-resize {
  width: 40px;
}
.cds--data-table .iot--table-header-checkbox {
  vertical-align: middle;
}
.cds--data-table .iot--table-header-checkbox .cds--table-header-label {
  overflow: visible;
}
.cds--data-table .iot--table-header-radiobutton {
  vertical-align: middle;
}
.cds--data-table .iot--table-header-radiobutton .cds--table-header-label {
  overflow: visible;
}
.cds--data-table .iot--table-header-checkbox-resize {
  width: 54px;
}
.cds--data-table .iot--table-header-radiobutton-resize {
  width: 54px;
}
.cds--data-table .iot--table-header-resize {
  word-break: break-all;
}
.cds--data-table .iot--table-header-row-action-column {
  min-width: 40px;
}
.cds--data-table .iot--table-header-expander-column {
  width: auto;
  padding: 0;
}
.cds--data-table .iot--tableheader-filter > .cds--table-header-label {
  overflow: visible;
}
.cds--data-table th:last-of-type.iot--table-header-row-action-column--extra-wide {
  min-width: 250px;
  width: 250px;
}
.cds--data-table .iot--clear-filters-button--disabled {
  cursor: not-allowed;
}
.cds--data-table .iot--clear-filters-button--disabled svg {
  fill: var(--cds-icon-on-color-disabled, #8d8d8d);
}
.cds--data-table .iot--clear-filters-button--disabled:active, .cds--data-table .iot--clear-filters-button--disabled:focus {
  outline: none;
}
.cds--data-table .cds--table-sort {
  padding-inline-start: 1rem;
}
.cds--data-table .cds--table-sort .cds--table-header-label,
.cds--data-table .cds--table-sort .cds--tooltip--definition {
  padding-inline-start: 0;
  padding-inline-end: 0;
  text-decoration: none;
}
[dir=rtl] .cds--data-table .cds--table-sort .cds--table-header-label,
[dir=rtl] .cds--data-table .cds--table-sort .cds--tooltip--definition {
  padding-right: 1rem;
}

.iot--table-head--overflow {
  margin: auto 0;
  flex-shrink: 0;
  display: inline-flex;
}
.cds--table-sort:focus .iot--table-head--overflow:hover {
  margin-top: -2px;
  margin-bottom: -2px;
  background-color: #a8a8a8;
}
.iot--table-head--table-header {
  position: relative;
  vertical-align: middle;
}
.iot--table-head--table-header .cds--table-header-label {
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1rem;
}
.iot--table-head--table-header--with-overflow .cds--table-header-label {
  padding-right: 0;
}
.iot--table-head--table-header--with-overflow .cds--overflow-menu-options:after {
  width: 3rem;
}

.iot-table-foot {
  border-top: 2px solid var(--cds-layer-accent-01, #e0e0e0);
}
.cds--data-table--xs .iot-table-foot tr {
  height: 1.5rem;
}
.cds--data-table--sm .iot-table-foot tr {
  height: 2rem;
}
.cds--data-table--md .iot-table-foot tr {
  height: 2.5rem;
}
.cds--data-table--xl .iot-table-foot tr {
  height: 4rem;
}

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

.iot-table-foot--value {
  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);
}

td.iot-table-foot--value__sortable {
  padding-right: 3rem;
}

html[dir=rtl] td.iot-table-foot--value__sortable {
  padding-left: 2.5rem;
}

.iot--table-skeleton-with-headers--table-row {
  pointer-events: none;
}
.iot--table-skeleton-with-headers--table-row:hover td {
  border: 1px solid #dfe3e6;
  background: inherit;
}
.iot--table-skeleton-with-headers--table-row .cds--skeleton__text {
  margin-bottom: 0;
}
.iot--table-skeleton-with-headers--table-row--head td {
  background-color: var(--cds-layer-accent-01, #e0e0e0);
}
.iot--table-skeleton-with-headers--table-row--head .cds--skeleton__text {
  background: var(--cds-border-strong-01, #8d8d8d);
}
.iot--table-skeleton-with-headers--table-row--head .cds--skeleton__text:before {
  background: var(--cds-text-placeholder, rgba(22, 22, 22, 0.4));
}

.iot--table__cell--truncate .cds--tooltip__label {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  display: inherit;
  align-items: inherit;
  color: inherit;
}
.iot--table__cell--truncate .cds--tooltip__label:focus {
  outline: none;
}
.iot--table__cell--truncate .iot--tooltip,
.iot--table__cell--truncate .cds--tooltip {
  display: block;
}
.iot--table__cell--truncate .cds--tooltip-content .iot--table__cell-text--truncate {
  white-space: unset;
}

.cds--tooltip__trigger.cds--tooltip--a11y.iot--table__cell-tooltip {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  display: grid;
  min-width: 2.5rem;
}
.cds--tooltip__trigger.cds--tooltip--a11y.iot--table__cell-tooltip span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cds--tooltip__trigger.cds--tooltip__trigger--definition.cds--tooltip--bottom.cds--tooltip--align-start.cds--tooltip--a11y + .cds--assistive-text {
  z-index: 6001;
}

.iot--table__cell-text--truncate {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.iot--table__cell-text--no-wrap {
  white-space: nowrap;
}

.iot--table__cell-text--preserve {
  white-space: pre;
}

.iot--table-detail-wizard-header--wrapper {
  display: block;
  border-bottom: 0.0625rem solid rgba(218, 218, 218, 0.5490196078);
}

.iot--table-detail-wizard-header--heading {
  float: left;
  font-size: 1.25rem;
  line-height: 3.125rem;
  vertical-align: middle;
  margin-left: 1rem;
}
html[dir=rtl] .iot--table-detail-wizard-header--heading {
  float: right;
  margin-left: unset;
  margin-right: 1rem;
}

.iot--table-detail-wizard-header--button {
  float: right;
  margin-left: auto;
}
.iot--table-detail-wizard-header--button .cds--btn--ghost {
  height: 3.125rem;
}
.iot--table-detail-wizard-header--button .cds--btn__icon {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
}
html[dir=rtl] .iot--table-detail-wizard-header--button {
  float: left;
}

.iot--table-detail-wizard-sidebar--header {
  display: flex;
  flex-flow: column nowrap;
  border-right: 0.0625rem solid rgba(218, 218, 218, 0.5490196078);
}
html[dir=rtl] .iot--table-detail-wizard-sidebar--header {
  border-right: unset;
  border-left: 0.0625rem solid rgba(218, 218, 218, 0.5490196078);
}
.iot--table-detail-wizard-sidebar--header .iot--progress-indicator {
  padding: 1rem 1rem 1rem 4rem; /* stylelint-disable-line declaration-property-unit-disallowed-list */
}

.iot--table-detail-wizard--wizard-wrapper {
  background-color: var(--cds-background, #ffffff);
  display: flex;
  flex-flow: column;
  align-items: left;
  border: 0.0625rem solid rgba(162, 162, 162, 0.5490196078);
}
.iot--table-detail-wizard--wizard-wrapper .cds--inline-notification {
  max-width: none;
  width: calc(100% - 2rem);
  margin: 1rem;
}
html[dir=rtl] .iot--table-detail-wizard--wizard-wrapper .cds--inline-notification .cds--inline-notification__close-button,
html[dir=rtl] .iot--table-detail-wizard--wizard-wrapper .cds--inline-notification .cds--inline-notification__icon {
  margin-right: unset;
}
html[dir=rtl] .iot--table-detail-wizard--wizard-wrapper .cds--inline-notification .cds--inline-notification__icon {
  margin-left: 1rem;
}
html[dir=rtl] .iot--table-detail-wizard--wizard-wrapper .cds--inline-notification--error {
  border-left: unset;
  border-right: 0.1875rem solid var(--cds-support-error-inverse, #fa4d56);
}

.iot--table-detail-wizard--wizard-container {
  display: flex;
}

.iot--table-detail-wizard--inline-notification {
  width: 100%;
}

.iot--table-detail-wizard--footer .cds--modal-footer {
  justify-content: flex-end;
}
.iot--table-detail-wizard--footer .cds--modal-footer > div {
  width: 100%;
}

.iot--table-detail-wizard--content-container {
  padding-top: 1.875rem;
  padding-right: 3.125rem;
  padding-left: 2.5rem;
}

html[dir=rtl] .iot--table-multi-sort-modal .cds--modal-content {
  padding-right: 1rem;
  padding-left: 3rem;
}
html[dir=rtl] .iot--table-multi-sort-modal .cds--modal-header {
  padding-right: 3rem;
}
.iot--table-multi-sort-modal .iot--table-multi-sort-row {
  display: grid;
  gap: 1rem;
  grid-template-columns: 16px 1fr 1fr 48px 48px;
  margin-bottom: 1rem;
}
.iot--table-multi-sort-modal .iot--table-multi-sort-row button.cds--btn--icon-only {
  height: 40px;
  width: 48px;
  margin-top: 24px;
}
.iot--table-multi-sort-modal .iot--table-multi-sort-row__handle {
  align-self: center;
  cursor: grab;
}
.iot--table-multi-sort-modal__footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.cds--table-toolbar {
  position: relative;
  z-index: 1;
  display: flex;
  background-color: var(--cds-layer);
  inline-size: 100%;
  min-block-size: 3rem;
}

.cds--toolbar-content {
  display: flex;
  justify-content: flex-end;
  block-size: 3rem;
  inline-size: 100%;
  transform: translate3d(0, 0, 0);
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--toolbar-content .cds--search .cds--search-input {
  padding: 0 3rem;
  background-color: transparent;
  block-size: 3rem;
}

.cds--toolbar-content .cds--overflow-menu {
  block-size: 3rem;
  inline-size: 3rem;
}

.cds--batch-actions ~ .cds--toolbar-search-container {
  display: flex;
  align-items: center;
  opacity: 1;
  transition: opacity 110ms;
}

.cds--toolbar-search-container-expandable {
  position: relative;
  block-size: 3rem;
  box-shadow: none;
  cursor: pointer;
  inline-size: 3rem;
  transition: width 300ms cubic-bezier(0.5, 0, 0.1, 1), background-color 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--toolbar-search-container-expandable:hover {
  background-color: var(--cds-field-hover);
}

.cds--search.cds--toolbar-search-container-expandable {
  inline-size: 3rem;
}

.cds--toolbar-search-container-expandable .cds--search-input {
  block-size: 100%;
  cursor: pointer;
  opacity: 0;
}

.cds--toolbar-search-container-expandable:not(.cds--toolbar-search-container-active) .cds--search-input {
  padding: 0;
}

.cds--toolbar-search-container-disabled .cds--search-input {
  cursor: not-allowed;
}

.cds--toolbar-search-container-expandable.cds--search .cds--label {
  visibility: hidden;
}

.cds--toolbar-search-container-expandable.cds--search .cds--search-close {
  block-size: 3rem;
  inline-size: 3rem;
}
.cds--toolbar-search-container-expandable.cds--search .cds--search-close::before {
  background-color: var(--cds-field-hover);
  block-size: calc(100% - 0.25rem);
  inset-block-start: 0.125rem;
}

.cds--toolbar-search-container-expandable.cds--search .cds--search-close:focus::before {
  background-color: var(--cds-focus, #0f62fe);
}

.cds--table-toolbar .cds--search--lg .cds--search-magnifier-icon {
  inset-inline-start: 0;
}

.cds--table-toolbar:not(.cds--table-toolbar--sm) .cds--toolbar-search-container-persistent.cds--search--lg .cds--search-magnifier-icon {
  inset-inline-start: 1rem;
}

.cds--table-toolbar.cds--table-toolbar--sm .cds--search--sm:not(.cds--toolbar-search-container-active):not(.cds--toolbar-search-container-persistent) .cds--search-magnifier-icon {
  inset-inline-start: 0;
}

.cds--table-toolbar.cds--table-toolbar--sm .cds--search--sm.cds--toolbar-search-container-active .cds--search-magnifier-icon {
  inset-inline-start: 0.5rem;
}

.cds--table-toolbar .cds--toolbar-search-container-persistent.cds--search--sm .cds--search-magnifier-icon {
  inset-inline-start: 0.5rem;
}

.cds--toolbar-search-container-expandable .cds--search-magnifier-icon {
  padding: 1rem;
  block-size: 3rem;
  inline-size: 3rem;
}

.cds--toolbar-search-container-expandable.cds--search--disabled .cds--search-magnifier-icon {
  background-color: var(--cds-layer);
  cursor: not-allowed;
  transition: background-color none;
}

.cds--toolbar-search-container-active .cds--search-magnifier-icon:focus,
.cds--toolbar-search-container-active .cds--search-magnifier-icon:active,
.cds--toolbar-search-container-active .cds--search-magnifier-icon:hover {
  border: none;
  background-color: transparent;
  outline: none;
}

.cds--toolbar-search-container-active.cds--search {
  inline-size: 100%;
}

.cds--toolbar-search-container-active .cds--search-input {
  opacity: 1;
}

.cds--toolbar-search-container-active .cds--label,
.cds--toolbar-search-container-active .cds--search-input {
  padding: 0 3rem;
  cursor: text;
}

.cds--toolbar-search-container-active .cds--search-input:focus + .cds--search-close {
  border: none;
  box-shadow: none;
  outline: none;
}

.cds--toolbar-search-container-active .cds--search-input:not(:-moz-placeholder-shown) {
  border: none;
  background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-active .cds--search-input:not(:placeholder-shown) {
  border: none;
  background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-persistent .cds--search-close,
.cds--toolbar-search-container-persistent .cds--search-close:hover,
.cds--toolbar-search-container-active .cds--search-close,
.cds--toolbar-search-container-active .cds--search-close:hover {
  border: none;
  background-color: transparent;
}

.cds--toolbar-search-container-persistent .cds--search-close::before {
  display: none;
}

.cds--overflow-menu.cds--toolbar-action {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  padding: 1rem;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--overflow-menu.cds--toolbar-action *,
.cds--overflow-menu.cds--toolbar-action *::before,
.cds--overflow-menu.cds--toolbar-action *::after {
  box-sizing: inherit;
}
.cds--overflow-menu.cds--toolbar-action::-moz-focus-inner {
  border: 0;
}

.cds--toolbar-action {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  block-size: 3rem;
  cursor: pointer;
  inline-size: 3rem;
  transition: background 110ms cubic-bezier(0, 0, 0.38, 0.9);
}
.cds--toolbar-action *,
.cds--toolbar-action *::before,
.cds--toolbar-action *::after {
  box-sizing: inherit;
}
.cds--toolbar-action::-moz-focus-inner {
  border: 0;
}

.cds--toolbar-action:hover:not([disabled]) {
  background-color: var(--cds-field-hover);
}

.cds--toolbar-action[aria-expanded=true],
.cds--toolbar-action:hover[aria-expanded=true] {
  background-color: var(--cds-layer-02, #ffffff);
}

.cds--toolbar-action[disabled] {
  cursor: not-allowed;
}

.cds--toolbar-action[disabled] .cds--toolbar-action__icon {
  cursor: not-allowed;
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--toolbar-action:focus:not([disabled]),
.cds--toolbar-action:active:not([disabled]) {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--toolbar-action:focus:not([disabled]),
  .cds--toolbar-action:active:not([disabled]) {
    outline-style: dotted;
  }
}
.cds--toolbar-action:focus:not([disabled]).cds--toolbar-search-container-expandable,
.cds--toolbar-action:active:not([disabled]).cds--toolbar-search-container-expandable {
  outline: none;
}

.cds--toolbar-action ~ .cds--btn {
  margin: 0;
  max-inline-size: none;
  white-space: nowrap;
}

.cds--overflow-menu--data-table {
  block-size: 3rem;
}

.cds--toolbar-action__icon {
  block-size: 1rem;
  fill: var(--cds-icon-primary, #161616);
  inline-size: auto;
  max-inline-size: 1rem;
}

.cds--toolbar-action__menu,
.cds--toolbar-action__menu.cds--overflow-menu-options::after {
  background-color: var(--cds-layer-02, #ffffff);
}

.cds--toolbar-search-container-persistent {
  position: relative;
  block-size: 3rem;
  inline-size: 100%;
  opacity: 1;
}

.cds--toolbar-search-container-persistent + .cds--toolbar-content {
  position: relative;
  inline-size: auto;
}

.cds--toolbar-search-container-persistent .cds--search {
  position: initial;
}

.cds--toolbar-search-container-persistent .cds--search-magnifier-icon {
  inset-inline-start: 1rem;
}

.cds--toolbar-search-container-persistent .cds--search-input {
  padding: 0 3rem;
  border: none;
  block-size: 3rem;
}

.cds--toolbar-search-container-persistent .cds--search-input:focus:not([disabled]) {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--toolbar-search-container-persistent .cds--search-input:focus:not([disabled]) {
    outline-style: dotted;
  }
}

.cds--toolbar-search-container-persistent .cds--search-input:hover:not([disabled]) {
  background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-persistent .cds--search-input:not(:-moz-placeholder-shown) {
  background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-persistent .cds--search-input:active:not([disabled]),
.cds--toolbar-search-container-persistent .cds--search-input:not(:placeholder-shown) {
  background-color: var(--cds-field-hover);
}

.cds--toolbar-search-container-persistent .cds--search-close {
  block-size: 3rem;
  inline-size: 3rem;
}

.cds--batch-actions--active ~ .cds--toolbar-search-container,
.cds--batch-actions--active ~ .cds--toolbar-content {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transform: translate3d(0, 48px, 0);
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--batch-actions {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--cds-background-brand, #0f62fe);
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  inset-block-end: 0;
  inset-inline: 0;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 48px, 0);
  transition: transform 110ms cubic-bezier(0.2, 0, 0.38, 0.9), clip-path 110ms cubic-bezier(0.2, 0, 0.38, 0.9), opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
  will-change: transform;
}

.cds--batch-actions:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
}
@media screen and (prefers-contrast) {
  .cds--batch-actions:focus {
    outline-style: dotted;
  }
}

.cds--batch-actions--active {
  z-index: 1;
  clip-path: polygon(0 0, 300% 0, 300% 300%, 0 300%);
  opacity: 1;
  pointer-events: all;
  transform: translate3d(0, 0, 0);
}

.cds--action-list {
  display: flex;
  align-items: center;
}

.cds--action-list .cds--btn,
.cds--batch-summary .cds--btn {
  color: var(--cds-text-on-color, #ffffff);
  padding-inline: 1rem 1rem;
  white-space: nowrap;
}

.cds--action-list .cds--btn:disabled {
  border-color: transparent;
  background-color: transparent;
  color: var(--cds-text-on-color, #ffffff);
  opacity: 0.5;
}

.cds--action-list .cds--btn .cds--btn__icon {
  position: static;
  fill: var(--cds-icon-on-color, #ffffff);
  margin-inline-start: 0.5rem;
}

.cds--action-list .cds--btn .cds--btn__icon .st0 {
  fill: none;
}

.cds--batch-download {
  padding: 0.0625rem;
}

.cds--action-list .cds--btn--primary:focus::before,
.cds--action-list .cds--btn--primary::before,
.cds--action-list .cds--btn--primary:focus::after,
.cds--action-list .cds--btn--primary::after {
  display: none;
}

.cds--action-list .cds--btn--primary:focus,
.cds--batch-summary .cds--btn--primary:focus {
  outline: 2px solid var(--cds-layer);
  outline-offset: -0.125rem;
}

.cds--action-list .cds--btn--primary:nth-child(3):hover + .cds--btn--primary.cds--batch-summary__cancel::before,
.cds--action-list .cds--btn--primary:nth-child(3):focus + .cds--btn--primary.cds--batch-summary__cancel::before {
  opacity: 0;
}

.cds--btn--primary.cds--batch-summary__cancel::before {
  position: absolute;
  display: block;
  border: none;
  background-color: var(--cds-text-on-color, #ffffff);
  block-size: 1rem;
  content: "";
  inline-size: 0.0625rem;
  inset-block-start: 0.9375rem;
  inset-inline-start: 0;
  opacity: 1;
  transition: opacity 110ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--btn--primary.cds--batch-summary__cancel:hover::before {
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.5, 0, 0.1, 1);
}

.cds--batch-summary {
  position: sticky;
  z-index: 100000;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  background-color: var(--cds-background-brand, #0f62fe);
  color: var(--cds-text-on-color, #ffffff);
  inset-inline-start: 0;
  min-block-size: 3rem;
}

.cds--batch-summary__scroll {
  box-shadow: 0.5px 0 0.2px var(--cds-link-primary-hover, #0043ce);
}

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

.cds--batch-summary__divider {
  padding-inline-start: 0.5rem;
}

.cds--table-toolbar--sm {
  block-size: 2rem;
  min-block-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable,
.cds--table-toolbar--sm .cds--toolbar-search-container-persistent {
  block-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-input,
.cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-input {
  block-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-close,
.cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-close {
  block-size: 2rem;
  inline-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search-magnifier-icon,
.cds--table-toolbar--sm .cds--toolbar-search-container-persistent .cds--search-magnifier-icon {
  padding: 0.5rem;
  block-size: 2rem;
  inline-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-action.cds--toolbar-search-container-persistent {
  inline-size: 100%;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable {
  inline-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-expandable .cds--search .cds--search-input {
  padding: 0 3rem;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active {
  flex: auto;
  transition: flex 175ms cubic-bezier(0.5, 0, 0.1, 1);
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input {
  visibility: inherit;
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
  background-color: var(--cds-field-hover);
}
@media screen and (prefers-contrast) {
  .cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:focus {
    outline-style: dotted;
  }
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:not(:-moz-placeholder-shown) {
  background-color: var(--cds-field-hover);
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:active,
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-input:not(:placeholder-shown) {
  background-color: var(--cds-field-hover);
}
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:focus,
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:active,
.cds--table-toolbar--sm .cds--toolbar-search-container-active .cds--search-magnifier-icon:hover {
  outline: 2px solid transparent;
  outline-offset: -2px;
  background-color: transparent;
}
.cds--table-toolbar--sm .cds--overflow-menu.cds--toolbar-action {
  block-size: 2rem;
  inline-size: 2rem;
  min-inline-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-content {
  block-size: 2rem;
}
.cds--table-toolbar--sm .cds--toolbar-content .cds--overflow-menu {
  block-size: 2rem;
  inline-size: 2rem;
}

.cds--search--disabled .cds--search-magnifier-icon:hover {
  background-color: transparent;
}

.cds--table-toolbar--sm .cds--batch-actions .cds--action-list {
  block-size: 2rem;
}

.cds--table-toolbar--sm .cds--toolbar-action {
  padding: 0.5rem 0;
  block-size: 2rem;
  inline-size: 2rem;
}

.cds--table-toolbar--sm .cds--btn--primary {
  block-size: 2rem;
  min-block-size: auto;
  padding-block: 0.375rem;
}

.cds--table-toolbar--sm .cds--btn--primary.cds--batch-summary__cancel::before {
  inset-block-start: 0.5rem;
}

.cds--table-toolbar--sm .cds--toolbar-action ~ .cds--btn {
  overflow: hidden;
  block-size: 2rem;
}

.cds--table-toolbar--sm .cds--batch-summary {
  min-block-size: 2rem;
}

table.cds--side-nav--data-table {
  white-space: nowrap;
}

.iot--data-table--row-actions {
  height: 0;
}

.iot--data-table--fixed {
  table-layout: fixed;
}

.iot--data-table--column-groups {
  border-collapse: separate;
}

.iot--table__cell--truncate {
  max-width: 0;
}

td.iot--table__cell--sortable {
  padding-right: 2rem;
}

td.data-table-start {
  text-align: start;
}

td.data-table-center {
  text-align: center;
}

td.data-table-end {
  text-align: end;
}

.iot--data-table--resize td {
  word-break: break-all;
}

.iot--table-container {
  min-width: unset;
  padding-top: 0;
}
.iot--table-container .addons-iot-table-container {
  overflow-x: auto;
}
.iot--table-container--pin-header-and-footer {
  height: 100%;
}
.iot--table-container--pin-header-and-footer .addons-iot-table-container,
.iot--table-container--pin-header-and-footer .cds--data-table-content {
  height: inherit;
}
.iot--table-container--pin-header-and-footer thead {
  position: sticky;
  top: 0;
  z-index: 4;
}
.iot--table-container--pin-header-and-footer .cds--table-toolbar {
  z-index: 5;
}

.iot-table-container--dropdown-height-fix {
  background-color: var(--cds-layer-01, #f4f4f4);
  min-height: calc(4rem * 5);
}
.iot-table-container--dropdown-height-fix .cds--data-table-content {
  min-height: calc(4rem * 5);
}

html[dir=rtl] .iot--expanded-tablerow td:first-of-type:before {
  left: auto;
  right: 0;
}
html[dir=rtl] .iot--expanded-tablerow > td * {
  text-align: right;
}
html[dir=rtl] td.iot--table__cell--sortable {
  padding-left: 2rem;
}

.iot--empty-table--table-row {
  height: calc(100% - 3rem);
}
.iot--empty-table--table-row:hover td {
  background: inherit;
}
.iot--empty-table--table-row .empty-table-cell--default {
  --height-threshold: 500px;
  --is-large-card: Min(1px, Max(var(--card-content-height) - var(--height-threshold), 0px));
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: max(48 * var(--is-large-card), 0px);
}
.iot--empty-table--table-row .empty-table-cell--default svg {
  margin: 1rem 1rem 1rem 0;
}
.iot--empty-table--table-row td {
  border-bottom: unset;
}

.iot--table__advanced-filters-container {
  background-color: var(--cds-layer-01, #f4f4f4);
  padding: 0.25rem 0.75rem;
  border-top: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}

button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__advanced-filters-button {
  border: 1px solid transparent;
}
button.cds--btn.iot--tooltip-svg-wrapper.cds--btn--ghost.iot--table-toolbar__advanced-filters-button.iot--table-toolbar-button-active {
  box-shadow: 0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));
}

.iot--table-toolbar__advanced-filters-button.iot--table-toolbar-button-active.iot--flyout-menu--trigger-button .cds--assistive-text {
  display: none;
}
.iot--table-toolbar__advanced-filters-button.iot--table-toolbar-button-active.iot--flyout-menu--trigger-button::before {
  content: "";
}

.cds--data-table thead th.cds--table-expand,
.cds--data-table tbody td.cds--table-expand {
  height: 2rem;
  width: 2.5rem;
}

.cds--data-table td,
.cds--data-table tbody th {
  padding-right: 1rem;
  padding-left: 1rem;
  border-top: 1px solid var(--cds-icon-on-color, #ffffff);
  border-bottom: 1px solid var(--cds-layer-selected-01, #e0e0e0);
  color: var(--cds-text-secondary, #525252);
  background-color: var(--cds-layer);
}

.iot--table__row--selectable .cds--checkbox {
  cursor: pointer;
}

.iot--table__row--unselectable:not(.iot--table__row--editing):hover,
.iot--table__row--unselectable:not(.iot--table__row--editing):hover td {
  background-color: inherit;
  color: var(--cds-text-secondary, #525252);
  border-bottom-color: var(--cds-layer-accent-01, #e0e0e0);
  border-top-color: var(--cds-layer-01, #f4f4f4);
}

.iot--table__row--background td {
  background-color: var(--cds-layer-accent-01, #e0e0e0);
}

.iot--table__row--singly-selected,
.iot--expandable-tablerow--singly-selected {
  cursor: pointer;
}
.iot--table__row--singly-selected td:first-of-type,
.iot--expandable-tablerow--singly-selected td:first-of-type {
  position: relative;
}
.iot--table__row--singly-selected td:first-of-type:after,
.iot--expandable-tablerow--singly-selected td:first-of-type:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  height: calc(100% + 1px);
  width: 0.1875rem;
  background-color: var(--cds-border-interactive, #0f62fe);
  border-right: solid 1px var(--cds-highlight, #d0e2ff);
}

.iot--expandable-tablerow--expanded td.cds--table-expand {
  position: relative;
  left: var(--row-nesting-offset);
}
.iot--expandable-tablerow--expanded td:first-of-type:before {
  content: "";
  position: absolute;
  top: -1px;
  left: calc(var(--row-nesting-offset) * -1);
  height: calc(100% + 1px);
  width: var(--row-nesting-offset);
  background-color: var(--cds-layer-01, #f4f4f4);
  border-right: solid 1px var(--cds-layer-01, #f4f4f4);
}
.iot--expandable-tablerow--expanded[data-nesting-offset="0"] td:first-of-type:before {
  border-right: 0;
}
.iot--expandable-tablerow--expanded td.bx--table-expand[data-previous-value=collapsed] {
  border-bottom: solid 1px var(--cds-layer-01, #f4f4f4);
}

.iot--table__cell__offset {
  position: relative;
  left: var(--row-nesting-offset);
  max-width: calc(100% - var(--row-nesting-offset));
  display: block;
}
[dir=rtl] .iot--table__cell__offset {
  left: unset;
  right: var(--row-nesting-offset);
}
.iot--table__cell__offset__expand {
  left: unset;
  margin-left: var(--row-nesting-offset);
}

.iot--expanded-tablerow td {
  padding: 2rem;
  padding-left: 4rem;
  font-weight: bold;
  position: relative;
}
.iot--expanded-tablerow td::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  height: calc(100% + 1px);
  width: 3rem;
  background-color: var(--cds-layer-01, #f4f4f4);
  border-right: solid 1px var(--cds-layer-01, #f4f4f4);
}

.iot--expandable-tablerow {
  cursor: pointer;
}
.iot--expandable-tablerow td div .cds--btn--ghost:hover {
  background: var(--cds-layer-accent-01, #e0e0e0);
}
.iot--expandable-tablerow td div .cds--overflow-menu.cds--btn--ghost:hover {
  background-color: var(--cds-layer);
}

.iot--expandable-tablerow--indented td.cds--table-expand {
  position: relative;
  left: var(--row-nesting-offset);
  border-bottom: 1px solid var(--cds-layer-01, #f4f4f4);
}
[dir=rtl] .iot--expandable-tablerow--indented td.cds--table-expand {
  left: unset;
  right: var(--row-nesting-offset);
}
.iot--expandable-tablerow--indented td:first-of-type:before {
  content: "";
  position: absolute;
  top: -1px;
  left: calc(-1 * var(--row-nesting-offset));
  height: calc(100% + 1px);
  width: var(--row-nesting-offset);
  background-color: var(--cds-layer-01, #f4f4f4);
  border-right: solid 1px var(--cds-layer-01, #f4f4f4);
  border-bottom: solid 1px var(--cds-layer-01, #f4f4f4);
}
[dir=rtl] .iot--expandable-tablerow--indented td:first-of-type:before {
  left: unset;
  right: calc(-1 * var(--row-nesting-offset));
}
.iot--expandable-tablerow--indented td:first-of-type:after {
  content: "";
  position: absolute;
  left: 0;
  height: 1px;
  bottom: -1px;
  width: 0.5rem;
  border-bottom: solid 1px var(--cds-layer-01, #f4f4f4);
}
[dir=rtl] .iot--expandable-tablerow--indented td:first-of-type:after {
  left: unset;
  right: 0;
}
.iot--expandable-tablerow--indented.iot--expandable-tablerow--childless td:first-of-type:after, .iot--expandable-tablerow--indented.iot--expandable-tablerow--expanded td:first-of-type:after, .iot--expandable-tablerow--indented.iot--expandable-tablerow--last-child td:first-of-type:after {
  content: "";
  position: absolute;
  left: 0;
  height: 1px;
  bottom: -1px;
  width: 0.5rem;
  border-bottom: solid 1px var(--cds-layer-01, #f4f4f4);
}
[dir=rtl] .iot--expandable-tablerow--indented.iot--expandable-tablerow--childless td:first-of-type:after, [dir=rtl] .iot--expandable-tablerow--indented.iot--expandable-tablerow--expanded td:first-of-type:after, [dir=rtl] .iot--expandable-tablerow--indented.iot--expandable-tablerow--last-child td:first-of-type:after {
  left: unset;
  right: 0;
}
.iot--expandable-tablerow--indented.iot--expandable-tablerow--expanded td:first-of-type:after {
  width: 2.5rem;
}
.iot--expandable-tablerow--indented.iot--expandable-tablerow--last-child td:first-of-type:after {
  left: -1.5rem;
  width: 2rem;
  border-bottom-color: var(--cds-layer-accent-01, #e0e0e0);
}
[dir=rtl] .iot--expandable-tablerow--indented.iot--expandable-tablerow--last-child td:first-of-type:after {
  left: unset;
  right: -1.5rem;
}
.iot--expandable-tablerow--indented.iot--expandable-tablerow--last-child[data-nesting-offset="32"] td:first-of-type:after {
  left: -2rem;
  width: 2.5rem;
  border-bottom-color: var(--cds-layer-accent-01, #e0e0e0);
}
[dir=rtl] .iot--expandable-tablerow--indented.iot--expandable-tablerow--last-child[data-nesting-offset="32"] td:first-of-type:after {
  left: unset;
  right: -2rem;
}

.iot--expandable-tablerow--childless .cds--table-expand button.iot--table-expand__button {
  display: none;
}

.iot--expandable-tablerow--parent td {
  font-weight: bold;
}

.iot--pin-first-col {
  /*
   * Table with row selection
   */
  /*
   * Table with nested rows
   */
  /*
   * Table with nesting and selection
   */
}
.iot--pin-first-col td:nth-of-type(1),
.iot--pin-first-col tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
  z-index: 3;
  left: 0;
  position: sticky;
  overflow: hidden;
  filter: drop-shadow(1px 0 0 var(--cds-border-disabled, #c6c6c6));
}
[dir=rtl] .iot--pin-first-col td:nth-of-type(1),
[dir=rtl] .iot--pin-first-col tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
  left: unset;
  right: 0;
}
[dir=rtl] .iot--pin-first-col td:nth-of-type(1),
[dir=rtl] .iot--pin-first-col tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
  filter: drop-shadow(-1px 0 0 var(--cds-border-disabled, #c6c6c6));
}
.iot--pin-first-col--select td:nth-of-type(2),
.iot--pin-first-col--select tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
  z-index: 1;
  left: 3.25rem;
  position: sticky;
  overflow: hidden;
  filter: drop-shadow(1px 0 0 var(--cds-border-disabled, #c6c6c6));
}
[dir=rtl] .iot--pin-first-col--select td:nth-of-type(2),
[dir=rtl] .iot--pin-first-col--select tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
  left: unset;
  right: 3.25rem;
}
[dir=rtl] .iot--pin-first-col--select td:nth-of-type(2),
[dir=rtl] .iot--pin-first-col--select tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
  filter: drop-shadow(-1px 0 0 var(--cds-border-disabled, #c6c6c6));
}
.iot--pin-first-col--select td:nth-of-type(1),
.iot--pin-first-col--select tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
  filter: unset !important;
  overflow: unset;
}
.iot--pin-first-col--expand td:nth-of-type(2),
.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
  z-index: 2;
  left: 2.5rem;
  position: sticky;
  overflow: hidden;
  filter: drop-shadow(1px 0 0 var(--cds-border-disabled, #c6c6c6));
}
[dir=rtl] .iot--pin-first-col--expand td:nth-of-type(2),
[dir=rtl] .iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
  left: unset;
  right: 2.5rem;
}
[dir=rtl] .iot--pin-first-col--expand td:nth-of-type(2),
[dir=rtl] .iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
  filter: drop-shadow(-1px 0 0 var(--cds-border-disabled, #c6c6c6));
}
.iot--pin-first-col--expand td:nth-of-type(1),
.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
  filter: unset !important;
  overflow: unset;
}
.iot--pin-first-col--expand .iot--expandable-tablerow--expanded td:nth-of-type(1),
.iot--pin-first-col--expand .iot--expandable-tablerow--indented td:nth-of-type(1) {
  left: var(--row-nesting-offset);
}
.iot--pin-first-col--select.iot--pin-first-col--expand td:nth-of-type(3),
.iot--pin-first-col--select.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(3) {
  z-index: 1;
  left: 5.5rem;
  position: sticky;
  overflow: hidden;
  filter: drop-shadow(1px 0 0 var(--cds-border-disabled, #c6c6c6));
}
[dir=rtl] .iot--pin-first-col--select.iot--pin-first-col--expand td:nth-of-type(3),
[dir=rtl] .iot--pin-first-col--select.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(3) {
  left: unset;
  right: 5.5rem;
}
[dir=rtl] .iot--pin-first-col--select.iot--pin-first-col--expand td:nth-of-type(3),
[dir=rtl] .iot--pin-first-col--select.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(3) {
  filter: drop-shadow(-1px 0 0 var(--cds-border-disabled, #c6c6c6));
}
.iot--pin-first-col--select.iot--pin-first-col--expand td:nth-of-type(1),
.iot--pin-first-col--select.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(1) {
  filter: unset !important;
  overflow: unset;
}
.iot--pin-first-col--select.iot--pin-first-col--expand td:nth-of-type(2),
.iot--pin-first-col--select.iot--pin-first-col--expand tr:not(.iot--table-header__group-row) th:nth-of-type(2) {
  filter: unset !important;
  overflow: unset;
}

.iot--pin-last-col td:last-of-type,
.iot--pin-last-col th:last-of-type {
  position: sticky;
  z-index: 1;
  right: 0;
  filter: drop-shadow(-1px 0 0 rgba(0, 0, 0, 0.2));
  min-width: 3.5rem;
  width: 3.5rem;
}
[dir=rtl] .iot--pin-last-col td:last-of-type,
[dir=rtl] .iot--pin-last-col th:last-of-type {
  right: unset;
  left: 0;
  filter: drop-shadow(1px 0 0 rgba(0, 0, 0, 0.2));
}
.iot--pin-last-col.iot--table-head--with-column-groups .iot--table-header__column-row th:last-of-type {
  position: sticky;
}
.iot--pin-last-col th.iot--filter-header-row--header.iot--tableheader-filter .iot--filter-header-icon {
  z-index: 2;
}

.table-header-label-start .cds--table-header-label {
  text-align: start;
}
.table-header-label-center .cds--table-header-label {
  text-align: center;
  width: 100%;
}
.table-header-label-end .cds--table-header-label {
  text-align: end;
}

.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  inline-size: 100%;
}
.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-label,
.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-secondary-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item--icon {
  margin-inline-start: auto;
}

.cds--tabs.cds--tabs--vertical .cds--tabs__nav-link .cds--tabs__nav-item-label {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  white-space: normal;
}

.cds--tabs,
.cds--tab-content {
  --cds-layout-density-padding-inline-local: clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));
}

.cds--tabs.cds--tabs--tall,
.cds--tabs.cds--tabs--contained.cds--tabs--tall {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-lg)), var(--cds-layout-size-height, var(--cds-layout-size-height-xl)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
}

.cds--tabs {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));
  position: relative;
  display: flex;
  block-size: auto;
  color: var(--cds-text-primary, #161616);
  inline-size: 100%;
  max-block-size: var(--cds-layout-size-height-xl);
  min-block-size: var(--cds-layout-size-height-local);
  overflow-x: hidden;
}
.cds--tabs html {
  font-size: 100%;
}
.cds--tabs body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--tabs code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--tabs strong {
  font-weight: 600;
}
.cds--tabs.cds--tabs--contained {
  --cds-layout-size-height-local: clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)));
}
.cds--tabs .cds--tab--list {
  display: flex;
  inline-size: auto;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  will-change: scroll-position;
}
.cds--tabs .cds--tab--list::-webkit-scrollbar {
  display: none;
}
.cds--tabs.cds--tabs--vertical {
  background: var(--cds-layer);
  box-shadow: inset -1px 0 var(--cds-border-subtle);
  grid-column: span 2;
  max-block-size: none;
}
@media (min-width: 66rem) {
  .cds--tabs.cds--tabs--vertical {
    grid-column: span 4;
  }
}
.cds--tabs.cds--tabs--vertical .cds--tab--list {
  overflow: visible auto;
  flex-direction: column;
  inline-size: 100%;
}
.cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_bottom {
  position: absolute;
  background: linear-gradient(to bottom, transparent, var(--cds-layer));
  block-size: 4rem;
  inset-block-end: 0;
  inset-inline: 0;
  pointer-events: none;
}
.cds--tabs.cds--tabs--vertical .cds--tab--list-gradient_top {
  position: absolute;
  background: linear-gradient(to top, transparent, var(--cds-layer));
  block-size: 4rem;
  inset-block-start: 0;
  inset-inline: 0;
  pointer-events: none;
}
.cds--tabs .cds--tabs__nav {
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
}
.cds--tabs .cds--tabs__nav *,
.cds--tabs .cds--tabs__nav *::before,
.cds--tabs .cds--tabs__nav *::after {
  box-sizing: inherit;
}
.cds--tabs .cds--tab--overflow-nav-button {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: var(--cds-background, #ffffff);
  inline-size: 2.5rem;
}
.cds--tabs .cds--tab--overflow-nav-button *,
.cds--tabs .cds--tab--overflow-nav-button *::before,
.cds--tabs .cds--tab--overflow-nav-button *::after {
  box-sizing: inherit;
}
.cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner {
  border: 0;
}
.cds--tabs .cds--tab--overflow-nav-button:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tabs .cds--tab--overflow-nav-button:focus {
    outline-style: dotted;
  }
}
.cds--tabs .cds--tab--overflow-nav-button:hover {
  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
}
.cds--tabs .cds--tab--overflow-nav-button:active {
  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
}
.cds--tabs .cds--tab--overflow-nav-button--hidden {
  display: none;
}
.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button {
  margin: 0;
  background-color: var(--cds-layer-accent);
  inline-size: 3rem;
}
.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:hover {
  background-color: var(--cds-layer-accent-hover);
}
.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button:active {
  background-color: var(--cds-layer-accent-active);
}
.cds--tabs .cds--tab--overflow-nav-button svg {
  z-index: 2;
  fill: var(--cds-icon-primary, #161616);
}
.cds--tabs .cds--tab--overflow-nav-button svg:active, .cds--tabs .cds--tab--overflow-nav-button svg:hover {
  fill: var(--cds-icon-primary, #161616);
}
.cds--tabs .cds--tab--overflow-nav-button--next {
  position: relative;
  inset-block: 0;
  inset-inline-end: 0;
}
.cds--tabs .cds--tab--overflow-nav-button--next::before {
  position: absolute;
  z-index: 1;
  block-size: 100%;
  content: "";
  inline-size: 0.5rem;
  inset-inline-start: -0.5rem;
}
.cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--next::before {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
}
.cds--tabs:not(.cds--tabs--contained) .cds--tab--overflow-nav-button--previous::before {
  background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-background, #ffffff));
}
.cds--tabs .cds--tab--overflow-nav-button--previous {
  position: relative;
  z-index: 1;
  inset-block: 0;
  inset-inline-start: 0;
}
.cds--tabs .cds--tab--overflow-nav-button--previous::before {
  position: absolute;
  z-index: 1;
  block-size: 100%;
  content: "";
  inline-size: 0.5rem;
  inset-inline-end: -0.5rem;
}
.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer));
}
.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--right {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer));
}
.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), var(--cds-layer-accent));
}
.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), var(--cds-layer-accent));
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .cds--tabs .cds--tabs__overflow-indicator--left {
    background-image: linear-gradient(to left, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));
  }
  .cds--tabs .cds--tabs__overflow-indicator--right {
    background-image: linear-gradient(to right, rgba(var(--cds-background, #ffffff), 0), var(--cds-background, #ffffff));
  }
  .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left {
    background-image: linear-gradient(to left, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));
  }
  .cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right {
    background-image: linear-gradient(to right, rgba(var(--cds-layer-accent), 0), var(--cds-layer-accent));
  }
}
.cds--tabs .cds--tabs__nav-item-label-wrapper {
  display: flex;
}
.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item-label-wrapper {
  position: relative;
  inset-block-start: 0.0625rem;
}
.cds--tabs .cds--tabs__nav-item {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  padding: 0;
  cursor: pointer;
  transition: background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tabs .cds--tabs__nav-item html {
  font-size: 100%;
}
.cds--tabs .cds--tabs__nav-item body {
  font-weight: 400;
  font-family: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.cds--tabs .cds--tabs__nav-item code {
  font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
}
.cds--tabs .cds--tabs__nav-item strong {
  font-weight: 600;
}
.cds--tabs .cds--tabs__nav-item + .cds--tabs__nav-item {
  margin-inline-start: 0.0625rem;
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item {
  background-color: var(--cds-layer-accent);
  box-shadow: -0.0625rem 0 0 0 var(--cds-border-strong);
  margin-inline-start: 0;
}
.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item {
  flex: none;
  background-color: var(--cds-layer-01, #f4f4f4);
  block-size: 4rem;
  border-block-end: 1px solid var(--cds-border-subtle);
  border-inline-end: 1px solid var(--cds-border-subtle);
  box-shadow: inset 3px 0 0 0 var(--cds-border-subtle);
  inline-size: 100%;
  margin-inline-start: 0;
}
.cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-item--selected + div + .cds--tabs__nav-item {
  box-shadow: -0.0625rem 0 0 0 transparent;
}
.cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link {
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), border-bottom-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tabs.cds--tabs--dismissable .cds--tabs__nav-link {
  padding-inline-end: 2.5rem;
}
.cds--tabs.cds--tabs--dismissable.cds--tabs--contained .cds--tabs__nav-link {
  padding-inline-end: calc(3rem - 1px);
}
.cds--tabs .cds--tabs__nav-item--close {
  position: relative;
  display: flex;
  align-items: center;
  inset-inline-start: calc(-0.75rem - 1px);
  margin-inline-start: calc(-1.5rem + 1px);
}
.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item--close--hidden {
  position: absolute;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: -1px;
  block-size: 1px;
  clip: rect(0, 0, 0, 0);
  inline-size: 1px;
  visibility: inherit;
  white-space: nowrap;
  position: static;
  inline-size: 0.1875rem;
}
.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tabs__nav-item--close--hidden {
  display: none;
}
.cds--tabs .cds--tabs__nav-item--close-icon {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  inline-size: 100%;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  block-size: 1.5rem;
  inline-size: 1.5rem;
  padding-block: 0.25rem;
  padding-inline: 0.25rem;
  pointer-events: auto;
}
.cds--tabs .cds--tabs__nav-item--close-icon *,
.cds--tabs .cds--tabs__nav-item--close-icon *::before,
.cds--tabs .cds--tabs__nav-item--close-icon *::after {
  box-sizing: inherit;
}
.cds--tabs .cds--tabs__nav-item--close-icon::-moz-focus-inner {
  border: 0;
}
.cds--tabs .cds--tabs__nav-item--close-icon svg {
  block-size: 1rem;
  fill: var(--cds-text-secondary, #525252);
  inline-size: 1rem;
}
.cds--tabs .cds--tabs__nav-item--close-icon svg:hover {
  fill: var(--cds-icon-primary, #161616);
}
.cds--tabs .cds--tabs__nav-item--close-icon:hover {
  background-color: var(--cds-layer-hover);
}
.cds--tabs .cds--tabs__nav-item--close-icon:focus, .cds--tabs .cds--tabs__nav-item--close-icon:active {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tabs .cds--tabs__nav-item--close-icon:focus, .cds--tabs .cds--tabs__nav-item--close-icon:active {
    outline-style: dotted;
  }
}
.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon svg {
  fill: var(--cds-icon-primary, #161616);
}
.cds--tabs .cds--tabs__nav-item--close-icon--selected svg {
  fill: var(--cds-icon-primary, #161616);
}
.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover {
  background-color: inherit;
  cursor: not-allowed;
}
.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled svg,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled svg,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}
.cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:focus, .cds--tabs .cds--tabs__nav-item:hover + .cds--tabs__nav-item--close .cds--tabs__nav-item--close-icon--disabled:active,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:focus,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:active,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:focus,
.cds--tabs .cds--tabs__nav-item--close-icon--disabled:hover:active {
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.cds--tabs .cds--tabs__nav-item--icon {
  display: flex;
  align-items: center;
  padding-inline-start: 0.5rem;
}
.cds--tabs .cds--tabs__nav-item--icon-left {
  display: flex;
  align-items: center;
  margin-block-start: -2px;
  padding-inline-end: 0.5rem;
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon {
  padding-inline-start: var(--cds-layout-density-padding-inline-local);
}
.cds--tabs .cds--tabs__nav-link {
  display: inline-block;
  padding: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  text-align: start;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
  outline: 2px solid transparent;
  outline-offset: -2px;
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  overflow: hidden;
  border-block-end: 2px solid var(--cds-border-subtle);
  color: var(--cds-text-secondary, #525252);
  padding-inline: var(--cds-layout-density-padding-inline-local);
  text-align: start;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: border 70ms cubic-bezier(0.2, 0, 0.38, 0.9), outline 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
  white-space: nowrap;
}
.cds--tabs .cds--tabs__nav-link *,
.cds--tabs .cds--tabs__nav-link *::before,
.cds--tabs .cds--tabs__nav-link *::after {
  box-sizing: inherit;
}
.cds--tabs .cds--tabs__nav-link::-moz-focus-inner {
  border: 0;
}
.cds--tabs .cds--tabs__nav-link:focus, .cds--tabs .cds--tabs__nav-link:active {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tabs .cds--tabs__nav-link:focus, .cds--tabs .cds--tabs__nav-link:active {
    outline-style: dotted;
  }
}
.cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-link {
  border-block-end: 0;
}
.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
  line-height: calc(3rem - 0.5rem * 2);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  min-block-size: 1rem;
}
.cds--tabs.cds--tabs--vertical:not(.cds--tabs--tall) .cds--tabs__nav-item-label {
  line-height: var(--cds-body-compact-01-line-height);
}
.cds--tabs.cds--tabs__icon--default, .cds--tabs.cds--tabs__icon--lg, .cds--tabs.cds--tabs__icon--default .cds--tab--list, .cds--tabs.cds--tabs__icon--lg .cds--tab--list {
  overflow-x: visible;
}
.cds--tabs .cds--tabs__nav-item--icon-only {
  margin-inline-end: 0.0625rem;
}
.cds--tabs .cds--tabs__nav-item--icon-only, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  block-size: var(--cds-layout-size-height-local);
  inline-size: var(--cds-layout-size-height-local);
}
.cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label {
  line-height: 0;
}
.cds--tabs .cds--tabs__nav-item--icon-only:not(.cds--tabs__nav-item--icon-only__20) .cds--badge-indicator {
  margin-block-start: 0.25rem;
  margin-inline-end: 0.25rem;
}
.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover {
  border-block-end: 2px solid var(--cds-border-strong);
  color: var(--cds-text-primary, #161616);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
  background-color: var(--cds-layer-accent-hover);
  color: var(--cds-text-primary, #161616);
}
.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover {
  background-color: var(--cds-layer-hover);
  box-shadow: inset 3px 0 0 0 var(--cds-border-strong);
}
.cds--tabs .cds--tabs__nav-item--selected {
  border-block-end: 2px solid var(--cds-border-interactive, #0f62fe);
  transition: color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected + .cds--tabs__nav-item {
  box-shadow: none;
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--selected {
  box-shadow: inset 0 2px 0 0 var(--cds-border-interactive, #0f62fe);
}
.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--selected {
  border-inline: none;
  box-shadow: inset 3px 0 0 0 var(--cds-border-interactive, #0f62fe);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,
.cds--tabs .cds--tabs__nav-item--selected,
.cds--tabs .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus,
.cds--tabs .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
}
.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected:hover {
  line-height: calc(3rem - 0.5rem * 2);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
  background-color: var(--cds-layer);
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus,
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:active, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:focus,
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:active {
  box-shadow: none;
}
.cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected, .cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected:hover {
  background-color: var(--cds-background, #ffffff);
}
.cds--tabs .cds--tabs__nav-item--disabled {
  background-color: transparent;
  border-block-end: 2px solid var(--cds-border-subtle);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  outline: none;
}
.cds--tabs .cds--tabs__nav-item--disabled:hover {
  border-block-end: 2px solid var(--cds-border-subtle);
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
  cursor: not-allowed;
}
.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled, .cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover {
  background-color: var(--cds-button-disabled, #c6c6c6);
}
.cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--disabled, .cds--tabs.cds--tabs--vertical .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover {
  background-color: var(--cds-layer);
  border-block-end: 1px solid var(--cds-border-subtle);
}
.cds--tabs .cds--tabs__nav-item--disabled:focus,
.cds--tabs .cds--tabs__nav-item--disabled:active {
  border-block-end: 2px solid var(--cds-border-subtle);
  outline: none;
  pointer-events: none;
}
.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link {
  border-block-end-color: var(--cds-border-subtle);
}
.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled:hover .cds--tabs__nav-link {
  border-block-end-color: var(--cds-border-subtle);
}
.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:focus,
.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:active {
  border-block-end-color: var(--cds-border-subtle);
}
.cds--tabs.cds--tabs--contained:not(.cds--tabs--vertical) .cds--tabs__nav-item--disabled {
  border-block-end: none;
  color: var(--cds-text-on-color-disabled, #8d8d8d);
}

.cds--tab-content {
  padding: var(--cds-layout-density-padding-inline-local);
}
.cds--tab-content:focus {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--tab-content:focus {
    outline-style: dotted;
  }
}

.cds--tabs--contained ~ .cds--tab-content {
  background: var(--cds-layer);
}

.cds--tabs--vertical ~ .cds--tab-content {
  grid-column: 3/-1;
  overflow-y: auto;
}
.cds--tabs--vertical ~ .cds--tab-content .cds--text-input--fluid .cds--text-input,
.cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area__wrapper,
.cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area,
.cds--tabs--vertical ~ .cds--tab-content .cds--search--fluid .cds--search-input,
.cds--tabs--vertical ~ .cds--tab-content .cds--select--fluid .cds--select-input,
.cds--tabs--vertical ~ .cds--tab-content .cds--text-area--fluid .cds--text-area__wrapper[data-invalid] .cds--text-area__divider + .cds--form-requirement,
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__wrapper--fluid .cds--list-box,
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__wrapper--fluid.cds--list-box__wrapper,
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid input[type=number],
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid input[type=text],
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn::before,
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn::after,
.cds--tabs--vertical ~ .cds--tab-content .cds--date-picker--fluid .ccdsds--date-picker-input__wrapper .cds--date-picker__input {
  background-color: var(--cds-field-01, #f4f4f4);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__wrapper--fluid .cds--list-box__menu {
  background-color: var(--cds-layer-01, #f4f4f4);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__menu-item:hover {
  background-color: var(--cds-layer-hover-02, #e8e8e8);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__menu-item--active {
  background-color: var(--cds-layer-selected-02, #e0e0e0);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--list-box__menu-item--active:hover {
  background-color: var(--cds-layer-selected-hover-02, #d1d1d1);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:hover::before,
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:hover::after {
  background-color: var(--cds-field-hover);
}
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:focus::before,
.cds--tabs--vertical ~ .cds--tab-content .cds--number-input--fluid .cds--number__control-btn:focus::after {
  border-inline-start: 2px solid var(--cds-focus, #0f62fe);
}
@media (min-width: 66rem) {
  .cds--tabs--vertical ~ .cds--tab-content {
    grid-column: 5/-1;
  }
}

.cds--tabs.cds--skeleton {
  cursor: default;
  pointer-events: none;
}

.cds--skeleton.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-link {
  border-block-end: 2px solid var(--cds-skeleton-element, #c6c6c6);
}

.cds--tabs.cds--skeleton .cds--tabs__nav-link {
  display: flex;
  align-items: center;
  padding: 0 var(--cds-layout-density-padding-inline-local);
  block-size: 100%;
  inline-size: 10rem;
}

.cds--tabs.cds--skeleton .cds--tabs__nav-link span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: block;
  block-size: 0.875rem;
  inline-size: 100%;
}
.cds--tabs.cds--skeleton .cds--tabs__nav-link span:hover, .cds--tabs.cds--skeleton .cds--tabs__nav-link span:focus, .cds--tabs.cds--skeleton .cds--tabs__nav-link span:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tabs.cds--skeleton .cds--tabs__nav-link span {
    background: CanvasText;
  }
  .cds--tabs.cds--skeleton .cds--tabs__nav-link span::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tabs__nav-item .cds--tabs__nav-item--selected .cds--tabs__nav-item--selected {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--tabs .cds--tabs__nav-item--disabled .cds--tabs__nav-link {
    color: GrayText;
    fill: GrayText;
  }
}

/* stylelint-disable-next-line */
ai-table .table-head-cell-text,
ai-table .table-head-cell-icons {
  top: 0;
}
ai-table .cds--table-header-label {
  line-height: 3rem;
}
ai-table .cds--data-table--compact .table-head-cell-text,
ai-table .cds--data-table--compact .table-head-cell-icons,
ai-table .cds--data-table--compact .cds--table-header-label {
  line-height: 24px;
}
ai-table .cds--data-table--short .table-head-cell-text,
ai-table .cds--data-table--short .table-head-cell-icons,
ai-table .cds--data-table--short .cds--table-header-label {
  line-height: 32px;
}
ai-table .cds--data-table--tall .table-head-cell-text,
ai-table .cds--data-table--tall .table-head-cell-icons,
ai-table .cds--data-table--tall .cds--table-header-label {
  line-height: 64px;
}
ai-table .table-head-cell-icons {
  right: 0;
  margin-right: 10px;
}
ai-table .cds--table-sort.cds--table-sort--active .cds--table-sort__icon {
  top: 16px;
}
ai-table .iot-table .cds--table-header-label,
ai-table .iot-table .table-head-cell-text {
  padding-left: 16px;
}

/* stylelint-disable-next-line */
ai-table tr.table-row:not(:first-of-type) {
  border-top: 2px solid var(--cds-layer-01, #f4f4f4);
}
ai-table th:not(:last-of-type) {
  border-right: 2px solid var(--cds-layer-01, #f4f4f4);
}
ai-table th:not(:last-of-type).table-selection-column {
  border-right: none;
}
ai-table .cds--table-sort, ai-table.cds--data-table--sort th:first-of-type .cds--table-sort {
  padding-left: 0;
}
ai-table.cds--data-table th button {
  align-items: flex-end;
  padding-bottom: 1rem;
}
ai-table.cds--data-table th {
  position: inherit;
}
ai-table .iot--table-head-cell {
  vertical-align: bottom;
}

.iot--view-dropdown__container {
  padding: 0 1rem;
  margin: auto 0;
}

.iot--view-dropdown__button-prefix {
  display: none;
}

.cds--list-box__field .iot--view-dropdown__button-prefix {
  display: flex;
  flex-shrink: 0;
  margin-right: 0.25rem;
}
.cds--list-box__field .iot--view-dropdown__button-prefix svg {
  margin-right: 0.5rem;
}

.iot--view-dropdown__edited-text {
  color: #8d8d8d;
}

.iot--view-dropdown__item {
  display: flex;
  justify-content: space-between;
}
.iot--view-dropdown__item span {
  display: block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.iot--view-dropdown__item-link {
  color: var(--cds-link-primary, #0f62fe);
  margin-right: -1.5rem;
}

.iot--view-dropdown__item-link-icon {
  color: var(--cds-link-primary, #0f62fe);
  fill: var(--cds-link-primary, #0f62fe);
  margin-left: 0.5rem;
  flex-shrink: 0;
}

html[dir=rtl] .cds--list-box__field .iot--view-dropdown__button-prefix {
  margin-right: 0;
  margin-left: 0.25rem;
}
html[dir=rtl] .cds--list-box__field .iot--view-dropdown__button-prefix svg {
  margin-right: 0;
  margin-left: 0.5rem;
}
html[dir=rtl] .iot--view-dropdown__item-link-icon {
  margin-right: -1.5rem;
}
html[dir=rtl] .iot--view-dropdown__item-link {
  justify-content: normal;
  margin-right: 0;
}
html[dir=rtl] .iot--view-dropdown__item-link span {
  order: 2;
}

.iot--save-view-modal__body-text {
  margin-bottom: 1.5rem;
}

.iot--save-view-modal__view-description {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  color: #6f6f6f;
}

.iot--manage-views-modal .cds--modal-content {
  padding-right: 1rem;
}

.iot--manage-views-modal .cds--modal-container {
  height: 80%;
}

.iot--manage-views-modal__filter-container {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: baseline;
}

.iot--manage-views-modal__public-checkbox {
  flex-shrink: 0;
  margin-left: 1rem;
}

html[dir=rtl] .iot--manage-views-modal__public-checkbox {
  margin-left: 0;
  margin-right: 1rem;
}

.iot--manage-views-list .iot-simple-pagination-container {
  margin: 0.25rem 0;
  border-width: 1px 0;
}

.iot--column-customization-modal .cds--modal-header__label {
  display: none;
}
.iot--column-customization-modal .cds--modal-container {
  overflow-y: hidden;
}
.iot--column-customization-modal .cds--modal-content {
  height: 100%;
  min-height: 60vh;
  background-color: #f4f4f4;
  padding: 1rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
}
.iot--column-customization-modal .iot--list-builder__container {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem);
  height: 100%;
}
.iot--column-customization-modal .iot--list-builder__all,
.iot--column-customization-modal .iot--list-builder__selected {
  height: 100%;
  max-height: 60vh;
  background-color: var(--cds-layer-01, #f4f4f4);
  padding: 0;
}
.iot--column-customization-modal .cds--modal-content .iot--list--content p {
  padding-right: 0;
}
.iot--column-customization-modal.iot--column-customization-modal--error-state .cds--modal-content {
  min-height: calc(60vh - 5rem - 2rem);
}
.iot--column-customization-modal.iot--column-customization-modal--error-state .iot--list-builder__container {
  height: calc(100% - 5rem);
}
.iot--column-customization-modal.iot--column-customization-modal--error-state .iot--list-builder__all,
.iot--column-customization-modal.iot--column-customization-modal--error-state .iot--list-builder__selected {
  min-height: calc(60vh - 5rem - 2rem);
}

.iot--threshold-icon--wrapper {
  display: flex;
}

.iot--threshold-icon--text {
  margin-left: 0.25rem;
}

.iot--table-card .iot--card--content {
  padding: 0;
}
.iot--table-card .iot--table-toolbar-secondary-title {
  font-size: var(--cds-heading-compact-02-font-size, 1rem);
  font-weight: var(--cds-heading-compact-02-font-weight, 600);
  line-height: var(--cds-heading-compact-02-line-height, 1.375);
  letter-spacing: var(--cds-heading-compact-02-letter-spacing, 0);
  padding-top: 0.75rem;
}
.iot--table-card .iot--card--content .iot--table-container {
  overflow-x: hidden;
}

.iot--table-card--with-tooltips .iot-table-container--dropdown-height-fix {
  min-height: unset;
}
.iot--table-card--with-tooltips .iot-table-container--dropdown-height-fix .cds--data-table-content {
  min-height: unset;
}
.iot--table-card--with-tooltips.iot--card--wrapper {
  overflow: visible;
}
.iot--table-card--with-tooltips .iot--table-card__table {
  overflow-y: visible;
}
.iot--table-card--with-tooltips .iot--card--content .iot--table-container {
  overflow-x: visible;
}

.iot--table-card--overflow-menu {
  margin-left: 0.5rem;
  opacity: 1;
  overflow-y: hidden;
  display: flex;
  align-items: center;
}
.iot--table-card--overflow-menu .cds--overflow-menu__icon {
  transform: none;
}

.iot--table-card--action-icon {
  cursor: pointer;
  margin-left: 0.75rem;
}
.iot--table-card--action-icon:hover {
  fill: rgb(61, 112, 178);
}

.iot--table-card--expanded-row-content {
  padding-left: 2rem;
  padding-bottom: 0.5rem;
  padding-top: 1.5rem;
}
.iot--table-card--expanded-row-content p {
  margin-bottom: 0.5rem;
  font-size: carbon--type-scale(2);
  font-weight: 600;
}

.iot--table-card--expanded {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 1rem;
}

.iot--table-card__table {
  flex: inherit;
  height: 100%;
  position: relative;
  overflow-y: hidden;
}
.iot--table-card__table .cds--pagination {
  position: absolute;
  bottom: 0;
}
.iot--table-card__table .cds--data-table-content {
  height: 90%;
}
.iot--table-card__table .cds--list-box__menu-item {
  height: 2rem;
  font-weight: normal;
}
.iot--table-card__table .cds--table-toolbar {
  padding-bottom: 0.125rem;
  padding-top: 0px;
}
.iot--table-card__table .cds--data-table th:first-of-type,
.iot--table-card__table .cds--data-table td:first-of-type {
  padding-left: 1rem;
  padding-right: 1rem;
}
.iot--table-card__table .cds--data-table thead tr {
  height: 2rem;
}
.iot--table-card__table .cds--data-table tbody tr {
  height: 2.5rem;
}
.iot--table-card__table .cds--data-table-content + .cds--pagination {
  border: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--table-card__table .cds--toolbar-search-container {
  margin-left: 1rem;
}
.iot--table-card__table .cds--data-table {
  height: 100%;
}
.iot--table-card__table .cds--data-table td {
  white-space: nowrap;
}
.iot--table-card__table .cds--data-table thead tr:nth-child(2) {
  height: 4rem;
}
.iot--table-card__table .cds--data-table thead tr:nth-child(2) th {
  padding-top: 0.3125rem;
  padding-bottom: 0.625rem;
}
.iot--table-card__table .cds--data-table thead tr:nth-child(2) th input {
  height: 2rem;
}
.iot--table-card__table .cds--data-table thead tr:nth-child(2) th div.cds--form-item {
  display: block;
}
.iot--table-card__table .cds--data-table thead tr:nth-child(2) th div.cds--form-item .cds--list-box {
  height: auto;
}
.iot--table-card__table .cds--data-table thead tr:nth-child(2) th div.cds--list-box {
  height: 2rem;
}

.iot--table-card__table--expanded {
  overflow-y: auto;
  padding-bottom: 4rem;
}
.iot--table-card__table--expanded .cds--pagination {
  position: fixed;
  bottom: 1.5625rem;
  width: calc(100% - 2.1875rem);
}

.iot--table-card__table--hide-header .cds--data-table thead {
  display: none;
}

.iot--table-card__table--with-data .cds--data-table {
  height: initial;
}
.iot--table-card__table--with-data:not(.iot--table-card__table--expanded) .cds--data-table-content {
  max-height: 32.6875rem;
}

.cds--popover-container .cds--definition-term {
  margin-inline-start: 0;
  text-decoration: none;
}
.cds--popover-container .cds--definition-term .iot--table__cell-text--truncate {
  overflow: hidden;
}

.cds--popover-container .cds--definition-term > span:first-child {
  padding-inline-start: 0;
}

.cds--popover-container .cds--definition-term > span.cds--popover-container {
  padding: 0;
}

.iot--tooltip {
  display: inline-flex;
  align-items: center;
  font-size: var(--cds-legal-01-font-size, 0.75rem);
  font-weight: var(--cds-legal-01-font-weight, 400);
  line-height: var(--cds-legal-01-line-height, 1.33333);
  letter-spacing: var(--cds-legal-01-letter-spacing, 0.32px);
  color: #393939;
}
.iot--tooltip .cds--tooltip-trigger__wrapper > div {
  display: flex;
  align-items: center;
}
.iot--tooltip--with-label .cds--tooltip {
  margin-left: 0.5rem;
}

.iot--tile-catalog--persistent-search {
  margin-bottom: 1rem;
}
.iot--tile-catalog--canvas-container {
  display: flex;
  flex-direction: row;
}
.iot--tile-catalog--tile-canvas {
  flex: 1;
}
.iot--tile-catalog--tile-canvas--featured-tile-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);
}
.iot--tile-catalog--tile-canvas--featured-tile {
  background: var(--cds-layer-accent-01, #e0e0e0);
  height: 17rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.iot--tile-catalog--tile-canvas--header {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
  justify-content: flex-end;
}
.iot--tile-catalog--tile-canvas--header--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);
  flex: 1;
}
.iot--tile-catalog--tile-canvas--header .cds--toolbar-action {
  height: 2.5rem;
  width: 2.5rem;
  margin-right: 1rem;
}
.iot--tile-catalog--tile-canvas--header--search {
  flex: 1;
  height: 2.5rem;
  width: 2.5rem;
}
.iot--tile-catalog--tile-canvas--header--search .cds--search svg {
  height: 2.5rem;
  width: 2.5rem;
  padding: 0.75rem;
}
.iot--tile-catalog--tile-canvas--header--select .cds--label {
  margin-bottom: 0;
}
.iot--tile-catalog--tile-canvas--content .cds--grid {
  padding: 0;
}
.iot--tile-catalog--tile-canvas--content .cds--row {
  padding-bottom: 1rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.iot--tile-catalog--tile-canvas--content .cds--col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.iot--tile-catalog--tile-canvas--placeholder-tile {
  background: var(--cds-layer-accent-01, #e0e0e0);
  height: 14rem;
}
.iot--tile-catalog--tile-canvas--no-placeholder-tile {
  background: var(--cds-layer-02, #ffffff);
  height: 14rem;
}
.iot--tile-catalog--tile-canvas--bottom {
  display: flex;
  justify-content: flex-end;
}
.iot--tile-catalog--filter {
  margin-left: 1rem;
  width: 13.25rem;
}
.iot--tile-catalog--filter--title {
  font-size: var(--cds-heading-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-heading-compact-01-font-weight, 600);
  line-height: var(--cds-heading-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-heading-compact-01-letter-spacing, 0.16px);
  margin-bottom: 1rem;
}
.iot--tile-catalog--filter--content {
  background: var(--cds-layer-01, #f4f4f4);
}
.iot--tile-catalog--filter--content--select {
  width: 13.25rem;
  padding: 1rem;
}
.iot--tile-catalog--filter--content--select .cds--select-input {
  width: 11.25rem;
  background: var(--cds-layer-02, #ffffff);
}
.iot--tile-catalog--filter--content--checkbox {
  border-top: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  padding: 1rem;
}
.iot--tile-catalog--filter--content .cds--link {
  padding: 1rem;
  color: var(--cds-border-interactive, #0f62fe);
}

.sample-tile {
  background: var(--cds-layer-01, #f4f4f4);
  padding: 1rem;
  height: 14rem;
}
.sample-tile--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);
  padding-bottom: 0.5rem;
}
.sample-tile--content {
  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);
}

.iot--tile-catalog--grid-container {
  display: grid;
  grid-template-columns: var(--columns);
  gap: 1rem;
}

.iot--tile-catalog {
  display: flex;
  flex-flow: column nowrap;
}

.iot--tile-catalog--header {
  background: var(--cds-layer-02, #ffffff);
  display: flex;
  height: 3rem;
}
.iot--tile-catalog--header .cds--toolbar-action:active:not([disabled]) {
  outline-color: transparent;
}
.iot--tile-catalog--header .cds--toolbar-search-container-expandable {
  max-width: 40%;
  padding: 0;
  width: auto;
}
.iot--tile-catalog--header .cds--search-input:focus {
  width: 100%;
}

.iot--tile-catalog--empty-tile {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
}
.iot--tile-catalog--empty-tile > * {
  padding-bottom: 0.5rem;
}

html[dir=rtl] .cds--tile--selectable {
  padding-left: 3rem;
  padding-right: 1rem;
}
html[dir=rtl] .cds--tile__checkmark {
  right: initial;
  left: 1rem;
}

.iot--tile-group {
  display: flex;
  flex-flow: row wrap;
  overflow-y: hidden;
}
.iot--tile-group .cds--tile {
  height: 100%;
}
.iot--tile-group > * {
  border: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  flex: 1 1 33.33%;
  min-width: 300px;
}
.iot--tile-group > label {
  border: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  outline-offset: -1px;
}

.iot--greedy-tile {
  flex: 1 1 33.33%;
  display: none;
  min-height: 0px;
  padding: 0;
  border-top: 0px;
  border-bottom: 0px;
}
@media screen and (min-width: 700px) {
  .iot--greedy-tile {
    display: flex;
  }
}
@media screen and (min-width: 1000px) {
  .iot--greedy-tile {
    flex: 1 1 66.66%;
    display: flex;
  }
}

.iot--sample-tile {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  min-height: 6rem;
  height: 100%;
  overflow: hidden;
}

.iot--sample-tile-icon {
  background-color: #dfe3e6;
  height: 100px;
  width: 100px;
  min-height: 100px;
  min-width: 100px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

.iot--sample-tile-title {
  color: var(--cds-link-primary, #0f62fe);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  padding-bottom: 0.5rem;
  max-width: calc(100vw - 20rem);
}
@media screen and (min-width: 700px) {
  .iot--sample-tile-title {
    max-width: calc(50vw - 15rem);
  }
}
@media screen and (min-width: 1000px) {
  .iot--sample-tile-title {
    max-width: calc(33.3333333333vw - 15rem);
  }
}

.iot--sample-tile-contents {
  display: flex;
  flex-flow: column nowrap;
  padding: 0 1rem;
  align-self: flex-start;
}

.iot--sample-tile-description {
  font-size: 0.875rem;
}

.extra-content {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  align-items: center;
}
.extra-content .cds--search-input {
  height: 2.5rem;
  font-size: 0.875rem;
}
.extra-content > * {
  margin-left: 1rem;
  margin-right: 1rem;
}
.extra-content .cds--form-item {
  flex-grow: 0;
  flex-basis: 20rem;
}
.extra-content .cds--content-switcher {
  width: 10rem;
  display: flex;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.extra-content .cds--content-switcher-btn {
  padding: 0 1rem;
  width: 5rem;
}

.tile-gallery--section .cds--accordion__title {
  font-size: 1rem;
  font-weight: bold;
}
.tile-gallery--section .cds--accordion__content {
  padding-left: 0;
}
.tile-gallery--section .cds--accordion__item:last-child {
  border-bottom: none;
}
.tile-gallery--section .cds--accordion__item {
  border-top: none;
}
.tile-gallery--section .cds--accordion__heading {
  border-bottom: 0.0625rem solid var(--cds-layer-accent-01, #e0e0e0);
}
.tile-gallery--section--items {
  display: flex;
  padding-bottom: 2rem;
  flex-flow: row wrap;
}

.tile-gallery-item {
  text-decoration: none;
  margin-right: 1rem;
  flex-basis: 30%;
  height: 8rem;
  min-width: 16rem;
  width: 16rem;
  position: relative;
  margin-top: 1rem;
  box-shadow: none;
  border: solid 0.0625rem var(--cds-background, #ffffff);
  padding: 1rem;
}
.tile-gallery-item .options {
  flex: 0;
  color: var(--cds-text-primary, #161616);
}
.tile-gallery-item .options .cds--overflow-menu {
  height: 2rem;
  margin-right: -0.5rem;
}
.tile-gallery-item .options .cds--inline-loading {
  flex-direction: row-reverse;
  margin-left: 0.5rem;
}
.tile-gallery-item .options .cds--inline-loading__text {
  margin-bottom: 0;
  min-width: 3.5rem;
}
.tile-gallery-item .description-card {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  color: var(--cds-layer-active-01, #c6c6c6);
}
.tile-gallery-item small {
  color: var(--cds-text-primary, #161616);
}
.tile-gallery-item .title-card {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000000;
  font-weight: bold;
  flex: 1;
  padding-right: 1rem;
  overflow-x: hidden;
}
.tile-gallery-item.cds--tile--clickable:hover,
.tile-gallery-item .tile-list-title:hover {
  background: #ffffff;
}
.tile-gallery-item .overflow-menu {
  margin-top: -0.5rem;
  margin-left: auto;
}
.tile-gallery-item .overflow-menu .cds--overflow-menu:hover {
  background-color: var(--cds-layer-accent-hover-01, #d1d1d1);
}
.tile-gallery-item.cds--link:hover {
  text-decoration: none;
}
.tile-gallery-item.tile-list-title {
  height: 5.9375rem;
  flex: 0 0 31.25rem;
  box-shadow: none;
  border-bottom: 0.0625rem solid rgb(223, 227, 230);
  background: var(--cds-layer-01, #f4f4f4);
  cursor: pointer;
  pointer-events: auto;
  touch-action: auto;
}
.tile-gallery-item.tile-list-title:hover {
  background: var(--cds-layer-accent-01, #e0e0e0);
  border-color: transparent;
}
.tile-gallery-item.tile-list-title .title-card {
  margin-left: 1rem;
}
.tile-gallery-item.tile-list-title .description-card span {
  padding-left: 2rem;
  color: var(--cds-border-strong-01, #8d8d8d);
}
.tile-gallery-item.tile-card-title {
  height: 16rem;
  flex: 0 0 16rem;
  cursor: pointer;
  pointer-events: auto;
  touch-action: auto;
}
.tile-gallery-item.tile-card-title .top-section {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--cds-layer-02, #ffffff);
  margin-bottom: 0.9375rem;
  position: relative;
  width: 100%;
  height: 12rem;
}
.tile-gallery-item.tile-card-title .thumbnail {
  display: block;
  padding-left: 0.3125rem;
}
.tile-gallery-item.tile-card-title .description-card {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: 400ms ease;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tile-gallery-item.tile-card-title .description-card span {
  color: var(--cds-background, #ffffff);
}
.tile-gallery-item.tile-card-title .description-card:hover {
  background: rgba(41, 41, 41, 0.8);
  opacity: 1;
}
.tile-gallery-item.tile-card-title .title-card {
  margin-left: 0.5rem;
  width: 11rem;
  margin-top: 0.125rem;
}
.tile-gallery-item .content-container {
  display: flex;
  min-height: 24px;
}

.cds--toggle {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.cds--toggle__label-text {
  font-size: var(--cds-label-01-font-size, 0.75rem);
  font-weight: var(--cds-label-01-font-weight, 400);
  line-height: var(--cds-label-01-line-height, 1.33333);
  letter-spacing: var(--cds-label-01-letter-spacing, 0.32px);
  display: block;
  color: var(--cds-text-secondary, #525252);
  margin-block-end: 1rem;
}

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

.cds--toggle__appearance {
  display: inline-grid;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  cursor: pointer;
  grid-template-columns: max-content max-content;
}

.cds--toggle__switch {
  position: relative;
  border-radius: 0.75rem;
  background-color: var(--cds-toggle-off, #8d8d8d);
  block-size: 1.5rem;
  inline-size: 3rem;
  transition: background-color 70ms cubic-bezier(0.2, 0, 1, 0.9);
}
.cds--toggle__switch::before {
  position: absolute;
  border-radius: 50%;
  background-color: var(--cds-icon-on-color, #ffffff);
  block-size: 1.125rem;
  content: "";
  inline-size: 1.125rem;
  inset-block-start: 0.1875rem;
  inset-inline-start: 0.1875rem;
  transition: transform 70ms cubic-bezier(0.2, 0, 1, 0.9);
}
@media screen and (prefers-reduced-motion: reduce) {
  .cds--toggle__switch::before {
    transition: none;
  }
}

.cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch::after,
.cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch::after {
  display: block;
  border-radius: 1rem;
  block-size: 100%;
  content: "";
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: 1px;
}

.cds--toggle__switch--checked {
  background-color: var(--cds-support-success, #24a148);
}
.cds--toggle__switch--checked::before {
  transform: translateX(1.5rem);
}

.cds--toggle__text {
  font-size: var(--cds-body-01-font-size, 0.875rem);
  font-weight: var(--cds-body-01-font-weight, 400);
  line-height: var(--cds-body-01-line-height, 1.42857);
  letter-spacing: var(--cds-body-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
}

.cds--toggle__appearance--sm .cds--toggle__switch {
  block-size: 1rem;
  inline-size: 2rem;
}
.cds--toggle__appearance--sm .cds--toggle__switch::before {
  block-size: 0.625rem;
  inline-size: 0.625rem;
}

.cds--toggle__appearance--sm .cds--toggle__switch--checked::before {
  transform: translateX(1rem);
}

.cds--toggle__check {
  position: absolute;
  block-size: 0.3125rem;
  fill: var(--cds-support-success, #24a148);
  inline-size: 0.375rem;
  inset-block-start: 0.375rem;
  inset-inline-end: 0.3125rem;
  visibility: hidden;
}

.cds--toggle__switch--checked .cds--toggle__check {
  visibility: visible;
}

.cds--toggle--disabled .cds--toggle__appearance {
  cursor: not-allowed;
}

.cds--toggle--disabled .cds--toggle__label-text,
.cds--toggle--disabled .cds--toggle__text {
  color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}

.cds--toggle--disabled .cds--toggle__switch {
  background-color: var(--cds-button-disabled, #c6c6c6);
}
.cds--toggle--disabled .cds--toggle__switch::before {
  background-color: var(--cds-icon-on-color-disabled, #8d8d8d);
}

.cds--toggle--disabled .cds--toggle__check {
  fill: var(--cds-button-disabled, #c6c6c6);
}

.cds--toggle--readonly .cds--toggle__appearance {
  cursor: default;
}

.cds--toggle--readonly .cds--toggle__switch {
  border: 1px solid var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
  background-color: transparent;
}
.cds--toggle--readonly .cds--toggle__switch::before {
  background-color: var(--cds-icon-primary, #161616);
  inset-block-start: 0.125rem;
  inset-inline-start: 0.125rem;
}

.cds--toggle--readonly .cds--toggle__check {
  fill: var(--cds-background, #ffffff);
  inset-block-start: 0.3125rem;
  inset-inline-end: 0.25rem;
}

.cds--toggle--readonly .cds--toggle__text {
  cursor: text;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toggle__switch,
  .cds--toggle__switch::before {
    outline: 1px solid transparent;
  }
}

@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toggle__button:focus + .cds--toggle__label .cds--toggle__switch,
  .cds--toggle:not(.cds--toggle--disabled):active .cds--toggle__switch {
    color: Highlight;
    outline: 1px solid Highlight;
  }
}

.cds--toggle--skeleton {
  display: flex;
  align-items: center;
}

.cds--toggle--skeleton .cds--toggle__skeleton-circle {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  background: var(--cds-skeleton-background, #e8e8e8);
  border-radius: 50%;
  block-size: 1.125rem;
  inline-size: 1.125rem;
}
.cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 200%;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toggle--skeleton .cds--toggle__skeleton-circle {
    background: CanvasText;
  }
  .cds--toggle--skeleton .cds--toggle__skeleton-circle::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

.cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  block-size: 0.5rem;
  inline-size: 1.5rem;
  margin-inline-start: 0.5rem;
}
.cds--toggle--skeleton .cds--toggle__skeleton-rectangle:hover, .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:focus, .cds--toggle--skeleton .cds--toggle__skeleton-rectangle:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
  position: absolute;
  animation: 3000ms ease-in-out cds--skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-inline-start: 0;
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
    animation: none;
  }
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  .cds--toggle--skeleton .cds--toggle__skeleton-rectangle {
    background: CanvasText;
  }
  .cds--toggle--skeleton .cds--toggle__skeleton-rectangle::before {
    background: Canvas;
    forced-color-adjust: none;
  }
}

[dir=rtl] .cds--toggle__switch--checked::before {
  transform: translateX(-1.5rem);
}

[dir=rtl] .cds--toggle__appearance--sm .cds--toggle__switch--checked::before {
  transform: translateX(-1rem);
}

.iot--time-picker__wrapper {
  position: relative;
}
.iot--time-picker__wrapper.iot--time-picker__wrapper--with-spinner .cds--time-picker__input-field {
  width: 5.875rem;
  padding-right: 2rem;
}
.iot--time-picker__wrapper.iot--time-picker__wrapper--updown .cds--time-picker__input-field {
  caret-color: transparent;
}
.iot--time-picker__wrapper.iot--time-picker__wrapper--show-underline .cds--time-picker--invalid .cds--time-picker__input:before {
  bottom: 1.6rem;
}
.iot--time-picker__wrapper.iot--time-picker__wrapper--show-underline .cds--time-picker__input:before {
  content: "__";
  position: absolute;
  bottom: 0.365rem;
  left: 1rem;
}
.iot--time-picker__wrapper.iot--time-picker__wrapper--show-underline.iot--time-picker__wrapper--show-underline-minutes .cds--time-picker__input:before {
  left: 2.7rem;
}
.iot--time-picker__wrapper .cds--time-picker--invalid {
  position: relative;
}
.iot--time-picker__wrapper .iot--time-picker__controls {
  position: absolute;
  left: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  bottom: 2px;
}
.iot--time-picker__wrapper .iot--time-picker__controls .iot--time-picker__controls--btn {
  border: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 1.7rem;
  height: 1.125rem;
}
.iot--time-picker__wrapper .iot--time-picker__controls .iot--time-picker__controls--btn svg {
  fill: currentColor;
  position: relative;
}
.iot--time-picker__wrapper .iot--time-picker__controls .iot--time-picker__controls--btn.up-icon svg {
  top: 0.25rem;
}
.iot--time-picker__wrapper .iot--time-picker__controls .iot--time-picker__controls--btn.down-icon svg {
  top: -0.25rem;
}
.iot--time-picker__wrapper .iot--time-picker__controls .iot--time-picker__controls--btn:focus {
  outline: 1px solid var(--cds-focus, #0f62fe);
  outline-width: 2px;
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .iot--time-picker__wrapper .iot--time-picker__controls .iot--time-picker__controls--btn:focus {
    outline-style: dotted;
  }
}
.iot--time-picker__wrapper .iot--time-picker__controls .iot--time-picker__controls--btn:hover {
  cursor: pointer;
  color: var(--cds-icon-primary, #161616);
}
.iot--time-picker__wrapper .iot--time-picker__controls .iot--time-picker__controls--btn:disabled {
  cursor: not-allowed;
}
.iot--time-picker__wrapper .cds--form-item.cds--text-input-wrapper {
  align-items: flex-start;
  width: 100%;
  margin: 0;
}

html[dir=rtl] .iot--time-picker__wrapper.iot--time-picker__wrapper--show-underline .cds--time-picker__input:before {
  left: unset;
  right: 3.7rem;
}
html[dir=rtl] .iot--time-picker__wrapper.iot--time-picker__wrapper--show-underline.iot--time-picker__wrapper--show-underline-minutes .cds--time-picker__input:before {
  left: unset;
  right: 2rem;
}
html[dir=rtl] .iot--time-picker__wrapper .iot--time-picker__controls {
  left: unset;
  right: 2px;
}

.iot--time-series-card--stateful-table {
  padding: 0 1rem 1rem;
  position: absolute;
  top: 55%;
  width: 100%;
}

.iot--time-series-card--wrapper {
  width: 100%;
  height: 100%;
}
.iot--time-series-card--wrapper .chart-wrapper g.x.axis g.tick text {
  transform: rotateY(0);
  text-anchor: initial !important;
}
.iot--time-series-card--wrapper .chart-holder {
  width: 100%;
  padding-top: 0.25rem;
}
.iot--time-series-card--wrapper .axis-title {
  font-weight: 500;
}
.iot--time-series-card--wrapper .cds--cc--chart-svg {
  width: 100%;
  height: 100%;
}
.iot--time-series-card--wrapper .cds--cc--chart-svg circle.dot.unfilled {
  opacity: 1;
}
.iot--time-series-card--wrapper .cds--cc--tooltip {
  display: initial;
}
.iot--time-series-card--wrapper g.cds--cc--zoom-bar rect.zoom-slider-bg {
  fill: #f4f4f4;
}

.iot--time-series-card--wrapper__expanded {
  height: 55%;
}

.iot--time-series-card--wrapper__lots-of-points .cds--cc--chart-svg circle.dot.unfilled {
  opacity: 0;
}

.iot--time-series-card--wrapper__editable .cds--cc--tooltip {
  display: none;
}
.iot--time-series-card--wrapper__editable .cds--cc--ruler line.ruler-line {
  display: none;
}

.iot--value-card__vertical .iot--card--content {
  overflow-x: auto;
}
.iot--value-card__content-wrapper {
  display: flex;
  width: 100%;
}
.iot--value-card__content-wrapper--vertical {
  flex-direction: column;
  padding: 0 0 1rem;
}

.iot--value-card__attribute {
  display: flex;
  height: 44px;
  align-items: baseline;
  padding-right: 1rem;
}
.iot--value-card__attribute-unit-with-icon {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0.25rem;
  min-height: 1.25rem;
}
.iot--value-card__attribute-threshold-icon {
  position: absolute;
  top: -15px;
  left: 0;
  z-index: 1;
}
.iot--value-card__attribute-label-icon {
  display: inline-flex;
  margin-right: 0.25rem;
  vertical-align: middle;
  flex-shrink: 0;
}
.iot--value-card__attribute-wrapper {
  width: var(--value-card-attribute-width);
}
.iot--value-card__attribute-wrapper--vertical {
  padding: 0 0 1.5rem 0;
}
.iot--value-card__attribute-wrapper--vertical:last-of-type {
  padding: 0;
}
.iot--value-card__attribute-wrapper--horizontal {
  padding: 0;
}
.iot--value-card__attribute_trend-icon {
  margin-right: 0.25rem;
}
.iot--value-card__attribute-label {
  font-size: 0.875rem;
  text-align: left;
  color: var(--cds-text-primary, #161616);
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  height: 1rem;
  margin-bottom: 0.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.iot--value-card__attribute-label > span {
  height: 1rem;
}
.iot--value-card__attribute-label > svg {
  margin-right: 0.25rem;
}
.iot--value-card__attribute-label--with-icon {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.iot--value-card__attribute-secondary-value {
  height: 1rem;
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
  color: var(--secondary-value-color);
}
.iot--value-card__attribute-secondary-value--link {
  cursor: pointer;
}

html[dir=rtl] .iot--value-card__attribute {
  padding-right: 0;
  padding-left: 1rem;
}

.iot--value-card__attribute-unit {
  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);
  display: inline-block;
  padding-left: 0;
  white-space: nowrap;
  min-height: 1.25rem;
}

.iot--value-card__value-renderer--wrapper {
  text-overflow: ellipsis;
  display: flex;
}
.iot--value-card__attribute-wrapper--horizontal .iot--value-card__value-renderer--wrapper {
  width: auto;
  max-width: 100%;
}
.iot--value-card__content-wrapper--vertical .iot--value-card__value-renderer--wrapper {
  overflow: hidden;
}
.iot--value-card__value-renderer--value {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--value-renderer-font-size);
  color: var(--value-renderer-color);
  line-height: calc(var(--value-renderer-font-size) * 1.2);
  overflow: hidden;
  max-height: calc(calc(var(--value-renderer-font-size) * 1.2) * (var(--value-renderer-max-lines) + 0.5));
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: var(--value-renderer-max-lines);
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  word-break: break-all;
  /* override default button styles to match span visuals when using a button */
}
.iot--value-card__value-renderer--value.cds--btn {
  padding: 0.125rem;
  flex: 1;
  white-space: nowrap;
}
.iot--value-card__value-renderer--value--vertical {
  text-align: left;
}
.iot--value-card__value-renderer--value--measurement-unit {
  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-left: 0.75rem;
}
.iot--value-card__value-renderer--boolean {
  text-transform: capitalize;
}

html[dir=rtl] .iot--value-card__value-renderer--value.iot--btn {
  padding: 0.125rem;
}

.iot--wizard-inline__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-bottom: 1.5rem;
  padding: 1rem 1rem 0 1rem;
}
.iot--wizard-inline__progress-indicator {
  padding-bottom: 1.5rem;
  padding-left: 1rem;
}
.iot--wizard-inline__sidebar {
  min-width: var(--min-width);
  width: 25%;
  padding-left: 1rem;
}

.iot--wizard-footer__buttons {
  display: flex;
  margin: auto 0 auto auto;
}

.iot--wizard-modal .cds--modal-container {
  min-width: 410px;
}
.iot--wizard-modal .cds--progress {
  /* need to pad some space for the focus outlines*/
  padding: 0.125rem;
}
.iot--wizard-modal .cds--progress-step {
  max-width: 150px;
}
.iot--wizard-modal > div + div {
  padding-top: 1rem;
}
.iot--wizard-modal .cds--modal-content {
  width: 100%;
  padding: 0 1rem;
}
.iot--wizard-modal .iot--wizard-modal__content {
  padding-top: 1rem;
  padding-left: 1rem;
  padding-bottom: 6rem;
}

html[dir=rtl] .iot--wizard-modal .cds--modal-header,
html[dir=rtl] .iot--wizard-modal .cds--modal-content {
  padding-left: 20%;
  padding-right: 3rem;
}
html[dir=rtl] .iot--wizard-modal .cds--progress-step svg {
  margin-right: 0;
  margin-left: 0.5rem;
}
html[dir=rtl] .iot--wizard-modal .iot--wizard-modal__content {
  padding-right: 1rem;
  padding-left: 0;
}

.iot--combo-chart-card__container {
  padding: 0 1rem 1rem;
  position: absolute;
  width: 100%;
  height: 100%;
}

.iot--read-only-value {
  display: block;
  margin-bottom: 1.5rem;
}
.iot--read-only-value label,
.iot--read-only-value textarea,
.iot--read-only-value div {
  display: block;
}
.iot--read-only-value label:focus-visible,
.iot--read-only-value textarea:focus-visible,
.iot--read-only-value div:focus-visible {
  outline: unset;
}
.iot--read-only-value > label {
  display: inline-block;
  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);
}
.iot--read-only-value > label > textarea,
.iot--read-only-value > label div {
  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-top: 0.25rem;
  color: var(--cds-text-primary, #161616);
  border: 0;
  background: none;
  padding-top: 0;
  padding-left: 0;
  resize: none;
}
.iot--read-only-value__inline {
  margin-bottom: 0.5rem;
}
.iot--read-only-value__inline label {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  color: var(--cds-text-secondary, #525252);
  align-items: baseline;
}
.iot--read-only-value__inline label > textarea,
.iot--read-only-value__inline label div {
  font-size: var(--cds-body-compact-01-font-size, 0.875rem);
  font-weight: var(--cds-body-compact-01-font-weight, 400);
  line-height: var(--cds-body-compact-01-line-height, 1.28572);
  letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
  color: var(--cds-text-primary, #161616);
}
.iot--read-only-value__inline.iot--read-only-value--loading label {
  align-items: flex-start;
}
.iot--read-only-value__inline_small > 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);
}
.iot--read-only-value__inline_small > label > textarea,
.iot--read-only-value__inline_small > label div {
  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);
}
.iot--read-only-value--loading label {
  width: 100%;
}
.iot--read-only-value .cds--skeleton__text {
  margin-bottom: 0.25rem;
}
.iot--read-only-value .cds--skeleton__text:last-of-type {
  margin-bottom: 0;
}

type .iot--sparkline-chart--wrapper {
  width: 100%;
  height: calc(100% - (var(--card-list-height)));
}
type .iot--sparkline-chart--wrapper--list {
  display: flex;
  margin-bottom: 0.5rem;
}
type .iot--sparkline-chart--wrapper--list > p,
type .iot--sparkline-chart--wrapper--list span {
  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);
}
type .iot--sparkline-chart--wrapper--list > p {
  color: var(--cds-text-secondary, #525252);
  padding-right: 1rem;
}

[dir=rtl] .iot--sparkline-chart--wrapper--list > p {
  color: var(--cds-text-secondary, #525252);
  padding-left: 1rem;
  padding-right: 0;
}

.iot--sparkline-chart--wrapper--list {
  display: flex;
  margin-bottom: 0.5rem;
}

.iot--sparkline-chart--wrapper--list > p {
  color: var(--cds-text-secondary, #525252);
  padding-right: 1rem;
}

.iot--sparkline-chart--wrapper--list > p,
.iot--sparkline-chart--wrapper--list span {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.33333;
  letter-spacing: 0.32px;
}

.iot--sparkline-chart--wrapper .layout-child {
  height: 100% !important;
}

.iot--stacked-area-chart--wrapper {
  width: 100%;
  height: 100%;
}

.iot--meter-chart--wrapper {
  height: 100%;
  width: 100%;
}

[dir=rtl] .iot--meter-chart--wrapper .bx--cc--meter-title .proportional-meter-total {
  text-anchor: start;
}
[dir=rtl] .iot--meter-chart--wrapper .bx--cc--meter-title .proportional-meter-title {
  text-anchor: end;
}

.iot--side-panel {
  position: relative;
  background-color: var(--cds-background, #ffffff);
  width: -moz-fit-content;
  width: fit-content;
  overflow-x: hidden;
  display: inline-block;
  min-width: 320px;
  transition: min-width 240ms, width 240ms, left 240ms, right 240ms;
  transition-timing-function: carbon--motion(standard);
}
.iot--side-panel.iot--side-panel__right {
  right: 0;
}
.iot--side-panel .panel {
  height: 100%;
}
.iot--side-panel .panel .panel-content-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.iot--side-panel .panel .panel-content {
  padding-bottom: 3rem;
}
.iot--side-panel .close-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.iot--side-panel-title {
  padding: 1rem;
  color: var(--cds-text-primary, #161616);
  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);
}
.iot--side-panel-title.iot--side-panel-title__condensed {
  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);
}
.iot--side-panel-title.iot--side-panel-title__with-close {
  padding-right: 0.5rem;
  margin-right: 3rem;
}

.iot--sidepanel__title .cds--toggletip-label {
  color: var(--cds-text-primary, #161616);
  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);
}
.iot--sidepanel__title .cds--toggletip-label.iot--side-panel-title__condensed {
  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);
}
.iot--sidepanel__title .cds--toggletip-label.iot--side-panel-title__with-close {
  padding-right: 0.5rem;
  margin-right: 3rem;
}

.cds--toggletip.iot--sidepanel__title {
  overflow: inherit;
}

.iot--side-panel-footer {
  min-width: 15.4rem;
  display: flex;
  width: 100%;
}
.iot--side-panel-footer > * {
  flex-grow: 1;
}
.iot--side-panel-footer > button.bx--btn {
  padding-right: 60px;
}
.iot--side-panel-footer :not(:last-child) {
  margin-right: 1px;
}

.iot--side-panel__drawer {
  width: 3rem;
  min-width: 3rem;
}
.iot--side-panel__drawer .panel.iot--side-panel__left .panel-content-wrapper {
  right: 320px;
  height: 100%;
  position: relative;
}
.iot--side-panel__drawer .panel.iot--side-panel__right .panel-content-wrapper {
  left: 3rem;
  height: 100%;
  position: relative;
}

.iot--side-panel__inline .panel.iot--side-panel__left {
  border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}
.iot--side-panel__inline .panel.iot--side-panel__right {
  border-left: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}

.iot--side-panel__slide-in.active .panel.iot--side-panel__left {
  border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}

.iot--side-panel__slide-in.active .panel.iot--side-panel__right {
  border-left: 1px solid var(--cds-layer-accent-01, #e0e0e0);
}

.iot--side-panel__slide-in,
.iot--side-panel__slide-over {
  min-width: 0;
  width: 0;
}
.iot--side-panel__slide-in.active,
.iot--side-panel__slide-over.active {
  width: 320px;
  min-width: 320px;
}
.iot--side-panel__slide-in.active .panel.iot--side-panel__left,
.iot--side-panel__slide-over.active .panel.iot--side-panel__left {
  left: 0;
}
.iot--side-panel__slide-in.active .panel.iot--side-panel__right,
.iot--side-panel__slide-over.active .panel.iot--side-panel__right {
  right: 0;
}
.iot--side-panel__slide-in .panel,
.iot--side-panel__slide-over .panel {
  width: 320px;
  height: 100%;
  position: relative;
  transition: width carbon--motion(standard), left carbon--motion(standard), right carbon--motion(standard);
}
.iot--side-panel__slide-in .panel.iot--side-panel__left,
.iot--side-panel__slide-over .panel.iot--side-panel__left {
  left: -320px;
}
.iot--side-panel__slide-in .panel.iot--side-panel__right,
.iot--side-panel__slide-over .panel.iot--side-panel__right {
  right: -320px;
}

.iot--side-panel__slide-over {
  position: absolute;
  z-index: 1;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.iot--sidepanel {
  background: var(--cds-layer-01, #f4f4f4);
  border-left: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  box-shadow: -2px 0 3px rgba(224, 224, 224, 0.6);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 200px;
  padding: 1rem;
  position: relative;
  transform-origin: right;
  transition: all 240ms ease-in-out;
  width: 320px;
}
.iot--sidepanel * {
  transition: opacity 240ms linear 240ms;
}
.iot--sidepanel__header {
  position: relative;
}
.iot--sidepanel__header::after {
  background-color: transparent;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: translateX(-1rem);
  transition: background-color 240ms ease-in-out, opacity 240ms linear 240ms;
  width: calc(100% + 2rem);
}
.iot--sidepanel__toggle-button, .iot--sidepanel__toggle-button.cds--popover-container:not(.cds--popover--auto-align) {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.iot--sidepanel__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);
  overflow: hidden;
  max-height: calc(1.4rem * (2 + 0.5));
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  color: var(--cds-text-primary, #161616);
  margin-bottom: 0.5rem;
  margin-right: 2rem;
  transition: all 240ms ease-in-out, opacity 240ms linear 240ms;
}
.iot--sidepanel__subtitle {
  height: calc(var(--sub-title-height) * 1px);
  margin-bottom: 1rem;
  overflow: hidden;
  transition: all 240ms ease-in-out, opacity 240ms linear 240ms;
}
.iot--sidepanel__action-bar {
  margin-bottom: 0.5rem;
  transform: translateX(-0.5rem);
  width: calc(100% + 1rem);
}
.iot--sidepanel__content {
  overflow: auto;
  padding-top: 0.5rem;
  padding-right: 1rem;
  width: calc(100% + 1rem);
}
.iot--sidepanel__footer {
  display: flex;
  margin-bottom: -1rem;
  padding-top: 1rem;
  transform: translateX(-1rem);
  width: calc(100% + 2rem);
  margin-top: auto;
}
[dir=rtl] .iot--sidepanel__footer {
  transform: translateX(1rem);
}
.iot--sidepanel__footer__secondary-button, .iot--sidepanel__footer__primary-button {
  flex: 1;
}
.iot--sidepanel__footer__secondary-button {
  margin-inline-end: 0.125rem;
}

.iot--sidepanel--closed {
  padding: 0;
  transform: scaleX(0);
  transition: all 240ms ease-in-out 150ms;
}
.iot--sidepanel--closed .iot--sidepanel__title,
.iot--sidepanel--closed .iot--sidepanel__subtitle,
.iot--sidepanel--closed .iot--sidepanel__action-bar,
.iot--sidepanel--closed .iot--sidepanel__content,
.iot--sidepanel--closed .iot--sidepanel__footer {
  opacity: 0;
  transition: opacity 240ms linear;
}

.iot--sidepanel--start {
  transform-origin: left;
  border-left: unset;
  border-right: 1px solid var(--cds-layer-accent-01, #e0e0e0);
  box-shadow: 2px 0 2px rgba(224, 224, 224, 0.6);
}

.iot--sidepanel--slide-over {
  box-shadow: -5px 0 5px rgba(224, 224, 224, 0.8);
}
.iot--sidepanel--slide-over::before {
  display: none;
}
.iot--sidepanel--slide-over.iot--sidepanel--start {
  box-shadow: 5px 0 5px rgba(224, 224, 224, 0.8);
}

.iot--sidepanel--inline.iot--sidepanel--closed {
  transform: unset;
  width: 3rem;
}
.iot--sidepanel--inline.iot--sidepanel--closed__header::after {
  display: none;
}
.iot--sidepanel--inline.iot--sidepanel--closed .iot--sidepanel__toggle-button .cds--btn.cds--btn--icon-only {
  display: block;
  opacity: 1;
  right: 0;
  top: 0;
}
.iot--sidepanel--inline.iot--sidepanel--closed .iot--sidepanel__toggle-button button {
  padding-top: 0.25rem;
  padding-inline-start: 1rem;
}

.iot--sidepanel--full-width .iot--sidepanel__content {
  width: calc(100% + 2rem);
  transform: translateX(-1rem);
}

.iot--sidepanel--condensed:not(.iot--sidepanel--closed) {
  padding: 0.5rem 1rem 1rem 1rem;
}
.iot--sidepanel--condensed:not(.iot--sidepanel--closed) .iot--sidepanel__header {
  min-height: 2.5rem;
  flex-shrink: 0;
}
.iot--sidepanel--condensed:not(.iot--sidepanel--closed) .iot--sidepanel__header::after {
  background-color: var(--cds-layer-accent-01, #e0e0e0);
}
.iot--sidepanel--condensed:not(.iot--sidepanel--closed) .iot--sidepanel__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);
  margin-bottom: 0.5rem;
  animation: line-clamper 0.35s ease-in-out forwards;
  max-height: 22px;
}
.iot--sidepanel--condensed:not(.iot--sidepanel--closed) .iot--sidepanel__subtitle {
  height: 0;
  margin-bottom: 0;
}
.iot--sidepanel--condensed:not(.iot--sidepanel--closed) .iot--sidepanel__action-bar {
  margin-bottom: 0.5rem;
}

@keyframes line-clamper {
  0% {
    -webkit-line-clamp: 2;
  }
  50% {
    -webkit-line-clamp: 2;
  }
  100% {
    -webkit-line-clamp: 1;
  }
}
.iot--code-editor-container {
  background-color: var(--cds-layer-01, #f4f4f4);
  height: 100%;
  overflow: hidden;
  min-height: 3.5rem;
  padding-top: 1rem;
}
.iot--code-editor-container .cm-gutters {
  background-color: var(--cds-layer-01, #f4f4f4);
}
.iot--code-editor-container--light {
  background-color: var(--cds-background, #ffffff);
}
.iot--code-editor-container--disabled {
  background-color: var(--cds-layer-active-01, #c6c6c6);
}
.iot--code-editor-container--disabled .view-lines.monaco-mouse-cursor-text {
  background-color: var(--cds-layer-active-01, #c6c6c6);
}
.iot--code-editor-container--disabled .view-lines.monaco-mouse-cursor-text > div > span > * {
  color: var(--cds-icon-on-color-disabled, #8d8d8d);
}
.iot--code-editor-container--disabled .cm-gutters,
.iot--code-editor-container--disabled .cm-content {
  background-color: var(--cds-text-disabled, rgba(22, 22, 22, 0.25));
}
.iot--code-editor-wrapper {
  position: relative;
  height: 100%;
}
.iot--code-editor-wrapper .monaco-editor {
  background-color: transparent;
  height: 100%;
}
.iot--code-editor-wrapper .monaco-editor .margin,
.iot--code-editor-wrapper .monaco-editor-background,
.iot--code-editor-wrapper .monaco-editor .inputarea.ime-input {
  background-color: transparent;
}
.iot--code-editor-copy {
  background-color: var(--cds-layer-01, #f4f4f4);
  z-index: 1;
}
.iot--code-editor-copy-wrapper {
  position: absolute;
  top: 0;
  right: 0;
}
.iot--code-editor-upload-wrapper {
  position: absolute;
  top: 0;
  right: 2.5rem;
}
.iot--code-editor-copy--light {
  background-color: var(--cds-background, #ffffff);
}
.iot--code-editor-copy--disabled-container {
  background-color: var(--cds-border-disabled, #c6c6c6);
}
.iot--code-editor-upload.cds--btn.cds--btn--icon-only {
  background-color: var(--cds-layer-01, #f4f4f4);
  z-index: 1;
}
.iot--code-editor-upload--light.cds--btn.cds--btn--icon-only {
  background-color: var(--cds-background, #ffffff);
}
.iot--code-editor-upload--light.cds--btn.cds--btn--icon-only:hover {
  background-color: var(--cds-layer-hover-01, #e8e8e8);
}
.iot--code-editor-upload--disabled.cds--btn.cds--btn--icon-only {
  background-color: var(--cds-layer-active-01, #c6c6c6);
}

.cds--multi-select {
  box-sizing: border-box;
}

.cds--multi-select .cds--list-box__field--wrapper {
  display: inline-flex;
  align-items: center;
  block-size: calc(100% + 1px);
  inline-size: 100%;
}

.cds--multi-select .cds--list-box__field:focus {
  outline: 2px solid transparent;
  outline-offset: -2px;
}

.cds--multi-select--filterable .cds--list-box__field {
  padding: 0;
}

.cds--multi-select .cds--tag {
  margin: 0 0.5rem 0 1rem;
  min-inline-size: auto;
}

.cds--multi-select .cds--list-box__menu {
  min-inline-size: auto;
}

.cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:first-child .cds--list-box__menu-item__option {
  padding: 0.6875rem 1rem;
  margin: 0;
  border-block-end: 1px solid var(--cds-border-subtle-01, #c6c6c6);
}

.cds--multi-select.cds--multi-select--selectall .cds--list-box__menu-item:nth-child(2) .cds--list-box__menu-item__option {
  border-block-start: none;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-wrapper {
  display: flex;
  align-items: center;
  block-size: 100%;
  inline-size: 100%;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label {
  display: inline-block;
  overflow: hidden;
  inline-size: 100%;
  padding-inline-start: 1.75rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::before {
  margin-block: 0;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox:indeterminate + .cds--checkbox-label::after {
  inset-block-start: 0.5625rem;
}

.cds--multi-select .cds--list-box__menu-item__option .cds--checkbox-label::after {
  inset-block-start: 0.3125rem;
}

.cds--multi-select .cds--list-box__menu-item__option > .cds--form-item {
  flex-direction: row;
  margin: 0;
}

.cds--multi-select .cds--list-box__menu-item .cds--checkbox:checked ~ .cds--checkbox-label-text {
  color: var(--cds-text-primary, #161616);
}

.cds--multi-select--filterable {
  transition: outline-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9);
}

.cds--multi-select--filterable.cds--combo-box .cds--text-input {
  border: 0.125rem solid transparent;
  background-clip: padding-box;
  outline: none;
}

.cds--multi-select--filterable--input-focused,
.cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
.cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
  outline: 2px solid var(--cds-focus, #0f62fe);
  outline-offset: -2px;
}
@media screen and (prefers-contrast) {
  .cds--multi-select--filterable--input-focused,
  .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=false]),
  .cds--multi-select .cds--list-box__field--wrapper--input-focused:has(button[aria-expanded=true]) {
    outline-style: dotted;
  }
}

.cds--multi-select.cds--list-box--expanded .cds--list-box__field--wrapper:has(button[aria-activedescendant]:not([aria-activedescendant=""])),
.cds--multi-select--filterable.cds--list-box--expanded:has(input[aria-activedescendant]:not([aria-activedescendant=""])) {
  outline-offset: -0.0625rem;
  outline-width: 0.0625rem;
}

.cds--multi-select--filterable.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before,
.cds--multi-select.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted::before {
  position: absolute;
  border: 2px solid var(--cds-focus, #0f62fe);
  block-size: 100%;
  border-block-start: 1px solid var(--cds-focus, #0f62fe);
  content: "";
  inline-size: 100%;
}

.cds--multi-select--filterable.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted,
.cds--multi-select.cds--multi-select--selected .cds--list-box__menu-item:first-child.cds--list-box__menu-item--highlighted {
  outline: 2px solid transparent;
  outline-offset: -2px;
}

.cds--multi-select--filterable.cds--multi-select--selected .cds--text-input,
.cds--multi-select.cds--multi-select--selected .cds--list-box__field {
  padding-inline-start: 0;
}

.cds--multi-select--filterable.cds--list-box--disabled:hover:not(.cds--multi-select--filterable) .cds--text-input {
  background-color: var(--cds-field);
}

.cds--multi-select--filterable .cds--list-box__selection--multi {
  margin: 0 0 0 1rem;
}

.cds--multi-select--filterable.cds--multi-select--inline,
.cds--multi-select--filterable.cds--multi-select--inline .cds--text-input {
  background-color: transparent;
  border-block-end: 0;
}

.cds--multi-select:not(.cds--list-box--expanded) .cds--list-box__menu {
  visibility: hidden;
}

.cds--multi-select.cds--multi-select--readonly,
.cds--multi-select.cds--multi-select--readonly:hover {
  background-color: transparent;
  border-block-end-color: var(--cds-border-subtle);
}

.cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--multi-select.cds--multi-select--readonly .cds--tag--filter,
.cds--multi-select.cds--multi-select--readonly .cds--tag__close-icon:hover {
  background-color: transparent;
  color: var(--cds-text-primary, #161616);
  cursor: default;
}

.cds--multi-select.cds--multi-select--readonly .cds--tag--filter {
  box-shadow: 0 0 0 1px var(--cds-border-subtle);
}

.cds--multi-select.cds--multi-select--readonly .cds--tag--filter svg {
  fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
}

.cds--multi-select.cds--multi-select--readonly .cds--list-box__field,
.cds--multi-select.cds--multi-select--readonly .cds--list-box__menu-icon {
  cursor: default;
}

html[dir=rtl] .cds--multi-select__wrapper .cds--tag--filter {
  margin-right: 0;
  margin-left: 0.5rem;
  padding-left: 0.125rem;
  padding-right: 0.5rem;
}
html[dir=rtl] .cds--multi-select__wrapper .cds--tag--filter > svg {
  margin-right: 0.25rem;
  margin-left: 0;
}

:root {
  --cds-ai-aura-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-background: #edf5ff;
  --cds-ai-aura-hover-end: rgba(255, 255, 255, 0);
  --cds-ai-aura-hover-start: rgba(69, 137, 255, 0.32);
  --cds-ai-aura-start: rgba(69, 137, 255, 0.1);
  --cds-ai-aura-start-sm: rgba(69, 137, 255, 0.16);
  --cds-ai-border-end: #78a9ff;
  --cds-ai-border-start: rgba(166, 200, 255, 0.64);
  --cds-ai-border-strong: #4589ff;
  --cds-ai-drop-shadow: rgba(15, 98, 254, 0.1);
  --cds-ai-inner-shadow: rgba(69, 137, 255, 0.1);
  --cds-ai-overlay: rgba(0, 17, 65, 0.5);
  --cds-ai-popover-background: #ffffff;
  --cds-ai-popover-caret-bottom: #78a9ff;
  --cds-ai-popover-caret-bottom-background: #eaf1ff;
  --cds-ai-popover-caret-bottom-background-actions: #e9effa;
  --cds-ai-popover-caret-center: #a0c3ff;
  --cds-ai-popover-shadow-outer-01: rgba(0, 67, 206, 0.06);
  --cds-ai-popover-shadow-outer-02: rgba(0, 0, 0, 0.04);
  --cds-ai-skeleton-background: #d0e2ff;
  --cds-ai-skeleton-element-background: #4589ff;
  --cds-background: #f4f4f4;
  --cds-background-active: rgba(141, 141, 141, 0.5);
  --cds-background-brand: #0f62fe;
  --cds-background-hover: rgba(141, 141, 141, 0.12);
  --cds-background-inverse: #393939;
  --cds-background-inverse-hover: #474747;
  --cds-background-selected: rgba(141, 141, 141, 0.2);
  --cds-background-selected-hover: rgba(141, 141, 141, 0.32);
  --cds-border-disabled: #c6c6c6;
  --cds-border-interactive: #0f62fe;
  --cds-border-inverse: #161616;
  --cds-border-strong-01: #8d8d8d;
  --cds-border-strong-02: #8d8d8d;
  --cds-border-strong-03: #8d8d8d;
  --cds-border-subtle-00: #c6c6c6;
  --cds-border-subtle-01: #e0e0e0;
  --cds-border-subtle-02: #c6c6c6;
  --cds-border-subtle-03: #e0e0e0;
  --cds-border-subtle-selected-01: #c6c6c6;
  --cds-border-subtle-selected-02: #c6c6c6;
  --cds-border-subtle-selected-03: #c6c6c6;
  --cds-border-tile-01: #a8a8a8;
  --cds-border-tile-02: #c6c6c6;
  --cds-border-tile-03: #a8a8a8;
  --cds-chat-avatar-agent: #393939;
  --cds-chat-avatar-bot: #6f6f6f;
  --cds-chat-avatar-user: #0f62fe;
  --cds-chat-bubble-agent: #ffffff;
  --cds-chat-bubble-border: #e0e0e0;
  --cds-chat-bubble-user: #e0e0e0;
  --cds-chat-button: #0f62fe;
  --cds-chat-button-active: rgba(141, 141, 141, 0.5);
  --cds-chat-button-hover: rgba(141, 141, 141, 0.12);
  --cds-chat-button-selected: rgba(141, 141, 141, 0.2);
  --cds-chat-button-text-hover: #0043ce;
  --cds-chat-button-text-selected: #525252;
  --cds-chat-header-background: #ffffff;
  --cds-chat-prompt-background: #ffffff;
  --cds-chat-prompt-border-end: rgba(244, 244, 244, 0);
  --cds-chat-prompt-border-start: #f4f4f4;
  --cds-chat-shell-background: #ffffff;
  --cds-field-01: #ffffff;
  --cds-field-02: #f4f4f4;
  --cds-field-03: #ffffff;
  --cds-field-hover-01: #e8e8e8;
  --cds-field-hover-02: #e8e8e8;
  --cds-field-hover-03: #e8e8e8;
  --cds-focus: #0f62fe;
  --cds-focus-inset: #ffffff;
  --cds-focus-inverse: #ffffff;
  --cds-highlight: #d0e2ff;
  --cds-icon-disabled: rgba(22, 22, 22, 0.25);
  --cds-icon-interactive: #0f62fe;
  --cds-icon-inverse: #ffffff;
  --cds-icon-on-color: #ffffff;
  --cds-icon-on-color-disabled: #8d8d8d;
  --cds-icon-primary: #161616;
  --cds-icon-secondary: #525252;
  --cds-interactive: #0f62fe;
  --cds-layer-01: #ffffff;
  --cds-layer-02: #f4f4f4;
  --cds-layer-03: #ffffff;
  --cds-layer-accent-01: #e0e0e0;
  --cds-layer-accent-02: #e0e0e0;
  --cds-layer-accent-03: #e0e0e0;
  --cds-layer-accent-active-01: #a8a8a8;
  --cds-layer-accent-active-02: #a8a8a8;
  --cds-layer-accent-active-03: #a8a8a8;
  --cds-layer-accent-hover-01: #d1d1d1;
  --cds-layer-accent-hover-02: #d1d1d1;
  --cds-layer-accent-hover-03: #d1d1d1;
  --cds-layer-active-01: #c6c6c6;
  --cds-layer-active-02: #c6c6c6;
  --cds-layer-active-03: #c6c6c6;
  --cds-layer-background-01: #f4f4f4;
  --cds-layer-background-02: #ffffff;
  --cds-layer-background-03: #f4f4f4;
  --cds-layer-hover-01: #e8e8e8;
  --cds-layer-hover-02: #e8e8e8;
  --cds-layer-hover-03: #e8e8e8;
  --cds-layer-selected-01: #e0e0e0;
  --cds-layer-selected-02: #e0e0e0;
  --cds-layer-selected-03: #e0e0e0;
  --cds-layer-selected-disabled: #8d8d8d;
  --cds-layer-selected-hover-01: #d1d1d1;
  --cds-layer-selected-hover-02: #d1d1d1;
  --cds-layer-selected-hover-03: #d1d1d1;
  --cds-layer-selected-inverse: #161616;
  --cds-link-inverse: #78a9ff;
  --cds-link-inverse-active: #f4f4f4;
  --cds-link-inverse-hover: #a6c8ff;
  --cds-link-inverse-visited: #be95ff;
  --cds-link-primary: #0f62fe;
  --cds-link-primary-hover: #0043ce;
  --cds-link-secondary: #0043ce;
  --cds-link-visited: #8a3ffc;
  --cds-overlay: rgba(22, 22, 22, 0.5);
  --cds-shadow: rgba(0, 0, 0, 0.3);
  --cds-skeleton-background: #e8e8e8;
  --cds-skeleton-element: #c6c6c6;
  --cds-support-caution-major: #ff832b;
  --cds-support-caution-minor: #f1c21b;
  --cds-support-caution-undefined: #8a3ffc;
  --cds-support-error: #da1e28;
  --cds-support-error-inverse: #fa4d56;
  --cds-support-info: #0043ce;
  --cds-support-info-inverse: #4589ff;
  --cds-support-success: #24a148;
  --cds-support-success-inverse: #42be65;
  --cds-support-warning: #f1c21b;
  --cds-support-warning-inverse: #f1c21b;
  --cds-text-disabled: rgba(22, 22, 22, 0.25);
  --cds-text-error: #da1e28;
  --cds-text-helper: #6f6f6f;
  --cds-text-inverse: #ffffff;
  --cds-text-on-color: #ffffff;
  --cds-text-on-color-disabled: #8d8d8d;
  --cds-text-placeholder: rgba(22, 22, 22, 0.4);
  --cds-text-primary: #161616;
  --cds-text-secondary: #525252;
  --cds-toggle-off: #8d8d8d;
  --cds-spacing-01: 0.125rem;
  --cds-spacing-02: 0.25rem;
  --cds-spacing-03: 0.5rem;
  --cds-spacing-04: 0.75rem;
  --cds-spacing-05: 1rem;
  --cds-spacing-06: 1.5rem;
  --cds-spacing-07: 2rem;
  --cds-spacing-08: 2.5rem;
  --cds-spacing-09: 3rem;
  --cds-spacing-10: 4rem;
  --cds-spacing-11: 5rem;
  --cds-spacing-12: 6rem;
  --cds-spacing-13: 10rem;
  --cds-fluid-spacing-01: 0;
  --cds-fluid-spacing-02: 2vw;
  --cds-fluid-spacing-03: 5vw;
  --cds-fluid-spacing-04: 10vw;
  --cds-caption-01-font-size: 0.75rem;
  --cds-caption-01-font-weight: 400;
  --cds-caption-01-line-height: 1.33333;
  --cds-caption-01-letter-spacing: 0.32px;
  --cds-caption-02-font-size: 0.875rem;
  --cds-caption-02-font-weight: 400;
  --cds-caption-02-line-height: 1.28572;
  --cds-caption-02-letter-spacing: 0.32px;
  --cds-label-01-font-size: 0.75rem;
  --cds-label-01-font-weight: 400;
  --cds-label-01-line-height: 1.33333;
  --cds-label-01-letter-spacing: 0.32px;
  --cds-label-02-font-size: 0.875rem;
  --cds-label-02-font-weight: 400;
  --cds-label-02-line-height: 1.28572;
  --cds-label-02-letter-spacing: 0.16px;
  --cds-helper-text-01-font-size: 0.75rem;
  --cds-helper-text-01-line-height: 1.33333;
  --cds-helper-text-01-letter-spacing: 0.32px;
  --cds-helper-text-02-font-size: 0.875rem;
  --cds-helper-text-02-font-weight: 400;
  --cds-helper-text-02-line-height: 1.28572;
  --cds-helper-text-02-letter-spacing: 0.16px;
  --cds-body-short-01-font-size: 0.875rem;
  --cds-body-short-01-font-weight: 400;
  --cds-body-short-01-line-height: 1.28572;
  --cds-body-short-01-letter-spacing: 0.16px;
  --cds-body-short-02-font-size: 1rem;
  --cds-body-short-02-font-weight: 400;
  --cds-body-short-02-line-height: 1.375;
  --cds-body-short-02-letter-spacing: 0;
  --cds-body-long-01-font-size: 0.875rem;
  --cds-body-long-01-font-weight: 400;
  --cds-body-long-01-line-height: 1.42857;
  --cds-body-long-01-letter-spacing: 0.16px;
  --cds-body-long-02-font-size: 1rem;
  --cds-body-long-02-font-weight: 400;
  --cds-body-long-02-line-height: 1.5;
  --cds-body-long-02-letter-spacing: 0;
  --cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-01-font-size: 0.75rem;
  --cds-code-01-font-weight: 400;
  --cds-code-01-line-height: 1.33333;
  --cds-code-01-letter-spacing: 0.32px;
  --cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;
  --cds-code-02-font-size: 0.875rem;
  --cds-code-02-font-weight: 400;
  --cds-code-02-line-height: 1.42857;
  --cds-code-02-letter-spacing: 0.32px;
  --cds-heading-01-font-size: 0.875rem;
  --cds-heading-01-font-weight: 600;
  --cds-heading-01-line-height: 1.42857;
  --cds-heading-01-letter-spacing: 0.16px;
  --cds-heading-02-font-size: 1rem;
  --cds-heading-02-font-weight: 600;
  --cds-heading-02-line-height: 1.5;
  --cds-heading-02-letter-spacing: 0;
  --cds-productive-heading-01-font-size: 0.875rem;
  --cds-productive-heading-01-font-weight: 600;
  --cds-productive-heading-01-line-height: 1.28572;
  --cds-productive-heading-01-letter-spacing: 0.16px;
  --cds-productive-heading-02-font-size: 1rem;
  --cds-productive-heading-02-font-weight: 600;
  --cds-productive-heading-02-line-height: 1.375;
  --cds-productive-heading-02-letter-spacing: 0;
  --cds-productive-heading-03-font-size: 1.25rem;
  --cds-productive-heading-03-font-weight: 400;
  --cds-productive-heading-03-line-height: 1.4;
  --cds-productive-heading-03-letter-spacing: 0;
  --cds-productive-heading-04-font-size: 1.75rem;
  --cds-productive-heading-04-font-weight: 400;
  --cds-productive-heading-04-line-height: 1.28572;
  --cds-productive-heading-04-letter-spacing: 0;
  --cds-productive-heading-05-font-size: 2rem;
  --cds-productive-heading-05-font-weight: 400;
  --cds-productive-heading-05-line-height: 1.25;
  --cds-productive-heading-05-letter-spacing: 0;
  --cds-productive-heading-06-font-size: 2.625rem;
  --cds-productive-heading-06-font-weight: 300;
  --cds-productive-heading-06-line-height: 1.199;
  --cds-productive-heading-06-letter-spacing: 0;
  --cds-productive-heading-07-font-size: 3.375rem;
  --cds-productive-heading-07-font-weight: 300;
  --cds-productive-heading-07-line-height: 1.19;
  --cds-productive-heading-07-letter-spacing: 0;
  --cds-expressive-paragraph-01-font-size: 1.5rem;
  --cds-expressive-paragraph-01-font-weight: 300;
  --cds-expressive-paragraph-01-line-height: 1.334;
  --cds-expressive-paragraph-01-letter-spacing: 0;
  --cds-expressive-heading-01-font-size: 0.875rem;
  --cds-expressive-heading-01-font-weight: 600;
  --cds-expressive-heading-01-line-height: 1.42857;
  --cds-expressive-heading-01-letter-spacing: 0.16px;
  --cds-expressive-heading-02-font-size: 1rem;
  --cds-expressive-heading-02-font-weight: 600;
  --cds-expressive-heading-02-line-height: 1.5;
  --cds-expressive-heading-02-letter-spacing: 0;
  --cds-expressive-heading-03-font-size: 1.25rem;
  --cds-expressive-heading-03-font-weight: 400;
  --cds-expressive-heading-03-line-height: 1.4;
  --cds-expressive-heading-03-letter-spacing: 0;
  --cds-expressive-heading-04-font-size: 1.75rem;
  --cds-expressive-heading-04-font-weight: 400;
  --cds-expressive-heading-04-line-height: 1.28572;
  --cds-expressive-heading-04-letter-spacing: 0;
  --cds-expressive-heading-05-font-size: 2rem;
  --cds-expressive-heading-05-font-weight: 400;
  --cds-expressive-heading-05-line-height: 1.25;
  --cds-expressive-heading-05-letter-spacing: 0;
  --cds-expressive-heading-06-font-size: 2rem;
  --cds-expressive-heading-06-font-weight: 600;
  --cds-expressive-heading-06-line-height: 1.25;
  --cds-expressive-heading-06-letter-spacing: 0;
  --cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-01-font-size: 1.25rem;
  --cds-quotation-01-font-weight: 400;
  --cds-quotation-01-line-height: 1.3;
  --cds-quotation-01-letter-spacing: 0;
  --cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-quotation-02-font-size: 2rem;
  --cds-quotation-02-font-weight: 300;
  --cds-quotation-02-line-height: 1.25;
  --cds-quotation-02-letter-spacing: 0;
  --cds-display-01-font-size: 2.625rem;
  --cds-display-01-font-weight: 300;
  --cds-display-01-line-height: 1.19;
  --cds-display-01-letter-spacing: 0;
  --cds-display-02-font-size: 2.625rem;
  --cds-display-02-font-weight: 600;
  --cds-display-02-line-height: 1.19;
  --cds-display-02-letter-spacing: 0;
  --cds-display-03-font-size: 2.625rem;
  --cds-display-03-font-weight: 300;
  --cds-display-03-line-height: 1.19;
  --cds-display-03-letter-spacing: 0;
  --cds-display-04-font-size: 2.625rem;
  --cds-display-04-font-weight: 300;
  --cds-display-04-line-height: 1.19;
  --cds-display-04-letter-spacing: 0;
  --cds-legal-01-font-size: 0.75rem;
  --cds-legal-01-font-weight: 400;
  --cds-legal-01-line-height: 1.33333;
  --cds-legal-01-letter-spacing: 0.32px;
  --cds-legal-02-font-size: 0.875rem;
  --cds-legal-02-font-weight: 400;
  --cds-legal-02-line-height: 1.28572;
  --cds-legal-02-letter-spacing: 0.16px;
  --cds-body-compact-01-font-size: 0.875rem;
  --cds-body-compact-01-font-weight: 400;
  --cds-body-compact-01-line-height: 1.28572;
  --cds-body-compact-01-letter-spacing: 0.16px;
  --cds-body-compact-02-font-size: 1rem;
  --cds-body-compact-02-font-weight: 400;
  --cds-body-compact-02-line-height: 1.375;
  --cds-body-compact-02-letter-spacing: 0;
  --cds-heading-compact-01-font-size: 0.875rem;
  --cds-heading-compact-01-font-weight: 600;
  --cds-heading-compact-01-line-height: 1.28572;
  --cds-heading-compact-01-letter-spacing: 0.16px;
  --cds-heading-compact-02-font-size: 1rem;
  --cds-heading-compact-02-font-weight: 600;
  --cds-heading-compact-02-line-height: 1.375;
  --cds-heading-compact-02-letter-spacing: 0;
  --cds-body-01-font-size: 0.875rem;
  --cds-body-01-font-weight: 400;
  --cds-body-01-line-height: 1.42857;
  --cds-body-01-letter-spacing: 0.16px;
  --cds-body-02-font-size: 1rem;
  --cds-body-02-font-weight: 400;
  --cds-body-02-line-height: 1.5;
  --cds-body-02-letter-spacing: 0;
  --cds-heading-03-font-size: 1.25rem;
  --cds-heading-03-font-weight: 400;
  --cds-heading-03-line-height: 1.4;
  --cds-heading-03-letter-spacing: 0;
  --cds-heading-04-font-size: 1.75rem;
  --cds-heading-04-font-weight: 400;
  --cds-heading-04-line-height: 1.28572;
  --cds-heading-04-letter-spacing: 0;
  --cds-heading-05-font-size: 2rem;
  --cds-heading-05-font-weight: 400;
  --cds-heading-05-line-height: 1.25;
  --cds-heading-05-letter-spacing: 0;
  --cds-heading-06-font-size: 2.625rem;
  --cds-heading-06-font-weight: 300;
  --cds-heading-06-line-height: 1.199;
  --cds-heading-06-letter-spacing: 0;
  --cds-heading-07-font-size: 3.375rem;
  --cds-heading-07-font-weight: 300;
  --cds-heading-07-line-height: 1.19;
  --cds-heading-07-letter-spacing: 0;
  --cds-fluid-heading-03-font-size: 1.25rem;
  --cds-fluid-heading-03-font-weight: 400;
  --cds-fluid-heading-03-line-height: 1.4;
  --cds-fluid-heading-03-letter-spacing: 0;
  --cds-fluid-heading-04-font-size: 1.75rem;
  --cds-fluid-heading-04-font-weight: 400;
  --cds-fluid-heading-04-line-height: 1.28572;
  --cds-fluid-heading-04-letter-spacing: 0;
  --cds-fluid-heading-05-font-size: 2rem;
  --cds-fluid-heading-05-font-weight: 400;
  --cds-fluid-heading-05-line-height: 1.25;
  --cds-fluid-heading-05-letter-spacing: 0;
  --cds-fluid-heading-06-font-size: 2rem;
  --cds-fluid-heading-06-font-weight: 600;
  --cds-fluid-heading-06-line-height: 1.25;
  --cds-fluid-heading-06-letter-spacing: 0;
  --cds-fluid-paragraph-01-font-size: 1.5rem;
  --cds-fluid-paragraph-01-font-weight: 300;
  --cds-fluid-paragraph-01-line-height: 1.334;
  --cds-fluid-paragraph-01-letter-spacing: 0;
  --cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-01-font-size: 1.25rem;
  --cds-fluid-quotation-01-font-weight: 400;
  --cds-fluid-quotation-01-line-height: 1.3;
  --cds-fluid-quotation-01-letter-spacing: 0;
  --cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;
  --cds-fluid-quotation-02-font-size: 2rem;
  --cds-fluid-quotation-02-font-weight: 300;
  --cds-fluid-quotation-02-line-height: 1.25;
  --cds-fluid-quotation-02-letter-spacing: 0;
  --cds-fluid-display-01-font-size: 2.625rem;
  --cds-fluid-display-01-font-weight: 300;
  --cds-fluid-display-01-line-height: 1.19;
  --cds-fluid-display-01-letter-spacing: 0;
  --cds-fluid-display-02-font-size: 2.625rem;
  --cds-fluid-display-02-font-weight: 600;
  --cds-fluid-display-02-line-height: 1.19;
  --cds-fluid-display-02-letter-spacing: 0;
  --cds-fluid-display-03-font-size: 2.625rem;
  --cds-fluid-display-03-font-weight: 300;
  --cds-fluid-display-03-line-height: 1.19;
  --cds-fluid-display-03-letter-spacing: 0;
  --cds-fluid-display-04-font-size: 2.625rem;
  --cds-fluid-display-04-font-weight: 300;
  --cds-fluid-display-04-line-height: 1.19;
  --cds-fluid-display-04-letter-spacing: 0;
  --cds-tag-background-red: #ffd7d9;
  --cds-tag-color-red: #a2191f;
  --cds-tag-hover-red: #ffc2c5;
  --cds-tag-background-magenta: #ffd6e8;
  --cds-tag-color-magenta: #9f1853;
  --cds-tag-hover-magenta: #ffbdda;
  --cds-tag-background-purple: #e8daff;
  --cds-tag-color-purple: #6929c4;
  --cds-tag-hover-purple: #dcc7ff;
  --cds-tag-background-blue: #d0e2ff;
  --cds-tag-color-blue: #0043ce;
  --cds-tag-hover-blue: #b8d3ff;
  --cds-tag-background-cyan: #bae6ff;
  --cds-tag-color-cyan: #00539a;
  --cds-tag-hover-cyan: #99daff;
  --cds-tag-background-teal: #9ef0f0;
  --cds-tag-color-teal: #005d5d;
  --cds-tag-hover-teal: #57e5e5;
  --cds-tag-background-green: #a7f0ba;
  --cds-tag-color-green: #0e6027;
  --cds-tag-hover-green: #74e792;
  --cds-tag-background-gray: #e0e0e0;
  --cds-tag-color-gray: #161616;
  --cds-tag-hover-gray: #d1d1d1;
  --cds-tag-border-red: #ff8389;
  --cds-tag-border-blue: #78a9ff;
  --cds-tag-border-cyan: #33b1ff;
  --cds-tag-border-teal: #08bdba;
  --cds-tag-border-green: #42be65;
  --cds-tag-border-magenta: #ff7eb6;
  --cds-tag-border-purple: #be95ff;
  --cds-tag-border-gray: #a8a8a8;
  --cds-tag-border-cool-gray: #a2a9b0;
  --cds-tag-border-warm-gray: #ada8a8;
  --cds-tag-background-cool-gray: #dde1e6;
  --cds-tag-color-cool-gray: #121619;
  --cds-tag-hover-cool-gray: #cdd3da;
  --cds-tag-background-warm-gray: #e5e0df;
  --cds-tag-color-warm-gray: #171414;
  --cds-tag-hover-warm-gray: #d8d0cf;
  --cds-button-separator: #e0e0e0;
  --cds-button-primary: #0f62fe;
  --cds-button-secondary: #393939;
  --cds-button-tertiary: #0f62fe;
  --cds-button-danger-primary: #da1e28;
  --cds-button-danger-secondary: #da1e28;
  --cds-button-danger-active: #750e13;
  --cds-button-primary-active: #002d9c;
  --cds-button-secondary-active: #6f6f6f;
  --cds-button-tertiary-active: #002d9c;
  --cds-button-danger-hover: #b81921;
  --cds-button-primary-hover: #0050e6;
  --cds-button-secondary-hover: #474747;
  --cds-button-tertiary-hover: #0050e6;
  --cds-button-disabled: #c6c6c6;
  --cds-content-switcher-background: #e0e0e0;
  --cds-content-switcher-background-hover: #d1d1d1;
  --cds-content-switcher-selected: #ffffff;
  --cds-color-scheme: light;
  --cds-alert-stroke: #b28600;
  --cds-layer-01-absolute: #ffffff;
  --cds-layer-inverse-absolute: #000000;
  --cds-null-state: none;
  --cds-grid-bg: #ffffff;
  --cds-meter-range-indicator: #a8a8a8;
  --cds-network-diagrams-background-hover: #f1f1f1;
  --cds-tooltip-line-border: #e0e0e0;
  --cds-zone-fill-01: #f4f4f4;
  --cds-zone-stroke-01: #8d8d8d;
  --cds-zone-fill-02: #e0e0e0;
  --cds-zone-stroke-02: #8d8d8d;
  --cds-zone-fill-03: #c6c6c6;
  --cds-zone-stroke-03: #8d8d8d;
  --cds-notification-background-error: #fff1f1;
  --cds-notification-background-success: #defbe6;
  --cds-notification-background-info: #edf5ff;
  --cds-notification-background-warning: #fcf4d6;
  --cds-notification-action-hover: #ffffff;
  --cds-notification-action-tertiary-inverse: #ffffff;
  --cds-notification-action-tertiary-inverse-active: #c6c6c6;
  --cds-notification-action-tertiary-inverse-hover: #f4f4f4;
  --cds-notification-action-tertiary-inverse-text: #161616;
  --cds-notification-action-tertiary-inverse-text-on-color-disabled: rgba(255, 255, 255, 0.25);
  --cds-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);
}
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
  :root {
    --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;
  }
}
/*# sourceMappingURL=carbon-addons-iot-react.css.map */