/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.visible {
  visibility: visible !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.static {
  position: static !important;
}
.container {
  width: 100% !important;
  @media (width >= 40rem) {
    max-width: 40rem !important;
  }
  @media (width >= 48rem) {
    max-width: 48rem !important;
  }
  @media (width >= 64rem) {
    max-width: 64rem !important;
  }
  @media (width >= 80rem) {
    max-width: 80rem !important;
  }
  @media (width >= 96rem) {
    max-width: 96rem !important;
  }
}
.m-auto {
  margin: auto !important;
}
.mt-100 {
  margin-top: var(--prism-spacing-100, 4px) !important;
}
.mt-200 {
  margin-top: var(--prism-spacing-200, 8px) !important;
}
.mt-300 {
  margin-top: var(--prism-spacing-300, 12px) !important;
}
.mt-400 {
  margin-top: var(--prism-spacing-400, 16px) !important;
}
.mt-600 {
  margin-top: var(--prism-spacing-600, 24px) !important;
}
.mr-50 {
  margin-right: var(--prism-spacing-50, 2px) !important;
}
.mr-200 {
  margin-right: var(--prism-spacing-200, 8px) !important;
}
.mr-400 {
  margin-right: var(--prism-spacing-400, 16px) !important;
}
.mb-100 {
  margin-bottom: var(--prism-spacing-100, 4px) !important;
}
.mb-200 {
  margin-bottom: var(--prism-spacing-200, 8px) !important;
}
.mb-300 {
  margin-bottom: var(--prism-spacing-300, 12px) !important;
}
.mb-400 {
  margin-bottom: var(--prism-spacing-400, 16px) !important;
}
.mb-600 {
  margin-bottom: var(--prism-spacing-600, 24px) !important;
}
.mb-800 {
  margin-bottom: var(--prism-spacing-800, 32px) !important;
}
.ml-100 {
  margin-left: var(--prism-spacing-100, 4px) !important;
}
.ml-200 {
  margin-left: var(--prism-spacing-200, 8px) !important;
}
.ml-600 {
  margin-left: var(--prism-spacing-600, 24px) !important;
}
.line-clamp-2 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.block {
  display: block !important;
}
.flex {
  display: flex !important;
}
.hidden {
  display: none !important;
}
.inline {
  display: inline !important;
}
.table {
  display: table !important;
}
.table-cell {
  display: table-cell !important;
}
.table-row {
  display: table-row !important;
}
.w-1\/2 {
  width: calc(1/2 * 100%) !important;
}
.w-full {
  width: 100% !important;
}
.flex-1 {
  flex: 1 !important;
}
.shrink {
  flex-shrink: 1 !important;
}
.flex-grow {
  flex-grow: 1 !important;
}
.resize {
  resize: both !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.items-center {
  align-items: center !important;
}
.items-start {
  align-items: flex-start !important;
}
.justify-around {
  justify-content: space-around !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.gap-50 {
  gap: var(--prism-spacing-50, 2px) !important;
}
.gap-100 {
  gap: var(--prism-spacing-100, 4px) !important;
}
.gap-200 {
  gap: var(--prism-spacing-200, 8px) !important;
}
.gap-300 {
  gap: var(--prism-spacing-300, 12px) !important;
}
.gap-400 {
  gap: var(--prism-spacing-400, 16px) !important;
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.border {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.p-200 {
  padding: var(--prism-spacing-200, 8px) !important;
}
.p-300 {
  padding: var(--prism-spacing-300, 12px) !important;
}
.p-500 {
  padding: var(--prism-spacing-500, 20px) !important;
}
.pt-200 {
  padding-top: var(--prism-spacing-200, 8px) !important;
}
.pr-200 {
  padding-right: var(--prism-spacing-200, 8px) !important;
}
.pb-0 {
  padding-bottom: var(--prism-spacing-0, 0) !important;
}
.pb-200 {
  padding-bottom: var(--prism-spacing-200, 8px) !important;
}
.pl-300 {
  padding-left: var(--prism-spacing-300, 12px) !important;
}
.pl-700 {
  padding-left: var(--prism-spacing-700, 28px) !important;
}
.text-center {
  text-align: center !important;
}
.text-neutral-subdued {
  color: var(--prism-color-text-neutral-subdued, #52647a) !important;
}
.blur {
  --tw-blur: blur(8px) !important;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
:root {
  --border-radius-50: 2px;
  --border-radius-100: 4px;
  --border-radius-200: 8px;
  --border-radius-300: 12px;
  --border-radius-400: 16px;
  --border-radius-circle: 50%;
  --border-radius-pill: 9999px;
  --prism-color-chart-categorical-10: #00518b;
  --prism-color-chart-categorical-11: #a37530;
  --prism-color-chart-categorical-12: #fdd886;
  --prism-color-chart-categorical-13: #7f67bf;
  --prism-color-chart-categorical-14: #58be1d;
  --prism-color-chart-categorical-15: #d7f8ae;
  --prism-color-chart-categorical-16: #a1b4c5;
  --prism-color-chart-categorical-17: #5cb9f4;
  --prism-color-chart-categorical-18: #e13038;
  --prism-color-chart-categorical-19: #1f3d57;
  --prism-color-chart-categorical-20: #2c91d4;
  --prism-color-chart-categorical-21: #ac5a03;
  --prism-color-chart-categorical-01: #157bc1;
  --prism-color-chart-categorical-02: #f9ad24;
  --prism-color-chart-categorical-03: #f74f57;
  --prism-color-chart-categorical-04: #c3b3e8;
  --prism-color-chart-categorical-05: #94e1e3;
  --prism-color-chart-categorical-06: #9a0165;
  --prism-color-chart-categorical-07: #ff9da2;
  --prism-color-chart-categorical-08: #4c657b;
  --prism-color-chart-categorical-09: #a8e07e;
  --prism-color-chart-sequential-critical-10: #a5191e;
  --prism-color-chart-sequential-critical-11: #8a0f15;
  --prism-color-chart-sequential-critical-01: #f9cdcd;
  --prism-color-chart-sequential-critical-02: #fdb7b7;
  --prism-color-chart-sequential-critical-03: #ffa1a0;
  --prism-color-chart-sequential-critical-04: #ff8a88;
  --prism-color-chart-sequential-critical-05: #ff6f6b;
  --prism-color-chart-sequential-critical-06: #f85553;
  --prism-color-chart-sequential-critical-07: #ea4041;
  --prism-color-chart-sequential-critical-08: #d62e32;
  --prism-color-chart-sequential-critical-09: #bf2227;
  --prism-color-chart-sequential-info-10: #0e3ea9;
  --prism-color-chart-sequential-info-11: #0b238e;
  --prism-color-chart-sequential-info-01: #c8defc;
  --prism-color-chart-sequential-info-02: #afd2fe;
  --prism-color-chart-sequential-info-03: #92c4ff;
  --prism-color-chart-sequential-info-04: #74b6ff;
  --prism-color-chart-sequential-info-05: #57a5ff;
  --prism-color-chart-sequential-info-06: #3e92fb;
  --prism-color-chart-sequential-info-07: #2c7feb;
  --prism-color-chart-sequential-info-08: #1f6bd8;
  --prism-color-chart-sequential-info-09: #1456c3;
  --prism-color-chart-sequential-intelligence-10: #602391;
  --prism-color-chart-sequential-intelligence-11: #490070;
  --prism-color-chart-sequential-intelligence-01: #e9e3ff;
  --prism-color-chart-sequential-intelligence-02: #dcd0ff;
  --prism-color-chart-sequential-intelligence-03: #cfbcff;
  --prism-color-chart-sequential-intelligence-04: #c2a7ff;
  --prism-color-chart-sequential-intelligence-05: #b491ff;
  --prism-color-chart-sequential-intelligence-06: #a47bf6;
  --prism-color-chart-sequential-intelligence-07: #9567e3;
  --prism-color-chart-sequential-intelligence-08: #8552cb;
  --prism-color-chart-sequential-intelligence-09: #743bae;
  --prism-color-chart-sequential-neutral-10: #383b40;
  --prism-color-chart-sequential-neutral-11: #1f2124;
  --prism-color-chart-sequential-neutral-01: #e5e9ef;
  --prism-color-chart-sequential-neutral-02: #d2d8e1;
  --prism-color-chart-sequential-neutral-03: #c0c7d3;
  --prism-color-chart-sequential-neutral-04: #adb6c2;
  --prism-color-chart-sequential-neutral-05: #9ba3b0;
  --prism-color-chart-sequential-neutral-06: #89919c;
  --prism-color-chart-sequential-neutral-07: #767d87;
  --prism-color-chart-sequential-neutral-08: #626871;
  --prism-color-chart-sequential-neutral-09: #4e535a;
  --prism-color-chart-sequential-success-10: #13663e;
  --prism-color-chart-sequential-success-11: #0d5030;
  --prism-color-chart-sequential-success-01: #c6f0d2;
  --prism-color-chart-sequential-success-02: #9fe3b4;
  --prism-color-chart-sequential-success-03: #75d998;
  --prism-color-chart-sequential-success-04: #68d190;
  --prism-color-chart-sequential-success-05: #46c47d;
  --prism-color-chart-sequential-success-06: #37b370;
  --prism-color-chart-sequential-success-07: #2aa163;
  --prism-color-chart-sequential-success-08: #1f8954;
  --prism-color-chart-sequential-success-09: #1a7b4b;
  --prism-color-chart-sequential-warning-10: #935e05;
  --prism-color-chart-sequential-warning-11: #7a500d;
  --prism-color-chart-sequential-warning-01: #ffedc6;
  --prism-color-chart-sequential-warning-02: #fedc9d;
  --prism-color-chart-sequential-warning-03: #ffc974;
  --prism-color-chart-sequential-warning-04: #ffb44a;
  --prism-color-chart-sequential-warning-05: #f9a10c;
  --prism-color-chart-sequential-warning-06: #e99201;
  --prism-color-chart-sequential-warning-07: #d68400;
  --prism-color-chart-sequential-warning-08: #c07800;
  --prism-color-chart-sequential-warning-09: #aa6b00;
  --prism-color-elevation-backdrop-default: rgba(46, 61, 75, 0.72);
  --prism-color-elevation-backdrop-inverse: rgba(255, 255, 255, 0.72);
  --prism-color-general-alpha-info-50: rgba(5, 143, 255, 0.08);
  --prism-color-general-alpha-info-100: rgba(0, 130, 255, 0.2);
  --prism-color-general-alpha-info-200: rgba(7, 137, 255, 0.33);
  --prism-color-general-alpha-info-300: rgba(3, 131, 255, 0.5);
  --prism-color-general-alpha-info-400: rgba(0, 120, 255, 0.66);
  --prism-color-general-alpha-intelligence-50: rgba(88, 38, 255, 0.06);
  --prism-color-general-alpha-intelligence-100: rgba(55, 1, 255, 0.13);
  --prism-color-general-alpha-intelligence-200: rgba(65, 7, 255, 0.21);
  --prism-color-general-alpha-intelligence-300: rgba(74, 5, 255, 0.32);
  --prism-color-general-alpha-intelligence-400: rgba(79, 3, 255, 0.42);
  --prism-color-general-alpha-inverse-50: rgba(255, 255, 255, 0.2);
  --prism-color-general-alpha-inverse-100: rgba(255, 255, 255, 0.32);
  --prism-color-general-alpha-inverse-200: rgba(255, 255, 255, 0.48);
  --prism-color-general-alpha-inverse-300: rgba(255, 255, 255, 0.64);
  --prism-color-general-alpha-inverse-400: rgba(255, 255, 255, 0.72);
  --prism-color-general-alpha-neutral-50: rgba(22, 55, 88, 0.03);
  --prism-color-general-alpha-neutral-100: rgba(5, 38, 105, 0.06);
  --prism-color-general-alpha-neutral-200: rgba(19, 46, 110, 0.11);
  --prism-color-general-alpha-neutral-300: rgba(11, 36, 86, 0.16);
  --prism-color-general-alpha-neutral-400: rgba(5, 30, 72, 0.24);
  --prism-color-general-alpha-neutral-00: rgba(22, 55, 88, 0);
  --prism-color-general-brand-50: #fff6ea;
  --prism-color-general-brand-100: #ffe6d7;
  --prism-color-general-brand-200: #fed9c3;
  --prism-color-general-brand-300: #feb488;
  --prism-color-general-brand-400: #fd9b60;
  --prism-color-general-brand-500: #fd8237;
  --prism-color-general-brand-600: #ec470a;
  --prism-color-general-brand-700: #bc2d0d;
  --prism-color-general-brand-800: #912911;
  --prism-color-general-brand-900: #6b2211;
  --prism-color-general-brand-950: #140806;
  --prism-color-general-critical-50: #fff0ee;
  --prism-color-general-critical-100: #ffdad6;
  --prism-color-general-critical-200: #ffc5c0;
  --prism-color-general-critical-300: #ffa399;
  --prism-color-general-critical-400: #fe8276;
  --prism-color-general-critical-500: #f96657;
  --prism-color-general-critical-600: #cd1c07;
  --prism-color-general-critical-700: #a12113;
  --prism-color-general-critical-800: #7d2119;
  --prism-color-general-critical-900: #611711;
  --prism-color-general-critical-950: #450c08;
  --prism-color-general-info-50: #ebf6ff;
  --prism-color-general-info-100: #cce6ff;
  --prism-color-general-info-200: #add8ff;
  --prism-color-general-info-300: #81c1ff;
  --prism-color-general-info-400: #5eaaff;
  --prism-color-general-info-500: #4297ff;
  --prism-color-general-info-600: #125fe3;
  --prism-color-general-info-700: #1549c1;
  --prism-color-general-info-800: #0d39a0;
  --prism-color-general-info-900: #0b238e;
  --prism-color-general-info-950: #061567;
  --prism-color-general-intelligence-50: #f5f2ff;
  --prism-color-general-intelligence-100: #e5deff;
  --prism-color-general-intelligence-200: #d7cbff;
  --prism-color-general-intelligence-300: #c5afff;
  --prism-color-general-intelligence-400: #b595ff;
  --prism-color-general-intelligence-500: #a87eff;
  --prism-color-general-intelligence-600: #7f31fd;
  --prism-color-general-intelligence-700: #6a0be1;
  --prism-color-general-intelligence-800: #5816a9;
  --prism-color-general-intelligence-900: #441280;
  --prism-color-general-intelligence-950: #2d0c5a;
  --prism-color-general-neutral-50: #f9fafb;
  --prism-color-general-neutral-100: #f2f4f8;
  --prism-color-general-neutral-200: #e6e9ef;
  --prism-color-general-neutral-300: #dbe0e6;
  --prism-color-general-neutral-400: #c7ced6;
  --prism-color-general-neutral-500: #a8b0bd;
  --prism-color-general-neutral-600: #66768a;
  --prism-color-general-neutral-700: #52647a;
  --prism-color-general-neutral-800: #44586d;
  --prism-color-general-neutral-900: #2e3d4b;
  --prism-color-general-neutral-950: #1f2124;
  --prism-color-general-neutral-00: #ffffff;
  --prism-color-general-success-50: #e2f9e9;
  --prism-color-general-success-100: #beedcc;
  --prism-color-general-success-200: #98e3b3;
  --prism-color-general-success-300: #5bd18d;
  --prism-color-general-success-400: #28be6d;
  --prism-color-general-success-500: #1bab60;
  --prism-color-general-success-600: #0e7744;
  --prism-color-general-success-700: #0e6039;
  --prism-color-general-success-800: #0c4c2f;
  --prism-color-general-success-900: #093a24;
  --prism-color-general-success-950: #052718;
  --prism-color-general-warning-50: #fff2d5;
  --prism-color-general-warning-100: #ffde96;
  --prism-color-general-warning-200: #ffca66;
  --prism-color-general-warning-300: #ffa926;
  --prism-color-general-warning-400: #fc8907;
  --prism-color-general-warning-500: #ef7204;
  --prism-color-general-warning-600: #b83f06;
  --prism-color-general-warning-700: #97300c;
  --prism-color-general-warning-800: #79270d;
  --prism-color-general-warning-900: #5e1c05;
  --prism-color-general-warning-950: #421102;
  --prism-shadow-brand-100: rgba(145, 41, 17, 0.1) 0px 1px 3px 0px, rgba(145, 41, 17, 0.08) 0px 1px 2px 0px;
  --prism-shadow-brand-200: rgba(145, 41, 17, 0.2) 0px 8px 16px -4px, rgba(145, 41, 17, 0.06) 0px 4px 4px -2px;
  --prism-shadow-brand-300: rgba(145, 41, 17, 0.28) 0px 24px 48px -12px;
  --prism-shadow-brand-inset: rgba(145, 41, 17, 0.16) 0px 2px 4px 0px inset;
  --prism-shadow-neutral-100: rgba(0, 0, 0, 0.08) 0px 1px 3px 0px, rgba(0, 0, 0, 0.04) 0px 1px 2px 0px;
  --prism-shadow-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-shadow-neutral-300: rgba(0, 0, 0, 0.24) 0px 24px 48px -12px;
  --prism-shadow-neutral-inset: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px inset;
  --prism-shadow-reverse-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-internal-typography-bold-font-weight: 700;
  --prism-internal-typography-medium-font-weight: 500;
  --prism-internal-typography-regular-font-weight: 400;
  --prism-internal-typography-semi-bold-font-weight: 600;
  --prism-typography-default-font-family: 'Inter', sans-serif;
  --prism-typography-heading-1-font-size: 28px;
  --prism-typography-heading-1-line-height: 36px;
  --prism-typography-heading-2-font-size: 20px;
  --prism-typography-heading-2-line-height: 28px;
  --prism-typography-heading-3-font-size: 16px;
  --prism-typography-heading-3-line-height: 24px;
  --prism-typography-heading-4-font-size: 14px;
  --prism-typography-heading-4-line-height: 20px;
  --prism-typography-paragraph-200-regular-font-size: 12px;
  --prism-typography-paragraph-200-regular-line-height: 18px;
  --prism-typography-paragraph-300-regular-font-size: 14px;
  --prism-typography-paragraph-300-regular-line-height: 20px;
  --prism-typography-paragraph-400-regular-font-size: 16px;
  --prism-typography-paragraph-400-regular-line-height: 24px;
  --prism-typography-text-200-regular-font-size: 12px;
  --prism-typography-text-200-regular-line-height: 16px;
  --prism-typography-text-300-regular-font-size: 14px;
  --prism-typography-text-300-regular-line-height: 18px;
  --prism-typography-text-400-regular-font-size: 16px;
  --prism-typography-text-400-regular-line-height: 20px;
  --prism-typography-text-500-regular-font-size: 20px;
  --prism-typography-text-500-regular-line-height: 24px;
  --prism-spacing-0: 0;
  --prism-spacing-50: 2px;
  --prism-spacing-100: 4px;
  --prism-spacing-200: 8px;
  --prism-spacing-300: 12px;
  --prism-spacing-400: 16px;
  --prism-spacing-500: 20px;
  --prism-spacing-600: 24px;
  --prism-spacing-700: 28px;
  --prism-spacing-800: 32px;
  --prism-spacing-900: 36px;
  --prism-spacing-1000: 40px;
  --gradient-brand-background: radial-gradient( 10560.62% 249.13% at 0.12% 5.08%, #fff1e0 0%, #ffebeb 55.21%, #fefbf5 100% );
  --gradient-brand-figure: linear-gradient(90deg, #fd8a44 0%, #ec470a 100%);
  --shadow-color-default: 210deg 5% 76%;
  --prism-color-background-critical-default: var(--prism-color-general-critical-100);
  --prism-color-background-critical-subdued: var(--prism-color-general-critical-50);
  --prism-color-background-info-default: var(--prism-color-general-info-100);
  --prism-color-background-info-subdued: var(--prism-color-general-info-50);
  --prism-color-background-inverse: var(--prism-color-general-neutral-900);
  --prism-color-background-neutral-default: var(--prism-color-general-neutral-200);
  --prism-color-background-neutral-subdued: var(--prism-color-general-neutral-50);
  --prism-color-background-success-default: var(--prism-color-general-success-100);
  --prism-color-background-success-subdued: var(--prism-color-general-success-50);
  --prism-color-background-warning-default: var(--prism-color-general-warning-100);
  --prism-color-background-warning-subdued: var(--prism-color-general-warning-50);
  --prism-color-border-brand-default: var(--prism-color-general-brand-200);
  --prism-color-border-brand-emphasis: var(--prism-color-general-brand-500);
  --prism-color-border-critical-default: var(--prism-color-general-critical-200);
  --prism-color-border-critical-emphasis: var(--prism-color-general-critical-500);
  --prism-color-border-info-default: var(--prism-color-general-info-200);
  --prism-color-border-info-emphasis: var(--prism-color-general-info-500);
  --prism-color-border-intelligence-default: var(--prism-color-general-intelligence-200);
  --prism-color-border-intelligence-emphasis: var(--prism-color-general-intelligence-500);
  --prism-color-border-inverse-default: var(--prism-color-general-alpha-inverse-200);
  --prism-color-border-inverse-emphasis: var(--prism-color-general-neutral-00);
  --prism-color-border-neutral-default: var(--prism-color-general-neutral-200);
  --prism-color-border-neutral-emphasis: var(--prism-color-general-neutral-300);
  --prism-color-border-success-default: var(--prism-color-general-success-200);
  --prism-color-border-success-emphasis: var(--prism-color-general-success-500);
  --prism-color-border-warning-default: var(--prism-color-general-warning-200);
  --prism-color-border-warning-emphasis: var(--prism-color-general-warning-500);
  --prism-color-chart-accent-primary-figure-default: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-accent-primary-figure-emphasis: var(--prism-color-chart-sequential-info-10);
  --prism-color-chart-accent-primary-figure-subdued: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-accent-secondary-figure-default: var(--prism-color-chart-sequential-neutral-09);
  --prism-color-chart-accent-secondary-figure-emphasis: var(--prism-color-chart-sequential-neutral-10);
  --prism-color-chart-accent-secondary-figure-subdued: var(--prism-color-chart-sequential-neutral-04);
  --prism-color-chart-demand-background-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-background-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-background-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-background-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-background-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-background-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-demand-figure-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-figure-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-figure-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-figure-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-figure-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-figure-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-background-high-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-info-background-high-emphasis: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-background-low-default: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-info-background-low-emphasis: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-background-normal-default: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-info-background-normal-emphasis: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-high: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-figure-low: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-figure-normal: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-very-high: var(--prism-color-chart-sequential-info-11);
  --prism-color-chart-intelligence-background-high-default: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-intelligence-background-high-emphasis: var(--prism-color-chart-sequential-intelligence-07);
  --prism-color-chart-intelligence-background-low-default: var(--prism-color-chart-sequential-intelligence-01);
  --prism-color-chart-intelligence-background-low-emphasis: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-background-normal-default: var(--prism-color-chart-sequential-intelligence-03);
  --prism-color-chart-intelligence-background-normal-emphasis: var(--prism-color-chart-sequential-intelligence-04);
  --prism-color-chart-intelligence-figure-high: var(--prism-color-chart-sequential-intelligence-09);
  --prism-color-chart-intelligence-figure-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-figure-normal: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-neutral-background-empty: var(--prism-color-chart-sequential-neutral-01);
  --prism-color-chart-neutral-figure-empty: var(--prism-color-chart-sequential-neutral-03);
  --prism-color-chart-status-background-critical-default: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-status-background-critical-emphasis: var(--prism-color-chart-sequential-critical-04);
  --prism-color-chart-status-background-success-default: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-background-success-emphasis: var(--prism-color-chart-sequential-success-03);
  --prism-color-chart-status-background-warning-default: var(--prism-color-chart-sequential-warning-03);
  --prism-color-chart-status-background-warning-emphasis: var(--prism-color-chart-sequential-warning-04);
  --prism-color-chart-status-figure-critical-normal: var(--prism-color-chart-sequential-critical-08);
  --prism-color-chart-status-figure-critical-low: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-status-figure-intelligence-normal: var(--prism-color-chart-sequential-intelligence-05);
  --prism-color-chart-status-figure-intelligence-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-status-figure-success-normal: var(--prism-color-chart-sequential-success-05);
  --prism-color-chart-status-figure-success-low: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-figure-warning-normal: var(--prism-color-chart-sequential-warning-05);
  --prism-color-chart-status-figure-warning-low: var(--prism-color-chart-sequential-warning-02);
  --prism-color-elevation-canvas: var(--prism-color-general-neutral-100);
  --prism-color-elevation-surface: var(--prism-color-general-neutral-00);
  --prism-color-icon-brand-default: var(--prism-color-general-brand-500);
  --prism-color-icon-brand-emphasis: var(--prism-color-general-brand-600);
  --prism-color-icon-critical-default: var(--prism-color-general-critical-500);
  --prism-color-icon-critical-emphasis: var(--prism-color-general-critical-600);
  --prism-color-icon-info-default: var(--prism-color-general-info-500);
  --prism-color-icon-info-emphasis: var(--prism-color-general-info-600);
  --prism-color-icon-intelligence-default: var(--prism-color-general-intelligence-500);
  --prism-color-icon-intelligence-emphasis: var(--prism-color-general-intelligence-600);
  --prism-color-icon-inverse: var(--prism-color-general-neutral-00);
  --prism-color-icon-neutral-default: var(--prism-color-general-neutral-800);
  --prism-color-icon-neutral-emphasis: var(--prism-color-general-neutral-900);
  --prism-color-icon-neutral-subdued: var(--prism-color-general-neutral-600);
  --prism-color-icon-success-default: var(--prism-color-general-success-500);
  --prism-color-icon-success-emphasis: var(--prism-color-general-success-600);
  --prism-color-icon-warning-default: var(--prism-color-general-warning-500);
  --prism-color-icon-warning-emphasis: var(--prism-color-general-warning-800);
  --prism-color-interactive-background-critical-hover: var(--prism-color-general-critical-700);
  --prism-color-interactive-background-critical-idle: var(--prism-color-general-critical-600);
  --prism-color-interactive-background-critical-pressed: var(--prism-color-general-critical-800);
  --prism-color-interactive-background-disabled: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-ghost-hover: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-ghost-idle: var(--prism-color-general-alpha-neutral-00);
  --prism-color-interactive-background-ghost-pressed: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-ghost-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-inverse-hover: var(--prism-color-general-alpha-inverse-100);
  --prism-color-interactive-background-inverse-idle: var(--prism-color-general-alpha-inverse-50);
  --prism-color-interactive-background-inverse-pressed: var(--prism-color-general-alpha-inverse-200);
  --prism-color-interactive-background-primary-hover: var(--prism-color-general-info-700);
  --prism-color-interactive-background-primary-idle: var(--prism-color-general-info-600);
  --prism-color-interactive-background-primary-pressed: var(--prism-color-general-info-800);
  --prism-color-interactive-background-primary-selected: var(--prism-color-general-info-800);
  --prism-color-interactive-background-secondary-hover: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-secondary-idle: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-secondary-pressed: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-secondary-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-success-hover: var(--prism-color-general-success-700);
  --prism-color-interactive-background-success-idle: var(--prism-color-general-success-600);
  --prism-color-interactive-background-success-pressed: var(--prism-color-general-success-800);
  --prism-color-interactive-background-warning-hover: var(--prism-color-general-warning-300);
  --prism-color-interactive-background-warning-idle: var(--prism-color-general-warning-200);
  --prism-color-interactive-background-warning-pressed: var(--prism-color-general-warning-400);
  --prism-color-interactive-border-critical-hover: var(--prism-color-general-critical-700);
  --prism-color-interactive-border-critical-idle: var(--prism-color-general-critical-600);
  --prism-color-interactive-border-critical-pressed: var(--prism-color-general-critical-800);
  --prism-color-interactive-border-focus: var(--prism-color-general-info-500);
  --prism-color-interactive-border-neutral-hover: var(--prism-color-general-neutral-500);
  --prism-color-interactive-border-neutral-idle: var(--prism-color-general-neutral-400);
  --prism-color-interactive-border-neutral-pressed: var(--prism-color-general-neutral-600);
  --prism-color-interactive-border-warning-hover: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-warning-idle: var(--prism-color-general-warning-400);
  --prism-color-interactive-border-warning-pressed: var(--prism-color-general-warning-600);
  --prism-color-interactive-icon-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-placeholder: var(--prism-color-general-neutral-600);
  --prism-color-interactive-text-primary-hover: var(--prism-color-general-info-700);
  --prism-color-interactive-text-primary-idle: var(--prism-color-general-info-600);
  --prism-color-interactive-text-primary-pressed: var(--prism-color-general-info-800);
  --prism-color-interactive-text-primary-selected: var(--prism-color-general-info-900);
  --prism-color-interactive-text-secondary-hover: var(--prism-color-general-neutral-800);
  --prism-color-interactive-text-secondary-idle: var(--prism-color-general-neutral-900);
  --prism-color-interactive-text-secondary-pressed: var(--prism-color-general-neutral-950);
  --prism-color-interactive-text-secondary-selected: var(--prism-color-general-neutral-950);
  --prism-color-text-brand-default: var(--prism-color-general-brand-600);
  --prism-color-text-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-text-critical-default: var(--prism-color-general-critical-600);
  --prism-color-text-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-text-info-default: var(--prism-color-general-info-600);
  --prism-color-text-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-text-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-text-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-text-inverse: var(--prism-color-general-neutral-00);
  --prism-color-text-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-text-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-text-neutral-subdued: var(--prism-color-general-neutral-700);
  --prism-color-text-success-default: var(--prism-color-general-success-600);
  --prism-color-text-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-text-warning-default: var(--prism-color-general-warning-500);
  --prism-color-text-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-gradient-background-brand-default: linear-gradient(135deg, var(--prism-color-general-brand-100) 0%, var(--prism-color-general-brand-400) 100%);
  --prism-gradient-background-brand-subdued: linear-gradient(135deg, var(--prism-color-general-brand-50) 0%, var(--prism-color-general-brand-300) 100%);
  --prism-gradient-background-intelligence-default: linear-gradient(135deg, var(--prism-color-general-intelligence-100) 0%, var(--prism-color-general-intelligence-200) 100%);
  --prism-gradient-background-intelligence-subdued: linear-gradient(135deg, var(--prism-color-general-intelligence-50) 0%, var(--prism-color-general-intelligence-100) 100%);
  --prism-gradient-chart-intelligence-background-high: linear-gradient(135deg, var(--prism-color-general-critical-400) -20%, var(--prism-color-general-intelligence-700) 100%);
  --prism-gradient-chart-intelligence-background-low: linear-gradient(135deg, var(--prism-color-general-neutral-100) -20%, var(--prism-color-general-intelligence-400) 100%);
  --prism-gradient-chart-intelligence-background-normal: linear-gradient(135deg, var(--prism-color-general-critical-300) -20%, var(--prism-color-general-intelligence-500) 100%);
  --prism-gradient-interactive-background-brand-primary-hover: linear-gradient(135deg, var(--prism-color-general-brand-600) 0%, var(--prism-color-general-brand-500) 100%);
  --prism-gradient-interactive-background-brand-primary-idle: linear-gradient(135deg, var(--prism-color-general-brand-500) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-brand-primary-pressed: linear-gradient(135deg, var(--prism-color-general-brand-700) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-intelligence-primary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-500) -20%, var(--prism-color-interactive-background-primary-idle) 100%);
  --prism-gradient-interactive-background-intelligence-secondary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-100) -20%, var(--prism-color-interactive-background-secondary-idle) 100%);
  --prism-typography-heading-1-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-heading-2-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-heading-3-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-heading-4-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-200-bold-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-200-bold-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-200-medium-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-200-medium-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-200-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-200-semi-bold-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-200-semi-bold-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-300-bold-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-300-bold-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-300-medium-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-300-medium-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-300-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-300-semi-bold-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-300-semi-bold-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-400-bold-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-400-bold-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-paragraph-400-medium-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-400-medium-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-paragraph-400-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-400-semi-bold-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-400-semi-bold-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-text-200-bold-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-200-bold-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-200-medium-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-200-medium-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-200-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-200-semi-bold-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-200-semi-bold-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-300-bold-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-300-bold-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-300-medium-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-300-medium-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-300-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-300-semi-bold-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-300-semi-bold-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-400-bold-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-400-bold-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-400-medium-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-400-medium-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-400-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-400-semi-bold-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-400-semi-bold-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-500-bold-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-500-bold-line-height: var(--prism-typography-text-500-regular-line-height);
  --prism-typography-text-500-medium-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-500-medium-line-height: var(--prism-typography-text-500-regular-line-height);
  --prism-typography-text-500-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-500-semi-bold-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-500-semi-bold-line-height: var(--prism-typography-text-500-regular-line-height);
  --gradient-brand-100: linear-gradient( 90deg, var(--prism-color-general-brand-50) 0%, #ffefe7 104.1% );
  --color-hero-chart-negative-100: var(--prism-color-general-critical-100);
  --color-hero-chart-negative-200: var(--prism-color-general-critical-200);
  --color-hero-chart-positive-100: var(--prism-color-general-success-100);
  --color-hero-chart-positive-200: var(--prism-color-general-success-200);
  --color-parity-loss-dark: var(--prism-color-general-critical-400);
  --color-parity-loss-light: var(--prism-color-general-critical-300);
  --color-parity-meet-dark: var(--prism-color-general-info-400);
  --color-parity-meet-light: var(--prism-color-general-info-300);
  --color-parity-win-light: var(--prism-color-general-warning-300);
  --prism-gradient-interactive-background-intelligence-primary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-primary-hover) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-primary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-primary-pressed) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-hover) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-pressed) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
}
:root[data-theme='dark'] {
  --border-radius-50: 2px;
  --border-radius-100: 4px;
  --border-radius-200: 8px;
  --border-radius-300: 12px;
  --border-radius-400: 16px;
  --border-radius-circle: 50%;
  --border-radius-pill: 9999px;
  --prism-color-chart-categorical-10: #00518b;
  --prism-color-chart-categorical-11: #a37530;
  --prism-color-chart-categorical-12: #fdd886;
  --prism-color-chart-categorical-13: #7f67bf;
  --prism-color-chart-categorical-14: #58be1d;
  --prism-color-chart-categorical-15: #d7f8ae;
  --prism-color-chart-categorical-16: #a1b4c5;
  --prism-color-chart-categorical-17: #5cb9f4;
  --prism-color-chart-categorical-18: #e13038;
  --prism-color-chart-categorical-19: #1f3d57;
  --prism-color-chart-categorical-20: #2c91d4;
  --prism-color-chart-categorical-21: #ac5a03;
  --prism-color-chart-categorical-01: #157bc1;
  --prism-color-chart-categorical-02: #f9ad24;
  --prism-color-chart-categorical-03: #f74f57;
  --prism-color-chart-categorical-04: #c3b3e8;
  --prism-color-chart-categorical-05: #94e1e3;
  --prism-color-chart-categorical-06: #9a0165;
  --prism-color-chart-categorical-07: #ff9da2;
  --prism-color-chart-categorical-08: #4c657b;
  --prism-color-chart-categorical-09: #a8e07e;
  --prism-color-chart-sequential-critical-10: #ffcbcb;
  --prism-color-chart-sequential-critical-11: #ffe1e1;
  --prism-color-chart-sequential-critical-01: #942331;
  --prism-color-chart-sequential-critical-02: #a82c3b;
  --prism-color-chart-sequential-critical-03: #c03847;
  --prism-color-chart-sequential-critical-04: #d54554;
  --prism-color-chart-sequential-critical-05: #e85562;
  --prism-color-chart-sequential-critical-06: #f76972;
  --prism-color-chart-sequential-critical-07: #ff8086;
  --prism-color-chart-sequential-critical-08: #ff9b9e;
  --prism-color-chart-sequential-critical-09: #ffb4b5;
  --prism-color-chart-sequential-info-10: #bfdaff;
  --prism-color-chart-sequential-info-11: #dae9ff;
  --prism-color-chart-sequential-info-01: #254c92;
  --prism-color-chart-sequential-info-02: #2659aa;
  --prism-color-chart-sequential-info-03: #2969c4;
  --prism-color-chart-sequential-info-04: #3178d7;
  --prism-color-chart-sequential-info-05: #4188e7;
  --prism-color-chart-sequential-info-06: #5699f1;
  --prism-color-chart-sequential-info-07: #6ea9f8;
  --prism-color-chart-sequential-info-08: #88bafc;
  --prism-color-chart-sequential-info-09: #a4caff;
  --prism-color-chart-sequential-intelligence-10: #e2d1f7;
  --prism-color-chart-sequential-intelligence-11: #eee4fa;
  --prism-color-chart-sequential-intelligence-01: #623d87;
  --prism-color-chart-sequential-intelligence-02: #70499a;
  --prism-color-chart-sequential-intelligence-03: #8157ae;
  --prism-color-chart-sequential-intelligence-04: #9064bf;
  --prism-color-chart-sequential-intelligence-05: #9f74cf;
  --prism-color-chart-sequential-intelligence-06: #ae86db;
  --prism-color-chart-sequential-intelligence-07: #bb97e5;
  --prism-color-chart-sequential-intelligence-08: #c8aaed;
  --prism-color-chart-sequential-intelligence-09: #d5bdf3;
  --prism-color-chart-sequential-neutral-10: #d6d8db;
  --prism-color-chart-sequential-neutral-11: #e8e8ea;
  --prism-color-chart-sequential-neutral-01: #4a4e59;
  --prism-color-chart-sequential-neutral-02: #575b67;
  --prism-color-chart-sequential-neutral-03: #666a76;
  --prism-color-chart-sequential-neutral-04: #757883;
  --prism-color-chart-sequential-neutral-05: #858892;
  --prism-color-chart-sequential-neutral-06: #9597a0;
  --prism-color-chart-sequential-neutral-07: #a4a6ae;
  --prism-color-chart-sequential-neutral-08: #b5b7bd;
  --prism-color-chart-sequential-neutral-09: #c6c7cc;
  --prism-color-chart-sequential-success-10: #c6decb;
  --prism-color-chart-sequential-success-11: #ddece0;
  --prism-color-chart-sequential-success-01: #26583b;
  --prism-color-chart-sequential-success-02: #266740;
  --prism-color-chart-sequential-success-03: #2d7849;
  --prism-color-chart-sequential-success-04: #3b8754;
  --prism-color-chart-sequential-success-05: #4f9663;
  --prism-color-chart-sequential-success-06: #66a576;
  --prism-color-chart-sequential-success-07: #7db389;
  --prism-color-chart-sequential-success-08: #94c29e;
  --prism-color-chart-sequential-success-09: #add0b5;
  --prism-color-chart-sequential-warning-10: #ffd095;
  --prism-color-chart-sequential-warning-11: #ffe4c2;
  --prism-color-chart-sequential-warning-01: #6f4500;
  --prism-color-chart-sequential-warning-02: #805100;
  --prism-color-chart-sequential-warning-03: #945f00;
  --prism-color-chart-sequential-warning-04: #a76c00;
  --prism-color-chart-sequential-warning-05: #ba7b0c;
  --prism-color-chart-sequential-warning-06: #cc8a1e;
  --prism-color-chart-sequential-warning-07: #dd9933;
  --prism-color-chart-sequential-warning-08: #ecaa4e;
  --prism-color-chart-sequential-warning-09: #f8bc6e;
  --prism-color-elevation-backdrop-default: rgba(0, 0, 0, 0.72);
  --prism-color-elevation-backdrop-inverse: rgba(255, 255, 255, 0.72);
  --prism-color-general-alpha-info-50: rgba(33, 98, 255, 0.28);
  --prism-color-general-alpha-info-100: rgba(39, 102, 255, 0.41);
  --prism-color-general-alpha-info-200: rgba(39, 100, 255, 0.59);
  --prism-color-general-alpha-info-300: rgba(39, 107, 255, 0.71);
  --prism-color-general-alpha-info-400: rgba(40, 121, 255, 0.8);
  --prism-color-general-alpha-intelligence-50: rgba(157, 93, 255, 0.23);
  --prism-color-general-alpha-intelligence-100: rgba(152, 96, 255, 0.34);
  --prism-color-general-alpha-intelligence-200: rgba(156, 103, 255, 0.47);
  --prism-color-general-alpha-intelligence-300: rgba(164, 111, 255, 0.56);
  --prism-color-general-alpha-intelligence-400: rgba(177, 125, 255, 0.64);
  --prism-color-general-alpha-inverse-50: rgba(0, 0, 0, 0.12);
  --prism-color-general-alpha-inverse-100: rgba(0, 0, 0, 0.24);
  --prism-color-general-alpha-inverse-200: rgba(0, 0, 0, 0.32);
  --prism-color-general-alpha-inverse-300: rgba(0, 0, 0, 0.56);
  --prism-color-general-alpha-inverse-400: rgba(0, 0, 0, 0.64);
  --prism-color-general-alpha-neutral-50: rgba(29, 31, 35, 0.05);
  --prism-color-general-alpha-neutral-100: rgba(189, 191, 215, 0.05);
  --prism-color-general-alpha-neutral-200: rgba(228, 230, 255, 0.1);
  --prism-color-general-alpha-neutral-300: rgba(215, 223, 255, 0.18);
  --prism-color-general-alpha-neutral-400: rgba(211, 220, 255, 0.29);
  --prism-color-general-alpha-neutral-00: rgba(255, 255, 255, 0);
  --prism-color-general-brand-50: #63241d;
  --prism-color-general-brand-100: #713129;
  --prism-color-general-brand-200: #803a30;
  --prism-color-general-brand-300: #984131;
  --prism-color-general-brand-400: #b44a31;
  --prism-color-general-brand-500: #d1532c;
  --prism-color-general-brand-600: #f76118;
  --prism-color-general-brand-700: #fe8850;
  --prism-color-general-brand-800: #ffab80;
  --prism-color-general-brand-900: #ffccb0;
  --prism-color-general-brand-950: #ffece2;
  --prism-color-general-critical-50: #562424;
  --prism-color-general-critical-100: #6e2829;
  --prism-color-general-critical-200: #8e2c2f;
  --prism-color-general-critical-300: #a92e33;
  --prism-color-general-critical-400: #c92f38;
  --prism-color-general-critical-500: #db464e;
  --prism-color-general-critical-600: #e66a73;
  --prism-color-general-critical-700: #ef8b96;
  --prism-color-general-critical-800: #f7aab5;
  --prism-color-general-critical-900: #fdcad3;
  --prism-color-general-critical-950: #ffebee;
  --prism-color-general-info-50: #1e3261;
  --prism-color-general-info-100: #213c7d;
  --prism-color-general-info-200: #2348a5;
  --prism-color-general-info-300: #2455bf;
  --prism-color-general-info-400: #2667d3;
  --prism-color-general-info-500: #2a7be0;
  --prism-color-general-info-600: #3a95ea;
  --prism-color-general-info-700: #57aff1;
  --prism-color-general-info-800: #7cc7f5;
  --prism-color-general-info-900: #a7defc;
  --prism-color-general-info-950: #dbf3ff;
  --prism-color-general-intelligence-50: #3a2d55;
  --prism-color-general-intelligence-100: #47356e;
  --prism-color-general-intelligence-200: #59418b;
  --prism-color-general-intelligence-300: #694c9f;
  --prism-color-general-intelligence-400: #7b5baf;
  --prism-color-general-intelligence-500: #8f6bbc;
  --prism-color-general-intelligence-600: #a981cc;
  --prism-color-general-intelligence-700: #c298da;
  --prism-color-general-intelligence-800: #dab1e7;
  --prism-color-general-intelligence-900: #f0cbf5;
  --prism-color-general-intelligence-950: #fee9ff;
  --prism-color-general-neutral-50: #1d1f23;
  --prism-color-general-neutral-100: #25272c;
  --prism-color-general-neutral-200: #303238;
  --prism-color-general-neutral-300: #3e414a;
  --prism-color-general-neutral-400: #525663;
  --prism-color-general-neutral-500: #646a7a;
  --prism-color-general-neutral-600: #9095a5;
  --prism-color-general-neutral-700: #acb2c1;
  --prism-color-general-neutral-800: #d2d4dd;
  --prism-color-general-neutral-900: #ebecf0;
  --prism-color-general-neutral-950: #ffffff;
  --prism-color-general-neutral-00: #15171a;
  --prism-color-general-success-50: #24382d;
  --prism-color-general-success-100: #284535;
  --prism-color-general-success-200: #2c583e;
  --prism-color-general-success-300: #2e6744;
  --prism-color-general-success-400: #33784c;
  --prism-color-general-success-500: #3e8a56;
  --prism-color-general-success-600: #52a168;
  --prism-color-general-success-700: #69b97e;
  --prism-color-general-success-800: #82d095;
  --prism-color-general-success-900: #9ee7ae;
  --prism-color-general-success-950: #c6fdd1;
  --prism-color-general-warning-50: #403022;
  --prism-color-general-warning-100: #523b27;
  --prism-color-general-warning-200: #68482a;
  --prism-color-general-warning-300: #7c532b;
  --prism-color-general-warning-400: #926129;
  --prism-color-general-warning-500: #a96f27;
  --prism-color-general-warning-600: #c58424;
  --prism-color-general-warning-700: #de9b33;
  --prism-color-general-warning-800: #efb45b;
  --prism-color-general-warning-900: #f8d195;
  --prism-color-general-warning-950: #ffedd0;
  --prism-shadow-brand-100: rgba(145, 41, 17, 0.1) 0px 1px 3px 0px, rgba(145, 41, 17, 0.08) 0px 1px 2px 0px;
  --prism-shadow-brand-200: rgba(145, 41, 17, 0.2) 0px 8px 16px -4px, rgba(145, 41, 17, 0.06) 0px 4px 4px -2px;
  --prism-shadow-brand-300: rgba(145, 41, 17, 0.28) 0px 24px 48px -12px;
  --prism-shadow-brand-inset: rgba(145, 41, 17, 0.16) 0px 2px 4px 0px inset;
  --prism-shadow-neutral-100: 0 0 0 1px rgba(255, 255, 255, 0);
  --prism-shadow-neutral-200: 0 0 0 1px rgba(255, 255, 255, 0.14), 0 4px 10px rgba(0, 0, 0, 0.4);
  --prism-shadow-neutral-300: 0 0 0 1px rgba(255, 255, 255, 0.16), 0px 4px 4px -2px rgba(0, 0, 0, 0.6);
  --prism-shadow-neutral-inset: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px inset;
  --prism-shadow-reverse-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-internal-typography-bold-font-weight: 600;
  --prism-internal-typography-medium-font-weight: 500;
  --prism-internal-typography-regular-font-weight: 400;
  --prism-internal-typography-semi-bold-font-weight: 600;
  --prism-typography-default-font-family: 'Inter', sans-serif;
  --prism-typography-heading-1-font-size: 28px;
  --prism-typography-heading-1-line-height: 36px;
  --prism-typography-heading-2-font-size: 20px;
  --prism-typography-heading-2-line-height: 28px;
  --prism-typography-heading-3-font-size: 16px;
  --prism-typography-heading-3-line-height: 24px;
  --prism-typography-heading-4-font-size: 14px;
  --prism-typography-heading-4-line-height: 20px;
  --prism-typography-paragraph-200-regular-font-size: 12px;
  --prism-typography-paragraph-200-regular-line-height: 18px;
  --prism-typography-paragraph-300-regular-font-size: 14px;
  --prism-typography-paragraph-300-regular-line-height: 20px;
  --prism-typography-paragraph-400-regular-font-size: 16px;
  --prism-typography-paragraph-400-regular-line-height: 24px;
  --prism-typography-text-200-regular-font-size: 12px;
  --prism-typography-text-200-regular-line-height: 16px;
  --prism-typography-text-300-regular-font-size: 14px;
  --prism-typography-text-300-regular-line-height: 18px;
  --prism-typography-text-400-regular-font-size: 16px;
  --prism-typography-text-400-regular-line-height: 20px;
  --prism-typography-text-500-regular-font-size: 20px;
  --prism-typography-text-500-regular-line-height: 24px;
  --prism-spacing-0: 0;
  --prism-spacing-50: 2px;
  --prism-spacing-100: 4px;
  --prism-spacing-200: 8px;
  --prism-spacing-300: 12px;
  --prism-spacing-400: 16px;
  --prism-spacing-500: 20px;
  --prism-spacing-600: 24px;
  --prism-spacing-700: 28px;
  --prism-spacing-800: 32px;
  --prism-spacing-900: 36px;
  --prism-spacing-1000: 40px;
  --shadow-color-default: 210deg 5% 76%;
  --prism-color-background-critical-default: var(--prism-color-general-critical-100);
  --prism-color-background-critical-subdued: var(--prism-color-general-critical-50);
  --prism-color-background-info-default: var(--prism-color-general-info-100);
  --prism-color-background-info-subdued: var(--prism-color-general-info-50);
  --prism-color-background-inverse: var(--prism-color-general-neutral-900);
  --prism-color-background-neutral-default: var(--prism-color-general-neutral-200);
  --prism-color-background-neutral-subdued: var(--prism-color-general-neutral-00);
  --prism-color-background-success-default: var(--prism-color-general-success-100);
  --prism-color-background-success-subdued: var(--prism-color-general-success-50);
  --prism-color-background-warning-default: var(--prism-color-general-warning-100);
  --prism-color-background-warning-subdued: var(--prism-color-general-warning-50);
  --prism-color-border-brand-default: var(--prism-color-general-brand-200);
  --prism-color-border-brand-emphasis: var(--prism-color-general-brand-500);
  --prism-color-border-critical-default: var(--prism-color-general-critical-200);
  --prism-color-border-critical-emphasis: var(--prism-color-general-critical-500);
  --prism-color-border-info-default: var(--prism-color-general-info-200);
  --prism-color-border-info-emphasis: var(--prism-color-general-info-500);
  --prism-color-border-intelligence-default: var(--prism-color-general-intelligence-200);
  --prism-color-border-intelligence-emphasis: var(--prism-color-general-intelligence-500);
  --prism-color-border-inverse-default: var(--prism-color-general-alpha-inverse-200);
  --prism-color-border-inverse-emphasis: var(--prism-color-general-neutral-00);
  --prism-color-border-neutral-default: var(--prism-color-general-alpha-neutral-300);
  --prism-color-border-neutral-emphasis: var(--prism-color-general-alpha-neutral-400);
  --prism-color-border-success-default: var(--prism-color-general-success-200);
  --prism-color-border-success-emphasis: var(--prism-color-general-success-500);
  --prism-color-border-warning-default: var(--prism-color-general-warning-200);
  --prism-color-border-warning-emphasis: var(--prism-color-general-warning-500);
  --prism-color-chart-accent-primary-figure-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-accent-primary-figure-emphasis: var(--prism-color-chart-sequential-info-10);
  --prism-color-chart-accent-primary-figure-subdued: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-accent-secondary-figure-default: var(--prism-color-chart-sequential-neutral-09);
  --prism-color-chart-accent-secondary-figure-emphasis: var(--prism-color-chart-sequential-neutral-10);
  --prism-color-chart-accent-secondary-figure-subdued: var(--prism-color-chart-sequential-neutral-04);
  --prism-color-chart-demand-background-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-background-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-background-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-background-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-background-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-background-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-demand-figure-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-figure-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-figure-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-figure-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-figure-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-figure-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-background-high-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-info-background-high-emphasis: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-background-low-default: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-info-background-low-emphasis: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-background-normal-default: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-info-background-normal-emphasis: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-high: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-figure-low: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-figure-normal: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-very-high: var(--prism-color-chart-sequential-info-11);
  --prism-color-chart-intelligence-background-high-default: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-intelligence-background-high-emphasis: var(--prism-color-chart-sequential-intelligence-07);
  --prism-color-chart-intelligence-background-low-default: var(--prism-color-chart-sequential-intelligence-01);
  --prism-color-chart-intelligence-background-low-emphasis: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-background-normal-default: var(--prism-color-chart-sequential-intelligence-03);
  --prism-color-chart-intelligence-background-normal-emphasis: var(--prism-color-chart-sequential-intelligence-04);
  --prism-color-chart-intelligence-figure-high: var(--prism-color-chart-sequential-intelligence-09);
  --prism-color-chart-intelligence-figure-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-figure-normal: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-neutral-background-empty: var(--prism-color-chart-sequential-neutral-01);
  --prism-color-chart-neutral-figure-empty: var(--prism-color-chart-sequential-neutral-03);
  --prism-color-chart-status-background-critical-default: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-status-background-critical-emphasis: var(--prism-color-chart-sequential-critical-04);
  --prism-color-chart-status-background-success-default: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-background-success-emphasis: var(--prism-color-chart-sequential-success-03);
  --prism-color-chart-status-background-warning-default: var(--prism-color-chart-sequential-warning-03);
  --prism-color-chart-status-background-warning-emphasis: var(--prism-color-chart-sequential-warning-04);
  --prism-color-chart-status-figure-critical-normal: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-status-figure-critical-low: var(--prism-color-chart-sequential-critical-02);
  --prism-color-chart-status-figure-intelligence-normal: var(--prism-color-chart-sequential-intelligence-05);
  --prism-color-chart-status-figure-intelligence-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-status-figure-success-normal: var(--prism-color-chart-sequential-success-05);
  --prism-color-chart-status-figure-success-low: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-figure-warning-normal: var(--prism-color-chart-sequential-warning-05);
  --prism-color-chart-status-figure-warning-low: var(--prism-color-chart-sequential-warning-02);
  --prism-color-elevation-canvas: var(--prism-color-general-neutral-00);
  --prism-color-elevation-surface: var(--prism-color-general-neutral-50);
  --prism-color-icon-brand-default: var(--prism-color-general-brand-700);
  --prism-color-icon-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-icon-critical-default: var(--prism-color-general-critical-700);
  --prism-color-icon-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-icon-info-default: var(--prism-color-general-info-700);
  --prism-color-icon-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-icon-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-icon-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-icon-inverse: var(--prism-color-general-neutral-00);
  --prism-color-icon-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-icon-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-icon-neutral-subdued: var(--prism-color-general-neutral-800);
  --prism-color-icon-success-default: var(--prism-color-general-success-700);
  --prism-color-icon-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-icon-warning-default: var(--prism-color-general-warning-700);
  --prism-color-icon-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-color-interactive-background-critical-hover: var(--prism-color-general-critical-800);
  --prism-color-interactive-background-critical-idle: var(--prism-color-general-critical-700);
  --prism-color-interactive-background-critical-pressed: var(--prism-color-general-critical-900);
  --prism-color-interactive-background-disabled: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-ghost-hover: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-ghost-idle: var(--prism-color-general-alpha-neutral-00);
  --prism-color-interactive-background-ghost-pressed: var(--prism-color-general-alpha-neutral-400);
  --prism-color-interactive-background-ghost-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-inverse-hover: var(--prism-color-general-alpha-inverse-200);
  --prism-color-interactive-background-inverse-idle: var(--prism-color-general-alpha-inverse-100);
  --prism-color-interactive-background-inverse-pressed: var(--prism-color-general-alpha-inverse-300);
  --prism-color-interactive-background-primary-hover: var(--prism-color-general-info-800);
  --prism-color-interactive-background-primary-idle: var(--prism-color-general-info-700);
  --prism-color-interactive-background-primary-pressed: var(--prism-color-general-info-900);
  --prism-color-interactive-background-primary-selected: var(--prism-color-general-info-900);
  --prism-color-interactive-background-secondary-hover: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-secondary-idle: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-secondary-pressed: var(--prism-color-general-alpha-neutral-400);
  --prism-color-interactive-background-secondary-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-success-hover: var(--prism-color-general-success-800);
  --prism-color-interactive-background-success-idle: var(--prism-color-general-success-700);
  --prism-color-interactive-background-success-pressed: var(--prism-color-general-success-900);
  --prism-color-interactive-background-warning-hover: var(--prism-color-general-warning-400);
  --prism-color-interactive-background-warning-idle: var(--prism-color-general-warning-300);
  --prism-color-interactive-background-warning-pressed: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-critical-hover: var(--prism-color-general-critical-700);
  --prism-color-interactive-border-critical-idle: var(--prism-color-general-critical-600);
  --prism-color-interactive-border-critical-pressed: var(--prism-color-general-critical-800);
  --prism-color-interactive-border-focus: var(--prism-color-general-info-500);
  --prism-color-interactive-border-neutral-hover: var(--prism-color-general-neutral-500);
  --prism-color-interactive-border-neutral-idle: var(--prism-color-general-neutral-400);
  --prism-color-interactive-border-neutral-pressed: var(--prism-color-general-neutral-600);
  --prism-color-interactive-border-warning-hover: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-warning-idle: var(--prism-color-general-warning-400);
  --prism-color-interactive-border-warning-pressed: var(--prism-color-general-warning-600);
  --prism-color-interactive-icon-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-placeholder: var(--prism-color-general-neutral-600);
  --prism-color-interactive-text-primary-hover: var(--prism-color-general-info-800);
  --prism-color-interactive-text-primary-idle: var(--prism-color-general-info-700);
  --prism-color-interactive-text-primary-pressed: var(--prism-color-general-info-900);
  --prism-color-interactive-text-primary-selected: var(--prism-color-general-info-950);
  --prism-color-interactive-text-secondary-hover: var(--prism-color-general-neutral-800);
  --prism-color-interactive-text-secondary-idle: var(--prism-color-general-neutral-900);
  --prism-color-interactive-text-secondary-pressed: var(--prism-color-general-neutral-950);
  --prism-color-interactive-text-secondary-selected: var(--prism-color-general-neutral-950);
  --prism-color-text-brand-default: var(--prism-color-general-brand-700);
  --prism-color-text-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-text-critical-default: var(--prism-color-general-critical-700);
  --prism-color-text-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-text-info-default: var(--prism-color-general-info-700);
  --prism-color-text-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-text-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-text-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-text-inverse: var(--prism-color-general-neutral-00);
  --prism-color-text-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-text-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-text-neutral-subdued: var(--prism-color-general-neutral-800);
  --prism-color-text-success-default: var(--prism-color-general-success-700);
  --prism-color-text-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-text-warning-default: var(--prism-color-general-warning-700);
  --prism-color-text-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-gradient-background-brand-default: linear-gradient(135deg, var(--prism-color-general-brand-100) 0%, var(--prism-color-general-brand-400) 100%);
  --prism-gradient-background-brand-subdued: linear-gradient(135deg, var(--prism-color-general-brand-50) 0%, var(--prism-color-general-brand-300) 100%);
  --prism-gradient-background-intelligence-default: linear-gradient(135deg, var(--prism-color-general-intelligence-100) 0%, var(--prism-color-general-intelligence-200) 100%);
  --prism-gradient-background-intelligence-subdued: linear-gradient(135deg, var(--prism-color-general-intelligence-50) 0%, var(--prism-color-general-intelligence-100) 100%);
  --prism-gradient-chart-intelligence-background-high: linear-gradient(135deg, var(--prism-color-general-critical-400) -20%, var(--prism-color-general-intelligence-700) 100%);
  --prism-gradient-chart-intelligence-background-low: linear-gradient(135deg, var(--prism-color-general-neutral-100) -20%, var(--prism-color-general-intelligence-400) 100%);
  --prism-gradient-chart-intelligence-background-normal: linear-gradient(135deg, var(--prism-color-general-critical-300) -20%, var(--prism-color-general-intelligence-500) 100%);
  --prism-gradient-interactive-background-brand-primary-hover: linear-gradient(135deg, var(--prism-color-general-brand-600) 0%, var(--prism-color-general-brand-500) 100%);
  --prism-gradient-interactive-background-brand-primary-idle: linear-gradient(135deg, var(--prism-color-general-brand-500) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-brand-primary-pressed: linear-gradient(135deg, var(--prism-color-general-brand-700) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-intelligence-primary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-500) -20%, var(--prism-color-interactive-background-primary-idle) 100%);
  --prism-gradient-interactive-background-intelligence-secondary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-100) -20%, var(--prism-color-interactive-background-secondary-idle) 100%);
  --prism-typography-heading-1-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-heading-2-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-heading-3-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-heading-4-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-200-bold-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-200-bold-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-200-medium-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-200-medium-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-200-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-200-semi-bold-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-200-semi-bold-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-300-bold-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-300-bold-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-300-medium-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-300-medium-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-300-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-300-semi-bold-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-300-semi-bold-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-400-bold-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-400-bold-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-paragraph-400-medium-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-400-medium-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-paragraph-400-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-400-semi-bold-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-400-semi-bold-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-text-200-bold-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-200-bold-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-200-medium-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-200-medium-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-200-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-200-semi-bold-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-200-semi-bold-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-300-bold-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-300-bold-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-300-medium-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-300-medium-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-300-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-300-semi-bold-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-300-semi-bold-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-400-bold-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-400-bold-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-400-medium-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-400-medium-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-400-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-400-semi-bold-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-400-semi-bold-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-500-bold-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-500-bold-line-height: var(--prism-typography-text-500-regular-line-height);
  --prism-typography-text-500-medium-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-500-medium-line-height: var(--prism-typography-text-500-regular-line-height);
  --prism-typography-text-500-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-500-semi-bold-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-500-semi-bold-line-height: var(--prism-typography-text-500-regular-line-height);
  --gradient-brand-100: linear-gradient( 90deg, var(--prism-color-general-brand-50) 0%, var(--prism-color-general-brand-100) 104.1% );
  --gradient-brand-background: var(--prism-color-general-brand-50);
  --gradient-brand-figure: linear-gradient(90deg, var(--prism-color-general-brand-600) 0%, var(--prism-color-general-brand-700) 100%);
  --color-hero-chart-negative-100: var(--prism-color-general-critical-100);
  --color-hero-chart-negative-200: var(--prism-color-general-critical-200);
  --color-hero-chart-positive-100: var(--prism-color-general-success-100);
  --color-hero-chart-positive-200: var(--prism-color-general-success-200);
  --color-parity-loss-dark: var(--prism-color-general-critical-400);
  --color-parity-loss-light: var(--prism-color-general-critical-300);
  --color-parity-meet-dark: var(--prism-color-general-info-400);
  --color-parity-meet-light: var(--prism-color-general-info-300);
  --color-parity-win-light: var(--prism-color-general-warning-300);
  --prism-gradient-interactive-background-intelligence-primary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-primary-hover) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-primary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-primary-pressed) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-hover) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-pressed) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
}
:root[data-theme='highcontrast-light'] {
  --border-radius-50: 2px;
  --border-radius-100: 4px;
  --border-radius-200: 8px;
  --border-radius-300: 12px;
  --border-radius-400: 16px;
  --border-radius-circle: 50%;
  --border-radius-pill: 9999px;
  --prism-color-chart-categorical-10: #00518b;
  --prism-color-chart-categorical-11: #a37530;
  --prism-color-chart-categorical-12: #fdd886;
  --prism-color-chart-categorical-13: #7f67bf;
  --prism-color-chart-categorical-14: #58be1d;
  --prism-color-chart-categorical-15: #d7f8ae;
  --prism-color-chart-categorical-16: #a1b4c5;
  --prism-color-chart-categorical-17: #5cb9f4;
  --prism-color-chart-categorical-18: #e13038;
  --prism-color-chart-categorical-19: #1f3d57;
  --prism-color-chart-categorical-20: #2c91d4;
  --prism-color-chart-categorical-21: #ac5a03;
  --prism-color-chart-categorical-01: #157bc1;
  --prism-color-chart-categorical-02: #f9ad24;
  --prism-color-chart-categorical-03: #f74f57;
  --prism-color-chart-categorical-04: #c3b3e8;
  --prism-color-chart-categorical-05: #94e1e3;
  --prism-color-chart-categorical-06: #9a0165;
  --prism-color-chart-categorical-07: #ff9da2;
  --prism-color-chart-categorical-08: #4c657b;
  --prism-color-chart-categorical-09: #a8e07e;
  --prism-color-chart-sequential-critical-10: #9c4047;
  --prism-color-chart-sequential-critical-11: #884649;
  --prism-color-chart-sequential-critical-01: #d4aea9;
  --prism-color-chart-sequential-critical-02: #cc968f;
  --prism-color-chart-sequential-critical-03: #cb817a;
  --prism-color-chart-sequential-critical-04: #d46860;
  --prism-color-chart-sequential-critical-05: #e1463f;
  --prism-color-chart-sequential-critical-06: #ea0c21;
  --prism-color-chart-sequential-critical-07: #df001b;
  --prism-color-chart-sequential-critical-08: #c62a33;
  --prism-color-chart-sequential-critical-09: #b1373e;
  --prism-color-chart-sequential-info-10: #216486;
  --prism-color-chart-sequential-info-11: #325e77;
  --prism-color-chart-sequential-info-01: #92bfc7;
  --prism-color-chart-sequential-info-02: #6eadc1;
  --prism-color-chart-sequential-info-03: #4a9fba;
  --prism-color-chart-sequential-info-04: #0096bc;
  --prism-color-chart-sequential-info-05: #008abb;
  --prism-color-chart-sequential-info-06: #0080c0;
  --prism-color-chart-sequential-info-07: #0078af;
  --prism-color-chart-sequential-info-08: #006fa8;
  --prism-color-chart-sequential-info-09: #006a99;
  --prism-color-chart-sequential-intelligence-10: #5a53a6;
  --prism-color-chart-sequential-intelligence-11: #56538d;
  --prism-color-chart-sequential-intelligence-01: #b3b4d8;
  --prism-color-chart-sequential-intelligence-02: #9d9fd1;
  --prism-color-chart-sequential-intelligence-03: #8b90ce;
  --prism-color-chart-sequential-intelligence-04: #7f81d0;
  --prism-color-chart-sequential-intelligence-05: #7474d5;
  --prism-color-chart-sequential-intelligence-06: #6b66e0;
  --prism-color-chart-sequential-intelligence-07: #6257ec;
  --prism-color-chart-sequential-intelligence-08: #6151e2;
  --prism-color-chart-sequential-intelligence-09: #5d53c4;
  --prism-color-chart-sequential-neutral-10: #5e5e5e;
  --prism-color-chart-sequential-neutral-11: #5a5a5a;
  --prism-color-chart-sequential-neutral-01: #b7b7b7;
  --prism-color-chart-sequential-neutral-02: #a3a3a3;
  --prism-color-chart-sequential-neutral-03: #949494;
  --prism-color-chart-sequential-neutral-04: #898989;
  --prism-color-chart-sequential-neutral-05: #7f7f7f;
  --prism-color-chart-sequential-neutral-06: #767676;
  --prism-color-chart-sequential-neutral-07: #6f6f6f;
  --prism-color-chart-sequential-neutral-08: #696969;
  --prism-color-chart-sequential-neutral-09: #646464;
  --prism-color-chart-sequential-success-10: #2e6853;
  --prism-color-chart-sequential-success-11: #396151;
  --prism-color-chart-sequential-success-01: #98c0ac;
  --prism-color-chart-sequential-success-02: #5db58d;
  --prism-color-chart-sequential-success-03: #00ab74;
  --prism-color-chart-sequential-success-04: #009f66;
  --prism-color-chart-sequential-success-05: #00945b;
  --prism-color-chart-sequential-success-06: #008b4c;
  --prism-color-chart-sequential-success-07: #00834a;
  --prism-color-chart-sequential-success-08: #007a4d;
  --prism-color-chart-sequential-success-09: #157151;
  --prism-color-chart-sequential-warning-10: #894f2f;
  --prism-color-chart-sequential-warning-11: #7a4f3a;
  --prism-color-chart-sequential-warning-01: #d1b38e;
  --prism-color-chart-sequential-warning-02: #d49752;
  --prism-color-chart-sequential-warning-03: #d6802f;
  --prism-color-chart-sequential-warning-04: #d66a1a;
  --prism-color-chart-sequential-warning-05: #cb5f0a;
  --prism-color-chart-sequential-warning-06: #c85000;
  --prism-color-chart-sequential-warning-07: #bc4c00;
  --prism-color-chart-sequential-warning-08: #a55118;
  --prism-color-chart-sequential-warning-09: #98501f;
  --prism-color-elevation-backdrop-default: rgba(46, 61, 75, 0.72);
  --prism-color-elevation-backdrop-inverse: rgba(255, 255, 255, 0.72);
  --prism-color-general-alpha-info-50: rgba(0, 108, 119, 0.35);
  --prism-color-general-alpha-info-100: rgba(0, 98, 124, 0.45);
  --prism-color-general-alpha-info-200: rgba(0, 101, 134, 0.64);
  --prism-color-general-alpha-info-300: rgba(0, 109, 142, 0.76);
  --prism-color-general-alpha-info-400: #0087aa;
  --prism-color-general-alpha-intelligence-50: rgba(0, 31, 137, 0.32);
  --prism-color-general-alpha-intelligence-100: rgba(0, 19, 122, 0.37);
  --prism-color-general-alpha-intelligence-200: rgba(0, 11, 122, 0.45);
  --prism-color-general-alpha-intelligence-300: rgba(0, 8, 126, 0.51);
  --prism-color-general-alpha-intelligence-400: rgba(0, 2, 140, 0.56);
  --prism-color-general-alpha-inverse-50: #f1f1f1;
  --prism-color-general-alpha-inverse-100: #e2e2e2;
  --prism-color-general-alpha-inverse-200: #d1d1d1;
  --prism-color-general-alpha-inverse-300: #bebebe;
  --prism-color-general-alpha-inverse-400: #949494;
  --prism-color-general-alpha-neutral-50: rgba(0, 0, 0, 0.05);
  --prism-color-general-alpha-neutral-100: rgba(0, 0, 0, 0.11);
  --prism-color-general-alpha-neutral-200: rgba(0, 0, 0, 0.18);
  --prism-color-general-alpha-neutral-300: rgba(0, 0, 0, 0.25);
  --prism-color-general-alpha-neutral-400: rgba(0, 0, 0, 0.42);
  --prism-color-general-alpha-neutral-00: #ffffff;
  --prism-color-general-brand-50: #dbbbb0;
  --prism-color-general-brand-100: #ca9f93;
  --prism-color-general-brand-200: #be8679;
  --prism-color-general-brand-300: #b77465;
  --prism-color-general-brand-400: #b16356;
  --prism-color-general-brand-500: #b05343;
  --prism-color-general-brand-600: #822019;
  --prism-color-general-brand-700: #811b18;
  --prism-color-general-brand-800: #87000c;
  --prism-color-general-brand-900: #6f0006;
  --prism-color-general-brand-950: #470003;
  --prism-color-general-critical-50: #d4b0a9;
  --prism-color-general-critical-100: #c99f9a;
  --prism-color-general-critical-200: #bd8781;
  --prism-color-general-critical-300: #b6746f;
  --prism-color-general-critical-400: #bf5b55;
  --prism-color-general-critical-500: #ca3836;
  --prism-color-general-critical-600: #9a0000;
  --prism-color-general-critical-700: #950000;
  --prism-color-general-critical-800: #7d0002;
  --prism-color-general-critical-900: #610004;
  --prism-color-general-critical-950: #470003;
  --prism-color-general-info-50: #a5cbcf;
  --prism-color-general-info-100: #8cb8c4;
  --prism-color-general-info-200: #5d9db2;
  --prism-color-general-info-300: #3d90a9;
  --prism-color-general-info-400: #0087aa;
  --prism-color-general-info-500: #0079a9;
  --prism-color-general-info-600: #004886;
  --prism-color-general-info-700: #00477b;
  --prism-color-general-info-800: #004578;
  --prism-color-general-info-900: #003761;
  --prism-color-general-info-950: #002847;
  --prism-color-general-intelligence-50: #adb7d9;
  --prism-color-general-intelligence-100: #a1a8ce;
  --prism-color-general-intelligence-200: #8c91c3;
  --prism-color-general-intelligence-300: #7d81bd;
  --prism-color-general-intelligence-400: #7172bf;
  --prism-color-general-intelligence-500: #6561cf;
  --prism-color-general-intelligence-600: #420cc9;
  --prism-color-general-intelligence-700: #3e00cb;
  --prism-color-general-intelligence-800: #3600b3;
  --prism-color-general-intelligence-900: #29098a;
  --prism-color-general-intelligence-950: #1d0867;
  --prism-color-general-neutral-50: #f1f1f1;
  --prism-color-general-neutral-100: #e2e2e2;
  --prism-color-general-neutral-200: #d1d1d1;
  --prism-color-general-neutral-300: #bebebe;
  --prism-color-general-neutral-400: #949494;
  --prism-color-general-neutral-500: #6f6f6f;
  --prism-color-general-neutral-600: #454545;
  --prism-color-general-neutral-700: #434343;
  --prism-color-general-neutral-800: #414141;
  --prism-color-general-neutral-900: #000000;
  --prism-color-general-neutral-950: #000000;
  --prism-color-general-neutral-00: #ffffff;
  --prism-color-general-success-50: #98c0ac;
  --prism-color-general-success-100: #89b39d;
  --prism-color-general-success-200: #62a284;
  --prism-color-general-success-300: #2c976e;
  --prism-color-general-success-400: #008e5b;
  --prism-color-general-success-500: #00824e;
  --prism-color-general-success-600: #005625;
  --prism-color-general-success-700: #005031;
  --prism-color-general-success-800: #00432a;
  --prism-color-general-success-900: #003321;
  --prism-color-general-success-950: #002515;
  --prism-color-general-warning-50: #cbb499;
  --prism-color-general-warning-100: #c5a381;
  --prism-color-general-warning-200: #bd8a5d;
  --prism-color-general-warning-300: #be743e;
  --prism-color-general-warning-400: #c05d18;
  --prism-color-general-warning-500: #bf4800;
  --prism-color-general-warning-600: #832100;
  --prism-color-general-warning-700: #811f00;
  --prism-color-general-warning-800: #6d1b00;
  --prism-color-general-warning-900: #551600;
  --prism-color-general-warning-950: #3e0f00;
  --prism-shadow-brand-100: rgba(145, 41, 17, 0.1) 0px 1px 3px 0px, rgba(145, 41, 17, 0.08) 0px 1px 2px 0px;
  --prism-shadow-brand-200: rgba(145, 41, 17, 0.2) 0px 8px 16px -4px, rgba(145, 41, 17, 0.06) 0px 4px 4px -2px;
  --prism-shadow-brand-300: rgba(145, 41, 17, 0.28) 0px 24px 48px -12px;
  --prism-shadow-brand-inset: rgba(145, 41, 17, 0.16) 0px 2px 4px 0px inset;
  --prism-shadow-neutral-100: rgba(0, 0, 0, 0.08) 0px 1px 3px 0px, rgba(0, 0, 0, 0.04) 0px 1px 2px 0px;
  --prism-shadow-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-shadow-neutral-300: rgba(0, 0, 0, 0.24) 0px 24px 48px -12px;
  --prism-shadow-neutral-inset: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px inset;
  --prism-shadow-reverse-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-internal-typography-bold-font-weight: 700;
  --prism-internal-typography-medium-font-weight: 500;
  --prism-internal-typography-regular-font-weight: 400;
  --prism-internal-typography-semi-bold-font-weight: 600;
  --prism-typography-default-font-family: 'Inter', sans-serif;
  --prism-typography-heading-1-font-size: 28px;
  --prism-typography-heading-1-line-height: 36px;
  --prism-typography-heading-2-font-size: 20px;
  --prism-typography-heading-2-line-height: 28px;
  --prism-typography-heading-3-font-size: 16px;
  --prism-typography-heading-3-line-height: 24px;
  --prism-typography-heading-4-font-size: 14px;
  --prism-typography-heading-4-line-height: 20px;
  --prism-typography-paragraph-200-regular-font-size: 12px;
  --prism-typography-paragraph-200-regular-line-height: 18px;
  --prism-typography-paragraph-300-regular-font-size: 14px;
  --prism-typography-paragraph-300-regular-line-height: 20px;
  --prism-typography-paragraph-400-regular-font-size: 16px;
  --prism-typography-paragraph-400-regular-line-height: 24px;
  --prism-typography-text-200-regular-font-size: 12px;
  --prism-typography-text-200-regular-line-height: 16px;
  --prism-typography-text-300-regular-font-size: 14px;
  --prism-typography-text-300-regular-line-height: 18px;
  --prism-typography-text-400-regular-font-size: 16px;
  --prism-typography-text-400-regular-line-height: 20px;
  --prism-typography-text-500-regular-font-size: 20px;
  --prism-typography-text-500-regular-line-height: 24px;
  --prism-spacing-0: 0;
  --prism-spacing-50: 2px;
  --prism-spacing-100: 4px;
  --prism-spacing-200: 8px;
  --prism-spacing-300: 12px;
  --prism-spacing-400: 16px;
  --prism-spacing-500: 20px;
  --prism-spacing-600: 24px;
  --prism-spacing-700: 28px;
  --prism-spacing-800: 32px;
  --prism-spacing-900: 36px;
  --prism-spacing-1000: 40px;
  --gradient-brand-background: radial-gradient( 10560.62% 249.13% at 0.12% 5.08%, #fff1e0 0%, #ffebeb 55.21%, #fefbf5 100% );
  --gradient-brand-figure: linear-gradient(90deg, #fd8a44 0%, #ec470a 100%);
  --shadow-color-default: 210deg 5% 76%;
  --prism-color-background-critical-default: var(--prism-color-general-critical-100);
  --prism-color-background-critical-subdued: var(--prism-color-general-critical-50);
  --prism-color-background-info-default: var(--prism-color-general-info-100);
  --prism-color-background-info-subdued: var(--prism-color-general-info-50);
  --prism-color-background-inverse: var(--prism-color-general-neutral-900);
  --prism-color-background-neutral-default: var(--prism-color-general-neutral-200);
  --prism-color-background-neutral-subdued: var(--prism-color-general-neutral-50);
  --prism-color-background-success-default: var(--prism-color-general-success-100);
  --prism-color-background-success-subdued: var(--prism-color-general-success-50);
  --prism-color-background-warning-default: var(--prism-color-general-warning-100);
  --prism-color-background-warning-subdued: var(--prism-color-general-warning-50);
  --prism-color-border-brand-default: var(--prism-color-general-brand-200);
  --prism-color-border-brand-emphasis: var(--prism-color-general-brand-500);
  --prism-color-border-critical-default: var(--prism-color-general-critical-200);
  --prism-color-border-critical-emphasis: var(--prism-color-general-critical-500);
  --prism-color-border-info-default: var(--prism-color-general-info-200);
  --prism-color-border-info-emphasis: var(--prism-color-general-info-500);
  --prism-color-border-intelligence-default: var(--prism-color-general-intelligence-200);
  --prism-color-border-intelligence-emphasis: var(--prism-color-general-intelligence-500);
  --prism-color-border-inverse-default: var(--prism-color-general-alpha-inverse-200);
  --prism-color-border-inverse-emphasis: var(--prism-color-general-neutral-00);
  --prism-color-border-neutral-default: var(--prism-color-general-alpha-neutral-400);
  --prism-color-border-neutral-emphasis: var(--prism-color-general-alpha-neutral-400);
  --prism-color-border-success-default: var(--prism-color-general-success-200);
  --prism-color-border-success-emphasis: var(--prism-color-general-success-500);
  --prism-color-border-warning-default: var(--prism-color-general-warning-200);
  --prism-color-border-warning-emphasis: var(--prism-color-general-warning-500);
  --prism-color-chart-accent-primary-figure-default: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-accent-primary-figure-emphasis: var(--prism-color-chart-sequential-info-10);
  --prism-color-chart-accent-primary-figure-subdued: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-accent-secondary-figure-default: var(--prism-color-chart-sequential-neutral-09);
  --prism-color-chart-accent-secondary-figure-emphasis: var(--prism-color-chart-sequential-neutral-10);
  --prism-color-chart-accent-secondary-figure-subdued: var(--prism-color-chart-sequential-neutral-04);
  --prism-color-chart-demand-background-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-background-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-background-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-background-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-background-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-background-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-demand-figure-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-figure-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-figure-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-figure-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-figure-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-figure-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-background-high-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-info-background-high-emphasis: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-background-low-default: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-info-background-low-emphasis: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-background-normal-default: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-info-background-normal-emphasis: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-high: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-figure-low: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-figure-normal: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-very-high: var(--prism-color-chart-sequential-info-11);
  --prism-color-chart-intelligence-background-high-default: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-intelligence-background-high-emphasis: var(--prism-color-chart-sequential-intelligence-07);
  --prism-color-chart-intelligence-background-low-default: var(--prism-color-chart-sequential-intelligence-01);
  --prism-color-chart-intelligence-background-low-emphasis: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-background-normal-default: var(--prism-color-chart-sequential-intelligence-03);
  --prism-color-chart-intelligence-background-normal-emphasis: var(--prism-color-chart-sequential-intelligence-04);
  --prism-color-chart-intelligence-figure-high: var(--prism-color-chart-sequential-intelligence-09);
  --prism-color-chart-intelligence-figure-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-figure-normal: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-neutral-background-empty: var(--prism-color-chart-sequential-neutral-01);
  --prism-color-chart-neutral-figure-empty: var(--prism-color-chart-sequential-neutral-03);
  --prism-color-chart-status-background-critical-default: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-status-background-critical-emphasis: var(--prism-color-chart-sequential-critical-04);
  --prism-color-chart-status-background-success-default: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-background-success-emphasis: var(--prism-color-chart-sequential-success-03);
  --prism-color-chart-status-background-warning-default: var(--prism-color-chart-sequential-warning-03);
  --prism-color-chart-status-background-warning-emphasis: var(--prism-color-chart-sequential-warning-04);
  --prism-color-chart-status-figure-critical-normal: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-status-figure-critical-low: var(--prism-color-chart-sequential-critical-02);
  --prism-color-chart-status-figure-intelligence-normal: var(--prism-color-chart-sequential-intelligence-05);
  --prism-color-chart-status-figure-intelligence-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-status-figure-success-normal: var(--prism-color-chart-sequential-success-05);
  --prism-color-chart-status-figure-success-low: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-figure-warning-normal: var(--prism-color-chart-sequential-warning-05);
  --prism-color-chart-status-figure-warning-low: var(--prism-color-chart-sequential-warning-02);
  --prism-color-elevation-canvas: var(--prism-color-general-neutral-100);
  --prism-color-elevation-surface: var(--prism-color-general-neutral-00);
  --prism-color-icon-brand-default: var(--prism-color-general-brand-700);
  --prism-color-icon-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-icon-critical-default: var(--prism-color-general-critical-700);
  --prism-color-icon-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-icon-info-default: var(--prism-color-general-info-700);
  --prism-color-icon-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-icon-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-icon-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-icon-inverse: var(--prism-color-general-neutral-00);
  --prism-color-icon-neutral-default: var(--prism-color-general-neutral-800);
  --prism-color-icon-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-icon-neutral-subdued: var(--prism-color-general-neutral-600);
  --prism-color-icon-success-default: var(--prism-color-general-success-700);
  --prism-color-icon-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-icon-warning-default: var(--prism-color-general-warning-700);
  --prism-color-icon-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-color-interactive-background-critical-hover: var(--prism-color-general-critical-800);
  --prism-color-interactive-background-critical-idle: var(--prism-color-general-critical-700);
  --prism-color-interactive-background-critical-pressed: var(--prism-color-general-critical-900);
  --prism-color-interactive-background-disabled: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-ghost-hover: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-ghost-idle: var(--prism-color-general-alpha-neutral-00);
  --prism-color-interactive-background-ghost-pressed: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-ghost-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-inverse-hover: var(--prism-color-general-alpha-inverse-100);
  --prism-color-interactive-background-inverse-idle: var(--prism-color-general-alpha-inverse-50);
  --prism-color-interactive-background-inverse-pressed: var(--prism-color-general-alpha-inverse-200);
  --prism-color-interactive-background-primary-hover: var(--prism-color-general-info-700);
  --prism-color-interactive-background-primary-idle: var(--prism-color-general-info-600);
  --prism-color-interactive-background-primary-pressed: var(--prism-color-general-info-800);
  --prism-color-interactive-background-primary-selected: var(--prism-color-general-info-800);
  --prism-color-interactive-background-secondary-hover: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-secondary-idle: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-secondary-pressed: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-secondary-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-success-hover: var(--prism-color-general-success-800);
  --prism-color-interactive-background-success-idle: var(--prism-color-general-success-700);
  --prism-color-interactive-background-success-pressed: var(--prism-color-general-success-900);
  --prism-color-interactive-background-warning-hover: var(--prism-color-general-warning-300);
  --prism-color-interactive-background-warning-idle: var(--prism-color-general-warning-200);
  --prism-color-interactive-background-warning-pressed: var(--prism-color-general-warning-400);
  --prism-color-interactive-border-critical-hover: var(--prism-color-general-critical-700);
  --prism-color-interactive-border-critical-idle: var(--prism-color-general-critical-600);
  --prism-color-interactive-border-critical-pressed: var(--prism-color-general-critical-800);
  --prism-color-interactive-border-focus: var(--prism-color-general-info-500);
  --prism-color-interactive-border-neutral-hover: var(--prism-color-general-neutral-600);
  --prism-color-interactive-border-neutral-idle: var(--prism-color-general-neutral-500);
  --prism-color-interactive-border-neutral-pressed: var(--prism-color-general-neutral-700);
  --prism-color-interactive-border-warning-hover: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-warning-idle: var(--prism-color-general-warning-400);
  --prism-color-interactive-border-warning-pressed: var(--prism-color-general-warning-600);
  --prism-color-interactive-icon-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-placeholder: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-primary-hover: var(--prism-color-general-info-800);
  --prism-color-interactive-text-primary-idle: var(--prism-color-general-info-700);
  --prism-color-interactive-text-primary-pressed: var(--prism-color-general-info-900);
  --prism-color-interactive-text-primary-selected: var(--prism-color-general-info-950);
  --prism-color-interactive-text-secondary-hover: var(--prism-color-general-neutral-900);
  --prism-color-interactive-text-secondary-idle: var(--prism-color-general-neutral-800);
  --prism-color-interactive-text-secondary-pressed: var(--prism-color-general-neutral-950);
  --prism-color-interactive-text-secondary-selected: var(--prism-color-general-neutral-950);
  --prism-color-text-brand-default: var(--prism-color-general-brand-600);
  --prism-color-text-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-text-critical-default: var(--prism-color-general-critical-600);
  --prism-color-text-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-text-info-default: var(--prism-color-general-info-600);
  --prism-color-text-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-text-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-text-intelligence-emphasis: var(--prism-color-general-intelligence-900);
  --prism-color-text-inverse: var(--prism-color-general-neutral-00);
  --prism-color-text-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-text-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-text-neutral-subdued: var(--prism-color-general-neutral-700);
  --prism-color-text-success-default: var(--prism-color-general-success-600);
  --prism-color-text-success-emphasis: var(--prism-color-general-success-900);
  --prism-color-text-warning-default: var(--prism-color-general-warning-600);
  --prism-color-text-warning-emphasis: var(--prism-color-general-warning-900);
  --prism-gradient-background-brand-default: linear-gradient(135deg, var(--prism-color-general-brand-100) 0%, var(--prism-color-general-brand-400) 100%);
  --prism-gradient-background-brand-subdued: linear-gradient(135deg, var(--prism-color-general-brand-50) 0%, var(--prism-color-general-brand-300) 100%);
  --prism-gradient-background-intelligence-default: linear-gradient(135deg, var(--prism-color-general-intelligence-100) 0%, var(--prism-color-general-intelligence-200) 100%);
  --prism-gradient-background-intelligence-subdued: linear-gradient(135deg, var(--prism-color-general-intelligence-50) 0%, var(--prism-color-general-intelligence-100) 100%);
  --prism-gradient-chart-intelligence-background-high: linear-gradient(135deg, var(--prism-color-general-critical-400) -20%, var(--prism-color-general-intelligence-700) 100%);
  --prism-gradient-chart-intelligence-background-low: linear-gradient(135deg, var(--prism-color-general-neutral-100) -20%, var(--prism-color-general-intelligence-400) 100%);
  --prism-gradient-chart-intelligence-background-normal: linear-gradient(135deg, var(--prism-color-general-critical-300) -20%, var(--prism-color-general-intelligence-500) 100%);
  --prism-gradient-interactive-background-brand-primary-hover: linear-gradient(135deg, var(--prism-color-general-brand-600) 0%, var(--prism-color-general-brand-500) 100%);
  --prism-gradient-interactive-background-brand-primary-idle: linear-gradient(135deg, var(--prism-color-general-brand-500) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-brand-primary-pressed: linear-gradient(135deg, var(--prism-color-general-brand-700) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-intelligence-primary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-500) -20%, var(--prism-color-interactive-background-primary-idle) 100%);
  --prism-gradient-interactive-background-intelligence-secondary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-100) -20%, var(--prism-color-interactive-background-secondary-idle) 100%);
  --prism-typography-heading-1-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-heading-2-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-heading-3-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-heading-4-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-200-bold-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-200-bold-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-200-medium-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-200-medium-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-200-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-200-semi-bold-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-200-semi-bold-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-300-bold-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-300-bold-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-300-medium-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-300-medium-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-300-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-300-semi-bold-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-300-semi-bold-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-400-bold-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-400-bold-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-paragraph-400-medium-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-400-medium-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-paragraph-400-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-400-semi-bold-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-400-semi-bold-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-text-200-bold-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-200-bold-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-200-medium-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-200-medium-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-200-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-200-semi-bold-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-200-semi-bold-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-300-bold-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-300-bold-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-300-medium-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-300-medium-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-300-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-300-semi-bold-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-300-semi-bold-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-400-bold-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-400-bold-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-400-medium-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-400-medium-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-400-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-400-semi-bold-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-400-semi-bold-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-500-bold-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-500-bold-line-height: var(--prism-typography-text-500-regular-line-height);
  --prism-typography-text-500-medium-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-500-medium-line-height: var(--prism-typography-text-500-regular-line-height);
  --prism-typography-text-500-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-500-semi-bold-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-500-semi-bold-line-height: var(--prism-typography-text-500-regular-line-height);
  --gradient-brand-100: linear-gradient( 90deg, var(--prism-color-general-brand-50) 0%, #ffefe7 104.1% );
  --color-hero-chart-negative-100: var(--prism-color-general-critical-100);
  --color-hero-chart-negative-200: var(--prism-color-general-critical-200);
  --color-hero-chart-positive-100: var(--prism-color-general-success-100);
  --color-hero-chart-positive-200: var(--prism-color-general-success-200);
  --color-parity-loss-dark: var(--prism-color-general-critical-400);
  --color-parity-loss-light: var(--prism-color-general-critical-300);
  --color-parity-meet-dark: var(--prism-color-general-info-400);
  --color-parity-meet-light: var(--prism-color-general-info-300);
  --color-parity-win-light: var(--prism-color-general-warning-300);
  --prism-gradient-interactive-background-intelligence-primary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-primary-hover) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-primary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-primary-pressed) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-hover) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-pressed) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
}
:root[data-theme='highcontrast-dark'] {
  --border-radius-50: 2px;
  --border-radius-100: 4px;
  --border-radius-200: 8px;
  --border-radius-300: 12px;
  --border-radius-400: 16px;
  --border-radius-circle: 50%;
  --border-radius-pill: 9999px;
  --prism-color-chart-categorical-10: #00518b;
  --prism-color-chart-categorical-11: #a37530;
  --prism-color-chart-categorical-12: #fdd886;
  --prism-color-chart-categorical-13: #7f67bf;
  --prism-color-chart-categorical-14: #58be1d;
  --prism-color-chart-categorical-15: #d7f8ae;
  --prism-color-chart-categorical-16: #a1b4c5;
  --prism-color-chart-categorical-17: #5cb9f4;
  --prism-color-chart-categorical-18: #e13038;
  --prism-color-chart-categorical-19: #1f3d57;
  --prism-color-chart-categorical-20: #2c91d4;
  --prism-color-chart-categorical-21: #ac5a03;
  --prism-color-chart-categorical-01: #157bc1;
  --prism-color-chart-categorical-02: #f9ad24;
  --prism-color-chart-categorical-03: #f74f57;
  --prism-color-chart-categorical-04: #c3b3e8;
  --prism-color-chart-categorical-05: #94e1e3;
  --prism-color-chart-categorical-06: #9a0165;
  --prism-color-chart-categorical-07: #ff9da2;
  --prism-color-chart-categorical-08: #4c657b;
  --prism-color-chart-categorical-09: #a8e07e;
  --prism-color-chart-sequential-critical-10: #ffb4af;
  --prism-color-chart-sequential-critical-11: #ffb4af;
  --prism-color-chart-sequential-critical-01: #942429;
  --prism-color-chart-sequential-critical-02: #942429;
  --prism-color-chart-sequential-critical-03: #a82d32;
  --prism-color-chart-sequential-critical-04: #c0393d;
  --prism-color-chart-sequential-critical-05: #d54649;
  --prism-color-chart-sequential-critical-06: #e85657;
  --prism-color-chart-sequential-critical-07: #f76a68;
  --prism-color-chart-sequential-critical-08: #ff817d;
  --prism-color-chart-sequential-critical-09: #ff9c97;
  --prism-color-chart-sequential-info-10: #7dd6f4;
  --prism-color-chart-sequential-info-11: #7dd6f4;
  --prism-color-chart-sequential-info-01: #005b80;
  --prism-color-chart-sequential-info-02: #005b80;
  --prism-color-chart-sequential-info-03: #006a94;
  --prism-color-chart-sequential-info-04: #007cab;
  --prism-color-chart-sequential-info-05: #008bbd;
  --prism-color-chart-sequential-info-06: #009bcd;
  --prism-color-chart-sequential-info-07: #00acdf;
  --prism-color-chart-sequential-info-08: #00bae5;
  --prism-color-chart-sequential-info-09: #4fc8ec;
  --prism-color-chart-sequential-intelligence-10: #bfc2ff;
  --prism-color-chart-sequential-intelligence-11: #bfc2ff;
  --prism-color-chart-sequential-intelligence-01: #4a4692;
  --prism-color-chart-sequential-intelligence-02: #4a4692;
  --prism-color-chart-sequential-intelligence-03: #5653a6;
  --prism-color-chart-sequential-intelligence-04: #6461bb;
  --prism-color-chart-sequential-intelligence-05: #726fcd;
  --prism-color-chart-sequential-intelligence-06: #807ee0;
  --prism-color-chart-sequential-intelligence-07: #8e8bfe;
  --prism-color-chart-sequential-intelligence-08: #9d9dff;
  --prism-color-chart-sequential-intelligence-09: #aeb0ff;
  --prism-color-chart-sequential-neutral-10: #c7c7c7;
  --prism-color-chart-sequential-neutral-11: #c7c7c7;
  --prism-color-chart-sequential-neutral-01: #4e4e4e;
  --prism-color-chart-sequential-neutral-02: #4e4e4e;
  --prism-color-chart-sequential-neutral-03: #5b5b5b;
  --prism-color-chart-sequential-neutral-04: #6a6a6a;
  --prism-color-chart-sequential-neutral-05: #787878;
  --prism-color-chart-sequential-neutral-06: #888888;
  --prism-color-chart-sequential-neutral-07: #979797;
  --prism-color-chart-sequential-neutral-08: #a6a6a6;
  --prism-color-chart-sequential-neutral-09: #b7b7b7;
  --prism-color-chart-sequential-success-10: #8bd9b2;
  --prism-color-chart-sequential-success-11: #8bd9b2;
  --prism-color-chart-sequential-success-01: #1e5940;
  --prism-color-chart-sequential-success-02: #1e5940;
  --prism-color-chart-sequential-success-03: #166848;
  --prism-color-chart-sequential-success-04: #177954;
  --prism-color-chart-sequential-success-05: #078a5e;
  --prism-color-chart-sequential-success-06: #009d68;
  --prism-color-chart-sequential-success-07: #00b273;
  --prism-color-chart-sequential-success-08: #38be87;
  --prism-color-chart-sequential-success-09: #67cc9d;
  --prism-color-chart-sequential-warning-10: #ffb280;
  --prism-color-chart-sequential-warning-11: #ffb280;
  --prism-color-chart-sequential-warning-01: #773f19;
  --prism-color-chart-sequential-warning-02: #773f19;
  --prism-color-chart-sequential-warning-03: #89491f;
  --prism-color-chart-sequential-warning-04: #9f5625;
  --prism-color-chart-sequential-warning-05: #b3622b;
  --prism-color-chart-sequential-warning-06: #ca6e2e;
  --prism-color-chart-sequential-warning-07: #e47827;
  --prism-color-chart-sequential-warning-08: #ec8d50;
  --prism-color-chart-sequential-warning-09: #fb9f65;
  --prism-color-elevation-backdrop-default: rgba(46, 61, 75, 0.72);
  --prism-color-elevation-backdrop-inverse: rgba(255, 255, 255, 0.72);
  --prism-color-general-alpha-info-50: rgba(6, 187, 255, 0.37);
  --prism-color-general-alpha-info-100: rgba(3, 182, 255, 0.47);
  --prism-color-general-alpha-info-200: #006195;
  --prism-color-general-alpha-info-300: #006eac;
  --prism-color-general-alpha-info-400: #007fc0;
  --prism-color-general-alpha-intelligence-50: rgba(149, 154, 255, 0.4);
  --prism-color-general-alpha-intelligence-100: rgba(141, 141, 255, 0.49);
  --prism-color-general-alpha-intelligence-200: rgba(134, 134, 255, 0.61);
  --prism-color-general-alpha-intelligence-300: rgba(132, 130, 255, 0.71);
  --prism-color-general-alpha-intelligence-400: rgba(136, 134, 255, 0.77);
  --prism-color-general-alpha-inverse-50: #030303;
  --prism-color-general-alpha-inverse-100: #232323;
  --prism-color-general-alpha-inverse-200: #2b2b2b;
  --prism-color-general-alpha-inverse-300: #3a3a3a;
  --prism-color-general-alpha-inverse-400: #5a5a5a;
  --prism-color-general-alpha-neutral-50: rgba(3, 3, 3, 0.05);
  --prism-color-general-alpha-neutral-100: rgba(255, 255, 255, 0.13);
  --prism-color-general-alpha-neutral-200: rgba(255, 255, 255, 0.16);
  --prism-color-general-alpha-neutral-300: rgba(255, 255, 255, 0.22);
  --prism-color-general-alpha-neutral-400: rgba(255, 255, 255, 0.35);
  --prism-color-general-alpha-neutral-00: #000000;
  --prism-color-general-brand-50: #6c2d28;
  --prism-color-general-brand-100: #743632;
  --prism-color-general-brand-200: #8e4641;
  --prism-color-general-brand-300: #a54c45;
  --prism-color-general-brand-400: #c14a42;
  --prism-color-general-brand-500: #dd433a;
  --prism-color-general-brand-600: #ff8173;
  --prism-color-general-brand-700: #ff826f;
  --prism-color-general-brand-800: #ffa491;
  --prism-color-general-brand-900: #ffc8bb;
  --prism-color-general-brand-950: #ffdbc9;
  --prism-color-general-critical-50: #653230;
  --prism-color-general-critical-100: #743534;
  --prism-color-general-critical-200: #9c3a3c;
  --prism-color-general-critical-300: #b83a3d;
  --prism-color-general-critical-400: #d72d39;
  --prism-color-general-critical-500: #e7333c;
  --prism-color-general-critical-600: #f68b89;
  --prism-color-general-critical-700: #f78b88;
  --prism-color-general-critical-800: #fca9a7;
  --prism-color-general-critical-900: #ffc8c6;
  --prism-color-general-critical-950: #ffd9d6;
  --prism-color-general-info-50: #044760;
  --prism-color-general-info-100: #035779;
  --prism-color-general-info-200: #006195;
  --prism-color-general-info-300: #006eac;
  --prism-color-general-info-400: #007fc0;
  --prism-color-general-info-500: #0091ce;
  --prism-color-general-info-600: #00bae4;
  --prism-color-general-info-700: #00bce4;
  --prism-color-general-info-800: #60cee9;
  --prism-color-general-info-900: #9ee1f4;
  --prism-color-general-info-950: #b9fbff;
  --prism-color-general-intelligence-50: #3d3f67;
  --prism-color-general-intelligence-100: #47477f;
  --prism-color-general-intelligence-200: #53539d;
  --prism-color-general-intelligence-300: #5e5db5;
  --prism-color-general-intelligence-400: #6967c4;
  --prism-color-general-intelligence-500: #7370d5;
  --prism-color-general-intelligence-600: #a39ffe;
  --prism-color-general-intelligence-700: #a4a2f2;
  --prism-color-general-intelligence-800: #bdbafc;
  --prism-color-general-intelligence-900: #d6d3ff;
  --prism-color-general-intelligence-950: #ede6ff;
  --prism-color-general-neutral-50: #030303;
  --prism-color-general-neutral-100: #232323;
  --prism-color-general-neutral-200: #2b2b2b;
  --prism-color-general-neutral-300: #3a3a3a;
  --prism-color-general-neutral-400: #5a5a5a;
  --prism-color-general-neutral-500: #7c7c7c;
  --prism-color-general-neutral-600: #aaaaaa;
  --prism-color-general-neutral-700: #b2b2b2;
  --prism-color-general-neutral-800: #d4d4d4;
  --prism-color-general-neutral-900: #ececec;
  --prism-color-general-neutral-950: #ffffff;
  --prism-color-general-neutral-00: #000000;
  --prism-color-general-success-50: #194b38;
  --prism-color-general-success-100: #245a44;
  --prism-color-general-success-200: #1a684c;
  --prism-color-general-success-300: #007754;
  --prism-color-general-success-400: #008458;
  --prism-color-general-success-500: #00915b;
  --prism-color-general-success-600: #00c292;
  --prism-color-general-success-700: #4ac08d;
  --prism-color-general-success-800: #69d4a2;
  --prism-color-general-success-900: #8deabb;
  --prism-color-general-success-950: #bcfedc;
  --prism-color-general-warning-50: #583826;
  --prism-color-general-warning-100: #674330;
  --prism-color-general-warning-200: #805033;
  --prism-color-general-warning-300: #955833;
  --prism-color-general-warning-400: #aa5e2c;
  --prism-color-general-warning-500: #c0621c;
  --prism-color-general-warning-600: #eb9457;
  --prism-color-general-warning-700: #f69049;
  --prism-color-general-warning-800: #ffa668;
  --prism-color-general-warning-900: #ffc8a0;
  --prism-color-general-warning-950: #ffe3be;
  --prism-shadow-brand-100: rgba(145, 41, 17, 0.1) 0px 1px 3px 0px, rgba(145, 41, 17, 0.08) 0px 1px 2px 0px;
  --prism-shadow-brand-200: rgba(145, 41, 17, 0.2) 0px 8px 16px -4px, rgba(145, 41, 17, 0.06) 0px 4px 4px -2px;
  --prism-shadow-brand-300: rgba(145, 41, 17, 0.28) 0px 24px 48px -12px;
  --prism-shadow-brand-inset: rgba(145, 41, 17, 0.16) 0px 2px 4px 0px inset;
  --prism-shadow-neutral-100: 0 0 0 1px var(--prism-color-general-alpha-neutral-400);
  --prism-shadow-neutral-200: 0 0 0 1px var(--prism-color-general-alpha-neutral-400);
  --prism-shadow-neutral-300: 0 0 0 1px var(--prism-color-general-alpha-neutral-400);
  --prism-shadow-neutral-inset: rgba(0, 0, 0, 0.08) 0px 2px 4px 0px inset;
  --prism-shadow-reverse-neutral-200: rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px;
  --prism-internal-typography-bold-font-weight: 600;
  --prism-internal-typography-medium-font-weight: 500;
  --prism-internal-typography-regular-font-weight: 400;
  --prism-internal-typography-semi-bold-font-weight: 600;
  --prism-typography-default-font-family: 'Inter', sans-serif;
  --prism-typography-heading-1-font-size: 28px;
  --prism-typography-heading-1-line-height: 36px;
  --prism-typography-heading-2-font-size: 20px;
  --prism-typography-heading-2-line-height: 28px;
  --prism-typography-heading-3-font-size: 16px;
  --prism-typography-heading-3-line-height: 24px;
  --prism-typography-heading-4-font-size: 14px;
  --prism-typography-heading-4-line-height: 20px;
  --prism-typography-paragraph-200-regular-font-size: 12px;
  --prism-typography-paragraph-200-regular-line-height: 18px;
  --prism-typography-paragraph-300-regular-font-size: 14px;
  --prism-typography-paragraph-300-regular-line-height: 20px;
  --prism-typography-paragraph-400-regular-font-size: 16px;
  --prism-typography-paragraph-400-regular-line-height: 24px;
  --prism-typography-text-200-regular-font-size: 12px;
  --prism-typography-text-200-regular-line-height: 16px;
  --prism-typography-text-300-regular-font-size: 14px;
  --prism-typography-text-300-regular-line-height: 18px;
  --prism-typography-text-400-regular-font-size: 16px;
  --prism-typography-text-400-regular-line-height: 20px;
  --prism-typography-text-500-regular-font-size: 20px;
  --prism-typography-text-500-regular-line-height: 24px;
  --prism-spacing-0: 0;
  --prism-spacing-50: 2px;
  --prism-spacing-100: 4px;
  --prism-spacing-200: 8px;
  --prism-spacing-300: 12px;
  --prism-spacing-400: 16px;
  --prism-spacing-500: 20px;
  --prism-spacing-600: 24px;
  --prism-spacing-700: 28px;
  --prism-spacing-800: 32px;
  --prism-spacing-900: 36px;
  --prism-spacing-1000: 40px;
  --gradient-brand-background: radial-gradient( 10560.62% 249.13% at 0.12% 5.08%, #fff1e0 0%, #ffebeb 55.21%, #fefbf5 100% );
  --gradient-brand-figure: linear-gradient(90deg, #fd8a44 0%, #ec470a 100%);
  --shadow-color-default: 210deg 5% 76%;
  --prism-color-background-critical-default: var(--prism-color-general-critical-100);
  --prism-color-background-critical-subdued: var(--prism-color-general-critical-50);
  --prism-color-background-info-default: var(--prism-color-general-info-100);
  --prism-color-background-info-subdued: var(--prism-color-general-info-50);
  --prism-color-background-inverse: var(--prism-color-general-neutral-900);
  --prism-color-background-neutral-default: var(--prism-color-general-neutral-200);
  --prism-color-background-neutral-subdued: var(--prism-color-general-neutral-00);
  --prism-color-background-success-default: var(--prism-color-general-success-100);
  --prism-color-background-success-subdued: var(--prism-color-general-success-50);
  --prism-color-background-warning-default: var(--prism-color-general-warning-100);
  --prism-color-background-warning-subdued: var(--prism-color-general-warning-50);
  --prism-color-border-brand-default: var(--prism-color-general-brand-200);
  --prism-color-border-brand-emphasis: var(--prism-color-general-brand-500);
  --prism-color-border-critical-default: var(--prism-color-general-critical-200);
  --prism-color-border-critical-emphasis: var(--prism-color-general-critical-500);
  --prism-color-border-info-default: var(--prism-color-general-info-200);
  --prism-color-border-info-emphasis: var(--prism-color-general-info-500);
  --prism-color-border-intelligence-default: var(--prism-color-general-intelligence-200);
  --prism-color-border-intelligence-emphasis: var(--prism-color-general-intelligence-500);
  --prism-color-border-inverse-default: var(--prism-color-general-alpha-inverse-200);
  --prism-color-border-inverse-emphasis: var(--prism-color-general-neutral-00);
  --prism-color-border-neutral-default: var(--prism-color-general-alpha-neutral-400);
  --prism-color-border-neutral-emphasis: var(--prism-color-general-alpha-neutral-400);
  --prism-color-border-success-default: var(--prism-color-general-success-200);
  --prism-color-border-success-emphasis: var(--prism-color-general-success-500);
  --prism-color-border-warning-default: var(--prism-color-general-warning-200);
  --prism-color-border-warning-emphasis: var(--prism-color-general-warning-500);
  --prism-color-chart-accent-primary-figure-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-accent-primary-figure-emphasis: var(--prism-color-chart-sequential-info-10);
  --prism-color-chart-accent-primary-figure-subdued: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-accent-secondary-figure-default: var(--prism-color-chart-sequential-neutral-09);
  --prism-color-chart-accent-secondary-figure-emphasis: var(--prism-color-chart-sequential-neutral-10);
  --prism-color-chart-accent-secondary-figure-subdued: var(--prism-color-chart-sequential-neutral-04);
  --prism-color-chart-demand-background-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-background-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-background-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-background-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-background-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-background-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-demand-figure-elevated: var(--prism-color-chart-sequential-critical-01);
  --prism-color-chart-demand-figure-high: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-demand-figure-low: var(--prism-color-chart-sequential-info-03);
  --prism-color-chart-demand-figure-normal: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-demand-figure-very-high: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-demand-figure-very-low: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-background-high-default: var(--prism-color-chart-sequential-info-08);
  --prism-color-chart-info-background-high-emphasis: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-background-low-default: var(--prism-color-chart-sequential-info-01);
  --prism-color-chart-info-background-low-emphasis: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-background-normal-default: var(--prism-color-chart-sequential-info-04);
  --prism-color-chart-info-background-normal-emphasis: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-high: var(--prism-color-chart-sequential-info-09);
  --prism-color-chart-info-figure-low: var(--prism-color-chart-sequential-info-02);
  --prism-color-chart-info-figure-normal: var(--prism-color-chart-sequential-info-05);
  --prism-color-chart-info-figure-very-high: var(--prism-color-chart-sequential-info-11);
  --prism-color-chart-intelligence-background-high-default: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-intelligence-background-high-emphasis: var(--prism-color-chart-sequential-intelligence-07);
  --prism-color-chart-intelligence-background-low-default: var(--prism-color-chart-sequential-intelligence-01);
  --prism-color-chart-intelligence-background-low-emphasis: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-background-normal-default: var(--prism-color-chart-sequential-intelligence-03);
  --prism-color-chart-intelligence-background-normal-emphasis: var(--prism-color-chart-sequential-intelligence-04);
  --prism-color-chart-intelligence-figure-high: var(--prism-color-chart-sequential-intelligence-09);
  --prism-color-chart-intelligence-figure-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-intelligence-figure-normal: var(--prism-color-chart-sequential-intelligence-06);
  --prism-color-chart-neutral-background-empty: var(--prism-color-chart-sequential-neutral-01);
  --prism-color-chart-neutral-figure-empty: var(--prism-color-chart-sequential-neutral-03);
  --prism-color-chart-status-background-critical-default: var(--prism-color-chart-sequential-critical-03);
  --prism-color-chart-status-background-critical-emphasis: var(--prism-color-chart-sequential-critical-04);
  --prism-color-chart-status-background-success-default: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-background-success-emphasis: var(--prism-color-chart-sequential-success-03);
  --prism-color-chart-status-background-warning-default: var(--prism-color-chart-sequential-warning-03);
  --prism-color-chart-status-background-warning-emphasis: var(--prism-color-chart-sequential-warning-04);
  --prism-color-chart-status-figure-critical-normal: var(--prism-color-chart-sequential-critical-05);
  --prism-color-chart-status-figure-critical-low: var(--prism-color-chart-sequential-critical-02);
  --prism-color-chart-status-figure-intelligence-normal: var(--prism-color-chart-sequential-intelligence-05);
  --prism-color-chart-status-figure-intelligence-low: var(--prism-color-chart-sequential-intelligence-02);
  --prism-color-chart-status-figure-success-normal: var(--prism-color-chart-sequential-success-05);
  --prism-color-chart-status-figure-success-low: var(--prism-color-chart-sequential-success-02);
  --prism-color-chart-status-figure-warning-normal: var(--prism-color-chart-sequential-warning-05);
  --prism-color-chart-status-figure-warning-low: var(--prism-color-chart-sequential-warning-02);
  --prism-color-elevation-canvas: var(--prism-color-general-neutral-00);
  --prism-color-elevation-surface: var(--prism-color-general-neutral-50);
  --prism-color-icon-brand-default: var(--prism-color-general-brand-700);
  --prism-color-icon-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-icon-critical-default: var(--prism-color-general-critical-700);
  --prism-color-icon-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-icon-info-default: var(--prism-color-general-info-700);
  --prism-color-icon-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-icon-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-icon-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-icon-inverse: var(--prism-color-general-neutral-00);
  --prism-color-icon-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-icon-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-icon-neutral-subdued: var(--prism-color-general-neutral-800);
  --prism-color-icon-success-default: var(--prism-color-general-success-700);
  --prism-color-icon-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-icon-warning-default: var(--prism-color-general-warning-700);
  --prism-color-icon-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-color-interactive-background-critical-hover: var(--prism-color-general-critical-800);
  --prism-color-interactive-background-critical-idle: var(--prism-color-general-critical-700);
  --prism-color-interactive-background-critical-pressed: var(--prism-color-general-critical-900);
  --prism-color-interactive-background-disabled: var(--prism-color-general-alpha-neutral-100);
  --prism-color-interactive-background-ghost-hover: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-ghost-idle: var(--prism-color-general-alpha-neutral-00);
  --prism-color-interactive-background-ghost-pressed: var(--prism-color-general-alpha-neutral-400);
  --prism-color-interactive-background-ghost-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-inverse-hover: var(--prism-color-general-alpha-inverse-100);
  --prism-color-interactive-background-inverse-idle: var(--prism-color-general-alpha-inverse-50);
  --prism-color-interactive-background-inverse-pressed: var(--prism-color-general-alpha-inverse-200);
  --prism-color-interactive-background-primary-hover: var(--prism-color-general-info-800);
  --prism-color-interactive-background-primary-idle: var(--prism-color-general-info-700);
  --prism-color-interactive-background-primary-pressed: var(--prism-color-general-info-900);
  --prism-color-interactive-background-primary-selected: var(--prism-color-general-info-900);
  --prism-color-interactive-background-secondary-hover: var(--prism-color-general-alpha-neutral-300);
  --prism-color-interactive-background-secondary-idle: var(--prism-color-general-alpha-neutral-200);
  --prism-color-interactive-background-secondary-pressed: var(--prism-color-general-alpha-neutral-400);
  --prism-color-interactive-background-secondary-selected: var(--prism-color-general-alpha-info-50);
  --prism-color-interactive-background-success-hover: var(--prism-color-general-success-800);
  --prism-color-interactive-background-success-idle: var(--prism-color-general-success-700);
  --prism-color-interactive-background-success-pressed: var(--prism-color-general-success-900);
  --prism-color-interactive-background-warning-hover: var(--prism-color-general-warning-400);
  --prism-color-interactive-background-warning-idle: var(--prism-color-general-warning-300);
  --prism-color-interactive-background-warning-pressed: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-critical-hover: var(--prism-color-general-critical-700);
  --prism-color-interactive-border-critical-idle: var(--prism-color-general-critical-600);
  --prism-color-interactive-border-critical-pressed: var(--prism-color-general-critical-800);
  --prism-color-interactive-border-focus: var(--prism-color-general-info-500);
  --prism-color-interactive-border-neutral-hover: var(--prism-color-general-neutral-600);
  --prism-color-interactive-border-neutral-idle: var(--prism-color-general-neutral-500);
  --prism-color-interactive-border-neutral-pressed: var(--prism-color-general-neutral-700);
  --prism-color-interactive-border-warning-hover: var(--prism-color-general-warning-600);
  --prism-color-interactive-border-warning-idle: var(--prism-color-general-warning-500);
  --prism-color-interactive-border-warning-pressed: var(--prism-color-general-warning-700);
  --prism-color-interactive-icon-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-disabled: var(--prism-color-general-neutral-500);
  --prism-color-interactive-text-placeholder: var(--prism-color-general-neutral-600);
  --prism-color-interactive-text-primary-hover: var(--prism-color-general-info-800);
  --prism-color-interactive-text-primary-idle: var(--prism-color-general-info-700);
  --prism-color-interactive-text-primary-pressed: var(--prism-color-general-info-900);
  --prism-color-interactive-text-primary-selected: var(--prism-color-general-info-950);
  --prism-color-interactive-text-secondary-hover: var(--prism-color-general-neutral-900);
  --prism-color-interactive-text-secondary-idle: var(--prism-color-general-neutral-800);
  --prism-color-interactive-text-secondary-pressed: var(--prism-color-general-neutral-950);
  --prism-color-interactive-text-secondary-selected: var(--prism-color-general-neutral-950);
  --prism-color-text-brand-default: var(--prism-color-general-brand-700);
  --prism-color-text-brand-emphasis: var(--prism-color-general-brand-950);
  --prism-color-text-critical-default: var(--prism-color-general-critical-700);
  --prism-color-text-critical-emphasis: var(--prism-color-general-critical-950);
  --prism-color-text-info-default: var(--prism-color-general-info-700);
  --prism-color-text-info-emphasis: var(--prism-color-general-info-950);
  --prism-color-text-intelligence-default: var(--prism-color-general-intelligence-700);
  --prism-color-text-intelligence-emphasis: var(--prism-color-general-intelligence-950);
  --prism-color-text-inverse: var(--prism-color-general-neutral-00);
  --prism-color-text-neutral-default: var(--prism-color-general-neutral-900);
  --prism-color-text-neutral-emphasis: var(--prism-color-general-neutral-950);
  --prism-color-text-neutral-subdued: var(--prism-color-general-neutral-800);
  --prism-color-text-success-default: var(--prism-color-general-success-700);
  --prism-color-text-success-emphasis: var(--prism-color-general-success-950);
  --prism-color-text-warning-default: var(--prism-color-general-warning-700);
  --prism-color-text-warning-emphasis: var(--prism-color-general-warning-950);
  --prism-gradient-background-brand-default: linear-gradient(135deg, var(--prism-color-general-brand-100) 0%, var(--prism-color-general-brand-400) 100%);
  --prism-gradient-background-brand-subdued: linear-gradient(135deg, var(--prism-color-general-brand-50) 0%, var(--prism-color-general-brand-300) 100%);
  --prism-gradient-background-intelligence-default: linear-gradient(135deg, var(--prism-color-general-intelligence-100) 0%, var(--prism-color-general-intelligence-200) 100%);
  --prism-gradient-background-intelligence-subdued: linear-gradient(135deg, var(--prism-color-general-intelligence-50) 0%, var(--prism-color-general-intelligence-100) 100%);
  --prism-gradient-chart-intelligence-background-high: linear-gradient(135deg, var(--prism-color-general-critical-400) -20%, var(--prism-color-general-intelligence-700) 100%);
  --prism-gradient-chart-intelligence-background-low: linear-gradient(135deg, var(--prism-color-general-neutral-100) -20%, var(--prism-color-general-intelligence-400) 100%);
  --prism-gradient-chart-intelligence-background-normal: linear-gradient(135deg, var(--prism-color-general-critical-300) -20%, var(--prism-color-general-intelligence-500) 100%);
  --prism-gradient-interactive-background-brand-primary-hover: linear-gradient(135deg, var(--prism-color-general-brand-600) 0%, var(--prism-color-general-brand-500) 100%);
  --prism-gradient-interactive-background-brand-primary-idle: linear-gradient(135deg, var(--prism-color-general-brand-500) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-brand-primary-pressed: linear-gradient(135deg, var(--prism-color-general-brand-700) 0%, var(--prism-color-general-brand-600) 100%);
  --prism-gradient-interactive-background-intelligence-primary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-500) -20%, var(--prism-color-interactive-background-primary-idle) 100%);
  --prism-gradient-interactive-background-intelligence-secondary-idle: linear-gradient(135deg, var(--prism-color-general-intelligence-100) -20%, var(--prism-color-interactive-background-secondary-idle) 100%);
  --prism-typography-heading-1-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-heading-2-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-heading-3-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-heading-4-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-200-bold-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-200-bold-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-200-medium-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-200-medium-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-200-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-200-semi-bold-font-size: var(--prism-typography-paragraph-200-regular-font-size);
  --prism-typography-paragraph-200-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-200-semi-bold-line-height: var(--prism-typography-paragraph-200-regular-line-height);
  --prism-typography-paragraph-300-bold-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-300-bold-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-300-medium-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-300-medium-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-300-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-300-semi-bold-font-size: var(--prism-typography-paragraph-300-regular-font-size);
  --prism-typography-paragraph-300-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-300-semi-bold-line-height: var(--prism-typography-paragraph-300-regular-line-height);
  --prism-typography-paragraph-400-bold-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-paragraph-400-bold-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-paragraph-400-medium-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-paragraph-400-medium-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-paragraph-400-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-paragraph-400-semi-bold-font-size: var(--prism-typography-paragraph-400-regular-font-size);
  --prism-typography-paragraph-400-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-paragraph-400-semi-bold-line-height: var(--prism-typography-paragraph-400-regular-line-height);
  --prism-typography-text-200-bold-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-200-bold-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-200-medium-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-200-medium-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-200-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-200-semi-bold-font-size: var(--prism-typography-text-200-regular-font-size);
  --prism-typography-text-200-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-200-semi-bold-line-height: var(--prism-typography-text-200-regular-line-height);
  --prism-typography-text-300-bold-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-300-bold-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-300-medium-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-300-medium-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-300-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-300-semi-bold-font-size: var(--prism-typography-text-300-regular-font-size);
  --prism-typography-text-300-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-300-semi-bold-line-height: var(--prism-typography-text-300-regular-line-height);
  --prism-typography-text-400-bold-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-400-bold-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-400-medium-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-400-medium-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-400-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-400-semi-bold-font-size: var(--prism-typography-text-400-regular-font-size);
  --prism-typography-text-400-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-400-semi-bold-line-height: var(--prism-typography-text-400-regular-line-height);
  --prism-typography-text-500-bold-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-bold-font-weight: var(--prism-internal-typography-bold-font-weight);
  --prism-typography-text-500-bold-line-height: var(--prism-typography-text-500-regular-line-height);
  --prism-typography-text-500-medium-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-medium-font-weight: var(--prism-internal-typography-medium-font-weight);
  --prism-typography-text-500-medium-line-height: var(--prism-typography-text-500-regular-line-height);
  --prism-typography-text-500-regular-font-weight: var(--prism-internal-typography-regular-font-weight);
  --prism-typography-text-500-semi-bold-font-size: var(--prism-typography-text-500-regular-font-size);
  --prism-typography-text-500-semi-bold-font-weight: var(--prism-internal-typography-semi-bold-font-weight);
  --prism-typography-text-500-semi-bold-line-height: var(--prism-typography-text-500-regular-line-height);
  --gradient-brand-100: linear-gradient( 90deg, var(--prism-color-general-brand-50) 0%, #ffefe7 104.1% );
  --color-hero-chart-negative-100: var(--prism-color-general-critical-100);
  --color-hero-chart-negative-200: var(--prism-color-general-critical-200);
  --color-hero-chart-positive-100: var(--prism-color-general-success-100);
  --color-hero-chart-positive-200: var(--prism-color-general-success-200);
  --color-parity-loss-dark: var(--prism-color-general-critical-400);
  --color-parity-loss-light: var(--prism-color-general-critical-300);
  --color-parity-meet-dark: var(--prism-color-general-info-400);
  --color-parity-meet-light: var(--prism-color-general-info-300);
  --color-parity-win-light: var(--prism-color-general-warning-300);
  --prism-gradient-interactive-background-intelligence-primary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-primary-hover) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-primary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-primary-pressed) 0%, var(--prism-color-general-intelligence-600) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-hover: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-hover) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
  --prism-gradient-interactive-background-intelligence-secondary-pressed: linear-gradient(135deg, var(--prism-color-interactive-background-secondary-pressed) 0%, var(--prism-color-general-alpha-intelligence-200) 120%);
}
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 {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.2;
  position: relative;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
}
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
body, html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  min-height: 100%;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-size-adjust: 100%;
  -webkit-touch-callout: none;
}
@supports not (font-variation-settings: normal) {
  @font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(https://static.mylighthouse.com/login/assets/fonts/Inter-Regular.c8ba52b05a9ef10f4758.woff2) format("woff2"), url(https://static.mylighthouse.com/login/assets/fonts/Inter-Regular.8c206db99195777c6769.woff) format("woff");
  }
  @font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: url(https://static.mylighthouse.com/login/assets/fonts/Inter-Medium.293fd13dbca5a3e450ef.woff2) format("woff2"), url(https://static.mylighthouse.com/login/assets/fonts/Inter-Medium.9053572c46aeb4b16caa.woff) format("woff");
  }
  @font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(https://static.mylighthouse.com/login/assets/fonts/Inter-SemiBold.b5f0f109bc88052d4000.woff2) format("woff2"), url(https://static.mylighthouse.com/login/assets/fonts/Inter-SemiBold.cca62d21c8c555c392e5.woff) format("woff");
  }
  @font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(https://static.mylighthouse.com/login/assets/fonts/Inter-Bold.ec64ea577b0349e055ad.woff2) format("woff2"), url(https://static.mylighthouse.com/login/assets/fonts/Inter-Bold.93c1301bd9f486c573b3.woff) format("woff");
  }
}
@supports (font-variation-settings: normal) {
  @font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 100 900;
    src: url(https://static.mylighthouse.com/login/assets/fonts/Inter.var.c2fe3cb2b7c746f7966a.woff2) format("woff2");
  }
}
html {
  font-family: Inter, system-ui;
}
h1, .heading-1 {
  font-size: var(--prism-typography-heading-1-font-size);
  font-weight: var(--prism-typography-heading-1-font-weight);
  line-height: var(--prism-typography-heading-1-line-height);
}
h2, .heading-2 {
  font-size: var(--prism-typography-heading-2-font-size);
  font-weight: var(--prism-typography-heading-2-font-weight);
  line-height: var(--prism-typography-heading-2-line-height);
}
h3, .heading-3 {
  font-size: var(--prism-typography-heading-3-font-size);
  font-weight: var(--prism-typography-heading-3-font-weight);
  line-height: var(--prism-typography-heading-3-line-height);
}
h4, .heading-4 {
  font-size: var(--prism-typography-heading-4-font-size);
  font-weight: var(--prism-typography-heading-4-font-weight);
  line-height: var(--prism-typography-heading-4-line-height);
}
.text-500--regular {
  font-size: var(--prism-typography-text-500-regular-font-size);
  font-weight: var(--prism-typography-text-500-regular-font-weight);
  line-height: var(--prism-typography-text-500-regular-line-height);
}
.text-500--medium {
  font-size: var(--prism-typography-text-500-medium-font-size);
  font-weight: var(--prism-typography-text-500-medium-font-weight);
  line-height: var(--prism-typography-text-500-medium-line-height);
}
.text-500--semi-bold {
  font-size: var(--prism-typography-text-500-semi-bold-font-size);
  font-weight: var(--prism-typography-text-500-semi-bold-font-weight);
  line-height: var(--prism-typography-text-500-semi-bold-line-height);
}
.text-500--bold {
  font-size: var(--prism-typography-text-500-bold-font-size);
  font-weight: var(--prism-typography-text-500-bold-font-weight);
  line-height: var(--prism-typography-text-500-bold-line-height);
}
.text-400--regular {
  font-size: var(--prism-typography-text-400-regular-font-size);
  font-weight: var(--prism-typography-text-400-regular-font-weight);
  line-height: var(--prism-typography-text-400-regular-line-height);
}
.text-400--medium {
  font-size: var(--prism-typography-text-400-medium-font-size);
  font-weight: var(--prism-typography-text-400-medium-font-weight);
  line-height: var(--prism-typography-text-400-medium-line-height);
}
.text-400--semi-bold {
  font-size: var(--prism-typography-text-400-semi-bold-font-size);
  font-weight: var(--prism-typography-text-400-semi-bold-font-weight);
  line-height: var(--prism-typography-text-400-semi-bold-line-height);
}
.text-400--bold {
  font-size: var(--prism-typography-text-400-bold-font-size);
  font-weight: var(--prism-typography-text-400-bold-font-weight);
  line-height: var(--prism-typography-text-400-bold-line-height);
}
.text-300--regular {
  font-size: var(--prism-typography-text-300-regular-font-size);
  font-weight: var(--prism-typography-text-300-regular-font-weight);
  line-height: var(--prism-typography-text-300-regular-line-height);
}
.text-300--medium {
  font-size: var(--prism-typography-text-300-medium-font-size);
  font-weight: var(--prism-typography-text-300-medium-font-weight);
  line-height: var(--prism-typography-text-300-medium-line-height);
}
.text-300--semi-bold {
  font-size: var(--prism-typography-text-300-semi-bold-font-size);
  font-weight: var(--prism-typography-text-300-semi-bold-font-weight);
  line-height: var(--prism-typography-text-300-semi-bold-line-height);
}
.text-300--bold {
  font-size: var(--prism-typography-text-300-bold-font-size);
  font-weight: var(--prism-typography-text-300-bold-font-weight);
  line-height: var(--prism-typography-text-300-bold-line-height);
}
.text-200--regular {
  font-size: var(--prism-typography-text-200-regular-font-size);
  font-weight: var(--prism-typography-text-200-regular-font-weight);
  line-height: var(--prism-typography-text-200-regular-line-height);
}
.text-200--medium {
  font-size: var(--prism-typography-text-200-medium-font-size);
  font-weight: var(--prism-typography-text-200-medium-font-weight);
  line-height: var(--prism-typography-text-200-medium-line-height);
}
.text-200--semi-bold {
  font-size: var(--prism-typography-text-200-semi-bold-font-size);
  font-weight: var(--prism-typography-text-200-semi-bold-font-weight);
  line-height: var(--prism-typography-text-200-semi-bold-line-height);
}
.text-200--bold {
  font-size: var(--prism-typography-text-200-bold-font-size);
  font-weight: var(--prism-typography-text-200-bold-font-weight);
  line-height: var(--prism-typography-text-200-bold-line-height);
}
.paragraph-400--regular {
  font-size: var(--prism-typography-paragraph-400-regular-font-size);
  font-weight: var(--prism-typography-paragraph-400-regular-font-weight);
  line-height: var(--prism-typography-paragraph-400-regular-line-height);
}
.paragraph-400--medium {
  font-size: var(--prism-typography-paragraph-400-medium-font-size);
  font-weight: var(--prism-typography-paragraph-400-medium-font-weight);
  line-height: var(--prism-typography-paragraph-400-medium-line-height);
}
.paragraph-400--semi-bold {
  font-size: var(--prism-typography-paragraph-400-semi-bold-font-size);
  font-weight: var(--prism-typography-paragraph-400-semi-bold-font-weight);
  line-height: var(--prism-typography-paragraph-400-semi-bold-line-height);
}
.paragraph-400--bold {
  font-size: var(--prism-typography-paragraph-400-bold-font-size);
  font-weight: var(--prism-typography-paragraph-400-bold-font-weight);
  line-height: var(--prism-typography-paragraph-400-bold-line-height);
}
.paragraph-300--regular {
  font-size: var(--prism-typography-paragraph-300-regular-font-size);
  font-weight: var(--prism-typography-paragraph-300-regular-font-weight);
  line-height: var(--prism-typography-paragraph-300-regular-line-height);
}
.paragraph-300--medium {
  font-size: var(--prism-typography-paragraph-300-medium-font-size);
  font-weight: var(--prism-typography-paragraph-300-medium-font-weight);
  line-height: var(--prism-typography-paragraph-300-medium-line-height);
}
.paragraph-300--semi-bold {
  font-size: var(--prism-typography-paragraph-300-semi-bold-font-size);
  font-weight: var(--prism-typography-paragraph-300-semi-bold-font-weight);
  line-height: var(--prism-typography-paragraph-300-semi-bold-line-height);
}
.paragraph-300--bold {
  font-size: var(--prism-typography-paragraph-300-bold-font-size);
  font-weight: var(--prism-typography-paragraph-300-bold-font-weight);
  line-height: var(--prism-typography-paragraph-300-bold-line-height);
}
.paragraph-200--regular {
  font-size: var(--prism-typography-paragraph-200-regular-font-size);
  font-weight: var(--prism-typography-paragraph-200-regular-font-weight);
  line-height: var(--prism-typography-paragraph-200-regular-line-height);
}
.paragraph-200--medium {
  font-size: var(--prism-typography-paragraph-200-medium-font-size);
  font-weight: var(--prism-typography-paragraph-200-medium-font-weight);
  line-height: var(--prism-typography-paragraph-200-medium-line-height);
}
.paragraph-200--semi-bold {
  font-size: var(--prism-typography-paragraph-200-semi-bold-font-size);
  font-weight: var(--prism-typography-paragraph-200-semi-bold-font-weight);
  line-height: var(--prism-typography-paragraph-200-semi-bold-line-height);
}
.paragraph-200--bold {
  font-size: var(--prism-typography-paragraph-200-bold-font-size);
  font-weight: var(--prism-typography-paragraph-200-bold-font-weight);
  line-height: var(--prism-typography-paragraph-200-bold-line-height);
}
.prism-link {
  align-items: center;
  color: var(--prism-color-interactive-text-primary-idle);
  cursor: pointer;
  display: inline-flex;
  font-weight: var(--prism-typography-text-300-medium-font-weight);
  gap: var(--prism-spacing-100);
  text-decoration: underline;
}
.prism-link:disabled, .prism-link--disabled, .prism-link[data-test-pseudo="disabled"] {
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
  text-decoration: none;
}
.prism-link:focus-visible, .prism-link[data-test-pseudo="focus"] {
  border-radius: 2px;
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: -1px;
}
.prism-link:hover:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ), .prism-link[data-test-pseudo="hover"]:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ) {
  color: var(--prism-color-interactive-text-primary-hover);
  text-decoration: underline;
}
.prism-link:active:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ), .prism-link[data-test-pseudo="active"]:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ) {
  color: var(--prism-color-interactive-text-primary-pressed);
  text-decoration: underline;
}
.prism-link.prism-link--standalone {
  font-size: var(--prism-typography-text-300-medium-font-size);
  font-weight: var(--prism-typography-text-300-medium-font-weight);
  line-height: var(--prism-typography-text-300-medium-line-height);
  text-decoration: none;
}
.prism-link.prism-link--small {
  font-size: var(--prism-typography-text-200-medium-font-size);
  font-weight: var(--prism-typography-text-200-medium-font-weight);
  line-height: var(--prism-typography-text-200-medium-line-height);
}
.prism-link.prism-link--medium {
  font-size: var(--prism-typography-text-300-medium-font-size);
  font-weight: var(--prism-typography-text-300-medium-font-weight);
  line-height: var(--prism-typography-text-300-medium-line-height);
}
.prism-link.prism-link--large {
  font-size: var(--prism-typography-text-400-medium-font-size);
  font-weight: var(--prism-typography-text-400-medium-font-weight);
  line-height: var(--prism-typography-text-400-medium-line-height);
}
.prism-link.prism-link--secondary {
  color: var(--prism-color-interactive-text-secondary-idle);
}
.prism-link.prism-link--secondary:disabled, .prism-link--disabled.prism-link--secondary, .prism-link.prism-link--secondary[data-test-pseudo="disabled"] {
  color: var(--prism-color-interactive-text-disabled);
}
.prism-link.prism-link--secondary:hover:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ), .prism-link.prism-link--secondary[data-test-pseudo="hover"]:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ) {
  color: var(--prism-color-interactive-text-secondary-hover);
}
.prism-link.prism-link--secondary:active:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ), .prism-link.prism-link--secondary[data-test-pseudo="active"]:not( :disabled, .prism-link--disabled, [data-test-pseudo="disabled"] ) {
  color: var(--prism-color-interactive-text-secondary-pressed);
}
.identifier-square {
  border-radius: var(--border-radius-100);
  height: 14px;
  width: 14px;
}
.identifier-square.identifier-square--small {
  height: 12px;
  width: 12px;
}
.identifier-square.identifier-square--selected {
  border: 1px solid var(--prism-color-border-inverse-emphasis);
  height: 16px;
  outline: 2px solid var(--prism-color-icon-neutral-emphasis);
  width: 16px;
}
.identifier-square.identifier-square--selected.identifier-square--small {
  border: 1px solid var(--prism-color-border-inverse-emphasis);
  height: 14px;
  outline: 2px solid var(--prism-color-icon-neutral-emphasis);
  width: 14px;
}
.identifier-bullet {
  border-radius: var(--border-radius-circle);
  display: inline-block;
  margin-right: var(--prism-spacing-200);
  min-height: 8px;
  min-width: 8px;
}
.prism-button {
  --button-height: var(--prism-spacing-800);
  align-items: center;
  background-color: unset;
  border: none;
  border-radius: var(--border-radius-100);
  cursor: pointer;
  display: inline-flex;
  font-family: Inter, sans-serif;
  font-size: var(--prism-typography-text-300-medium-font-size);
  font-weight: var(--prism-typography-text-300-medium-font-weight);
  height: var(--button-height);
  justify-content: center;
  line-height: var(--prism-typography-text-300-medium-line-height);
  outline: 2px solid transparent;
  outline-offset: var(--prism-spacing-50);
  padding: 0 var(--prism-spacing-200);
  transition: all 0.12s ease-out;
}
.prism-button:disabled {
  background: unset;
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}
.prism-button:enabled:active, .prism-button:enabled[data-test-pseudo="active"] {
  box-shadow: var(--prism-shadow-neutral-inset);
}
.prism-button:enabled:focus-visible, .prism-button:enabled[data-test-pseudo="focus"] {
  outline-color: var(--prism-color-interactive-border-focus);
}
.prism-button:disabled:not( .prism-button--ghost, .prism-button--critical-secondary ) {
  background-color: var(--prism-color-interactive-background-disabled);
  color: var(--prism-color-interactive-text-disabled);
}
.prism-button--primary {
  background-color: var(--prism-color-interactive-background-primary-idle);
  color: var(--prism-color-text-inverse);
  outline-offset: var(--prism-spacing-50);
}
.prism-button--primary:enabled:hover, .prism-button--primary:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-primary-hover);
}
.prism-button--primary:enabled:active, .prism-button--primary:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-primary-pressed);
}
.prism-button--secondary {
  background-color: var(--prism-color-interactive-background-secondary-idle);
  color: var(--prism-color-text-neutral-default);
}
.prism-button--secondary:enabled:hover, .prism-button--secondary:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-secondary-hover);
}
.prism-button--secondary:enabled:active, .prism-button--secondary:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-secondary-pressed);
}
.prism-button--critical {
  background-color: var(--prism-color-interactive-background-critical-idle);
  color: var(--prism-color-text-inverse);
}
.prism-button--critical:enabled:hover, .prism-button--critical:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-critical-hover);
}
.prism-button--critical:enabled:active, .prism-button--critical:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-critical-pressed);
}
.prism-button--critical-secondary {
  color: var(--prism-color-text-critical-default);
}
.prism-button--critical-secondary:enabled:hover, .prism-button--critical-secondary:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}
.prism-button--critical-secondary:enabled:active, .prism-button--critical-secondary:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
  box-shadow: none;
}
.prism-button--warning {
  background-color: var(--prism-color-interactive-background-warning-idle);
  color: var(--prism-color-text-warning-emphasis);
}
.prism-button--warning:enabled:hover, .prism-button--warning:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-warning-hover);
}
.prism-button--warning:enabled:active, .prism-button--warning:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-warning-pressed);
}
.prism-button--success {
  background-color: var(--prism-color-interactive-background-success-idle);
  color: var(--prism-color-text-inverse);
}
.prism-button--success:enabled:hover, .prism-button--success:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-success-hover);
}
.prism-button--success:enabled:active, .prism-button--success:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-success-pressed);
}
.prism-button--ghost {
  color: var(--prism-color-text-neutral-default);
}
.prism-button--ghost:enabled:hover, .prism-button--ghost:enabled[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}
.prism-button--ghost:enabled:active, .prism-button--ghost:enabled[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
  box-shadow: none;
}
.prism-button--intelligence {
  background: var( --prism-gradient-interactive-background-intelligence-primary-idle );
  color: var(--prism-color-text-inverse);
}
.prism-button--intelligence:enabled:hover, .prism-button--intelligence:enabled[data-test-pseudo="hover"] {
  background: var( --prism-gradient-interactive-background-intelligence-primary-hover );
}
.prism-button--intelligence:enabled:active, .prism-button--intelligence:enabled[data-test-pseudo="active"] {
  background: var( --prism-gradient-interactive-background-intelligence-primary-pressed );
}
.prism-button--intelligence-secondary {
  background: var( --prism-gradient-interactive-background-intelligence-secondary-idle );
  color: var(--prism-color-text-intelligence-emphasis);
}
.prism-button--intelligence-secondary:enabled:hover, .prism-button--intelligence-secondary:enabled[data-test-pseudo="hover"] {
  background: var( --prism-gradient-interactive-background-intelligence-secondary-hover );
}
.prism-button--intelligence-secondary:enabled:active, .prism-button--intelligence-secondary:enabled[data-test-pseudo="active"] {
  background: var( --prism-gradient-interactive-background-intelligence-secondary-pressed );
}
.prism-button--brand {
  background-color: var( --prism-gradient-interactive-background-brand-primary-hover );
  background-image: var(--gradient-brand-figure);
  color: var(--prism-color-text-inverse);
}
.prism-button--brand:enabled:hover, .prism-button--brand:enabled[data-test-pseudo="hover"] {
  background: var(--prism-gradient-interactive-background-brand-primary-hover);
}
.prism-button--brand:enabled:active, .prism-button--brand:enabled[data-test-pseudo="active"] {
  background: var( --prism-gradient-interactive-background-brand-primary-pressed );
}
.prism-button--small {
  --button-height: var(--prism-spacing-600);
  font-size: var(--prism-typography-text-200-medium-font-size);
  font-weight: var(--prism-typography-text-200-medium-font-weight);
  line-height: var(--prism-typography-text-200-medium-line-height);
  padding: 0 var(--prism-spacing-200);
}
.prism-button--large {
  --button-height: var(--prism-spacing-1000);
  padding: 0 var(--prism-spacing-300);
}
.prism-button--icon-only {
  width: var(--button-height);
}
.prism-button--unstyled {
  background: none;
  border: none;
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  padding: 0;
}
.prism-button--unstyled:active, .prism-button--unstyled[data-test-pseudo="active"] {
  box-shadow: none;
}
.prism-button.prism-button--icon-only {
  width: var(--button-height);
}
.modal {
  --modal-max-width: 80vw;
  --modal-max-height: 70vh;
  --modal-min-width: 600px;
}
.modal--padded {
  padding: var(--prism-spacing-500);
}
.modal--small {
  width: 600px;
}
.modal--medium {
  width: 800px;
}
.modal--stretched {
  height: calc( var(--modal-max-height) - 25px );
  min-width: var(--modal-min-width);
  width: calc( var(--modal-max-width) - 25px );
}
.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  /* stylelint-disable-next-line color-no-hex */
  background-color: #fff;
  position: absolute;
  width: auto;
  z-index: 1000;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  background: rgb(0 0 0 / 50%);
  height: 100%;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ps {
  overflow-anchor: none;
}

/* https://github.com/noraesae/perfect-scrollbar/issues/644 - Fix laggy animation on Safari */
body .ps > .ps__scrollbar-y-rail .ps__scrollbar-y {
  transition: none;
}

body .ps > .ps__scrollbar-x-rail .ps__scrollbar-x {
  transition: none;
}

.perfect-scrollbar-container {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.prism-icon {
  display: flex;
}

.prism-icon svg {
  fill: currentcolor;

  /* Required for Safari to fill up the icon container */
  flex-grow: 1;
}

.prism-icon--extra-small {
  max-height: var(--prism-spacing-300);
  max-width: var(--prism-spacing-300);
  min-height: var(--prism-spacing-300);
  min-width: var(--prism-spacing-300);
}

.prism-icon--small {
  max-height: var(--prism-spacing-400);
  max-width: var(--prism-spacing-400);
  min-height: var(--prism-spacing-400);
  min-width: var(--prism-spacing-400);
}

.prism-icon--medium {
  max-height: var(--prism-spacing-500);
  max-width: var(--prism-spacing-500);
  min-height: var(--prism-spacing-500);
  min-width: var(--prism-spacing-500);
}

.prism-icon--large {
  max-height: var(--prism-spacing-600);
  max-width: var(--prism-spacing-600);
  min-height: var(--prism-spacing-600);
  min-width: var(--prism-spacing-600);
}

.prism-icon--inherit {
  color: inherit;
}

.prism-icon--default {
  color: var(--prism-color-icon-neutral-default);
}

.prism-icon--default-inverse {
  color: var(--prism-color-icon-inverse);
}

.prism-icon--emphasis {
  color: var(--prism-color-icon-neutral-emphasis);
}

.prism-icon--subdued {
  color: var(--prism-color-icon-neutral-subdued);
}

.prism-icon--info {
  color: var(--prism-color-icon-info-default);
}

.prism-icon--success {
  color: var(--prism-color-icon-success-default);
}

.prism-icon--warning {
  color: var(--prism-color-icon-warning-default);
}

.prism-icon--critical {
  color: var(--prism-color-icon-critical-default);
}

.prism-icon--brand {
  color: var(--prism-color-icon-brand-default);
}

.prism-icon--intelligence {
  color: var(--prism-color-icon-intelligence-default);
}

.prism-icon--on-info {
  color: var(--prism-color-icon-info-emphasis);
}

.prism-icon--on-success {
  color: var(--prism-color-icon-success-emphasis);
}

.prism-icon--on-warning {
  color: var(--prism-color-icon-warning-emphasis);
}

.prism-icon--on-critical {
  color: var(--prism-color-icon-critical-emphasis);
}

.prism-icon--on-brand {
  color: var(--prism-color-icon-brand-emphasis);
}

.prism-icon--on-intelligence {
  color: var(--prism-color-icon-intelligence-emphasis);
}

.prism-icon--disabled {
  color: var(--prism-color-interactive-icon-disabled);
}

.prism-icon-brand {
  display: flex;
  max-height: var(--prism-spacing-500);
  max-width: var(--prism-spacing-500);
  min-height: var(--prism-spacing-500);
  min-width: var(--prism-spacing-500);
}

.prism-icon-brand svg {
  /* Required for Safari to fill up the icon container */
  flex-grow: 1;
}

.prism-icon-flag {
  align-items: center;
  display: flex;
  justify-content: center;
}

.prism-icon-flag svg {
  border: 1px solid var(--prism-color-border-neutral-emphasis);

  /*
    `flex-grow: 1` is a fix for a browser bug in safari, where the svg is not
    displayed because of the align-items property on the parent div
  */
  flex-grow: 1;
}

.prism-icon-flag--small {
  --size: var(--prism-spacing-400);
  --padding: 1.33px; /* Calculated padding to match our regular icon spacing, since the flag icon package doesn't have padding by default (size / 24px * 2px) */
}

.prism-icon-flag--medium {
  --size: var(--prism-spacing-500);
  --padding: 1.67px; /* Calculated padding to match our regular icon spacing, since the flag icon package doesn't have padding by default (size / 24px * 2px) */
}

.prism-icon-flag--small,
.prism-icon-flag--medium {
  max-height: var(--size);
  max-width: var(--size);
  min-height: var(--size);
  min-width: var(--size);
  padding: var(--padding);
}

.prism-illustration {
  display: flex;
}

.prism-illustration--small {
  max-height: 40px;
  max-width: 40px;
  min-height: 40px;
  min-width: 40px;
}

.prism-illustration--medium {
  max-height: 100px;
  max-width: 100px;
  min-height: 100px;
  min-width: 100px;
}

.prism-illustration--large {
  max-height: 320px;
  max-width: 320px;
  min-height: 320px;
  min-width: 320px;
}

.prism-illustration svg {
  /* Required for Safari to fill up the icon container */
  flex-grow: 1;
}

.prism-tooltip {
  background-color: var(--prism-color-background-inverse);
  border-radius: var(--border-radius-50);
  color: var(--prism-color-text-inverse);
  max-width: 304px;
  padding: var(--prism-spacing-300);
  z-index: 1200;
}

.prism-tooltip[x-placement^="top"] .prism-tooltip__arrow {
  border-top-color: var(--prism-color-background-inverse);
}

.prism-tooltip[x-placement^="bottom"] .prism-tooltip__arrow {
  border-bottom-color: var(--prism-color-background-inverse);
}

.prism-tooltip[x-placement^="left"] .prism-tooltip__arrow {
  border-left-color: var(--prism-color-background-inverse);
}

.prism-tooltip[x-placement^="right"] .prism-tooltip__arrow {
  border-right-color: var(--prism-color-background-inverse);
}

.prism-tooltip-header {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
  color: var(--prism-color-text-neutral-default);
}

.prism-tooltip-header__container {
  height: var(--prism-spacing-800);
}

.prism-tooltip-footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
}

.prism-pagination-container {
  display: flex;
  gap: var(--prism-spacing-100);
  justify-content: center;
  user-select: none;
}

.prism-pagination-container .pagination-button {
  align-items: center;
  background-color: var(--prism-color-elevation-surface);
  border: none;
  border-radius: var(--border-radius-100);
  color: var(--prism-color-text-neutral-subdued);
  cursor: pointer;
  display: flex;
  font-size: var(--prism-typography-text-200-regular-font-size);
  font-weight: var(--prism-typography-text-200-medium-font-weight);
  height: var(--prism-spacing-800);
  justify-content: center;
  line-height: var(--prism-typography-text-200-medium-line-height);
  min-width: var(--prism-spacing-800);
  outline: var(--prism-spacing-50) solid transparent;
  outline-offset: var(--prism-spacing-50);
  padding: 0 var(--prism-spacing-200);
  transition: all 0.12s ease-out;
}

.prism-pagination-container .pagination-button:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.prism-pagination-container .pagination-button:focus-visible {
  outline-color: var(--prism-color-interactive-border-focus);
}

.prism-pagination-container .pagination-button.current-page {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
  color: var(--prism-color-text-neutral-emphasis);
  line-height: var(--prism-typography-paragraph-200-medium-line-height);
}

.prism-pagination-container .pagination-next-button,
.prism-pagination-container .pagination-previous-button {
  opacity: 1;
}

.prism-pagination-container .disabled,
.prism-pagination-container .disabled > span {
  background: unset;
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}

/* Closed state of the dialog */
.prism-alert-container {
  background-color: var(--prism-color-elevation-surface);
  border: 0;
  border-radius: var(--border-radius-100);
  left: 50%;
  margin: 0;
  opacity: 0;
  outline: 0;
  padding: var(--prism-spacing-900);
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 478px; /* 478px comes from the previous sweetalert package we used. */
}

@keyframes show-alert-dialog {
  0% {
    transform: scale(1);
  }

  1% {
    transform: scale(0.5);
  }

  45% {
    transform: scale(1.05);
  }

  80% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1);
  }
}

/* Open state of the dialog  */
.prism-alert-container[open] {
  animation: 0.3s show-alert-dialog;
  animation-composition: add;
  opacity: 1;
}

/* Before open state
Needs to be after the previous dialog[open] rule to take effect,
as the specificity is the same */
@starting-style {
  .prism-alert-container[open] {
    opacity: 0;
  }
}

/* Transition the :backdrop when the dialog modal is promoted to the top layer */
.prism-alert-container::backdrop {
  background-color: rgb(0 0 0 / 40%);
  transition: all 0.3s allow-discrete;
}

.prism-alert-container[open]::backdrop {
  background-color: rgb(0 0 0 / 40%);
}

/* This starting-style rule cannot be nested inside the above selector
because the nesting selector cannot represent pseudo-elements. */
@starting-style {
  .prism-alert-container[open]::backdrop {
    background-color: rgb(0 0 0 / 0%);
  }
}

.prism-alert-icon {
  height: 100px;
  margin: 0 auto;
  width: 100px;
}

.prism-alert-title {
  color: var(--prism-color-text-neutral-emphasis);
  font-size: var(--prism-typography-heading-3-font-size);
  font-weight: var(--prism-typography-heading-3-font-weight);
  line-height: var(--prism-typography-heading-3-line-height);
  margin-bottom: var(--prism-spacing-200);
  margin-top: var(--prism-spacing-500);
  padding: 0;
}

.prism-alert-text {
  color: var(--prism-color-text-neutral-default);
  font-size: var(--prism-typography-text-300-regular-font-size);
  font-weight: var(--prism-typography-text-300-regular-font-weight);
  line-height: var(--prism-typography-text-300-regular-line-height);
  padding: 0;
  text-align: center;
}

.prism-alert-footer {
  display: flex;
  gap: var(--prism-spacing-200);
  height: 42px;
  justify-content: center;
  margin-top: var(--prism-spacing-500);
  padding: 0;
  text-align: center;
}

.prism-toast {
  align-items: center;
  background-color: var(--prism-color-elevation-surface);
  border-bottom: var(--prism-spacing-100) solid;
  border-radius: var(--border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  box-sizing: border-box;
  display: inline-flex;
  min-height: 66px;
  padding: var(--prism-spacing-300);
  position: relative;

  /* Fixed width of the toast as defined by design in Figma */
  width: 328px;
}

.prism-toast .prism-toast__status {
  height: var(--prism-spacing-900);
  margin-right: var(--prism-spacing-400);
  width: var(--prism-spacing-900);
}

.prism-toast .prism-toast__status .prism-icon {
  max-height: var(--prism-spacing-900);
  max-width: var(--prism-spacing-900);
  min-height: var(--prism-spacing-900);
  min-width: var(--prism-spacing-900);
}

.prism-toast .prism-toast__body .prism-toast__title {
  color: var(--prism-color-text-neutral-emphasis);
}

.prism-toast .prism-toast__body .prism-toast__message {
  color: var(--prism-color-text-neutral-default);
}

.prism-toast .prism-toast__dismiss {
  background: transparent;
  border: none;
  color: var(--prism-color-icon-neutral-default);
  cursor: pointer;
  outline: none;
  padding: var(--prism-spacing-200);
  position: absolute;
  right: var(--prism-spacing-100);
  top: var(--prism-spacing-100);
}

.prism-toast.success {
  border-color: var(--prism-color-border-success-emphasis);
}

.prism-toast.success .prism-toast__status {
  color: var(--prism-color-icon-success-default);
}

.prism-toast.error {
  border-color: var(--prism-color-border-critical-emphasis);
}

.prism-toast.error .prism-toast__status {
  color: var(--prism-color-icon-critical-default);
}

.prism-toast-queue .flash-message {
  bottom: var(--prism-spacing-500);
  display: flex;
  gap: var(--prism-spacing-300);
  left: var(--prism-spacing-500);
  position: fixed;
  transform: translateX(-100px);
  transition: all 700ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: 1200;
}

.prism-toast-queue .flash-message.active {
  opacity: 1;
  transform: translateX(var(--prism-spacing-500));
}

.prism-toast-queue .flash-message.active.exiting {
  opacity: 0;
  transform: translateX(-100px);
}

.prism-tabs-container {
  color: var(--prism-color-text-neutral-default);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.prism-tabs-container__header {
  /* Acts as an inner border, so the active tab border overlays on top of it */
  box-shadow: inset 0 -1px 0 var(--prism-color-border-neutral-default);
  display: flex;
  flex-shrink: 0;
  height: 56px;
}

.prism-tabs-container__header__tabs {
  display: flex;
  flex-grow: 1;
}

.prism-tabs-container__header__tabs__list {
  display: flex;
  gap: var(--prism-spacing-500);
  padding: 0 var(--prism-spacing-500);
}

.prism-tabs-container__header__tabs__list__action {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--prism-color-interactive-text-secondary-idle);
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: var(--prism-typography-text-300-regular-font-size);
  height: 100%;
  overflow: hidden;
  padding: 0 var(--prism-spacing-100);
  position: relative;
}

.prism-tabs-container__header__tabs__list__action::after {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  bottom: 0;
  content: " ";
  height: 0;

  /* Needed to have it start at the true edge, otherwise will be next to the padding */
  left: 0;

  /* added absolute positioning to make sure it does not affect the text being in the middle */
  position: absolute;
  transition: 0.15s ease-out;
  width: 100%;
}

.prism-tabs-container__header__tabs__list__action:focus-visible,
.prism-tabs-container__header__tabs__list__action[data-test-pseudo="focus"] {
  border-radius: 8px;
  outline: 2px solid var(--prism-color-interactive-border-focus);
}

/* Make sure the text color only changes on hovering over inactive tabs */
.prism-tabs-container__header__tabs__list__action:hover:not(
    .prism-tabs-container__header__tabs__list__action--active
  ) {
  color: var(--prism-color-interactive-text-secondary-hover);
}

.prism-tabs-container__header__tabs__list__action:hover:not(
    .prism-tabs-container__header__tabs__list__action--active
  )::after {
  background-color: var(--prism-color-interactive-border-neutral-hover);
  height: 4px;
}

.prism-tabs-container__header__tabs__list__action:active:not(
    .prism-tabs-container__header__tabs__list__action--active
  ) {
  color: var(--prism-color-interactive-text-secondary-pressed);
}

.prism-tabs-container__header__tabs__list__action:active:not(
    .prism-tabs-container__header__tabs__list__action--active
  )::after {
  background-color: var(--prism-color-interactive-border-neutral-pressed);
  height: 4px;
}

.prism-tabs-container__header__tabs__list__action--active {
  color: var(--prism-color-interactive-text-secondary-pressed);
  font-weight: var(--prism-typography-text-300-bold-font-weight);
}

.prism-tabs-container__header__tabs__list__action--active::after {
  background-color: var(--prism-color-general-brand-500);
  height: 4px;
}

.prism-tabs-container__content {
  flex: 1;
}

.prism-tabs-container__content section {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.prism-banner {
  align-items: center;
  color: var(--prism-color-text-neutral-default);
  line-height: 20px;
  padding: var(--prism-spacing-200) var(--prism-spacing-300);
  position: relative;
  white-space: normal;
}

.prism-banner .prism-banner__icon {
  align-items: center;
  display: flex;
}

.prism-banner .prism-banner__content {
  gap: var(--prism-spacing-300) var(--prism-spacing-600);
}

.prism-banner .prism-banner__content .prism-banner__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}

.prism-banner .prism-banner__cta-btn-group-container {
  align-items: center;
  display: inline-flex;
  gap: var(--prism-spacing-200);
}

.prism-banner--wrap {
  flex: 1;
  flex-wrap: wrap;
  row-gap: var(--prism-spacing-200);
}

.prism-banner--info {
  background-color: var(--prism-color-background-info-subdued);
  border: 1px solid var(--prism-color-border-info-default);
}

.prism-banner--info .prism-banner__title {
  color: var(--prism-color-text-info-default);
}

.prism-banner--success {
  background-color: var(--prism-color-background-success-subdued);
  border: 1px solid var(--prism-color-border-success-default);
}

.prism-banner--success .prism-banner__title {
  color: var(--prism-color-text-success-default);
}

.prism-banner--warning {
  background-color: var(--prism-color-background-warning-subdued);
  border: 1px solid var(--prism-color-border-warning-default);
}

.prism-banner--warning .prism-banner__title {
  color: var(--prism-color-text-warning-default);
}

.prism-banner--critical {
  background-color: var(--prism-color-background-critical-subdued);
  border: 1px solid var(--prism-color-border-critical-default);
}

.prism-banner--critical .prism-banner__title {
  color: var(--prism-color-text-critical-default);
}

.prism-banner--intelligence {
  background: var(--prism-gradient-background-intelligence-subdued);
  border: 1px solid var(--prism-color-border-intelligence-default);
}

.prism-banner--intelligence .prism-banner__title {
  color: var(--prism-color-text-intelligence-default);
}

.prism-banner--brand {
  background: var(--prism-gradient-background-brand-subdued);
  border: 1px solid var(--prism-color-border-brand-default);
}

.prism-banner--brand .prism-banner__title {
  color: var(--prism-color-text-brand-default);
}

.prism-banner--island {
  border-radius: var(--prism-spacing-200);
}

.prism-banner--top {
  border-width: 0 0 1px;
}

.prism-banner--bottom {
  border-width: 1px 0 0;
}

.prism-banner .prism-banner__close-btn {
  align-self: center;
  margin-left: var(--prism-spacing-200);
}

.prism-banner.prism-banner__cta-fullwidth {
  padding: var(--prism-spacing-300);
}

.prism-banner.prism-banner__cta-fullwidth .prism-banner__content .banner__text {
  align-items: flex-start;
}

.prism-banner.prism-banner__cta-fullwidth
  .prism-banner__cta-btn-group-container {
  width: 100%;
}

.prism-banner.prism-banner__cta-fullwidth .prism-banner__close-btn {
  align-self: auto;
}

.prism-banner.prism-banner__cta-fullwidth .prism-banner__icon {
  align-items: flex-start;
}

.prism-toggle {
  --prism-toggle-width: 44px;
  --prism-toggle-height: 24px;
  --prism-toggle-padding: var(--prism-spacing-50);
  --prism-toggle-border-width: 2px;
  --prism-toggle-icon-size: 16px;

  align-items: center;
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  display: flex;
  gap: var(--prism-spacing-200);
}

.prism-toggle--disabled {
  cursor: not-allowed;
}

.prism-toggle .prism-toggle__slider {
  background-color: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--border-radius-pill);
  border-style: solid;
  border-width: var(--prism-toggle-border-width);
  height: var(--prism-toggle-height);
  padding: var(--prism-toggle-padding);
  position: relative;
  transition-duration: 100ms;
  transition-property: border-color, background-color;
  transition-timing-function: ease-out;
  width: var(--prism-toggle-width);
}

.prism-toggle .prism-toggle__slider::after {
  --x-offset: 0;

  background-color: var(--prism-color-icon-neutral-default);
  border-radius: var(--border-radius-circle);
  content: "";
  height: var(--prism-toggle-icon-size);
  position: absolute;
  top: 50%;
  transform: translate(var(--x-offset), -50%);
  transition: all 100ms ease-out;
  width: var(--prism-toggle-icon-size);
}

.prism-toggle--small {
  --prism-toggle-width: 36px;
  --prism-toggle-height: 20px;
  --prism-toggle-icon-size: 12px;
}

.prism-toggle input {
  appearance: none;
  margin: 0;
  position: absolute;
}

.prism-toggle input:hover ~ .prism-toggle__slider {
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-toggle input:hover ~ .prism-toggle__slider::after {
  background-color: var(--prism-color-icon-neutral-default);
}

.prism-toggle input:active ~ .prism-toggle__slider {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.prism-toggle input:focus-visible ~ .prism-toggle__slider,
.prism-toggle input[data-test-pseudo="focus"] ~ .prism-toggle__slider {
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: 2px;
}

.prism-toggle input:checked ~ .prism-toggle__slider {
  border: none;
}

.prism-toggle input:checked ~ .prism-toggle__slider::after {
  /*
    The reason we use border on one side is because we remove the border when the toggle is checked
    so we need to account for that when positioning the icon
    offset = width - padding on both sides - border on one side - icon size
  */
  --x-offset: calc(
    var(--prism-toggle-width) - (var(--prism-toggle-padding) * 2) -
      var(--prism-toggle-border-width) - var(--prism-toggle-icon-size)
  );
}

.prism-toggle input:disabled ~ .prism-toggle__slider {
  background-color: var(--prism-color-interactive-background-disabled);
  border-color: transparent;
}

.prism-toggle input:disabled ~ .prism-toggle__slider::after {
  background-color: var(--prism-color-interactive-icon-disabled);
}

.prism-toggle input:checked:not(:disabled) ~ .prism-toggle__slider {
  background-color: var(--prism-color-interactive-background-primary-idle);
}

.prism-toggle input:checked:not(:disabled) ~ .prism-toggle__slider::after {
  background-color: var(--prism-color-icon-inverse);
}

.prism-toggle input:checked:not(:disabled):hover ~ .prism-toggle__slider {
  background-color: var(--prism-color-interactive-background-primary-hover);
}

.prism-toggle
  input:checked:not(:disabled):hover
  ~ .prism-toggle__slider::after {
  background-color: var(--prism-color-icon-inverse);
}

.prism-toggle input:checked:not(:disabled):active ~ .prism-toggle__slider {
  background-color: var(--prism-color-interactive-background-primary-pressed);
}

.prism-badge {
  align-items: center;
  border-radius: var(--border-radius-pill);
  display: flex;
  flex-flow: row nowrap;
  font-size: var(--prism-typography-text-200-regular-font-size);
  font-weight: var(--prism-typography-text-200-regular-font-weight);
  gap: var(--prism-spacing-100);
  height: fit-content;
  justify-content: center;
  line-height: var(--prism-typography-text-200-regular-line-height);
  padding: var(--prism-spacing-50) var(--prism-spacing-200);
  width: fit-content;
}

.prism-badge--neutral {
  background-color: var(--prism-color-background-neutral-default);
  color: var(--prism-color-text-neutral-emphasis);
}

.prism-badge--neutral .prism-icon {
  color: var(--prism-color-icon-neutral-emphasis);
}

.prism-badge--info {
  background-color: var(--prism-color-background-info-default);
  color: var(--prism-color-text-info-emphasis);
}

.prism-badge--info .prism-icon {
  color: var(--prism-color-icon-info-emphasis);
}

.prism-badge--unsafe_critical {
  background-color: var(--prism-color-interactive-background-critical-hover);
  color: var(--prism-color-text-inverse);
}

.prism-badge--success {
  background-color: var(--prism-color-background-success-default);
  color: var(--prism-color-text-success-emphasis);
}

.prism-badge--success .prism-icon {
  color: var(--prism-color-icon-success-emphasis);
}

.prism-badge--danger {
  background-color: var(--prism-color-background-critical-default);
  color: var(--prism-color-text-critical-emphasis);
}

.prism-badge--danger .prism-icon {
  color: var(--prism-color-icon-critical-emphasis);
}

.prism-badge--warning {
  background-color: var(--prism-color-background-warning-default);
  color: var(--prism-color-text-warning-emphasis);
}

.prism-badge--warning .prism-icon {
  color: var(--prism-color-icon-warning-emphasis);
}

.prism-badge--intelligence {
  background: var(--prism-gradient-background-intelligence-default);
  color: var(--prism-color-text-intelligence-emphasis);
}

.prism-badge--intelligence .prism-icon {
  color: var(--prism-color-icon-intelligence-emphasis);
}

.prism-badge--brand {
  background: var(--prism-gradient-background-brand-default);
  color: var(--prism-color-text-brand-emphasis);
}

.prism-badge--brand .prism-icon {
  color: var(--prism-color-icon-brand-emphasis);
}

.prism-badge--small {
  padding: var(--prism-spacing-50) var(--prism-spacing-100);
}

.prism-breadcrumb {
  display: flex;
}

.prism-breadcrumb .prism-breadcrumb__item {
  display: flex;
}

.prism-breadcrumb .prism-breadcrumb__item:not(:last-child)::after {
  color: var(--prism-color-text-neutral-default);
  content: "/";
  font-size: var(--prism-typography-text-300-medium-font-size);
  font-weight: var(--prism-typography-text-300-medium-font-weight);
  line-height: var(--prism-typography-text-300-medium-line-height);
  padding: 0 var(--prism-spacing-200);
}

.prism-breadcrumb .prism-breadcrumb__text {
  max-width: 150px;
}

.prism-breadcrumb .prism-breadcrumb__item:last-child {
  flex: 1 1 auto;
  min-width: 0;
}

.prism-breadcrumb .prism-breadcrumb__item:last-child .prism-breadcrumb__text {
  max-width: none;
}

.prism-select-input {
  display: inline-block;
  max-width: 100%;
  user-select: none;
}

.prism-select-input .prism-select-input__trigger {
  --border-radius: var(--border-radius-100);

  align-items: center;
  border-radius: var(--border-radius);
  display: flex;
  gap: var(--prism-spacing-100);
  padding: var(--prism-spacing-100) var(--prism-spacing-100)
    var(--prism-spacing-100) var(--prism-spacing-200);
  transition: background-color 0.12s ease-out;
}

.prism-select-input .prism-select-input__trigger .trigger__label,
.prism-select-input .prism-select-input__trigger .trigger__placeholder {
  flex-grow: 1;
}

@supports (-webkit-line-clamp: 2) {
  .prism-select-input
    .prism-select-input__trigger
    .trigger__label:not(.truncate),
  .prism-select-input
    .prism-select-input__trigger
    .trigger__placeholder:not(.truncate) {
    /* stylelint-disable-next-line property-no-deprecated */
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

@supports not (-webkit-line-clamp: 2) {
  .prism-select-input
    .prism-select-input__trigger
    .trigger__label:not(.truncate),
  .prism-select-input
    .prism-select-input__trigger
    .trigger__placeholder:not(.truncate) {
    overflow: hidden;
    text-overflow: ellipsis;

    /* We're not extending the class since @extend in a @supports block doesn't seem to work */
    white-space: nowrap;
  }
}

/* Override ember-power-select-trigger's default styling, should be removed once we no longer apply the styles by default */
.prism-select-input
  .prism-select-input__trigger.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.prism-select-input
  .prism-select-input__trigger.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-radius: var(--border-radius);
}

.prism-select-input
  .prism-select-input__trigger.ember-power-select-trigger::after {
  content: unset;
}

.prism-select-input
  .prism-select-input__trigger:not([aria-disabled="true"])
  .trigger__label {
  color: var(--prism-color-text-neutral-default);
}

.prism-select-input
  .prism-select-input__trigger:not([aria-disabled="true"])
  .trigger__placeholder {
  color: var(--prism-color-interactive-text-placeholder);
}

.prism-select-input
  .prism-select-input__trigger:not([aria-disabled="true"]):hover,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  )[data-test-pseudo="hover"] {
  cursor: pointer;
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-default {
  background-color: var(--prism-color-interactive-background-secondary-idle);
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-default:hover,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-default[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-secondary-hover);
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-default:active,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-default[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-secondary-pressed);
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-secondary {
  background-color: var(--prism-color-elevation-surface);
  border: 2px solid var(--prism-color-interactive-border-neutral-idle);
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-secondary:hover,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-secondary[data-test-pseudo="hover"] {
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-secondary:active,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-select-input__trigger--is-secondary[data-test-pseudo="active"] {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.prism-select-input
  .prism-select-input__trigger:not([aria-disabled="true"]):focus-visible,
.prism-select-input
  .prism-select-input__trigger:not(
    [aria-disabled="true"]
  )[data-test-pseudo="focus"] {
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: 2px;
}

.prism-select-input .prism-select-input__trigger[aria-disabled="true"] {
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}

.prism-select-input
  .prism-select-input__trigger[aria-disabled="true"].prism-select-input__trigger--is-secondary {
  background-color: var(--prism-color-interactive-background-disabled);
}

.prism-select-input
  .prism-select-input__trigger.prism-select-input__trigger--size-default {
  min-height: 32px;
}

.prism-select-input
  .prism-select-input__trigger.prism-select-input__trigger--size-small {
  min-height: 24px;
  padding: var(--prism-spacing-50) var(--prism-spacing-100)
    var(--prism-spacing-50) var(--prism-spacing-200);
}

/* The dropdown will mostly be rendered outside of the select-input element, hence why it's not nested in the above selector */
.prism-select-input__dropdown {
  border-radius: 8px;
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  overflow: hidden;
  user-select: none;
  z-index: 1200;
}

/* Overrides the default ember-basic-dropdown styles to support Theming. */
.prism-select-input__dropdown.ember-basic-dropdown-content {
  background-color: var(--prism-color-elevation-surface);
}

/* translateY works more consistently than margin-top/bottom since the element is positioned absolutely */
.prism-select-input__dropdown.ember-basic-dropdown-content--above {
  transform: translateY(calc(var(--prism-spacing-100) * -1));
}

/* translateY works more consistently than margin-top/bottom since the element is positioned absolutely */
.prism-select-input__dropdown.ember-basic-dropdown-content--below {
  transform: translateY(var(--prism-spacing-100));
}

.prism-select-input__dropdown .prism-select-input__search {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
}

/* Only the first options should have a max height and be scrollable, .ember-power-select-options is rendered multiple times for groups */
.prism-select-input__dropdown.prism-select-input__dropdown--has-max-height
  > .ember-power-select-options {
  flex-grow: 1;
  max-height: 260px;
  overflow-y: auto;
}

.prism-select-input__dropdown .ember-power-select-option {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-200);
  min-height: 40px;
  padding: 0 var(--prism-spacing-300) 0 var(--prism-spacing-300);
  transition: background-color 0.12s ease-out;
}

.prism-select-input__dropdown .ember-power-select-option[aria-selected="true"] {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.prism-select-input__dropdown .ember-power-select-option[aria-current="true"] {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.prism-select-input__dropdown .ember-power-select-option[aria-disabled="true"] {
  color: var(--prism-color-interactive-text-disabled);

  /*
    ember-power-select sets pointer-events to none, which prevents us from
    showing a tooltip. So we override it again.
  */
  pointer-events: unset;
}

.prism-select-input__dropdown
  .ember-power-select-option.ember-power-select-option--no-matches-message {
  font-size: var(--prism-typography-text-300-regular-font-size);
  font-weight: var(--prism-typography-text-300-regular-font-weight);
  line-height: var(--prism-typography-text-300-regular-line-height);
}

.prism-select-input__dropdown .ember-power-select-group:not(:last-child) {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
}

.prism-select-input__dropdown .ember-power-select-group-name {
  display: block;
  font-size: var(--prism-typography-text-300-bold-font-size);
  font-weight: var(--prism-typography-text-300-bold-font-weight);
  line-height: var(--prism-typography-text-300-bold-line-height);
  overflow: hidden;
  padding: var(--prism-spacing-400) var(--prism-spacing-300)
    var(--prism-spacing-200) var(--prism-spacing-300);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prism-select-input__dropdown .option__label,
.prism-select-input__dropdown .option__unsafe-sub-label-container {
  flex-grow: 1;
}

.prism-select-input__dropdown .option__unsafe-sub-label-container {
  overflow: hidden;
}

.prism-select-input__dropdown .option__unsafe-sub-label {
  color: var(--prism-color-text-neutral-subdued);
}

.prism-table {
  height: 100%;

  /* Required for message-overlay positioning */
  position: relative;
}

.prism-table table {
  width: 100%;
}

.prism-table--empty-state-visible table {
  /*
    Set table height to 100% so empty state can also use the full height.
    Only add `height: 100%` when there are no rows, otherwise occlusion rendering messes up the position of the rows.
  */
  height: 100%;
}

.prism-table.loading .ember-table-overflow {
  /* This is necessary to prevent the table from scrolling while loading */
  overflow: hidden;
}

.prism-table .table-header-bulk-edit-cell-content {
  align-items: center;
  background-color: var(--prism-color-elevation-canvas);
  box-shadow: 0 1px 0 var(--prism-color-border-neutral-emphasis); /* Can't use border-bottom due to position: sticky */
  display: flex;
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.prism-table .table-header-cell {
  background-color: var(--prism-color-background-neutral-subdued);
  color: var(--prism-color-text-neutral-default);
  min-height: 32px;
  padding: var(--prism-spacing-200);
  vertical-align: middle;
}

.prism-table .table-cell {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  height: 36px;
  padding: 0 var(--prism-spacing-200);
  vertical-align: middle;
}

.prism-table .table-cell .et-cell-container {
  align-items: center;
  display: flex;
}

.prism-table .table-cell .et-cell-container .et-cell-content {
  flex: 1;
  overflow: hidden;
}

.prism-table
  .table-cell
  .et-cell-container
  .et-cell-content:has(.line-clamp-2) {
  padding: var(--prism-spacing-200) 0;
}

.prism-table .table-row .table-cell {
  background-color: var(--prism-color-elevation-surface);
}

.prism-table .table-row--level-1 .table-cell {
  background-color: var(--prism-color-background-neutral-subdued);
}

.prism-table .table-row--level-2 .table-cell {
  background-color: var(--prism-color-elevation-canvas);
}

.prism-table .table-row--level-3 .table-cell {
  background-color: var(--prism-color-background-neutral-subdued);
}

.prism-table .table-cell.is-first-column,
.prism-table .table-header-cell.is-first-column {
  padding-left: var(--prism-spacing-400);
}

.prism-table .table-cell.is-last-column,
.prism-table .table-header-cell.is-last-column {
  padding-right: var(--prism-spacing-400);
}

/* Add extra left padding to the first column that is not fixed */
.prism-table .is-fixed-left:not(:has(+ .is-fixed-left)) + .table-cell,
.prism-table .is-fixed-left:not(:has(+ .is-fixed-left)) + .table-header-cell {
  padding-left: var(--prism-spacing-400);
}

/* Add extra left padding to the last fixed column */
.prism-table .is-fixed-left:not(:has(+ .is-fixed-left)) {
  padding-right: var(--prism-spacing-400);
}

.prism-table.prism-table--highlight-title-column .table-cell.is-first-column {
  color: var(--prism-color-text-neutral-emphasis);
  font-weight: var(--prism-typography-text-300-medium-font-weight);
}

.prism-table .table-cell.is-first-column:has(.table-row__collapse-button) {
  padding-left: var(--prism-spacing-300);
}

/* An ember table internal class */
.prism-table .ember-table .ember-table-overflow {
  background-color: var(
    --prism-color-elevation-surface
  ); /* Visible while table data is loading */

  height: 100%; /* Necessary to make subcolumns sticky */
}

.prism-table
  .ember-table
  .table-header
  .table-header-row
  .table-header-cell.right-border,
.prism-table .ember-table .table-header .table-header-cell.is-slack {
  box-shadow: inset -1px -1px 0
    var(--prism-color-interactive-border-neutral-idle);
}

.prism-table .ember-table .table-header .table-header-row .table-header-cell,
.prism-table .ember-table .table-header .table-header-cell.is-slack {
  box-shadow: inset 0 -1px 0 var(--prism-color-interactive-border-neutral-idle); /* Can't use border-bottom due to position: sticky */
}

.prism-table .ember-table .table-body {
  min-height: 500px;
}

.prism-table
  .ember-table
  .table-body.table-body--with-collapsible-rows
  .et-cell-container
  .et-depth-placeholder {
  --level: 0;

  width: calc(
    var(--level) * var(--prism-spacing-400) + var(--prism-spacing-600)
  );
}

.prism-table
  .ember-table
  .table-body.table-body--with-collapsible-rows
  .et-cell-container
  .et-depth-placeholder.depth-1 {
  --level: 1;
}

.prism-table
  .ember-table
  .table-body.table-body--with-collapsible-rows
  .et-cell-container
  .et-depth-placeholder.depth-2 {
  --level: 2;
}

.prism-table
  .ember-table
  .table-body.table-body--with-collapsible-rows
  .et-cell-container
  .et-depth-placeholder.depth-3 {
  --level: 3;
}

.prism-table
  .ember-table
  .table-body.table-body--with-collapsible-rows
  .et-cell-container
  .table-row__collapse-button {
  --level: 0;

  margin-left: calc(var(--level) * var(--prism-spacing-400));
  margin-right: var(--prism-spacing-100);
}

.prism-table .ember-table .table-body + .table-body--loading {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.prism-table .ember-table .table-body .table-row .table-loading-state-bar {
  animation: pulse 1s infinite;
  background-color: var(--prism-color-interactive-text-disabled);
  border-radius: var(--border-radius-100);
  height: 8px;
}

.prism-table
  .ember-table
  .table-body
  .table-row:nth-child(even)
  .table-loading-state-bar {
  width: 20%;
}

.prism-table .ember-table .table-body .table-row:nth-child(odd) {
  background-color: var(--prism-color-elevation-surface);
}

.prism-table
  .ember-table
  .table-body
  .table-row:nth-child(odd)
  .table-loading-state-bar {
  width: 35%;
}

.prism-table .ember-table .table-body .table-row--active .table-cell {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.prism-table .ember-table .right-border {
  box-shadow: inset -1px 0 0 var(--prism-color-interactive-border-neutral-idle); /* Can't use border-right due to position: sticky */
}

.prism-table .ember-table.table-border {
  /* An ember table internal class */
}

.prism-table .ember-table.table-border .ember-table-overflow {
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--border-radius-200);
}

.prism-table .ember-table.table-border .table-row:last-of-type .table-cell {
  border-bottom: none;
}

.prism-table .ember-table .table-body .table-row.is-selected .table-cell {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.prism-table .ember-table .table-footer .table-row:hover .table-cell,
.prism-table
  .ember-table
  .table-body:not(.table-body--loading)
  .table-row:hover
  .table-cell {
  background-image: linear-gradient(
    var(--prism-color-interactive-background-ghost-hover),
    var(--prism-color-interactive-background-ghost-hover)
  );
}

/* Loading state animation */
@keyframes pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.72;
  }

  100% {
    opacity: 1;
  }
}

.prism-table .message-overlay {
  align-items: center;
  background-color: var(--prism-color-elevation-surface);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0.6;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;

  /* Enables the message to overlay the table. Ember Table .is-fixed-left class is z-index: 3 */
  z-index: 4;
}

.prism-bullet-graph {
  --background-and-bars-radius: 0 var(--border-radius-100)
    var(--border-radius-100) 0;

  color: var(--prism-color-text-neutral-default);
  display: flex;
  flex-direction: column;
  font-size: var(--prism-typography-text-300-regular-font-size);
  justify-content: center;
}

.prism-bullet-graph .prism-bullet-graph__content {
  display: grid;

  /* var(--prism-spacing-200) and var(--prism-spacing-100) are use as gap between columns. It's not possible to use column-gap because we use 2 different values for the gap. */
  grid-template-columns:
    1fr var(--prism-spacing-200) minmax(26px, 3%) var(--prism-spacing-100)
    minmax(26px, 3%);
}

.prism-bullet-graph .prism-bullet-graph__content .bars {
  align-items: center;
  background-color: var(--prism-color-background-neutral-default);
  border-radius: var(--background-and-bars-radius);
  display: flex;
  height: 16px;
  position: relative;
  width: 100%;
}

.prism-bullet-graph .prism-bullet-graph__content .bars .current-bar {
  background: var(--prism-color-chart-accent-primary-figure-default);
  border-radius: var(--background-and-bars-radius);
  height: 6px; /* as it is in Figma */
  position: absolute;
}

.prism-bullet-graph .prism-bullet-graph__content .bars .comparison-bar {
  background: var(--prism-color-chart-accent-secondary-figure-subdued);
  border-radius: var(--background-and-bars-radius);
  height: var(--prism-spacing-400);
}

.prism-bullet-graph .prism-bullet-graph__content .bars .mark-line {
  --width: 3px;

  border-right: var(--width) solid
    var(--prism-color-chart-accent-secondary-figure-emphasis);
  height: var(--prism-spacing-400);
  left: calc(var(--width) / 2);
  position: absolute;
}

.prism-bullet-graph .prism-bullet-graph__content .current-value {
  grid-column-start: 3;
}

.prism-bullet-graph .prism-bullet-graph__content .difference-value {
  grid-column-start: 5;
}

.prism-bullet-graph .prism-bullet-graph__content .difference-value--positive {
  color: var(--prism-color-text-success-default);
}

.prism-bullet-graph .prism-bullet-graph__content .difference-value--negative {
  color: var(--prism-color-text-critical-default);
}

.prism-view-switcher {
  --button-height: var(--prism-spacing-800);

  background: var(--prism-color-interactive-background-secondary-idle);
  border-radius: var(--border-radius-100);
  display: inline-flex;
  padding: var(--prism-spacing-50);
  width: fit-content;
}

.prism-view-switcher .prism-view-switcher-list {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--prism-spacing-100);

  /* forces the list to be the same height as the buttons */
  height: var(--button-height);
}

.prism-view-switcher .prism-view-switcher-list .prism-view-switcher-list-item {
  /* centers the button vertically */
  display: flex;
}

.prism-view-switcher .prism-view-switcher-list .prism-view-switcher__button {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: var(--border-radius-100);
  color: var(--prism-color-text-neutral-subdued);
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-family: inherit;
  gap: var(--prism-spacing-100);
  height: var(--button-height);

  /* justify content in the center so icons are centered */
  justify-content: center;
  padding: var(--prism-spacing-100) var(--prism-spacing-200);
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button
  .prism-icon {
  color: var(--prism-color-icon-neutral-default);
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button:focus-visible,
.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button[data-test-pseudo="focus"] {
  outline: var(--prism-spacing-50) solid
    var(--prism-color-interactive-border-focus);
  outline-offset: var(--prism-spacing-50);
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button[data-test-pseudo="hover"]:not(
    .prism-view-switcher__button--selected
  ),
.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button:hover:not(
    .prism-view-switcher__button--selected,
    .prism-view-switcher__button--disabled
  ) {
  background: var(--prism-color-interactive-background-secondary-hover);
  transition: background-color 0.5s ease;
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button--selected {
  background: var(--prism-color-elevation-surface);
  box-shadow: var(--prism-shadow-neutral-100);
  color: var(--prism-color-interactive-text-primary-pressed);
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button--selected
  .prism-icon {
  color: var(--prism-color-icon-info-emphasis);
}

/* makes button width same as height when only an icon is present so the button is square */
.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button--icon-only {
  width: var(--button-height);
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button--disabled {
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}

.prism-view-switcher
  .prism-view-switcher-list
  .prism-view-switcher__button--disabled
  .prism-icon {
  color: var(--prism-color-interactive-icon-disabled);
}

.prism-combo-select-input {
  display: inline-block;
  max-width: 100%;
  user-select: none;
}

.prism-combo-select-input .prism-combo-select-input__trigger {
  --border-radius: var(--border-radius-100);

  align-items: center;
  border-radius: var(--border-radius);
  display: flex;
  gap: var(--prism-spacing-100);
  min-height: 32px;
  padding: var(--prism-spacing-100) var(--prism-spacing-100)
    var(--prism-spacing-100) var(--prism-spacing-200);
  transition: background-color 0.12s ease-out;
}

.prism-combo-select-input
  .prism-combo-select-input__trigger.prism-combo-select-input__trigger--size-small {
  min-height: 24px;
  padding: var(--prism-spacing-50) var(--prism-spacing-100)
    var(--prism-spacing-50) var(--prism-spacing-200);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger.prism-combo-select-input__trigger--is-secondary {
  border: 2px solid var(--prism-color-interactive-border-neutral-idle);
}

.prism-combo-select-input .prism-combo-select-input__trigger .trigger__label,
.prism-combo-select-input
  .prism-combo-select-input__trigger
  .trigger__placeholder {
  flex-grow: 1;
}

@supports (-webkit-line-clamp: 2) {
  .prism-combo-select-input
    .prism-combo-select-input__trigger
    .trigger__label:not(.truncate),
  .prism-combo-select-input
    .prism-combo-select-input__trigger
    .trigger__placeholder:not(.truncate) {
    /* stylelint-disable-next-line property-no-deprecated */
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}

@supports not (-webkit-line-clamp: 2) {
  .prism-combo-select-input
    .prism-combo-select-input__trigger
    .trigger__label:not(.truncate),
  .prism-combo-select-input
    .prism-combo-select-input__trigger
    .trigger__placeholder:not(.truncate) {
    overflow: hidden;
    text-overflow: ellipsis;

    /* We're not extending the class since @extend in a @supports block doesn't seem to work */
    white-space: nowrap;
  }
}

/* Override ember-power-select-trigger's default styling, should be removed once we no longer apply the styles by default */
.prism-combo-select-input
  .prism-combo-select-input__trigger.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.prism-combo-select-input
  .prism-combo-select-input__trigger.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-radius: var(--border-radius);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger.ember-power-select-trigger::after {
  content: unset;
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not([aria-disabled="true"])
  .trigger__label {
  color: var(--prism-color-text-neutral-default);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not([aria-disabled="true"])
  .trigger__placeholder {
  color: var(--prism-color-interactive-text-placeholder);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not([aria-disabled="true"]):hover,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  )[data-test-pseudo="hover"] {
  cursor: pointer;
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-default {
  background-color: var(--prism-color-interactive-background-secondary-idle);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-default:hover,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-default[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-secondary-hover);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-default:active,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-default[data-test-pseudo="active"] {
  background-color: var(--prism-color-interactive-background-secondary-pressed);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-secondary {
  background-color: var(--prism-color-elevation-surface);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-secondary:hover,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-secondary[data-test-pseudo="hover"] {
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-secondary:active,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  ).prism-combo-select-input__trigger--is-secondary[data-test-pseudo="active"] {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.prism-combo-select-input
  .prism-combo-select-input__trigger:not([aria-disabled="true"]):focus-visible,
.prism-combo-select-input
  .prism-combo-select-input__trigger:not(
    [aria-disabled="true"]
  )[data-test-pseudo="focus"] {
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: 2px;
}

.prism-combo-select-input
  .prism-combo-select-input__trigger[aria-disabled="true"] {
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}

.prism-combo-select-input
  .prism-combo-select-input__trigger[aria-disabled="true"].prism-combo-select-input__trigger--is-secondary {
  background-color: var(--prism-color-interactive-background-disabled);
  border: none;
}

.prism-combo-select-input .prism-combo-select-input__unsafe-navigation-trigger {
  align-items: center;
  color: var(--prism-color-interactive-text-secondary-idle);
  cursor: pointer;
  display: flex;
  gap: var(--prism-spacing-100);
  height: 60px;
  padding: 0 var(--prism-spacing-200);

  /* Make sure the interaction colors only change for inactive tabs */
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger::after {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  bottom: 0;
  content: " ";
  height: 0;

  /* Needed to have it start at the true edge, otherwise will be next to the padding */
  left: 0;

  /* added absolute positioning to make sure it does not affect the text being in the middle */
  position: absolute;
  transition: 0.15s ease-out;
  width: 100%;
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger:not(
    .prism-combo-select-input
      .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active
  ):hover {
  color: var(--prism-color-interactive-text-secondary-hover);
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger:not(
    .prism-combo-select-input
      .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active
  ):hover::after {
  background-color: var(--prism-color-interactive-border-neutral-hover);
  height: 4px;
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger:not(
    .prism-combo-select-input
      .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active
  ):active {
  color: var(--prism-color-interactive-text-secondary-pressed);
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger:not(
    .prism-combo-select-input
      .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active
  ):active::after {
  background-color: var(--prism-color-interactive-border-neutral-pressed);
  height: 4px;
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active {
  color: var(--prism-color-interactive-text-secondary-pressed);
  font-weight: var(--prism-typography-text-300-bold-font-weight);
}

.prism-combo-select-input
  .prism-combo-select-input__unsafe-navigation-trigger.prism-combo-select-input__unsafe-navigation-trigger--is-active::after {
  background-color: var(--prism-color-border-brand-emphasis);
  height: 4px;
}

.prism-combo-select-input .unsafe-multiple-selection-immediate-trigger {
  flex-grow: 1;
  flex-wrap: wrap;
  max-height: 100px;
  overflow: auto;
}

.prism-combo-select-input
  .unsafe-multiple-selection-immediate-trigger
  .unsafe-multiple-selection-immediate-trigger__container {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--border-radius-100);
  padding: var(--prism-spacing-50) var(--prism-spacing-100);
}

.prism-combo-select-input
  .unsafe-multiple-selection-immediate-trigger
  .unsafe-multiple-selection-immediate-trigger__label {
  color: var(--prism-color-text-neutral-default);
  white-space: nowrap;
}

.prism-combo-select-input
  .unsafe-multiple-selection-immediate-trigger
  .unsafe-multiple-selection-immediate-trigger__placeholder {
  color: var(--prism-color-interactive-text-placeholder);
  flex-grow: 1;
}

.prism-combo-select-input
  .unsafe-multiple-selection-immediate-trigger
  .unsafe-multiple-selection-immediate-trigger__remove-button {
  color: var(--prism-color-interactive-text-secondary-idle);
}

.prism-combo-select-input
  .unsafe-multiple-selection-immediate-trigger
  .unsafe-multiple-selection-immediate-trigger__remove-button:hover {
  color: var(--prism-color-interactive-text-secondary-hover);
}

/* The dropdown will mostly be rendered outside of the combo-select-input element, hence why it's not nested in the above selector */
.prism-combo-select-input__dropdown {
  border-radius: 8px;
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  user-select: none;
  z-index: 1200;
}

/* Overrides the default ember-basic-dropdown styles to support Theming. */
.prism-combo-select-input__dropdown.ember-basic-dropdown-content {
  background-color: var(--prism-color-elevation-surface);
}

/* Only the first options should have a max height and be scrollable, .ember-power-select-options is rendered multiple times for groups */
.prism-combo-select-input__dropdown.prism-combo-select-input__dropdown--has-max-height
  > .ember-power-select-options:not(
    .unsafe-infinite-scroll-options__ember-power-select-options
  ),
.prism-combo-select-input__dropdown.prism-combo-select-input__dropdown--has-max-height
  .dropdown__unsafe-infinite-scroll-options {
  max-height: 260px;
}

.prism-combo-select-input__dropdown.prism-combo-select-input__dropdown--has-max-height
  > .ember-power-select-options:not(
    .unsafe-infinite-scroll-options__ember-power-select-options
  ) {
  overflow-y: auto;
}

.prism-combo-select-input__dropdown.prism-combo-select-input__dropdown--has-max-height
  .dropdown__unsafe-infinite-scroll-options {
  overflow-y: auto;
}

/* When using a navigation trigger, there's no empty space between trigger and dropdown content, to make sure the open on hover works correctly */
.prism-combo-select-input__dropdown:not(
    .prism-combo-select-input__dropdown--unsafe-is-navigation-trigger
  ).ember-basic-dropdown-content--above {
  /* translateY works more consistently than margin-top/bottom since the element is positioned absolutely */
  transform: translateY(calc(var(--prism-spacing-100) * -1));
}

.prism-combo-select-input__dropdown:not(
    .prism-combo-select-input__dropdown--unsafe-is-navigation-trigger
  ).ember-basic-dropdown-content--below {
  /* translateY works more consistently than margin-top/bottom since the element is positioned absolutely */
  transform: translateY(var(--prism-spacing-100));
}

.prism-combo-select-input__dropdown .prism-combo-select-input__search,
.prism-combo-select-input__dropdown
  .prism-combo-select-input__multiple-selection-before-options {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
}

.prism-combo-select-input__dropdown .ember-power-select-option,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__select-all,
.prism-combo-select-input__dropdown .multiple-selection-group__option {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--prism-spacing-200);
  min-height: 40px;
  padding: 0 var(--prism-spacing-300) 0 var(--prism-spacing-300);
  transition: background-color 0.12s ease-out;
}

.prism-combo-select-input__dropdown
  .multiple-selection-before-options__select-all {
  white-space: nowrap;
}

.prism-combo-select-input__dropdown
  .ember-power-select-option[aria-disabled="true"] {
  color: var(--prism-color-interactive-text-disabled);

  /*
    ember-power-select sets pointer-events to none, which prevents us from
    showing a tooltip. So we override it again.
  */
  pointer-events: unset;
}

.prism-combo-select-input__dropdown
  .ember-power-select-option.ember-power-select-option--no-matches-message,
.prism-combo-select-input__dropdown
  .ember-power-select-option.ember-power-select-option--loading-message,
.prism-combo-select-input__dropdown
  .ember-power-select-option.ember-power-select-option--search-message {
  cursor: default;
  font-size: var(--prism-typography-text-300-regular-font-size);
  font-weight: var(--prism-typography-text-300-regular-font-weight);
  line-height: var(--prism-typography-text-300-regular-line-height);
}

.prism-combo-select-input__dropdown
  .ember-power-select-option[aria-current="true"],
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__select-all:hover,
.prism-combo-select-input__dropdown .multiple-selection-group__option:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.prism-combo-select-input__dropdown .ember-power-select-group:not(:last-child) {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
}

.prism-combo-select-input__dropdown:not(
    .prism-combo-select-input__dropdown--is-multiple-confirm
  )
  .ember-power-select-option[aria-selected="true"]:not([aria-current="true"]) {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

/* We only support one level of nesting at the moment */
.prism-combo-select-input__dropdown
  .multiple-selection-group
  .ember-power-select-option {
  padding-left: var(--prism-spacing-600);
}

.prism-combo-select-input__dropdown .ember-power-select-group-name {
  display: block;
  font-size: var(--prism-typography-text-300-bold-font-size);
  font-weight: var(--prism-typography-text-300-bold-font-weight);
  line-height: var(--prism-typography-text-300-bold-line-height);
  overflow: hidden;
  padding: var(--prism-spacing-400) var(--prism-spacing-300)
    var(--prism-spacing-200) var(--prism-spacing-300);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prism-combo-select-input__dropdown .unsafe-collapsible-group-back-option,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
}

.prism-combo-select-input__dropdown .unsafe-collapsible-group,
.prism-combo-select-input__dropdown .unsafe-collapsible-selectable-group,
.prism-combo-select-input__dropdown .unsafe-collapsible-group-back-option,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label {
  display: flex;
  min-height: 40px;
}

.prism-combo-select-input__dropdown .unsafe-collapsible-group,
.prism-combo-select-input__dropdown .unsafe-collapsible-group-back-option,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label {
  align-items: center;
  gap: var(--prism-spacing-200);
  justify-content: space-between;
  padding: 0 var(--prism-spacing-300) 0 var(--prism-spacing-300);
  transition: background-color 0.12s ease-out;
}

.prism-combo-select-input__dropdown
  .unsafe-collapsible-group:hover:not(
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group-back-option.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .multiple-selection-before-options__back-label.unsafe-collapsible-group--expanded
  ),
.prism-combo-select-input__dropdown
  .unsafe-collapsible-group-back-option:hover:not(
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group-back-option.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .multiple-selection-before-options__back-label.unsafe-collapsible-group--expanded
  ),
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label:hover:not(
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .unsafe-collapsible-group-back-option.unsafe-collapsible-group--expanded,
    .prism-combo-select-input__dropdown
      .multiple-selection-before-options__back-label.unsafe-collapsible-group--expanded
  ) {
  background-color: var(--prism-color-interactive-background-ghost-hover);
  cursor: pointer;
}

.prism-combo-select-input__dropdown
  .unsafe-collapsible-group.unsafe-collapsible-group--expanded,
.prism-combo-select-input__dropdown
  .unsafe-collapsible-group-back-option.unsafe-collapsible-group--expanded,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label.unsafe-collapsible-group--expanded {
  color: var(--prism-color-interactive-text-disabled);
}

.prism-combo-select-input__dropdown
  .unsafe-collapsible-group
  .unsafe-collapsible-group__label,
.prism-combo-select-input__dropdown
  .unsafe-collapsible-group-back-option
  .unsafe-collapsible-group__label,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__back-label
  .unsafe-collapsible-group__label {
  flex-grow: 1;
}

.prism-combo-select-input__dropdown .unsafe-collapsible-selectable-group {
  transition: background-color 0.12s ease-out;
}

.prism-combo-select-input__dropdown .unsafe-collapsible-selectable-group:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
  cursor: pointer;
}

/* Removes default browser icons for search inputs */
.prism-combo-select-input__dropdown
  .prism-combo-select-input__search
  input[type="search"]::-webkit-search-decoration,
.prism-combo-select-input__dropdown
  .prism-combo-select-input__search
  input[type="search"]::-webkit-search-cancel-button,
.prism-combo-select-input__dropdown
  .prism-combo-select-input__search
  input[type="search"]::-webkit-search-results-button,
.prism-combo-select-input__dropdown
  .prism-combo-select-input__search
  input[type="search"]::-webkit-search-results-decoration {
  appearance: none;
}

.prism-combo-select-input__dropdown .multiple-select-option {
  overflow: hidden;
}

.prism-combo-select-input__dropdown .multiple-select-option__checkbox-container,
.prism-combo-select-input__dropdown
  .multiple-selection-group__checkbox-container,
.prism-combo-select-input__dropdown
  .multiple-selection-before-options__checkbox {
  pointer-events: none;
}

.prism-combo-select-input__dropdown .multiple-select-option__checkbox-container,
.prism-combo-select-input__dropdown
  .multiple-selection-group__checkbox-container,
.prism-combo-select-input__dropdown .multiple-select-option__unsafe-bullet {
  flex-shrink: 0;
}

.prism-combo-select-input__dropdown .multiple-select-option__unsafe-bullet {
  border-radius: var(--border-radius-circle);
  display: inline-block;
  height: 8px;
  width: 8px;
}

.prism-combo-select-input__dropdown .option__label,
.prism-combo-select-input__dropdown .multiple-select-option__label,
.prism-combo-select-input__dropdown .option__unsafe-sub-label-container,
.prism-combo-select-input__dropdown
  .multiple-select-option__unsafe-sub-label-container {
  flex-grow: 1;
}

.prism-combo-select-input__dropdown .option__unsafe-sub-label-container,
.prism-combo-select-input__dropdown
  .multiple-select-option__unsafe-sub-label-container {
  overflow: hidden;
}

.prism-combo-select-input__dropdown .option__unsafe-sub-label,
.prism-combo-select-input__dropdown .multiple-select-option__unsafe-sub-label {
  color: var(--prism-color-text-neutral-subdued);
}

.prism-combo-select-input__dropdown .dropdown__unsafe-additional-action,
.prism-combo-select-input__dropdown
  .dropdown__unsafe-create-when-no-matches-action {
  display: flex;
  flex-direction: column;
  padding: var(--prism-spacing-200);

  /* Prevents the action from shrinking when no options are shown */
  white-space: nowrap;
}

.prism-combo-select-input__dropdown .dropdown__unsafe-additional-action {
  border-top: 1px solid var(--prism-color-border-neutral-emphasis);
}

@supports (interpolate-size: allow-keywords) {
  :root {
    interpolate-size: allow-keywords;
  }
}

.prism-accordion {
  border-radius: var(--border-radius-200);
  font-size: var(--prism-typography-text-200-regular-font-size);
}

/* Hide default arrow in Chrome and Safari */
.prism-accordion::-webkit-details-marker {
  display: none;
}

.prism-accordion .prism-accordion__summary {
  background-color: var(--prism-color-background-neutral-subdued);

  /* explicit border radius so the header itself has the correct border radius when displaying hover and focus state */
  border-radius: var(--border-radius-200);
  color: var(--prism-color-text-neutral-emphasis);
  cursor: pointer;

  /* Hide default arrow in Firefox */
  list-style-type: none;
}

.prism-accordion .prism-accordion__summary:focus-visible,
.prism-accordion .prism-accordion__summary[data-test-pseudo="focus"] {
  outline: var(--prism-spacing-50) solid
    var(--prism-color-interactive-border-focus);
  outline-offset: var(--prism-spacing-50);
}

.prism-accordion .prism-accordion__summary:hover,
.prism-accordion .prism-accordion__summary[data-test-pseudo="hover"] {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.prism-accordion__content {
  background-color: var(--prism-color-background-neutral-subdued);
  color: var(--prism-color-text-neutral-default);
}

.prism-accordion[open] .prism-accordion__summary {
  border-radius: var(--border-radius-200) var(--border-radius-200) 0 0;
}

.prism-accordion[open] .prism-accordion__content {
  border-radius: 0 0 var(--border-radius-200) var(--border-radius-200);
}

.prism-accordion::details-content {
  height: 0;
  overflow: clip;
  transition:
    height 0.25s ease-in-out,
    content-visibility 0.25s ease-in-out allow-discrete;
}

.prism-accordion[open]::details-content {
  height: auto;
}

.prism-message {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 480px;
  padding: var(--prism-spacing-500);
  row-gap: var(--prism-spacing-500);
  text-align: center;
}

.prism-message__illustration {
  width: 100px;
}

.prism-message__title {
  color: var(--prism-color-text-neutral-emphasis);
}

.prism-message__description {
  color: var(--prism-color-text-neutral-default);
}

.prism-message__actions {
  display: flex;
  gap: var(--prism-spacing-200);
}

.prism-radio-group--vertical {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-400);
}

.prism-radio-group--horizontal {
  display: flex;
  flex-direction: row;
}

.prism-radio-group--horizontal .prism-radio {
  margin-right: var(--prism-spacing-400);
}

/* Default */
.prism-radio-group .prism-radio {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
}

/* Hide the browser's default radio button */
.prism-radio-group .prism-radio input {
  appearance: none;
  margin: 0;
}

.prism-radio-group .prism-radio input:focus-visible ~ .prism-radio__circle,
.prism-radio-group
  .prism-radio
  input[data-test-pseudo="focus"]
  ~ .prism-radio__circle {
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: 2px;
}

/* Create a custom radio button */
/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group .prism-radio .prism-radio__circle {
  background: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--border-radius-circle);
  border-style: solid;
  border-width: 2px;
  flex-shrink: 0;
  height: 16px;
  margin-top: calc(
    (var(--prism-typography-text-300-regular-line-height) - 16px) / 2
  ); /* Center vertically when only one line of text is present */

  position: relative;
  width: 16px;
}

.prism-radio-group .prism-radio .prism-radio__circle--small {
  margin-top: 0;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.prism-radio-group .prism-radio .prism-radio__circle::after {
  border-radius: var(--border-radius-circle);
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
}

.prism-radio-group .prism-radio .prism-radio__label {
  color: var(--prism-color-text-neutral-default);
  margin-left: var(--prism-spacing-200);
}

/* Checked */
.prism-radio-group .prism-radio input:checked ~ .prism-radio__circle {
  background: var(--prism-color-interactive-background-primary-idle);
  border-color: var(--prism-color-interactive-background-primary-idle);
}

.prism-radio-group .prism-radio input:checked ~ .prism-radio__circle::after {
  background: var(--prism-color-icon-inverse);
}

.prism-radio-group
  .prism-radio:hover:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input
  ~ .prism-radio__circle,
.prism-radio-group
  .prism-radio[data-test-pseudo="hover"]:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input
  ~ .prism-radio__circle {
  background: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-radio-group
  .prism-radio:hover:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input:checked
  ~ .prism-radio__circle,
.prism-radio-group
  .prism-radio[data-test-pseudo="hover"]:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input:checked
  ~ .prism-radio__circle {
  background: var(--prism-color-interactive-background-primary-hover);
  border-color: var(--prism-color-interactive-background-primary-hover);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group
  .prism-radio:active:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input
  ~ .prism-radio__circle,
/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group
  .prism-radio[data-test-pseudo="active"]:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input
  ~ .prism-radio__circle {
  background: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-pressed);
  box-shadow: var(--prism-shadow-neutral-inset);
}

.prism-radio-group
  .prism-radio:active:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input:checked
  ~ .prism-radio__circle,
.prism-radio-group
  .prism-radio[data-test-pseudo="active"]:not(
    .prism-radio-group .prism-radio--disabled,
    .prism-radio-group .prism-radio[data-test-pseudo="disabled"]
  )
  input:checked
  ~ .prism-radio__circle {
  background: var(--prism-color-interactive-background-primary-pressed);
  border-color: var(--prism-color-interactive-background-primary-pressed);
}

.prism-radio-group .prism-radio--disabled,
.prism-radio-group .prism-radio[data-test-pseudo="disabled"] {
  cursor: not-allowed;
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group .prism-radio--disabled input ~ .prism-radio__circle,
/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group
  .prism-radio[data-test-pseudo="disabled"]
  input
  ~ .prism-radio__circle {
  background: var(--prism-color-interactive-background-disabled);
  border-color: var(--prism-color-interactive-background-disabled);
  box-shadow: none;
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group .prism-radio--disabled input:checked ~ .prism-radio__circle,
/* stylelint-disable-next-line no-descending-specificity */
.prism-radio-group
  .prism-radio[data-test-pseudo="disabled"]
  input:checked
  ~ .prism-radio__circle {
  background: var(--prism-color-interactive-background-disabled);
  border-color: var(--prism-color-interactive-background-disabled);
  box-shadow: none;
}

.prism-radio-group
  .prism-radio--disabled
  input:checked
  ~ .prism-radio__circle::after,
.prism-radio-group
  .prism-radio[data-test-pseudo="disabled"]
  input:checked
  ~ .prism-radio__circle::after {
  background: var(--prism-color-icon-inverse);
}

.prism-radio-group .prism-radio--disabled .prism-radio__label,
.prism-radio-group
  .prism-radio[data-test-pseudo="disabled"]
  .prism-radio__label {
  color: var(--prism-color-interactive-text-disabled);
}

/* https://codepen.io/holdencreative/pen/vEVbwv */
.prism-loading-bar {
  background-clip: padding-box;
  border-radius: var(--border-radius-50);
  display: block;
  height: 4px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}

.prism-loading-bar--fixed {
  position: fixed;
}

.prism-loading-bar__indeterminate {
  background-color: var(--prism-color-chart-accent-primary-figure-default);
}

.prism-loading-bar__indeterminate::before {
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  background-color: inherit;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  will-change: left, right;
}

.prism-loading-bar__indeterminate::after {
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
    infinite;
  animation-delay: 1.15s;
  background-color: inherit;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  will-change: left, right;
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
}

.prism-loading--spinner {
  animation: prism-loading-spin 1.2s linear infinite;
}

@keyframes prism-loading-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.prism-input {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding-bottom: var(--prism-spacing-500);
}

.prism-input textarea {
  resize: none; /* Removes the option for the user to resize the textarea (which can mess with the layout) */
}

.prism-input input,
.prism-input textarea {
  background: transparent;
  border: none;
  color: var(--prism-color-text-neutral-default);
  flex-grow: 1;
  font-family: inherit;
  margin: 0; /* For consistent rendering across browsers (safari) */
  min-height: var(--prism-spacing-700);
  min-width: 0;
  padding: var(--prism-spacing-50) 0 var(--prism-spacing-50)
    var(--prism-spacing-200);
  width: 100%;
}

.prism-input input.prism-input__input--small,
.prism-input input.prism-input__textarea--small,
.prism-input textarea.prism-input__input--small,
.prism-input textarea.prism-input__textarea--small {
  min-height: var(--prism-spacing-600);
}

.prism-input input:focus,
.prism-input textarea:focus {
  outline: none;
}

.prism-input input::placeholder,
.prism-input textarea::placeholder {
  color: var(--prism-color-interactive-text-placeholder);
}

.prism-input input:disabled,
.prism-input textarea:disabled {
  cursor: not-allowed;
}

.prism-input input:disabled::placeholder,
.prism-input textarea:disabled::placeholder {
  color: var(--prism-color-interactive-text-disabled);
}

.prism-input__wrapper {
  align-items: center;
  background-color: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--border-radius-100);
  border-style: solid;
  border-width: var(--prism-spacing-50);
  display: flex;
  flex: 1;
  gap: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
  position: relative;
}

.prism-input__wrapper:focus-within {
  outline: var(--prism-spacing-50) solid
    var(--prism-color-interactive-border-focus);
  outline-offset: var(--prism-spacing-50);
}

.prism-input__wrapper:hover {
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-input__label {
  align-items: center;
  color: var(--prism-color-text-neutral-default);
  display: flex;
  gap: var(--prism-spacing-50);
  margin-bottom: var(--prism-spacing-100);
}

.prism-input .prism-input__label__required-indicator {
  color: var(--prism-color-text-neutral-default);
  font-weight: var(--prism-typography-text-200-bold-font-weight);
}

.prism-input:focus-within .prism-input__label__required-indicator {
  color: var(--prism-color-text-critical-default);
}

.prism-input--disabled .prism-input__wrapper {
  background-color: var(--prism-color-interactive-background-disabled);
  border-color: var(--prism-color-interactive-border-neutral-idle);
  cursor: not-allowed;
}

.prism-input--disabled .prism-input__indicators__counter {
  color: var(--prism-color-interactive-text-disabled);
}

.prism-input--fill-height {
  height: 100%;
}

.prism-input--fill-height .prism-input__wrapper {
  height: 100%;
}

.prism-input--fill-height .prism-input__wrapper textarea {
  height: 100%;
}

.prism-input:not(.prism-input--disabled)
  .prism-input__wrapper:has(input:active) {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.prism-input .prism-input__content-options {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-400);
}

.prism-input .prism-input__content-options .prism-input__inline-label {
  color: var(--prism-color-general-neutral-700);
  white-space: nowrap;
}

.prism-input .prism-input__content-options .prism-input__indicators__counter {
  color: var(--prism-color-general-neutral-700);
}

.prism-input.prism-input--error
  .prism-input__content-options
  .prism-input__indicators__counter {
  color: var(--prism-color-text-critical-default);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-input.prism-input--error .prism-input__wrapper {
  border-color: var(--prism-color-interactive-background-critical-idle);
}

.prism-input.prism-input--error:not(.prism-input--disabled)
  .prism-input__wrapper:hover {
  border-color: var(--prism-color-interactive-background-critical-hover);
}

.prism-input.prism-input--error:not(.prism-input--disabled)
  .prism-input__wrapper:has(input:active) {
  border-color: var(--prism-color-interactive-background-critical-pressed);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-input.prism-input--warning .prism-input__wrapper {
  border-color: var(--prism-color-interactive-background-warning-idle);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-input.prism-input--warning:not(.prism-input--disabled)
  .prism-input__wrapper:hover {
  border-color: var(--prism-color-interactive-border-warning-hover);
}

.prism-input.prism-input--warning:not(.prism-input--disabled)
  .prism-input__wrapper:has(input:active) {
  border-color: var(--prism-color-interactive-border-warning-pressed);
}

.prism-input .prism-input__help-text {
  color: var(--prism-color-general-neutral-700);
  margin-left: var(--prism-spacing-50);
  margin-top: var(--prism-spacing-100);
}

.prism-input__error-message {
  color: var(--prism-color-text-critical-default);
}

.prism-input__warning-message {
  color: var(--prism-color-text-warning-default);
}

.prism-input__error-message,
.prism-input__warning-message {
  display: flex;
  gap: var(--prism-spacing-100);
  margin-top: var(--prism-spacing-100);
  min-height: var(--prism-spacing-500);
}

.prism-input__button-icon-after--clickable,
.prism-input__button-clear {
  cursor: pointer;
}

.prism-input--no-padding {
  padding-bottom: 0;
}

.prism-checklist {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-200);
}

.prism-checklist .prism-checklist-item {
  color: var(--prism-color-text-neutral-default);
  line-height: 20px;
}

.prism-checklist .prism-checklist-item .check-icon {
  color: var(--prism-color-interactive-background-disabled);
  height: 20px;
  padding-left: var(--prism-spacing-100);
  padding-right: var(--prism-spacing-300);
}

.prism-checklist .prism-checklist-item .check-icon--checked {
  color: var(--prism-color-interactive-background-success-idle);
}

.prism-data-bar-basic {
  background-color: var(--prism-color-chart-neutral-figure-empty);
  border-radius: var(--border-radius-pill);
  display: flex;
  height: var(--prism-spacing-200);
  overflow: hidden;
  position: relative;
  width: 100%;
}

.prism-data-bar-basic .data-bar-container {
  background-color: var(--prism-color-chart-neutral-figure-empty);
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.prism-data-bar-basic--left {
  border-radius: var(--border-radius-pill) 0 0 var(--border-radius-pill);
}

.prism-data-bar-basic--right {
  border-radius: 0 var(--border-radius-pill) var(--border-radius-pill) 0;
}

.prism-data-bar-basic .data-bar {
  /* We add this style to prevent external overrides (there is a loading bar also named progress-bar) */
  border-radius: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.prism-data-bar-basic .data-bar-reverse {
  position: absolute;
  right: 0;
  top: 0;
}

.prism-data-bar-basic .data-bar--gradient {
  background: var(--gradient-brand-figure);
}

.prism-data-bar-basic .data-bar--striped {
  background-color: var(--prism-color-elevation-surface);

  /*
    Format the SVG as a URL
    Taken from: https://gist.github.com/JacobDB/0ffffaf8e772c12acf7102edb8a302be
  */
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2233%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%23c11d25%22%20d%3D%22M%200%20-1%20L%2018%2017%20M%203%20-1%20L%2018%2014%20M%20-1%201%20L%2018%2020%20M%20-1%204%20L%2018%2023%20M%206%20-1%20L%2018%2011%20M%209%20-1%20L%2018%208%20M%20-1%207%20L%2018%2026%20M%20-1%2010%20L%2018%2029%20M%20-1%2013%20L%2018%2032%20M%2012%20-1%20L%2018%205%20M%2015%20-1%20L%2019%203%20M%2015%2032%20L%20-1%2016%20M%2012%2032%20L%20-1%2019%20M%209%2032%20L%20-1%2022%20M%206%2032%20L%20-1%2025%20M%203%2032%20L%20-1%2028%22%2F%3E%3C%2Fsvg%3E");
  border: 1px solid var(--prism-color-general-critical-400);
}

.prism-data-bar-plotted-points-container {
  margin-top: var(--prism-spacing-200);
}

.prism-data-bar-plotted-points-container .data-bar-plotted-points-value {
  color: var(--prism-color-text-neutral-subdued);
  white-space: nowrap;
}

.prism-data-bar-plotted-points-container .data-bar-plotted-points {
  background-color: var(--prism-color-background-info-subdued);
  border-radius: var(--border-radius-pill);
  display: flex;
  height: 8px;
  margin-left: var(--prism-spacing-200);
  margin-right: var(--prism-spacing-200);
  overflow: hidden;
  position: relative;
  width: 100%;
}

.prism-data-bar-plotted-points-container
  .data-bar-plotted-points
  .data-bar__inner-container {
  height: 100%;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  width: 100%;
}

.prism-data-bar-plotted-points-container
  .data-bar-plotted-points
  .data-bar__item {
  background-color: var(--prism-color-chart-accent-primary-figure-subdued);
  height: 100%;
  position: absolute;
  width: 2px;
}

.prism-data-bar-plotted-points-container
  .data-bar-plotted-points
  .data-bar__item.main-point {
  background-color: var(--prism-color-chart-categorical-01);
}

.prism-data-bar-symmetric-with-value {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.prism-data-bar-symmetric-with-value .prism-data-bar-label-value-target {
  width: 50%;
}

.prism-data-bar-symmetric-with-value
  .prism-data-bar-label-value-target:not(:first-child) {
  margin-left: var(--prism-spacing-100);
}

.prism-data-bar-label-value-target {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.prism-data-bar-label-value-target .label-and-value-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.prism-data-bar-label-value-target .data-bar-content {
  display: flex;
  position: relative;
}

.prism-data-bar-label-value-target .data-bar-target {
  background-color: var(--prism-color-chart-accent-primary-figure-emphasis);
  border-radius: var(--border-radius-300);
  height: var(--prism-spacing-300);
  outline: 1px solid var(--prism-color-border-inverse-emphasis);
  position: absolute;
  top: -2px;
  width: 3px;
}

.prism-data-bar-label-value-target .data-bar-label,
.prism-data-bar-label-value-target .data-bar-top-value {
  color: var(--prism-color-text-neutral-default);
  flex-wrap: nowrap;
  padding-bottom: var(--prism-spacing-200);
}

.prism-data-bar-label-value-target .data-bar-value {
  flex-wrap: nowrap;
  padding-bottom: var(--prism-spacing-200);
  white-space: nowrap;
}

.prism-data-bar-label-value-target .data-value-content {
  display: flex;
  width: 100%;
}

.prism-data-bar-label-value-target .data-value-content .data-value {
  overflow: hidden;
  position: relative;
}

.prism-button.prism-button--loading {
  position: relative;
}

.prism-button.prism-button--loading * {
  visibility: hidden;
}

.prism-button.prism-button--loading .prism-button--loading-message {
  display: none;
}

.prism-button.prism-button--loading .prism-button--loading-spinner {
  align-items: center;
  display: flex;
  height: 100%;
  inset: 0;
  justify-content: center;
  position: absolute;
  visibility: visible;
  width: 100%;
}

.prism-button.prism-button--loading .prism-button--loading-spinner svg * {
  visibility: visible;
}

.prism-checkbox {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
}

.prism-checkbox--disabled {
  cursor: not-allowed;
}

.prism-checkbox .prism-checkbox__checkmark {
  background-color: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--border-radius-100);
  border-style: solid;
  border-width: var(--prism-spacing-50);
  color: var(--prism-color-icon-inverse);
  display: grid;
  height: var(--prism-spacing-400);

  /* Center vertically when only one line of text is present */
  margin-top: calc(
    (
        var(--prism-typography-text-300-regular-line-height) -
          var(--prism-spacing-400)
      ) /
      2
  );
  max-width: var(--prism-spacing-400);
  min-width: var(--prism-spacing-400);
  place-content: center;
  transition: all 0.12s ease-out;
  width: var(--prism-spacing-400);
}

.prism-checkbox .prism-checkbox__checkmark--small {
  margin-top: 0;
}

.prism-checkbox .prism-checkbox__label {
  color: var(--prism-color-text-neutral-default);
  margin-left: var(--prism-spacing-200);
}

.prism-checkbox .prism-checkbox__label--disabled {
  color: var(--prism-color-interactive-text-disabled);
}

.prism-checkbox input {
  appearance: none;
  margin: 0;
}

.prism-checkbox input:hover ~ .prism-checkbox__checkmark {
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.prism-checkbox input:active ~ .prism-checkbox__checkmark {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
  box-shadow: var(--prism-shadow-neutral-inset);
}

.prism-checkbox input:focus-visible ~ .prism-checkbox__checkmark,
.prism-checkbox input[data-test-pseudo="focus"] ~ .prism-checkbox__checkmark {
  outline: var(--prism-spacing-50) solid
    var(--prism-color-interactive-border-focus);
  outline-offset: 1px;
}

.prism-checkbox input:disabled ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-disabled);
  border-color: transparent;
  color: var(--prism-color-interactive-icon-disabled);
}

.prism-checkbox input:disabled:active ~ .prism-checkbox__checkmark {
  box-shadow: none;
}

.prism-checkbox input:disabled:checked ~ .prism-checkbox__checkmark,
.prism-checkbox input:disabled:indeterminate ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-disabled);
  border-color: transparent;
}

.prism-checkbox input:checked:not(:disabled) ~ .prism-checkbox__checkmark,
.prism-checkbox
  input:indeterminate:not(:disabled)
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border: none;
  border-color: var(--prism-color-interactive-background-primary-idle);
}

.prism-checkbox input:checked:not(:disabled):hover ~ .prism-checkbox__checkmark,
.prism-checkbox
  input:indeterminate:not(:disabled):hover
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-primary-hover);
  border-color: var(--prism-color-interactive-background-primary-hover);
}

.prism-checkbox
  input:checked:not(:disabled):active
  ~ .prism-checkbox__checkmark,
.prism-checkbox
  input:indeterminate:not(:disabled):active
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-primary-pressed);
  border-color: var(--prism-color-interactive-background-primary-pressed);
}

.prism-checkbox.prism-checkbox--secondary
  input:checked:not(:disabled)
  ~ .prism-checkbox__checkmark,
.prism-checkbox.prism-checkbox--secondary
  input:indeterminate:not(:disabled)
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-warning-idle);
  border-color: var(--prism-color-interactive-background-warning-idle);
}

.prism-checkbox.prism-checkbox--secondary
  input:checked:not(:disabled):hover
  ~ .prism-checkbox__checkmark,
.prism-checkbox.prism-checkbox--secondary
  input:indeterminate:not(:disabled):hover
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-warning-hover);
  border-color: var(--prism-color-interactive-background-warning-hover);
}

.prism-checkbox.prism-checkbox--secondary
  input:checked:not(:disabled):active
  ~ .prism-checkbox__checkmark,
.prism-checkbox.prism-checkbox--secondary
  input:indeterminate:not(:disabled):active
  ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-interactive-background-warning-pressed);
  border-color: var(--prism-color-interactive-background-warning-pressed);
}

.prism-button-group-button {
  border-radius: 0;
}

.prism-button-group-button:focus-visible {
  border-radius: 0;
  z-index: 1;
}

.prism-button-group-button:first-of-type,
.prism-button-group-button:first-of-type:focus-visible {
  border-radius: var(--border-radius-100) 0 0 var(--border-radius-100);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-button-group-button:last-of-type,
.prism-button-group-button:last-of-type:focus-visible {
  border-radius: 0 var(--border-radius-100) var(--border-radius-100) 0;
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-button-group-button:only-of-type,
.prism-button-group-button:only-of-type:focus-visible {
  border-radius: var(--border-radius-100);
}

.prism-button-group-button.active:disabled {
  background-color: var(--prism-color-interactive-icon-disabled);
  color: var(--prism-color-text-inverse);
}

.prism-button-group-button.active:disabled .prism-icon {
  color: var(--prism-color-icon-inverse);
}

.prism-button-group {
  display: inline-flex;
  gap: var(--prism-spacing-50);
}

.prism-button-group--checkbox {
  gap: var(--prism-spacing-200);
}

/* stylelint-disable-next-line no-descending-specificity */
.prism-button-group--checkbox .prism-button-group-button,
.prism-button-group--checkbox .prism-button-group-button:first-of-type,
.prism-button-group--checkbox .prism-button-group-button:last-of-type {
  border-radius: var(--border-radius-100);
}

.prism-card {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  flex-direction: column;
}

.prism-card__header {
  align-items: center; /* Center icons vertically */
  display: flex;
  min-height: 56px;
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.prism-card__header--border {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.prism-card__header__content {
  flex-grow: 1; /* The main content should fill up all the available space */
}

.prism-card__header__after {
  flex-shrink: 0; /* The after header section should never shrink in case there isn't enough space, the main content should handle overflow */
  margin-left: var(--prism-spacing-200);
}

.prism-card__content {
  flex-grow: 1; /* Stretch card vertically */
  overflow: auto;
}

.prism-card__content--default-padding {
  padding: 0 var(--prism-spacing-400) var(--prism-spacing-400)
    var(--prism-spacing-400);
}

.prism-card__content--padding-top {
  padding-top: var(--prism-spacing-400);
}

.prism-card__footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

/* Overrides for the default secondary styling */
.prism-card--secondary .prism-card__header {
  padding: var(--prism-spacing-300);
}

.prism-card--secondary .prism-card__content--default-padding {
  padding: 0 var(--prism-spacing-300) var(--prism-spacing-300)
    var(--prism-spacing-300);
}

.prism-card--secondary .prism-card__content--padding-top {
  padding-top: var(--prism-spacing-300);
}

.prism-card--secondary .prism-card__footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-300) var(--prism-spacing-300);
}

.prism-card--parent {
  border: 0.5px solid var(--prism-color-border-neutral-default);
  overflow: hidden;
}

.prism-card--parent .prism-card__header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.prism-card--parent > .prism-card__content {
  padding-top: var(--prism-spacing-400);
}

/*
  This selector applies the background color style to the .prism-card__content class that does not have a parent element with the .prism-card__content class.
*/
.prism-card--parent
  .prism-card__content:not(.prism-card__content .prism-card__content) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.prism-card .prism-card-title {
  color: var(--prism-color-text-neutral-emphasis);
  display: block;
}

.prism-card .prism-card-title--disabled {
  color: var(--prism-color-interactive-text-disabled);
}

.prism-modal-container {
  color: var(--prism-color-text-neutral-default);
  inset: 0;
  position: fixed;
  z-index: 1100;
}

.prism-modal-container .overlay {
  background-color: var(--prism-color-elevation-backdrop-default);
  inset: 0;
  position: fixed;
}

.prism-modal-container .modal {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--border-radius-100);
  min-width: var(--modal-min-width);
  overflow: auto;
  z-index: 1; /* Position modal over overlay */
}

.prism-modal-container .modal__header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: var(--prism-color-text-neutral-emphasis);
  line-height: 60px;
  min-height: 60px;
  padding: 0 var(--prism-spacing-500);
}

.prism-modal-container .modal__header__navigation {
  display: flex;
  margin-right: var(--prism-spacing-200);
}

.prism-modal-container .modal__header__title {
  color: var(--prism-color-text-neutral-emphasis);
  flex-grow: 1;
}

.prism-modal-container .modal__header__actions {
  margin-left: var(--prism-spacing-200);
}

.prism-modal-container .modal__header__actions .extra-actions {
  display: flex;
  margin-right: var(--prism-spacing-200);
}

.prism-modal-container .modal__content {
  flex-grow: 1;
  max-height: var(--modal-max-height);
  max-width: var(--modal-max-width);
  min-width: var(--modal-min-width);

  /* There should never be a horizontal scroll + an overflowing x-axis causes a double scrollbar issue on IE */
  overflow: hidden auto;
}

.prism-modal-container .modal__footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  height: 60px;
}

.prism-modal-container.fade-in-animation {
  animation: fade-in-animation ease 0.5s;
  opacity: 1;
}

.prism-modal-container.fade-out-animation {
  animation: fade-out-animation ease 0.5s;
  opacity: 0;
}

@keyframes fade-in-animation {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*
  Note: we used to have scale animations on modals as well, but this caused issues in combination with Highcharts. Decided to remove these animations because of that.
  https://github.com/highcharts/highcharts/issues/2405
*/
@keyframes fade-out-animation {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.drawer-container {
  bottom: 0;
  position: fixed;
  top: 0;
  z-index: 110;
}

.drawer-container--left-aligned {
  left: 0;
}

.drawer-container--right-aligned {
  right: 0;
}

.drawer-container .trigger {
  height: 60px;
  position: absolute;
  top: 74px; /* Currently as decided by design, not sure if we would want to make this dynamic as well? */
  width: 60px;
}

.drawer-container .trigger::before {
  content: "";
  inset: 0;
  position: absolute;
  z-index: -1;
}

.drawer-container .trigger--left-aligned {
  border-radius: 0 var(--border-radius-100) var(--border-radius-100) 0;
  right: -60px;
}

.drawer-container .trigger--left-aligned::before {
  border-radius: 0 var(--border-radius-100) var(--border-radius-100) 0;
  box-shadow: var(--prism-shadow-neutral-200);
}

.drawer-container .trigger--right-aligned {
  border-radius: var(--border-radius-100) 0 0 var(--border-radius-100);
  left: -60px;
}

.drawer-container .trigger--right-aligned::before {
  border-radius: var(--border-radius-100) 0 0 var(--border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
}

.drawer-container .drawer {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-default);
  overflow-y: auto;
  transition: width 0.5s ease-in-out;
  width: 0;
}

.drawer-container .drawer--with-default-padding {
  padding: var(--prism-spacing-400);
}

.drawer-container .drawer--expanded {
  box-shadow: var(--prism-shadow-neutral-200);
  width: 420px;
}

.overlay {
  background-color: var(--prism-color-elevation-backdrop-default);
  inset: 0;
  position: fixed;
}

.prism-metric-block {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.prism-metric-block:not(.prism-metric-block.prism-metric-block--compact) {
  min-height: 60px;
}

.prism-metric-block__value {
  color: var(--prism-color-text-neutral-default);
}

.prism-metric-block__label {
  color: var(--prism-color-text-neutral-subdued);
  max-width: 100%;
}

.prism-metric-block__label--text-wrapping {
  /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
  word-break: break-word;
}

.prism-metric-block--left-aligned {
  align-items: flex-start;
  text-align: left;
}



html,
body {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-default);
}

._8lvcL {
  text-align: center;
}

.ilddG {
  gap: var(--prism-spacing-100);
  min-width: fit-content;
  text-transform: capitalize;
  text-wrap: nowrap;
  width: 100%;
}

.SEVDi {
  height: 20px;
  width: 20px;
}

.wAUHK {
  font-size: var(--prism-typography-text-300-medium-font-size);
  font-weight: var(--prism-typography-text-300-medium-font-weight);
  line-height: var(--prism-typography-text-300-medium-line-height);
  width: 100%;
}

.H-lHN {
  animation: wyR25 1.5s linear infinite;
}

.tWI\+B {
  /* TODO This should be replaced with Prism LoadingSpinner. */
  stop-color: var(--prism-color-icon-neutral-default);
}

.jOMZl {
  stroke: url("#loader__spinner-gradient");
  stroke-linecap: butt;
}

@keyframes wyR25 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.AAHw7 span {
  animation: KuYGb 1s infinite;
}

.AAHw7 span:nth-child(2) {
  animation-delay: 0.2s;
}

.AAHw7 span:nth-child(3) {
  animation-delay: 0.4s;
}

.o0ppU {
  animation: aUuE5 1.5s linear infinite;
}

._9lxFh {
  /* TODO This should be replaced with Prism LoadingSpinner. */
  stop-color: var(--prism-color-icon-neutral-default);
}

._5OZoi {
  stroke: url("#loader__spinner-gradient");
  stroke-linecap: butt;
}

@keyframes KuYGb {
  0% {
    opacity: 0.1;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@keyframes aUuE5 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.HRHHX {
  width: 400px;
}

.mkJ3l {
  display: flex;
  font-size: var(--prism-typography-text-200-regular-font-size);
  margin-top: var(--prism-spacing-50);
}

.AQ-YO {
  color: var(--prism-color-interactive-background-primary-idle);
}

.qZ3e9 {
  white-space: nowrap;
}

.qZ3e9::before,
.qZ3e9::after {
  background-color: var(--prism-color-border-neutral-default);
  content: "";
  height: 1px; /* same as divider line */
  width: 100%; /* same as figma */
}

.qZ3e9::before {
  margin-right: var(--prism-spacing-500);
}

.qZ3e9::after {
  margin-left: var(--prism-spacing-500);
}

.K959M label {
  display: inline-block;
}

._8KFl1 {
  flex: 1;
}

.swD7R {
  text-align: center;
}

.X5Jrz {
  white-space: nowrap;
}

.X5Jrz::before,
.X5Jrz::after {
  background-color: var(--prism-color-border-neutral-default);
  content: "";
  height: 1px; /* same as divider line */
  width: 100%; /* same as figma */
}

.X5Jrz::before {
  margin-right: var(--prism-spacing-500);
}

.X5Jrz::after {
  margin-left: var(--prism-spacing-500);
}

.jJzrX {
  text-align: center;
}

.wIg3j svg {
  height: var(--prism-spacing-700);
}

.j\+Nbu {
  align-items: center;
  background-color: var(--color-main-content);
  display: flex;
  height: 100%;
  justify-content: center;
  padding: var(--prism-spacing-600);
}

.E63ml {
  align-items: center;
  background-color: var(--color-main-content);
  display: flex;
  height: 100%;
  justify-content: center;
  padding: var(--prism-spacing-600);
}