/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --font-weight-bold: 700;
  --leading-normal: 1.5;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.collapse {
  visibility: collapse !important;
}
.invisible {
  visibility: hidden !important;
}
.visible {
  visibility: visible !important;
}
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
.absolute {
  position: absolute !important;
}
.fixed {
  position: fixed !important;
}
.relative {
  position: relative !important;
}
.static {
  position: static !important;
}
.sticky {
  position: sticky !important;
}
.top-0 {
  top: var(--prism-spacing-0, 0) !important;
}
.top-1\/2 {
  top: calc(1/2 * 100%) !important;
}
.top-\[40px\] {
  top: 40px !important;
}
.top-\[56px\] {
  top: 56px !important;
}
.right-0 {
  right: var(--prism-spacing-0, 0) !important;
}
.right-800 {
  right: var(--prism-spacing-800, 32px) !important;
}
.left-1\/2 {
  left: calc(1/2 * 100%) !important;
}
.order-first {
  order: -9999 !important;
}
.col-span-2 {
  grid-column: span 2 / span 2 !important;
}
.col-span-3 {
  grid-column: span 3 / span 3 !important;
}
.col-span-full {
  grid-column: 1 / -1 !important;
}
.col-start-2 {
  grid-column-start: 2 !important;
}
.col-start-3 {
  grid-column-start: 3 !important;
}
.clear-both {
  clear: both !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-0 {
  margin: var(--prism-spacing-0, 0) !important;
}
.m-100 {
  margin: var(--prism-spacing-100, 4px) !important;
}
.m-200 {
  margin: var(--prism-spacing-200, 8px) !important;
}
.m-300 {
  margin: var(--prism-spacing-300, 12px) !important;
}
.m-400 {
  margin: var(--prism-spacing-400, 16px) !important;
}
.m-500 {
  margin: var(--prism-spacing-500, 20px) !important;
}
.m-auto {
  margin: auto !important;
}
.mx-100 {
  margin-inline: var(--prism-spacing-100, 4px) !important;
}
.mx-200 {
  margin-inline: var(--prism-spacing-200, 8px) !important;
}
.mx-500 {
  margin-inline: var(--prism-spacing-500, 20px) !important;
}
.my-100 {
  margin-block: var(--prism-spacing-100, 4px) !important;
}
.my-400 {
  margin-block: var(--prism-spacing-400, 16px) !important;
}
.mt-0 {
  margin-top: var(--prism-spacing-0, 0) !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-500 {
  margin-top: var(--prism-spacing-500, 20px) !important;
}
.mt-600 {
  margin-top: var(--prism-spacing-600, 24px) !important;
}
.mt-800 {
  margin-top: var(--prism-spacing-800, 32px) !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-0 {
  margin-right: var(--prism-spacing-0, 0) !important;
}
.mr-50 {
  margin-right: var(--prism-spacing-50, 2px) !important;
}
.mr-100 {
  margin-right: var(--prism-spacing-100, 4px) !important;
}
.mr-200 {
  margin-right: var(--prism-spacing-200, 8px) !important;
}
.mr-300 {
  margin-right: var(--prism-spacing-300, 12px) !important;
}
.mr-400 {
  margin-right: var(--prism-spacing-400, 16px) !important;
}
.mr-500 {
  margin-right: var(--prism-spacing-500, 20px) !important;
}
.mr-800 {
  margin-right: var(--prism-spacing-800, 32px) !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: var(--prism-spacing-0, 0) !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-500 {
  margin-bottom: var(--prism-spacing-500, 20px) !important;
}
.mb-600 {
  margin-bottom: var(--prism-spacing-600, 24px) !important;
}
.mb-800 {
  margin-bottom: var(--prism-spacing-800, 32px) !important;
}
.mb-1000 {
  margin-bottom: var(--prism-spacing-1000, 40px) !important;
}
.ml-50 {
  margin-left: var(--prism-spacing-50, 2px) !important;
}
.ml-100 {
  margin-left: var(--prism-spacing-100, 4px) !important;
}
.ml-200 {
  margin-left: var(--prism-spacing-200, 8px) !important;
}
.ml-300 {
  margin-left: var(--prism-spacing-300, 12px) !important;
}
.ml-400 {
  margin-left: var(--prism-spacing-400, 16px) !important;
}
.ml-500 {
  margin-left: var(--prism-spacing-500, 20px) !important;
}
.ml-600 {
  margin-left: var(--prism-spacing-600, 24px) !important;
}
.ml-800 {
  margin-left: var(--prism-spacing-800, 32px) !important;
}
.ml-1000 {
  margin-left: var(--prism-spacing-1000, 40px) !important;
}
.ml-auto {
  margin-left: auto !important;
}
.line-clamp-2 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.line-clamp-3 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}
.\!hidden {
  display: none !important;
}
.block {
  display: block !important;
}
.contents {
  display: contents !important;
}
.flex {
  display: flex !important;
}
.grid {
  display: grid !important;
}
.hidden {
  display: none !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.inline-flex {
  display: inline-flex !important;
}
.list-item {
  display: list-item !important;
}
.table {
  display: table !important;
}
.table-caption {
  display: table-caption !important;
}
.table-cell {
  display: table-cell !important;
}
.table-row {
  display: table-row !important;
}
.h-100 {
  height: var(--prism-spacing-100, 4px) !important;
}
.h-200 {
  height: var(--prism-spacing-200, 8px) !important;
}
.h-400 {
  height: var(--prism-spacing-400, 16px) !important;
}
.h-600 {
  height: var(--prism-spacing-600, 24px) !important;
}
.h-1000 {
  height: var(--prism-spacing-1000, 40px) !important;
}
.h-\[16px\] {
  height: 16px !important;
}
.h-\[20px\] {
  height: 20px !important;
}
.h-\[36px\] {
  height: 36px !important;
}
.h-\[48px\] {
  height: 48px !important;
}
.h-\[52px\] {
  height: 52px !important;
}
.h-\[60px\] {
  height: 60px !important;
}
.h-\[340px\] {
  height: 340px !important;
}
.h-\[360px\] {
  height: 360px !important;
}
.h-\[440px\] {
  height: 440px !important;
}
.h-fit {
  height: fit-content !important;
}
.h-full {
  height: 100% !important;
}
.max-h-\[560px\] {
  max-height: 560px !important;
}
.min-h-0 {
  min-height: var(--prism-spacing-0, 0) !important;
}
.min-h-800 {
  min-height: var(--prism-spacing-800, 32px) !important;
}
.min-h-1000 {
  min-height: var(--prism-spacing-1000, 40px) !important;
}
.min-h-\[36px\] {
  min-height: 36px !important;
}
.min-h-\[240px\] {
  min-height: 240px !important;
}
.min-h-full {
  min-height: 100% !important;
}
.w-1\/2 {
  width: calc(1/2 * 100%) !important;
}
.w-1\/3 {
  width: calc(1/3 * 100%) !important;
}
.w-1\/4 {
  width: calc(1/4 * 100%) !important;
}
.w-1\/6 {
  width: calc(1/6 * 100%) !important;
}
.w-2\/3 {
  width: calc(2/3 * 100%) !important;
}
.w-3\/4 {
  width: calc(3/4 * 100%) !important;
}
.w-5\/6 {
  width: calc(5/6 * 100%) !important;
}
.w-200 {
  width: var(--prism-spacing-200, 8px) !important;
}
.w-400 {
  width: var(--prism-spacing-400, 16px) !important;
}
.w-600 {
  width: var(--prism-spacing-600, 24px) !important;
}
.w-\[16px\] {
  width: 16px !important;
}
.w-\[32px\] {
  width: 32px !important;
}
.w-\[44px\] {
  width: 44px !important;
}
.w-\[52px\] {
  width: 52px !important;
}
.w-\[70\%\] {
  width: 70% !important;
}
.w-\[85\%\] {
  width: 85% !important;
}
.w-\[100px\] {
  width: 100px !important;
}
.w-\[104px\] {
  width: 104px !important;
}
.w-\[120px\] {
  width: 120px !important;
}
.w-\[150px\] {
  width: 150px !important;
}
.w-\[300px\] {
  width: 300px !important;
}
.w-\[328px\] {
  width: 328px !important;
}
.w-\[calc\(100\%-8px\)\] {
  width: calc(100% - 8px) !important;
}
.w-fit {
  width: fit-content !important;
}
.w-full {
  width: 100% !important;
}
.w-max {
  width: max-content !important;
}
.max-w-\[228px\] {
  max-width: 228px !important;
}
.max-w-full {
  max-width: 100% !important;
}
.min-w-0 {
  min-width: var(--prism-spacing-0, 0) !important;
}
.flex-1 {
  flex: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.shrink {
  flex-shrink: 1 !important;
}
.shrink-0 {
  flex-shrink: 0 !important;
}
.flex-grow {
  flex-grow: 1 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.grow {
  flex-grow: 1 !important;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.resize {
  resize: both !important;
}
.list-inside {
  list-style-position: inside !important;
}
.list-disc {
  list-style-type: disc !important;
}
.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr) !important;
}
.grid-flow-col {
  grid-auto-flow: column !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.place-items-center {
  place-items: center !important;
}
.items-baseline {
  align-items: baseline !important;
}
.items-center {
  align-items: center !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-start {
  align-items: flex-start !important;
}
.items-stretch {
  align-items: stretch !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-evenly {
  justify-content: space-evenly !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.gap-0 {
  gap: var(--prism-spacing-0, 0) !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;
}
.gap-500 {
  gap: var(--prism-spacing-500, 20px) !important;
}
.gap-600 {
  gap: var(--prism-spacing-600, 24px) !important;
}
.gap-700 {
  gap: var(--prism-spacing-700, 28px) !important;
}
.gap-800 {
  gap: var(--prism-spacing-800, 32px) !important;
}
.gap-1000 {
  gap: var(--prism-spacing-1000, 40px) !important;
}
.gap-x-200 {
  column-gap: var(--prism-spacing-200, 8px) !important;
}
.self-center {
  align-self: center !important;
}
.self-end {
  align-self: flex-end !important;
}
.self-start {
  align-self: flex-start !important;
}
.justify-self-center {
  justify-self: center !important;
}
.justify-self-end {
  justify-self: flex-end !important;
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.rounded-100 {
  border-radius: var(--prism-border-radius-100, 4px) !important;
}
.rounded-200 {
  border-radius: var(--prism-border-radius-200, 8px) !important;
}
.rounded-circle {
  border-radius: var(--prism-border-radius-circle, 50%) !important;
}
.rounded-pill {
  border-radius: var(--prism-border-radius-pill, 9999px) !important;
}
.rounded-b-200 {
  border-bottom-right-radius: var(--prism-border-radius-200, 8px) !important;
  border-bottom-left-radius: var(--prism-border-radius-200, 8px) !important;
}
.border {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.border-0 {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.border-2 {
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
}
.border-t {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 1px !important;
}
.border-t-2 {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 2px !important;
}
.border-b {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
}
.border-l {
  border-left-style: var(--tw-border-style) !important;
  border-left-width: 1px !important;
}
.border-dashed {
  --tw-border-style: dashed !important;
  border-style: dashed !important;
}
.border-solid {
  --tw-border-style: solid !important;
  border-style: solid !important;
}
.border-general-critical-100 {
  border-color: var(--prism-color-general-critical-100, #ffdad6) !important;
}
.border-general-neutral-300 {
  border-color: var(--prism-color-general-neutral-300, #dbe0e6) !important;
}
.border-general-success-100 {
  border-color: var(--prism-color-general-success-100, #beedcc) !important;
}
.border-general-warning-100 {
  border-color: var(--prism-color-general-warning-100, #ffde96) !important;
}
.border-neutral-default {
  border-color: var(--prism-color-border-neutral-default, #e6e9ef) !important;
}
.border-neutral-emphasis {
  border-color: var(--prism-color-border-neutral-emphasis, #dbe0e6) !important;
}
.bg-chart-accent-primary-figure-default {
  background-color: var(--prism-color-chart-accent-primary-figure-default, #1456c3) !important;
}
.bg-chart-accent-secondary-figure-emphasis {
  background-color: var(--prism-color-chart-accent-secondary-figure-emphasis, #383b40) !important;
}
.bg-chart-categorical-02 {
  background-color: var(--prism-color-chart-categorical-02, #f9ad24) !important;
}
.bg-chart-demand-background-elevated {
  background-color: var(--prism-color-chart-demand-background-elevated, #f9cdcd) !important;
}
.bg-chart-demand-background-high {
  background-color: var(--prism-color-chart-demand-background-high, #ffa1a0) !important;
}
.bg-chart-demand-background-low {
  background-color: var(--prism-color-chart-demand-background-low, #92c4ff) !important;
}
.bg-chart-demand-background-normal {
  background-color: var(--prism-color-chart-demand-background-normal, #c8defc) !important;
}
.bg-chart-demand-background-very-high {
  background-color: var(--prism-color-chart-demand-background-very-high, #ff6f6b) !important;
}
.bg-chart-demand-background-very-low {
  background-color: var(--prism-color-chart-demand-background-very-low, #57a5ff) !important;
}
.bg-chart-intelligence-background-high-default {
  background-color: var(--prism-color-chart-intelligence-background-high-default, #a47bf6) !important;
}
.bg-chart-intelligence-background-low-default {
  background-color: var(--prism-color-chart-intelligence-background-low-default, #e9e3ff) !important;
}
.bg-chart-intelligence-background-normal-default {
  background-color: var(--prism-color-chart-intelligence-background-normal-default, #cfbcff) !important;
}
.bg-elevation-canvas {
  background-color: var(--prism-color-elevation-canvas, #f2f4f8) !important;
}
.bg-elevation-surface {
  background-color: var(--prism-color-elevation-surface, #ffffff) !important;
}
.bg-general-critical-200 {
  background-color: var(--prism-color-general-critical-200, #ffc5c0) !important;
}
.bg-general-info-500 {
  background-color: var(--prism-color-general-info-500, #4297ff) !important;
}
.bg-general-neutral-00 {
  background-color: var(--prism-color-general-neutral-00, #ffffff) !important;
}
.bg-general-neutral-50 {
  background-color: var(--prism-color-general-neutral-50, #f9fafb) !important;
}
.bg-general-neutral-200 {
  background-color: var(--prism-color-general-neutral-200, #e6e9ef) !important;
}
.bg-general-neutral-900 {
  background-color: var(--prism-color-general-neutral-900, #2e3d4b) !important;
}
.bg-general-success-200 {
  background-color: var(--prism-color-general-success-200, #98e3b3) !important;
}
.bg-general-warning-200 {
  background-color: var(--prism-color-general-warning-200, #ffca66) !important;
}
.bg-ghost-selected {
  background-color: var(--prism-color-interactive-background-ghost-selected, rgba(5, 143, 255, 0.08)) !important;
}
.bg-neutral-default {
  background-color: var(--prism-color-background-neutral-default, #e6e9ef) !important;
}
.bg-neutral-subdued {
  background-color: var(--prism-color-background-neutral-subdued, #f9fafb) !important;
}
.p-0 {
  padding: var(--prism-spacing-0, 0) !important;
}
.p-200 {
  padding: var(--prism-spacing-200, 8px) !important;
}
.p-300 {
  padding: var(--prism-spacing-300, 12px) !important;
}
.p-400 {
  padding: var(--prism-spacing-400, 16px) !important;
}
.p-500 {
  padding: var(--prism-spacing-500, 20px) !important;
}
.p-600 {
  padding: var(--prism-spacing-600, 24px) !important;
}
.p-800 {
  padding: var(--prism-spacing-800, 32px) !important;
}
.p-1000 {
  padding: var(--prism-spacing-1000, 40px) !important;
}
.px-100 {
  padding-inline: var(--prism-spacing-100, 4px) !important;
}
.px-200 {
  padding-inline: var(--prism-spacing-200, 8px) !important;
}
.px-300 {
  padding-inline: var(--prism-spacing-300, 12px) !important;
}
.px-400 {
  padding-inline: var(--prism-spacing-400, 16px) !important;
}
.px-500 {
  padding-inline: var(--prism-spacing-500, 20px) !important;
}
.px-600 {
  padding-inline: var(--prism-spacing-600, 24px) !important;
}
.px-1000 {
  padding-inline: var(--prism-spacing-1000, 40px) !important;
}
.py-0 {
  padding-block: var(--prism-spacing-0, 0) !important;
}
.py-50 {
  padding-block: var(--prism-spacing-50, 2px) !important;
}
.py-100 {
  padding-block: var(--prism-spacing-100, 4px) !important;
}
.py-200 {
  padding-block: var(--prism-spacing-200, 8px) !important;
}
.py-300 {
  padding-block: var(--prism-spacing-300, 12px) !important;
}
.py-400 {
  padding-block: var(--prism-spacing-400, 16px) !important;
}
.py-500 {
  padding-block: var(--prism-spacing-500, 20px) !important;
}
.pt-0 {
  padding-top: var(--prism-spacing-0, 0) !important;
}
.pt-50 {
  padding-top: var(--prism-spacing-50, 2px) !important;
}
.pt-100 {
  padding-top: var(--prism-spacing-100, 4px) !important;
}
.pt-200 {
  padding-top: var(--prism-spacing-200, 8px) !important;
}
.pt-300 {
  padding-top: var(--prism-spacing-300, 12px) !important;
}
.pt-400 {
  padding-top: var(--prism-spacing-400, 16px) !important;
}
.pt-500 {
  padding-top: var(--prism-spacing-500, 20px) !important;
}
.pt-600 {
  padding-top: var(--prism-spacing-600, 24px) !important;
}
.pt-800 {
  padding-top: var(--prism-spacing-800, 32px) !important;
}
.pt-1000 {
  padding-top: var(--prism-spacing-1000, 40px) !important;
}
.pr-100 {
  padding-right: var(--prism-spacing-100, 4px) !important;
}
.pr-200 {
  padding-right: var(--prism-spacing-200, 8px) !important;
}
.pr-300 {
  padding-right: var(--prism-spacing-300, 12px) !important;
}
.pr-400 {
  padding-right: var(--prism-spacing-400, 16px) !important;
}
.pr-500 {
  padding-right: var(--prism-spacing-500, 20px) !important;
}
.pr-700 {
  padding-right: var(--prism-spacing-700, 28px) !important;
}
.pr-800 {
  padding-right: var(--prism-spacing-800, 32px) !important;
}
.pr-1000 {
  padding-right: var(--prism-spacing-1000, 40px) !important;
}
.pb-0 {
  padding-bottom: var(--prism-spacing-0, 0) !important;
}
.pb-50 {
  padding-bottom: var(--prism-spacing-50, 2px) !important;
}
.pb-100 {
  padding-bottom: var(--prism-spacing-100, 4px) !important;
}
.pb-200 {
  padding-bottom: var(--prism-spacing-200, 8px) !important;
}
.pb-300 {
  padding-bottom: var(--prism-spacing-300, 12px) !important;
}
.pb-400 {
  padding-bottom: var(--prism-spacing-400, 16px) !important;
}
.pb-500 {
  padding-bottom: var(--prism-spacing-500, 20px) !important;
}
.pb-600 {
  padding-bottom: var(--prism-spacing-600, 24px) !important;
}
.pb-800 {
  padding-bottom: var(--prism-spacing-800, 32px) !important;
}
.pb-1000 {
  padding-bottom: var(--prism-spacing-1000, 40px) !important;
}
.pl-100 {
  padding-left: var(--prism-spacing-100, 4px) !important;
}
.pl-200 {
  padding-left: var(--prism-spacing-200, 8px) !important;
}
.pl-300 {
  padding-left: var(--prism-spacing-300, 12px) !important;
}
.pl-400 {
  padding-left: var(--prism-spacing-400, 16px) !important;
}
.pl-500 {
  padding-left: var(--prism-spacing-500, 20px) !important;
}
.pl-800 {
  padding-left: var(--prism-spacing-800, 32px) !important;
}
.pl-1000 {
  padding-left: var(--prism-spacing-1000, 40px) !important;
}
.text-center {
  text-align: center !important;
}
.text-end {
  text-align: end !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.leading-normal {
  --tw-leading: var(--leading-normal) !important;
  line-height: var(--leading-normal) !important;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold) !important;
  font-weight: var(--font-weight-bold) !important;
}
.text-nowrap {
  text-wrap: nowrap !important;
}
.text-wrap {
  text-wrap: wrap !important;
}
.text-ellipsis {
  text-overflow: ellipsis !important;
}
.whitespace-nowrap {
  white-space: nowrap !important;
}
.text-critical-default {
  color: var(--prism-color-text-critical-default, #cd1c07) !important;
}
.text-disabled {
  color: var(--prism-color-interactive-text-disabled, #a8b0bd) !important;
}
.text-general-info-600 {
  color: var(--prism-color-general-info-600, #125fe3) !important;
}
.text-general-neutral-900 {
  color: var(--prism-color-general-neutral-900, #2e3d4b) !important;
}
.text-info-default {
  color: var(--prism-color-text-info-default, #125fe3) !important;
}
.text-info-emphasis {
  color: var(--prism-color-text-info-emphasis, #061567) !important;
}
.text-intelligence-emphasis {
  color: var(--prism-color-text-intelligence-emphasis, #2d0c5a) !important;
}
.text-inverse {
  color: var(--prism-color-text-inverse, #ffffff) !important;
}
.text-neutral-default {
  color: var(--prism-color-text-neutral-default, #2e3d4b) !important;
}
.text-neutral-emphasis {
  color: var(--prism-color-text-neutral-emphasis, #1f2124) !important;
}
.text-neutral-subdued {
  color: var(--prism-color-text-neutral-subdued, #52647a) !important;
}
.text-success-default {
  color: var(--prism-color-text-success-default, #0e7744) !important;
}
.text-warning-default {
  color: var(--prism-color-text-warning-default, #ef7204) !important;
}
.text-warning-emphasis {
  color: var(--prism-color-text-warning-emphasis, #421102) !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.ordinal {
  --tw-ordinal: ordinal !important;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums !important;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
}
.line-through {
  text-decoration-line: line-through !important;
}
.underline {
  text-decoration-line: underline !important;
}
.shadow-neutral-100 {
  --tw-shadow: var(--prism-shadow-neutral-100, rgba(0, 0, 0, 0.08) 0px 1px 3px 0px, rgba(0, 0, 0, 0.04) 0px 1px 2px 0px) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-neutral-200 {
  --tw-shadow: var(--prism-shadow-neutral-200, rgba(0, 0, 0, 0.08) 0px 8px 12px -4px, rgba(0, 0, 0, 0.04) 0px 4px 4px -2px) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !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;
}
.invert {
  --tw-invert: invert(100%) !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;
}
.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;
}
.first-letter\:uppercase {
  &::first-letter {
    text-transform: uppercase !important;
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline !important;
    }
  }
}
:root {
  --prism-border-radius-50: 2px;
  --prism-border-radius-100: 4px;
  --prism-border-radius-200: 8px;
  --prism-border-radius-300: 12px;
  --prism-border-radius-400: 16px;
  --prism-border-radius-circle: 50%;
  --prism-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-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-font-size-heading-1: 28px;
  --prism-font-size-heading-2: 20px;
  --prism-font-size-heading-3: 16px;
  --prism-font-size-heading-4: 14px;
  --prism-font-size-paragraph-200-bold: 12px;
  --prism-font-size-paragraph-200-medium: 12px;
  --prism-font-size-paragraph-200-regular: 12px;
  --prism-font-size-paragraph-200-semi-bold: 12px;
  --prism-font-size-paragraph-300-bold: 14px;
  --prism-font-size-paragraph-300-medium: 14px;
  --prism-font-size-paragraph-300-regular: 14px;
  --prism-font-size-paragraph-300-semi-bold: 14px;
  --prism-font-size-paragraph-400-bold: 16px;
  --prism-font-size-paragraph-400-medium: 16px;
  --prism-font-size-paragraph-400-regular: 16px;
  --prism-font-size-paragraph-400-semi-bold: 16px;
  --prism-font-size-text-200-bold: 12px;
  --prism-font-size-text-200-medium: 12px;
  --prism-font-size-text-200-regular: 12px;
  --prism-font-size-text-200-semi-bold: 12px;
  --prism-font-size-text-300-bold: 14px;
  --prism-font-size-text-300-medium: 14px;
  --prism-font-size-text-300-regular: 14px;
  --prism-font-size-text-300-semi-bold: 14px;
  --prism-font-size-text-400-bold: 16px;
  --prism-font-size-text-400-medium: 16px;
  --prism-font-size-text-400-regular: 16px;
  --prism-font-size-text-400-semi-bold: 16px;
  --prism-font-size-text-500-bold: 20px;
  --prism-font-size-text-500-medium: 20px;
  --prism-font-size-text-500-regular: 20px;
  --prism-font-size-text-500-semi-bold: 20px;
  --prism-font-weight-heading-1: 700;
  --prism-font-weight-heading-2: 600;
  --prism-font-weight-heading-3: 600;
  --prism-font-weight-heading-4: 600;
  --prism-font-weight-paragraph-200-bold: 700;
  --prism-font-weight-paragraph-200-medium: 500;
  --prism-font-weight-paragraph-200-regular: 400;
  --prism-font-weight-paragraph-200-semi-bold: 600;
  --prism-font-weight-paragraph-300-bold: 700;
  --prism-font-weight-paragraph-300-medium: 500;
  --prism-font-weight-paragraph-300-regular: 400;
  --prism-font-weight-paragraph-300-semi-bold: 600;
  --prism-font-weight-paragraph-400-bold: 700;
  --prism-font-weight-paragraph-400-medium: 500;
  --prism-font-weight-paragraph-400-regular: 400;
  --prism-font-weight-paragraph-400-semi-bold: 600;
  --prism-font-weight-text-200-bold: 700;
  --prism-font-weight-text-200-medium: 500;
  --prism-font-weight-text-200-regular: 400;
  --prism-font-weight-text-200-semi-bold: 600;
  --prism-font-weight-text-300-bold: 700;
  --prism-font-weight-text-300-medium: 500;
  --prism-font-weight-text-300-regular: 400;
  --prism-font-weight-text-300-semi-bold: 600;
  --prism-font-weight-text-400-bold: 700;
  --prism-font-weight-text-400-medium: 500;
  --prism-font-weight-text-400-regular: 400;
  --prism-font-weight-text-400-semi-bold: 600;
  --prism-font-weight-text-500-bold: 700;
  --prism-font-weight-text-500-medium: 500;
  --prism-font-weight-text-500-regular: 400;
  --prism-font-weight-text-500-semi-bold: 600;
  --prism-font-line-height-heading-1: 36px;
  --prism-font-line-height-heading-2: 28px;
  --prism-font-line-height-heading-3: 24px;
  --prism-font-line-height-heading-4: 20px;
  --prism-font-line-height-paragraph-200-bold: 18px;
  --prism-font-line-height-paragraph-200-medium: 18px;
  --prism-font-line-height-paragraph-200-regular: 18px;
  --prism-font-line-height-paragraph-200-semi-bold: 18px;
  --prism-font-line-height-paragraph-300-bold: 20px;
  --prism-font-line-height-paragraph-300-medium: 20px;
  --prism-font-line-height-paragraph-300-regular: 20px;
  --prism-font-line-height-paragraph-300-semi-bold: 20px;
  --prism-font-line-height-paragraph-400-bold: 24px;
  --prism-font-line-height-paragraph-400-medium: 24px;
  --prism-font-line-height-paragraph-400-regular: 24px;
  --prism-font-line-height-paragraph-400-semi-bold: 24px;
  --prism-font-line-height-text-200-bold: 16px;
  --prism-font-line-height-text-200-medium: 16px;
  --prism-font-line-height-text-200-regular: 16px;
  --prism-font-line-height-text-200-semi-bold: 16px;
  --prism-font-line-height-text-300-bold: 18px;
  --prism-font-line-height-text-300-medium: 18px;
  --prism-font-line-height-text-300-regular: 18px;
  --prism-font-line-height-text-300-semi-bold: 18px;
  --prism-font-line-height-text-400-bold: 20px;
  --prism-font-line-height-text-400-medium: 20px;
  --prism-font-line-height-text-400-regular: 20px;
  --prism-font-line-height-text-400-semi-bold: 20px;
  --prism-font-line-height-text-500-bold: 24px;
  --prism-font-line-height-text-500-medium: 24px;
  --prism-font-line-height-text-500-regular: 24px;
  --prism-font-line-height-text-500-semi-bold: 24px;
  --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%);
  --gradient-brand-100: linear-gradient( 90deg, var(--prism-color-general-brand-50) 0%, #ffefe7 104.1% );
  --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'] {
  --prism-border-radius-50: 2px;
  --prism-border-radius-100: 4px;
  --prism-border-radius-200: 8px;
  --prism-border-radius-300: 12px;
  --prism-border-radius-400: 16px;
  --prism-border-radius-circle: 50%;
  --prism-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-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-font-size-heading-1: 28px;
  --prism-font-size-heading-2: 20px;
  --prism-font-size-heading-3: 16px;
  --prism-font-size-heading-4: 14px;
  --prism-font-size-paragraph-200-bold: 12px;
  --prism-font-size-paragraph-200-medium: 12px;
  --prism-font-size-paragraph-200-regular: 12px;
  --prism-font-size-paragraph-200-semi-bold: 12px;
  --prism-font-size-paragraph-300-bold: 14px;
  --prism-font-size-paragraph-300-medium: 14px;
  --prism-font-size-paragraph-300-regular: 14px;
  --prism-font-size-paragraph-300-semi-bold: 14px;
  --prism-font-size-paragraph-400-bold: 16px;
  --prism-font-size-paragraph-400-medium: 16px;
  --prism-font-size-paragraph-400-regular: 16px;
  --prism-font-size-paragraph-400-semi-bold: 16px;
  --prism-font-size-text-200-bold: 12px;
  --prism-font-size-text-200-medium: 12px;
  --prism-font-size-text-200-regular: 12px;
  --prism-font-size-text-200-semi-bold: 12px;
  --prism-font-size-text-300-bold: 14px;
  --prism-font-size-text-300-medium: 14px;
  --prism-font-size-text-300-regular: 14px;
  --prism-font-size-text-300-semi-bold: 14px;
  --prism-font-size-text-400-bold: 16px;
  --prism-font-size-text-400-medium: 16px;
  --prism-font-size-text-400-regular: 16px;
  --prism-font-size-text-400-semi-bold: 16px;
  --prism-font-size-text-500-bold: 20px;
  --prism-font-size-text-500-medium: 20px;
  --prism-font-size-text-500-regular: 20px;
  --prism-font-size-text-500-semi-bold: 20px;
  --prism-font-weight-heading-1: 600;
  --prism-font-weight-heading-2: 600;
  --prism-font-weight-heading-3: 600;
  --prism-font-weight-heading-4: 600;
  --prism-font-weight-paragraph-200-bold: 600;
  --prism-font-weight-paragraph-200-medium: 500;
  --prism-font-weight-paragraph-200-regular: 400;
  --prism-font-weight-paragraph-200-semi-bold: 600;
  --prism-font-weight-paragraph-300-bold: 600;
  --prism-font-weight-paragraph-300-medium: 500;
  --prism-font-weight-paragraph-300-regular: 400;
  --prism-font-weight-paragraph-300-semi-bold: 600;
  --prism-font-weight-paragraph-400-bold: 600;
  --prism-font-weight-paragraph-400-medium: 500;
  --prism-font-weight-paragraph-400-regular: 400;
  --prism-font-weight-paragraph-400-semi-bold: 600;
  --prism-font-weight-text-200-bold: 600;
  --prism-font-weight-text-200-medium: 500;
  --prism-font-weight-text-200-regular: 400;
  --prism-font-weight-text-200-semi-bold: 600;
  --prism-font-weight-text-300-bold: 600;
  --prism-font-weight-text-300-medium: 500;
  --prism-font-weight-text-300-regular: 400;
  --prism-font-weight-text-300-semi-bold: 600;
  --prism-font-weight-text-400-bold: 600;
  --prism-font-weight-text-400-medium: 500;
  --prism-font-weight-text-400-regular: 400;
  --prism-font-weight-text-400-semi-bold: 600;
  --prism-font-weight-text-500-bold: 600;
  --prism-font-weight-text-500-medium: 500;
  --prism-font-weight-text-500-regular: 400;
  --prism-font-weight-text-500-semi-bold: 600;
  --prism-font-line-height-heading-1: 36px;
  --prism-font-line-height-heading-2: 28px;
  --prism-font-line-height-heading-3: 24px;
  --prism-font-line-height-heading-4: 20px;
  --prism-font-line-height-paragraph-200-bold: 18px;
  --prism-font-line-height-paragraph-200-medium: 18px;
  --prism-font-line-height-paragraph-200-regular: 18px;
  --prism-font-line-height-paragraph-200-semi-bold: 18px;
  --prism-font-line-height-paragraph-300-bold: 20px;
  --prism-font-line-height-paragraph-300-medium: 20px;
  --prism-font-line-height-paragraph-300-regular: 20px;
  --prism-font-line-height-paragraph-300-semi-bold: 20px;
  --prism-font-line-height-paragraph-400-bold: 24px;
  --prism-font-line-height-paragraph-400-medium: 24px;
  --prism-font-line-height-paragraph-400-regular: 24px;
  --prism-font-line-height-paragraph-400-semi-bold: 24px;
  --prism-font-line-height-text-200-bold: 16px;
  --prism-font-line-height-text-200-medium: 16px;
  --prism-font-line-height-text-200-regular: 16px;
  --prism-font-line-height-text-200-semi-bold: 16px;
  --prism-font-line-height-text-300-bold: 18px;
  --prism-font-line-height-text-300-medium: 18px;
  --prism-font-line-height-text-300-regular: 18px;
  --prism-font-line-height-text-300-semi-bold: 18px;
  --prism-font-line-height-text-400-bold: 20px;
  --prism-font-line-height-text-400-medium: 20px;
  --prism-font-line-height-text-400-regular: 20px;
  --prism-font-line-height-text-400-semi-bold: 20px;
  --prism-font-line-height-text-500-bold: 24px;
  --prism-font-line-height-text-500-medium: 24px;
  --prism-font-line-height-text-500-regular: 24px;
  --prism-font-line-height-text-500-semi-bold: 24px;
  --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%);
  --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%);
  --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'] {
  --prism-border-radius-50: 2px;
  --prism-border-radius-100: 4px;
  --prism-border-radius-200: 8px;
  --prism-border-radius-300: 12px;
  --prism-border-radius-400: 16px;
  --prism-border-radius-circle: 50%;
  --prism-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-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-font-size-heading-1: 28px;
  --prism-font-size-heading-2: 20px;
  --prism-font-size-heading-3: 16px;
  --prism-font-size-heading-4: 14px;
  --prism-font-size-paragraph-200-bold: 12px;
  --prism-font-size-paragraph-200-medium: 12px;
  --prism-font-size-paragraph-200-regular: 12px;
  --prism-font-size-paragraph-200-semi-bold: 12px;
  --prism-font-size-paragraph-300-bold: 14px;
  --prism-font-size-paragraph-300-medium: 14px;
  --prism-font-size-paragraph-300-regular: 14px;
  --prism-font-size-paragraph-300-semi-bold: 14px;
  --prism-font-size-paragraph-400-bold: 16px;
  --prism-font-size-paragraph-400-medium: 16px;
  --prism-font-size-paragraph-400-regular: 16px;
  --prism-font-size-paragraph-400-semi-bold: 16px;
  --prism-font-size-text-200-bold: 12px;
  --prism-font-size-text-200-medium: 12px;
  --prism-font-size-text-200-regular: 12px;
  --prism-font-size-text-200-semi-bold: 12px;
  --prism-font-size-text-300-bold: 14px;
  --prism-font-size-text-300-medium: 14px;
  --prism-font-size-text-300-regular: 14px;
  --prism-font-size-text-300-semi-bold: 14px;
  --prism-font-size-text-400-bold: 16px;
  --prism-font-size-text-400-medium: 16px;
  --prism-font-size-text-400-regular: 16px;
  --prism-font-size-text-400-semi-bold: 16px;
  --prism-font-size-text-500-bold: 20px;
  --prism-font-size-text-500-medium: 20px;
  --prism-font-size-text-500-regular: 20px;
  --prism-font-size-text-500-semi-bold: 20px;
  --prism-font-weight-heading-1: 700;
  --prism-font-weight-heading-2: 600;
  --prism-font-weight-heading-3: 600;
  --prism-font-weight-heading-4: 600;
  --prism-font-weight-paragraph-200-bold: 700;
  --prism-font-weight-paragraph-200-medium: 500;
  --prism-font-weight-paragraph-200-regular: 400;
  --prism-font-weight-paragraph-200-semi-bold: 600;
  --prism-font-weight-paragraph-300-bold: 700;
  --prism-font-weight-paragraph-300-medium: 500;
  --prism-font-weight-paragraph-300-regular: 400;
  --prism-font-weight-paragraph-300-semi-bold: 600;
  --prism-font-weight-paragraph-400-bold: 700;
  --prism-font-weight-paragraph-400-medium: 500;
  --prism-font-weight-paragraph-400-regular: 400;
  --prism-font-weight-paragraph-400-semi-bold: 600;
  --prism-font-weight-text-200-bold: 700;
  --prism-font-weight-text-200-medium: 500;
  --prism-font-weight-text-200-regular: 400;
  --prism-font-weight-text-200-semi-bold: 600;
  --prism-font-weight-text-300-bold: 700;
  --prism-font-weight-text-300-medium: 500;
  --prism-font-weight-text-300-regular: 400;
  --prism-font-weight-text-300-semi-bold: 600;
  --prism-font-weight-text-400-bold: 700;
  --prism-font-weight-text-400-medium: 500;
  --prism-font-weight-text-400-regular: 400;
  --prism-font-weight-text-400-semi-bold: 600;
  --prism-font-weight-text-500-bold: 700;
  --prism-font-weight-text-500-medium: 500;
  --prism-font-weight-text-500-regular: 400;
  --prism-font-weight-text-500-semi-bold: 600;
  --prism-font-line-height-heading-1: 36px;
  --prism-font-line-height-heading-2: 28px;
  --prism-font-line-height-heading-3: 24px;
  --prism-font-line-height-heading-4: 20px;
  --prism-font-line-height-paragraph-200-bold: 18px;
  --prism-font-line-height-paragraph-200-medium: 18px;
  --prism-font-line-height-paragraph-200-regular: 18px;
  --prism-font-line-height-paragraph-200-semi-bold: 18px;
  --prism-font-line-height-paragraph-300-bold: 20px;
  --prism-font-line-height-paragraph-300-medium: 20px;
  --prism-font-line-height-paragraph-300-regular: 20px;
  --prism-font-line-height-paragraph-300-semi-bold: 20px;
  --prism-font-line-height-paragraph-400-bold: 24px;
  --prism-font-line-height-paragraph-400-medium: 24px;
  --prism-font-line-height-paragraph-400-regular: 24px;
  --prism-font-line-height-paragraph-400-semi-bold: 24px;
  --prism-font-line-height-text-200-bold: 16px;
  --prism-font-line-height-text-200-medium: 16px;
  --prism-font-line-height-text-200-regular: 16px;
  --prism-font-line-height-text-200-semi-bold: 16px;
  --prism-font-line-height-text-300-bold: 18px;
  --prism-font-line-height-text-300-medium: 18px;
  --prism-font-line-height-text-300-regular: 18px;
  --prism-font-line-height-text-300-semi-bold: 18px;
  --prism-font-line-height-text-400-bold: 20px;
  --prism-font-line-height-text-400-medium: 20px;
  --prism-font-line-height-text-400-regular: 20px;
  --prism-font-line-height-text-400-semi-bold: 20px;
  --prism-font-line-height-text-500-bold: 24px;
  --prism-font-line-height-text-500-medium: 24px;
  --prism-font-line-height-text-500-regular: 24px;
  --prism-font-line-height-text-500-semi-bold: 24px;
  --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%);
  --gradient-brand-100: linear-gradient( 90deg, var(--prism-color-general-brand-50) 0%, #ffefe7 104.1% );
  --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'] {
  --prism-border-radius-50: 2px;
  --prism-border-radius-100: 4px;
  --prism-border-radius-200: 8px;
  --prism-border-radius-300: 12px;
  --prism-border-radius-400: 16px;
  --prism-border-radius-circle: 50%;
  --prism-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-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-font-size-heading-1: 28px;
  --prism-font-size-heading-2: 20px;
  --prism-font-size-heading-3: 16px;
  --prism-font-size-heading-4: 14px;
  --prism-font-size-paragraph-200-bold: 12px;
  --prism-font-size-paragraph-200-medium: 12px;
  --prism-font-size-paragraph-200-regular: 12px;
  --prism-font-size-paragraph-200-semi-bold: 12px;
  --prism-font-size-paragraph-300-bold: 14px;
  --prism-font-size-paragraph-300-medium: 14px;
  --prism-font-size-paragraph-300-regular: 14px;
  --prism-font-size-paragraph-300-semi-bold: 14px;
  --prism-font-size-paragraph-400-bold: 16px;
  --prism-font-size-paragraph-400-medium: 16px;
  --prism-font-size-paragraph-400-regular: 16px;
  --prism-font-size-paragraph-400-semi-bold: 16px;
  --prism-font-size-text-200-bold: 12px;
  --prism-font-size-text-200-medium: 12px;
  --prism-font-size-text-200-regular: 12px;
  --prism-font-size-text-200-semi-bold: 12px;
  --prism-font-size-text-300-bold: 14px;
  --prism-font-size-text-300-medium: 14px;
  --prism-font-size-text-300-regular: 14px;
  --prism-font-size-text-300-semi-bold: 14px;
  --prism-font-size-text-400-bold: 16px;
  --prism-font-size-text-400-medium: 16px;
  --prism-font-size-text-400-regular: 16px;
  --prism-font-size-text-400-semi-bold: 16px;
  --prism-font-size-text-500-bold: 20px;
  --prism-font-size-text-500-medium: 20px;
  --prism-font-size-text-500-regular: 20px;
  --prism-font-size-text-500-semi-bold: 20px;
  --prism-font-weight-heading-1: 600;
  --prism-font-weight-heading-2: 600;
  --prism-font-weight-heading-3: 600;
  --prism-font-weight-heading-4: 600;
  --prism-font-weight-paragraph-200-bold: 600;
  --prism-font-weight-paragraph-200-medium: 500;
  --prism-font-weight-paragraph-200-regular: 400;
  --prism-font-weight-paragraph-200-semi-bold: 600;
  --prism-font-weight-paragraph-300-bold: 600;
  --prism-font-weight-paragraph-300-medium: 500;
  --prism-font-weight-paragraph-300-regular: 400;
  --prism-font-weight-paragraph-300-semi-bold: 600;
  --prism-font-weight-paragraph-400-bold: 600;
  --prism-font-weight-paragraph-400-medium: 500;
  --prism-font-weight-paragraph-400-regular: 400;
  --prism-font-weight-paragraph-400-semi-bold: 600;
  --prism-font-weight-text-200-bold: 600;
  --prism-font-weight-text-200-medium: 500;
  --prism-font-weight-text-200-regular: 400;
  --prism-font-weight-text-200-semi-bold: 600;
  --prism-font-weight-text-300-bold: 600;
  --prism-font-weight-text-300-medium: 500;
  --prism-font-weight-text-300-regular: 400;
  --prism-font-weight-text-300-semi-bold: 600;
  --prism-font-weight-text-400-bold: 600;
  --prism-font-weight-text-400-medium: 500;
  --prism-font-weight-text-400-regular: 400;
  --prism-font-weight-text-400-semi-bold: 600;
  --prism-font-weight-text-500-bold: 600;
  --prism-font-weight-text-500-medium: 500;
  --prism-font-weight-text-500-regular: 400;
  --prism-font-weight-text-500-semi-bold: 600;
  --prism-font-line-height-heading-1: 36px;
  --prism-font-line-height-heading-2: 28px;
  --prism-font-line-height-heading-3: 24px;
  --prism-font-line-height-heading-4: 20px;
  --prism-font-line-height-paragraph-200-bold: 18px;
  --prism-font-line-height-paragraph-200-medium: 18px;
  --prism-font-line-height-paragraph-200-regular: 18px;
  --prism-font-line-height-paragraph-200-semi-bold: 18px;
  --prism-font-line-height-paragraph-300-bold: 20px;
  --prism-font-line-height-paragraph-300-medium: 20px;
  --prism-font-line-height-paragraph-300-regular: 20px;
  --prism-font-line-height-paragraph-300-semi-bold: 20px;
  --prism-font-line-height-paragraph-400-bold: 24px;
  --prism-font-line-height-paragraph-400-medium: 24px;
  --prism-font-line-height-paragraph-400-regular: 24px;
  --prism-font-line-height-paragraph-400-semi-bold: 24px;
  --prism-font-line-height-text-200-bold: 16px;
  --prism-font-line-height-text-200-medium: 16px;
  --prism-font-line-height-text-200-regular: 16px;
  --prism-font-line-height-text-200-semi-bold: 16px;
  --prism-font-line-height-text-300-bold: 18px;
  --prism-font-line-height-text-300-medium: 18px;
  --prism-font-line-height-text-300-regular: 18px;
  --prism-font-line-height-text-300-semi-bold: 18px;
  --prism-font-line-height-text-400-bold: 20px;
  --prism-font-line-height-text-400-medium: 20px;
  --prism-font-line-height-text-400-regular: 20px;
  --prism-font-line-height-text-400-semi-bold: 20px;
  --prism-font-line-height-text-500-bold: 24px;
  --prism-font-line-height-text-500-medium: 24px;
  --prism-font-line-height-text-500-regular: 24px;
  --prism-font-line-height-text-500-semi-bold: 24px;
  --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%);
  --gradient-brand-100: linear-gradient( 90deg, var(--prism-color-general-brand-50) 0%, #ffefe7 104.1% );
  --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-dev.mylighthouse.com/lumen/assets/fonts/Inter-Regular.c8ba52b05a9ef10f4758.woff2) format("woff2"), url(https://static-dev.mylighthouse.com/lumen/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-dev.mylighthouse.com/lumen/assets/fonts/Inter-Medium.293fd13dbca5a3e450ef.woff2) format("woff2"), url(https://static-dev.mylighthouse.com/lumen/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-dev.mylighthouse.com/lumen/assets/fonts/Inter-SemiBold.b5f0f109bc88052d4000.woff2) format("woff2"), url(https://static-dev.mylighthouse.com/lumen/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-dev.mylighthouse.com/lumen/assets/fonts/Inter-Bold.ec64ea577b0349e055ad.woff2) format("woff2"), url(https://static-dev.mylighthouse.com/lumen/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-dev.mylighthouse.com/lumen/assets/fonts/Inter.var.c2fe3cb2b7c746f7966a.woff2) format("woff2");
  }
}
html {
  font-family: Inter, system-ui;
}
h1, .heading-1 {
  font-size: var(--prism-font-size-heading-1);
  font-weight: var(--prism-font-weight-heading-1);
  line-height: var(--prism-font-line-height-heading-1);
}
h2, .heading-2 {
  font-size: var(--prism-font-size-heading-2);
  font-weight: var(--prism-font-weight-heading-2);
  line-height: var(--prism-font-line-height-heading-2);
}
h3, .heading-3 {
  font-size: var(--prism-font-size-heading-3);
  font-weight: var(--prism-font-weight-heading-3);
  line-height: var(--prism-font-line-height-heading-3);
}
h4, .heading-4 {
  font-size: var(--prism-font-size-heading-4);
  font-weight: var(--prism-font-weight-heading-4);
  line-height: var(--prism-font-line-height-heading-4);
}
.text-500--regular {
  font-size: var(--prism-font-size-text-500-regular);
  font-weight: var(--prism-font-weight-text-500-regular);
  line-height: var(--prism-font-line-height-text-500-regular);
}
.text-500--medium {
  font-size: var(--prism-font-size-text-500-medium);
  font-weight: var(--prism-font-weight-text-500-medium);
  line-height: var(--prism-font-line-height-text-500-medium);
}
.text-500--semi-bold {
  font-size: var(--prism-font-size-text-500-semi-bold);
  font-weight: var(--prism-font-weight-text-500-semi-bold);
  line-height: var(--prism-font-line-height-text-500-semi-bold);
}
.text-500--bold {
  font-size: var(--prism-font-size-text-500-bold);
  font-weight: var(--prism-font-weight-text-500-bold);
  line-height: var(--prism-font-line-height-text-500-bold);
}
.text-400--regular {
  font-size: var(--prism-font-size-text-400-regular);
  font-weight: var(--prism-font-weight-text-400-regular);
  line-height: var(--prism-font-line-height-text-400-regular);
}
.text-400--medium {
  font-size: var(--prism-font-size-text-400-medium);
  font-weight: var(--prism-font-weight-text-400-medium);
  line-height: var(--prism-font-line-height-text-400-medium);
}
.text-400--semi-bold {
  font-size: var(--prism-font-size-text-400-semi-bold);
  font-weight: var(--prism-font-weight-text-400-semi-bold);
  line-height: var(--prism-font-line-height-text-400-semi-bold);
}
.text-400--bold {
  font-size: var(--prism-font-size-text-400-bold);
  font-weight: var(--prism-font-weight-text-400-bold);
  line-height: var(--prism-font-line-height-text-400-bold);
}
.text-300--regular {
  font-size: var(--prism-font-size-text-300-regular);
  font-weight: var(--prism-font-weight-text-300-regular);
  line-height: var(--prism-font-line-height-text-300-regular);
}
.text-300--medium {
  font-size: var(--prism-font-size-text-300-medium);
  font-weight: var(--prism-font-weight-text-300-medium);
  line-height: var(--prism-font-line-height-text-300-medium);
}
.text-300--semi-bold {
  font-size: var(--prism-font-size-text-300-semi-bold);
  font-weight: var(--prism-font-weight-text-300-semi-bold);
  line-height: var(--prism-font-line-height-text-300-semi-bold);
}
.text-300--bold {
  font-size: var(--prism-font-size-text-300-bold);
  font-weight: var(--prism-font-weight-text-300-bold);
  line-height: var(--prism-font-line-height-text-300-bold);
}
.text-200--regular {
  font-size: var(--prism-font-size-text-200-regular);
  font-weight: var(--prism-font-weight-text-200-regular);
  line-height: var(--prism-font-line-height-text-200-regular);
}
.text-200--medium {
  font-size: var(--prism-font-size-text-200-medium);
  font-weight: var(--prism-font-weight-text-200-medium);
  line-height: var(--prism-font-line-height-text-200-medium);
}
.text-200--semi-bold {
  font-size: var(--prism-font-size-text-200-semi-bold);
  font-weight: var(--prism-font-weight-text-200-semi-bold);
  line-height: var(--prism-font-line-height-text-200-semi-bold);
}
.text-200--bold {
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  line-height: var(--prism-font-line-height-text-200-bold);
}
.paragraph-400--regular {
  font-size: var(--prism-font-size-paragraph-400-regular);
  font-weight: var(--prism-font-weight-paragraph-400-regular);
  line-height: var(--prism-font-line-height-paragraph-400-regular);
}
.paragraph-400--medium {
  font-size: var(--prism-font-size-paragraph-400-medium);
  font-weight: var(--prism-font-weight-paragraph-400-medium);
  line-height: var(--prism-font-line-height-paragraph-400-medium);
}
.paragraph-400--semi-bold {
  font-size: var(--prism-font-size-paragraph-400-semi-bold);
  font-weight: var(--prism-font-weight-paragraph-400-semi-bold);
  line-height: var(--prism-font-line-height-paragraph-400-semi-bold);
}
.paragraph-400--bold {
  font-size: var(--prism-font-size-paragraph-400-bold);
  font-weight: var(--prism-font-weight-paragraph-400-bold);
  line-height: var(--prism-font-line-height-paragraph-400-bold);
}
.paragraph-300--regular {
  font-size: var(--prism-font-size-paragraph-300-regular);
  font-weight: var(--prism-font-weight-paragraph-300-regular);
  line-height: var(--prism-font-line-height-paragraph-300-regular);
}
.paragraph-300--medium {
  font-size: var(--prism-font-size-paragraph-300-medium);
  font-weight: var(--prism-font-weight-paragraph-300-medium);
  line-height: var(--prism-font-line-height-paragraph-300-medium);
}
.paragraph-300--semi-bold {
  font-size: var(--prism-font-size-paragraph-300-semi-bold);
  font-weight: var(--prism-font-weight-paragraph-300-semi-bold);
  line-height: var(--prism-font-line-height-paragraph-300-semi-bold);
}
.paragraph-300--bold {
  font-size: var(--prism-font-size-paragraph-300-bold);
  font-weight: var(--prism-font-weight-paragraph-300-bold);
  line-height: var(--prism-font-line-height-paragraph-300-bold);
}
.paragraph-200--regular {
  font-size: var(--prism-font-size-paragraph-200-regular);
  font-weight: var(--prism-font-weight-paragraph-200-regular);
  line-height: var(--prism-font-line-height-paragraph-200-regular);
}
.paragraph-200--medium {
  font-size: var(--prism-font-size-paragraph-200-medium);
  font-weight: var(--prism-font-weight-paragraph-200-medium);
  line-height: var(--prism-font-line-height-paragraph-200-medium);
}
.paragraph-200--semi-bold {
  font-size: var(--prism-font-size-paragraph-200-semi-bold);
  font-weight: var(--prism-font-weight-paragraph-200-semi-bold);
  line-height: var(--prism-font-line-height-paragraph-200-semi-bold);
}
.paragraph-200--bold {
  font-size: var(--prism-font-size-paragraph-200-bold);
  font-weight: var(--prism-font-weight-paragraph-200-bold);
  line-height: var(--prism-font-line-height-paragraph-200-bold);
}
.prism-link {
  align-items: center;
  color: var(--prism-color-interactive-text-primary-idle);
  cursor: pointer;
  display: inline-flex;
  font-weight: var(--prism-font-weight-text-300-medium);
  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-font-size-text-300-medium);
  font-weight: var(--prism-font-weight-text-300-medium);
  line-height: var(--prism-font-line-height-text-300-medium);
  text-decoration: none;
}
.prism-link.prism-link--small {
  font-size: var(--prism-font-size-text-200-medium);
  font-weight: var(--prism-font-weight-text-200-medium);
  line-height: var(--prism-font-line-height-text-200-medium);
}
.prism-link.prism-link--medium {
  font-size: var(--prism-font-size-text-300-medium);
  font-weight: var(--prism-font-weight-text-300-medium);
  line-height: var(--prism-font-line-height-text-300-medium);
}
.prism-link.prism-link--large {
  font-size: var(--prism-font-size-text-400-medium);
  font-weight: var(--prism-font-weight-text-400-medium);
  line-height: var(--prism-font-line-height-text-400-medium);
}
.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(--prism-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(--prism-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(--prism-border-radius-100);
  cursor: pointer;
  display: inline-flex;
  font-family: Inter, sans-serif;
  font-size: var(--prism-font-size-text-300-medium);
  font-weight: var(--prism-font-weight-text-300-medium);
  gap: var(--prism-spacing-100);
  height: var(--button-height);
  justify-content: center;
  line-height: var(--prism-font-line-height-text-300-medium);
  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-font-size-text-200-medium);
  font-weight: var(--prism-font-weight-text-200-medium);
  line-height: var(--prism-font-line-height-text-200-medium);
  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-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --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;
    }
  }
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-clamp-2 {
  /* stylelint-disable-next-line property-no-deprecated */
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.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(--prism-border-radius-100);
  color: var(--prism-color-text-inverse);
  max-width: 304px;
  padding: var(--prism-spacing-100) var(--prism-spacing-200);
  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 .prism-tooltip__title {
  margin-bottom: var(--prism-spacing-50);
}

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

.prism-tooltip-header__container {
  align-items: center;
  display: flex;
  height: var(--prism-spacing-800);
  justify-content: center;
  width: 100%;
}

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

.prism-tooltip-footer__container {
  align-items: center;
  display: flex;
  padding: var(--prism-spacing-200);
  width: 100%;
}

.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(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-subdued);
  cursor: pointer;
  display: flex;
  font-size: var(--prism-font-size-text-200-regular);
  font-weight: var(--prism-font-weight-text-200-medium);
  height: var(--prism-spacing-800);
  justify-content: center;
  line-height: var(--prism-font-line-height-text-200-medium);
  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-font-line-height-paragraph-200-medium);
}

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

.prism-toast {
  align-items: center;
  background-color: var(--prism-color-background-inverse);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-300);
  display: inline-flex;
  height: 48px;
  max-width: 664px;
  min-width: 280px;
  padding: var(--prism-spacing-300);
}

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

.prism-toast .prism-toast__status .prism-icon {
  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-toast .prism-toast__body {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
}

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

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

/* Snowflake button styling, the button component does not support an "inverse" style yet. */
.prism-toast .prism-toast__action .prism-button {
  background: var(--prism-color-interactive-background-inverse-idle);
  color: var(--prism-color-text-inverse);
  white-space: nowrap;
}

.prism-toast .prism-toast__action .prism-button:enabled:hover,
.prism-toast
  .prism-toast__action
  .prism-button:enabled[data-test-pseudo="hover"] {
  background: var(--prism-color-interactive-background-inverse-hover);
}

.prism-toast .prism-toast__action .prism-button:enabled:active,
.prism-toast
  .prism-toast__action
  .prism-button:enabled[data-test-pseudo="active"] {
  background: var(--prism-color-interactive-background-inverse-pressed);
}

.prism-toast .prism-toast__action {
  margin-left: var(--prism-spacing-400);
}

.prism-toast .prism-toast__divider {
  background-color: var(--prism-color-border-inverse-default);
  margin-left: var(--prism-spacing-300);
  margin-right: var(--prism-spacing-100);
  min-height: 100%;
  width: 1px;
}

.prism-toast .prism-toast__dismiss {
  background: transparent;
  border: none;
  color: var(--prism-color-text-inverse);
  cursor: pointer;
  outline: none;
  padding: 0 4px 0 8px;
  top: var(--prism-spacing-100);
}

.prism-toast.info .prism-toast__status {
  color: var(--prism-color-icon-inverse);
}

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

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

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

.prism-toast.automation-on .prism-toast__status {
  color: var(--prism-color-icon-intelligence-default);
}

.prism-toast.automation-off .prism-toast__status {
  color: var(--prism-color-icon-intelligence-default);
}

.prism-toast-queue .flash-message {
  bottom: var(--prism-spacing-500);
  display: flex;
  gap: var(--prism-spacing-300);
  left: 50%;
  position: fixed;
  transform: translateY(200px);
  transition: all 700ms cubic-bezier(0.77, 0.76, 0.21, 1);
  translate: -50% 0;
  z-index: 1200;
}

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

.prism-toast-queue .flash-message.active.exiting {
  opacity: 0;
  transform: translateY(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-font-size-text-300-regular);
  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-font-weight-text-300-bold);
}

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

.prism-tabs-container__header .prism-tabs-container__header__actions {
  align-items: center;
  display: flex;
  margin-right: var(--prism-spacing-400);
}

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

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

.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(--prism-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(--prism-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-select-input {
  display: inline-block;
  max-width: 100%;
  user-select: none;
}

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

  align-items: center;
  border-radius: var(--prism-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(--prism-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-font-size-text-300-regular);
  font-weight: var(--prism-font-weight-text-300-regular);
  line-height: var(--prism-font-line-height-text-300-regular);
}

.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-font-size-text-300-bold);
  font-weight: var(--prism-font-weight-text-300-bold);
  line-height: var(--prism-font-line-height-text-300-bold);
  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 {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-50);
  overflow: hidden;
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
}

.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-font-weight-text-300-medium);
}

.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(--prism-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(--prism-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 .prism-table-header-cell__content {
  align-items: center;
  display: flex;
}

.prism-table .prism-table-checkbox-spacer {
  padding-right: var(--prism-spacing-200);
}

.prism-table .prism-table-header-sort-content {
  flex: 1;
  overflow: hidden;
}

.prism-table .prism-table-button-sort-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

.prism-table .prism-table-td-icon {
  align-items: center;
  display: flex;
}

.prism-table .prism-table-td-icon--center {
  justify-content: center;
}

.prism-table .prism-table-td-icon--right {
  justify-content: flex-end;
}

.prism-table .prism-table-th-sort-wrapper {
  align-items: center;
  display: flex;
}

.prism-table .prism-table-th-sort-wrapper--center {
  justify-content: center;
}

.prism-table .prism-table-th-sort-wrapper--right {
  justify-content: flex-end;
}

.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(--prism-border-radius-100)
    var(--prism-border-radius-100) 0;

  color: var(--prism-color-text-neutral-default);
  display: flex;
  flex-direction: column;
  font-size: var(--prism-font-size-text-300-regular);
  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(--prism-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(--prism-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 {
  --prism-border-radius: var(--prism-border-radius-100);

  align-items: center;
  border-radius: var(--prism-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(--prism-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-font-weight-text-300-bold);
}

.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 {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: var(--prism-spacing-100);
  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(--prism-border-radius-100);
  display: flex;
  gap: var(--prism-spacing-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 .prism-combo-select-input__search {
  display: flex;
  flex-direction: column;
  padding: var(--prism-spacing-200);
}

.prism-combo-select-input__dropdown
  .prism-combo-select-input__multiple-selection-before-options {
  display: flex;
  flex-direction: column;
}

.prism-combo-select-input__dropdown
  .prism-combo-select-input__search-container {
  display: flex;
  flex-direction: column;
  padding: var(--prism-spacing-200);
}

.prism-combo-select-input__dropdown .prism-combo-select-input__option-content {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-200);
  width: 100%;
}

.prism-combo-select-input__dropdown
  .prism-combo-select-input__multiple-option-row {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: var(--prism-spacing-200);
  justify-content: space-between;
}

.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-font-size-text-300-regular);
  font-weight: var(--prism-font-weight-text-300-regular);
  line-height: var(--prism-font-line-height-text-300-regular);
}

.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-font-size-text-300-bold);
  font-weight: var(--prism-font-weight-text-300-bold);
  line-height: var(--prism-font-line-height-text-300-bold);
  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 {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-200);
  justify-content: space-between;
  padding-left: var(--prism-spacing-300);
  padding-right: var(--prism-spacing-200);
  transition: background-color 0.12s ease-out;
}

.prism-combo-select-input__dropdown .unsafe-collapsible-group__content {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-200);
}

.prism-combo-select-input__dropdown
  .unsafe-collapsible-group-back-option__content {
  display: flex;
  gap: var(--prism-spacing-200);
}

.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 {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-200);
  overflow: hidden;
}

.prism-combo-select-input__dropdown
  .multiple-selection-before-options__checkbox {
  display: flex;
  flex: 1;
  gap: var(--prism-spacing-200);
  justify-content: space-between;
}

.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(--prism-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 {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-50);
  overflow: hidden;
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
}

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

.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(--prism-border-radius-circle);
  border-style: solid;
  border-width: 2px;
  flex-shrink: 0;
  height: 16px;
  margin-top: calc(
    (var(--prism-font-line-height-text-300-regular) - 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(--prism-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(--prism-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(--prism-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-font-weight-text-200-bold);
}

.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-data-bar-basic {
  background-color: var(--prism-color-chart-neutral-figure-empty);
  border-radius: var(--prism-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(--prism-border-radius-pill) 0 0
    var(--prism-border-radius-pill);
}

.prism-data-bar-basic--right {
  border-radius: 0 var(--prism-border-radius-pill)
    var(--prism-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 {
  align-items: center;
  display: flex;
  justify-content: center;
  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(--prism-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(--prism-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 .label-and-value-container__label-slot {
  overflow: hidden;
}

.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-label {
  align-items: center;
  display: flex;
  justify-content: center;
}

.prism-data-bar-label-value-target .data-bar-label__tooltip {
  margin-left: var(--prism-spacing-100);
}

.prism-data-bar-label-value-target .data-bar-value {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: var(--prism-spacing-100);
  justify-content: center;
  padding-bottom: var(--prism-spacing-200);
  white-space: nowrap;
}

.prism-data-bar-label-value-target .data-value-content {
  display: flex;
  margin-top: var(--prism-spacing-100);
  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(--prism-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-font-line-height-text-300-regular) -
          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(--prism-border-radius-100) 0 0
    var(--prism-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(--prism-border-radius-100) var(--prism-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(--prism-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(--prism-border-radius-100);
}

.prism-card {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-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 {
  align-items: center;
  color: var(--prism-color-text-neutral-default);
  display: flex;
  inset: 0;
  justify-content: center;
  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(--prism-border-radius-100);
  display: flex;
  flex-direction: column;
  min-width: var(--modal-min-width);
  overflow: auto;
  z-index: 1; /* Position modal over overlay */
}

.prism-modal-container .modal__header {
  align-items: center;
  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);
  display: flex;
  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 {
  align-items: center;
  display: flex;
  justify-content: center;
  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;
  display: flex;
  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(--prism-border-radius-100) var(--prism-border-radius-100)
    0;
  right: -60px;
}

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

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

.drawer-container .trigger--right-aligned::before {
  border-radius: var(--prism-border-radius-100) 0 0
    var(--prism-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;
  display: flex;
  flex-direction: column;
  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;
}



.ember-power-calendar {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4286;
  position: relative;
}

.ember-power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  line-height: 2;
}

.ember-power-calendar-nav * {
  box-sizing: border-box;
}

.ember-power-calendar-days,
.ember-power-calendar-days * {
  box-sizing: border-box;
}

.ember-power-calendar-nav-title {
  flex: 1;
  text-align: center;
}

.ember-power-calendar-row {
  display: flex;
  justify-content: space-between;
}

.ember-power-calendar-weekday {
  align-items: center;
  appearance: none;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  background-color: transparent;
  background-color: initial;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  border: none;
  border: initial;
  display: flex;
  flex: 1 1 100%;
  justify-content: center;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  outline: none;
  outline: initial;
  padding: 0;
}

.ember-power-calendar-day {
  align-items: center;
  appearance: none;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  background-color: transparent;
  background-color: initial;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  border: none;
  border: initial;
  flex: 1 1 100%;
  font-size: inherit;
  justify-content: center;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  outline: none;
  outline: initial;
  padding: 0;
}

.ember-power-calendar-nav-control {
  appearance: none;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  background-color: transparent;
  background-color: initial;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  border: none;
  border: initial;
  font-size: 150%;
  line-height: 1;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  outline: none;
  outline: initial;
}

.ember-power-calendar-nav-control:focus {
  transform: scale(1.2);
}

.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: bold;
}

.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4;
}

/* stylelint-disable no-descending-specificity, no-duplicate-selectors, selector-not-notation */

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

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

/* File containing styles targeted at prism tags. This is needed for certain styling/positioning fixes */
.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;
}

/* Pricing assistant day detail modal overrides */
.pricing-assistant-day-detail.prism-modal-container {
  /* Increase modal height to 90vh for smaller screens (< 1312px width) */
}

@media (height <= 800px) {
  .pricing-assistant-day-detail.prism-modal-container .modal__content {
    /* stylelint-disable-next-line declaration-no-important */
    max-height: 90vh !important;
  }

  .pricing-assistant-day-detail.prism-modal-container .modal--stretched {
    /* stylelint-disable-next-line declaration-no-important */
    height: 90vh !important;
  }
}

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

.custom-reporting__modal.prism-modal-container .modal {
  /* stylelint-disable-next-line declaration-no-important */
  max-width: 380px !important;
  /* stylelint-disable-next-line declaration-no-important */
  min-width: 380px !important;
}

.custom-reporting__modal.prism-modal-container .modal__header__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.custom-reporting__modal.prism-modal-container .modal__content {
  /* stylelint-disable-next-line declaration-no-important */
  max-width: 380px !important;
  /* stylelint-disable-next-line declaration-no-important */
  min-width: 380px !important;
}

.custom-reporting__modal.prism-modal-container.custom-reporting__modal--delete-confirmation
  .modal__header {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.mapping-dropdown__option--automation {
  color: var(--prism-color-text-intelligence-default);
}

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

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

/*
  Replace the 1px border and add a 1px outline, instead of just adding a 2px border.
  This is to avoid the card "jumping" when it gets selected.
*/
.prism-card--with-border.prism-card--selected {
  border: 1px solid var(--prism-color-general-info-600);
  outline: 1px solid var(--prism-color-general-info-600);
}

.prism-card--with-table-competitors
  .prism-table
  .ember-table.table-border
  .ember-table-overflow {
  border: 0;
  border-radius: 0 0 var(--prism-border-radius-200)
    var(--prism-border-radius-200);
}

.central-mapping__table-mapping__header .prism-tabs-container__header {
  box-shadow: none;
}

.tab-open-pricing__table .table-row--exception .table-cell {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--prism-color-background-critical-subdued) !important;
}

/*
  Override default-cell paddings with extra classes. Added when trying out the column hover behavior
  Passed to the Prism::Table via tdClassNames & thClassNames
*/
.prism-table .table-cell.channel-pricing-td-no-default-padding {
  padding: 0;
}

.prism-table .table-cell.channel-pricing-td-no-default-padding.is-last-column {
  /* stylelint-disable-next-line declaration-no-important */
  padding-right: 0 !important;
}

.prism-table .table-header-cell.day-table-th-no-default-padding {
  padding: 0;
}

.prism-table .table-header-cell.day-table-th-no-default-padding.is-last-column {
  /* stylelint-disable-next-line declaration-no-important */
  padding-right: 0 !important;
}

.content-wrapper.main-content.pricing-manager-with-popover {
  /* Removes the overflow in order to enable the popovers in the last row */
  overflow: unset;
}

.prism-table
  .channel-pricing-pms-table.ember-table:not(
    .channel-pricing-pms-table--loading
  )
  .ember-table-overflow {
  /* Removes the overflow in order to enable the popovers in the last row */
  overflow: unset;
}

.prism-table .channel-pricing-pms-table.ember-table .table-cell {
  height: 50px;
}

.day-bar
  .prism-table
  .ember-table
  .table-header
  .table-header-row
  .table-header-cell {
  /*
    This is a header only table in a container with a border-bottom
    Remove the box-shadow to avoid the double border effect
  */
  box-shadow: none;
}

.channel-pricing-channels-tab-container .prism-card__content {
  overflow: unset;
}

.channel-pricing-channels-tab-container .prism-tabs-container__header {
  box-shadow: none;
}

.rates-table-container .prism-table .table-body .table-row--highlighted {
  background-color: var(--prism-color-general-neutral-50);
  cursor: default;
}

.rates-table-container
  .prism-table
  .table-body
  .table-row--highlighted
  .table-cell {
  background-color: var(--prism-color-general-neutral-50);
}

.prism-card.segmentation-block-card.segmentation-block-card--with-top-overlay
  .prism-card__header {
  box-shadow: var(--prism-shadow-neutral-200);
}

/* Duplicated the selector from Prism::Table and made it more specific */
.prism-table
  .table-transaction-mapping
  .table-body
  .table-row.table-row--unmapped:not(.is-selected)
  .table-cell.table-column--with-unmapped-background,
.prism-table
  .table-transaction-mapping
  .table-body
  .table-row.table-row--unmapped:not(.is-selected):hover
  .table-cell.table-column--with-unmapped-background {
  background-color: var(--prism-color-background-warning-subdued);
}

.prism-table
  .table-transaction-mapping
  .table-body
  .table-row.table-row--unmapped:not(.is-selected).table-row--level-0
  .table-cell.table-column--with-unmapped-background,
.prism-table
  .table-transaction-mapping
  .table-body
  .table-row.table-row--unmapped:not(.is-selected).table-row--level-0:hover
  .table-cell.table-column--with-unmapped-background {
  background-color: var(--prism-color-background-warning-default);
}

/* Custom classes that are used in the prism alerting service's content attribute */
.prism-alert-content-checkbox-container {
  padding-top: var(--prism-spacing-500);
  text-align: left;
}

.card-tile--recommendations
  .recommendation-settings__panel
  .recommendation-settings__panel__content
  .prism-tabs-container {
  height: 100%;
}

.card-tile--recommendations
  .recommendation-settings__panel
  .recommendation-settings__panel__content
  .prism-tabs-container
  > div {
  /* We take out the size of the header from the total height of the tab container */
  height: calc(100% - 50px);
  overflow-y: auto;
}

.mapping-hierarchy
  .mapping-hierarchy__content
  .mapping-hierarchy__content--disabled
  .card-tile__title,
.mapping-hierarchy
  .mapping-hierarchy__content
  .mapping-hierarchy__content--disabled
  .category-item__action,
.mapping-hierarchy
  .mapping-hierarchy__content
  .mapping-hierarchy__content--disabled
  .category-item--add-category,
.mapping-hierarchy
  .mapping-hierarchy__content
  .mapping-hierarchy__content--disabled
  .category-item--add-category
  > .prism-link {
  color: var(--prism-color-interactive-border-neutral-idle);
  cursor: not-allowed;
  pointer-events: none;
}

/* This stylesheet contains all custom power-select trigger classes */
.prism-dropdown-trigger {
  background-color: var(--prism-color-interactive-background-secondary-idle);
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: var(--prism-font-size-text-300-regular);
  justify-content: center;
  min-height: 32px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  padding: var(--prism-spacing-100) var(--prism-spacing-100)
    var(--prism-spacing-100) var(--prism-spacing-200);
  transition: background-color 0.5s ease;
  white-space: nowrap;
}

.prism-dropdown-trigger.prism-dropdown-trigger--disabled {
  background-color: var(--prism-color-interactive-background-disabled);
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}

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

.prism-dropdown-trigger[aria-disabled="true"] {
  background-color: transparent;
  cursor: not-allowed;
}

.prism-dropdown-trigger[aria-disabled="true"] .btn,
.prism-dropdown-trigger[aria-disabled="true"] .arrow {
  cursor: not-allowed;
}

.prism-dropdown-trigger--small {
  min-height: 26px;
}

.prism-dropdown-trigger .trigger__content {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.prism-dropdown-trigger .trigger__content .trigger-text {
  flex-grow: 2;
}

.prism-dropdown-trigger .btn-arrow .arrow::before,
.prism-dropdown-trigger .btn-arrow .arrow::after {
  background-color: var(--prism-color-text-neutral-default);
}

.prism-dropdown-trigger:hover:not(
    .prism-dropdown-trigger[aria-disabled="true"]
  ),
.prism-dropdown-trigger.open {
  background-color: var(--prism-color-interactive-background-secondary-hover);
}

.prism-dropdown-trigger.picker {
  line-height: 1.75;
  margin: 14px 0;
}

.prism-dropdown-trigger.picker.has-label {
  margin: var(--prism-spacing-200) 0;
}

.prism-dropdown-trigger.picker.has-label .trigger-extra-label {
  font-size: var(--prism-font-size-text-200-regular);
  line-height: 1.25;
  margin-right: var(--prism-spacing-300);
  text-align: right;
}

.prism-dropdown-trigger--dark {
  color: var(--prism-color-text-neutral-default);
}

.prism-dropdown-trigger--dark .btn-arrow .arrow::before,
.prism-dropdown-trigger--dark .btn-arrow .arrow::after {
  background-color: var(--prism-color-text-neutral-default);
}

.prism-dropdown-trigger--ghost {
  background: none;
}

.prism-dropdown-trigger--ghost:hover {
  /* stylelint-disable declaration-no-important */
  background-color: var(
    --prism-color-interactive-background-ghost-hover
  ) !important;
  /* stylelint-enable declaration-no-important */
}

.prism-dropdown-trigger--ghost:active {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--prism-color-interactive-ghost-active) !important;
}

.selections--ota-row .prism-dropdown-trigger {
  color: var(--prism-color-text-neutral-default);
}

.selections--ota-row .prism-dropdown-trigger .btn-arrow .arrow::after,
.selections--ota-row .prism-dropdown-trigger .btn-arrow .arrow::before {
  background: var(--prism-color-text-neutral-subdued);
}

.roomtype-mapping .round-button .prism-icon {
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
}

.benchmark-insight__chart-breakdown__header__axis-buttons__los-option-dropdown
  .prism-select-input {
  overflow: hidden;
}

.day-detail .prism-tabs-container__content {
  overflow: hidden;
  position: relative;
}

.pricing-assistant-day-detail-tab
  .main-card
  .content
  .prism-tabs-container__content {
  overflow: hidden;
  position: relative;
}

.od-alerts-settings-modal h3 + .prism-card--alert-settings {
  margin-top: var(--prism-spacing-400);
}

.od-alerts-settings-modal
  .prism-card--alert-settings
  + .prism-card--alert-settings {
  margin-top: var(--prism-spacing-400);
}

.od-alerts-settings-modal .prism-card__subtitle {
  color: var(--prism-color-text-neutral-subdued);
}

.tooltip-short-term-rental
  .tooltip__content
  .card-summary
  .prism-badge__sold-out-text {
  font-size: 10px;
}

.parity-strategy .prism-card-title--loading {
  height: var(--prism-spacing-400); /* Same height as h3 */
}

.custom-reporting--actions-dropdown
  li.ember-power-select-option:last-child
  .prism-icon {
  color: var(--prism-color-icon-critical-default);
}

.prism-card--od-kpi .redirect-link,
.prism-card--od-price-diff-daily-view .redirect-link,
.prism-card--od-events .redirect-link,
.prism-card--od-ranking .redirect-link {
  font-weight: 400; /* All text in card title element is bold by default. Work around that. */
}

.prism-card--od-kpi .od-kpi-content {
  height: 100%;
  min-height: 103px; /* Used to push open the container during the loading state. This is the height of a "standard" KPI tile (2 metric blocks + redirect URL). */
  overflow: hidden; /* Prevents highcharts from drawing out of the content bounds on resize */
  position: relative;
}

.prism-card--od-kpi .od-kpi-content .redirect-link-container {
  margin-top: auto;
}

.prism-card--od-kpi .od-kpi-content .redirect-link {
  display: block;
  margin-bottom: 0; /* Reset the negative bottom margin so it doesn't clip off */
  margin-top: var(--prism-spacing-400);
}

.prism-card--od-kpi--demand .demand-level-indicator-container {
  margin-bottom: var(--prism-spacing-100);
}

.prism-card--od-kpi--demand .od-kpi-content {
  overflow: visible; /* Prevents demand level indicator outline to get clipped */
}

.prism-card--od-kpi--demand .od-kpi-content,
.prism-card--od-kpi--price-difference-aggregated .od-kpi-content {
  min-height: 155px; /* Used to push open the container during the loading state. */
}

.prism-card--occupancy {
  grid-column: span 2;
}

.prism-card--occupancy--without-market-otb {
  grid-column: span 1;
}

.prism-card--occupancy .occupancy-metric-block {
  align-items: flex-start;
  display: flex;
  flex: 1 1 50%; /* flex-grow flex-shrink flex-basis */
  justify-content: center;
  text-align: left;
}

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

.prism-card--occupancy .occupancy-metric-block__label {
  color: var(--prism-color-text-neutral-subdued);
  line-height: 16px;
  max-width: 100%; /* For truncate */
}

.prism-card--occupancy .occupancy-metric-block--upsell {
  border: 1px solid var(--prism-color-border-brand-default);
  border-radius: var(--prism-spacing-100);
  padding: var(--prism-spacing-200);
}

.prism-card--occupancy
  .occupancy-metric-block--upsell
  .occupancy-metric-block__value {
  color: var(--prism-color-text-brand-default);
}

.prism-card--occupancy
  .occupancy-metric-block--upsell
  .occupancy-metric-block__button {
  width: 100%;
}

.prism-card--occupancy
  .occupancy-metric-block--upsell
  .occupancy-metric-block__button
  > * {
  width: 100%;
}

.prism-card--od-performance-rates-tab-container {
  /*
    Note: we can't use grid-column span in combination with the minmax (https://stackoverflow.com/questions/53067750/css-responsive-grid-layout-grid-column-span-breaking-minmax)
    To be investigated further in the near future
    grid-column-start / grid-column-end : 1 / -1 ensure the chart tile starts at the new row and spans the amount of width available
  */
  grid-column: 1/-1;
}

.prism-card--od-performance-rates-tab-container .od-performance-rates-content {
  min-height: 350px; /* Used to push open the container during the loading state. */
  overflow: hidden; /* Prevents highcharts from drawing out of the content bounds on resize */
  position: relative;
}

.prism-card--od-price-diff-daily-view {
  /*
    Note: keep an eye on how this behaves
    Sometimes weird behaviour in combination with the Grid minmax
    https://stackoverflow.com/questions/53067750/css-responsive-grid-layout-grid-column-span-breaking-minmax
  */
  grid-column: span 4;
}

.prism-card--od-price-diff-daily-view--without-demand-level {
  grid-column: span 4;
}

.prism-card--od-price-diff-daily-view .od-price-diff-daily-view-content {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  justify-content: center;
  position: relative;
}

.prism-card--od-price-diff-daily-view
  .od-price-diff-daily-view-scrollable-container {
  height: 260px; /* table row in daily view is 26px high. We want to show at least 10 rows */
}

.prism-card--od-price-diff-daily-view .od-price-diff-daily-view-compset {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-200) var(--prism-spacing-400);
}

.prism-card--od-price-diff-daily-view
  .od-price-diff-daily-view-table-container {
  --min-rows: 7;
  --max-rows: 10;
  --row-height: 26px; /* 25px of height + 1px bottom-border */

  max-height: calc((var(--max-rows) + 1) * var(--row-height));

  /* Add 1 to make room for the table header */
  min-height: calc((var(--min-rows) + 1) * var(--row-height));
  overflow-y: scroll;
}

.prism-card--od-price-diff-daily-view .od-price-diff-daily-view-table {
  cursor: default; /* Default cursor to mimic the Rates table behaviour */
  table-layout: fixed;
}

.prism-card--od-price-diff-daily-view
  .od-price-diff-daily-view-table
  .col-hotel-name {
  padding-left: var(
    --prism-spacing-400
  ); /* align with the card tile above the table */
}

.prism-card--od-price-diff-daily-view
  .od-price-diff-daily-view-table
  .col-rate {
  width: 145px;
}

.prism-card--od-price-diff-aggregated-view .price-difference-text-color,
.prism-card--od-price-diff-daily-view .price-difference-text-color {
  color: var(--prism-color-text-neutral-subdued);
}

.prism-card--od-price-diff-aggregated-view .price-difference-text-color.green,
.prism-card--od-price-diff-daily-view .price-difference-text-color.green {
  color: var(--prism-color-text-success-default);
}

.prism-card--od-price-diff-aggregated-view .price-difference-text-color.orange,
.prism-card--od-price-diff-daily-view .price-difference-text-color.orange {
  color: var(--prism-color-text-warning-default);
}

.prism-card--od-price-diff-aggregated-view .price-difference-text-color.red,
.prism-card--od-price-diff-daily-view .price-difference-text-color.red {
  color: var(--prism-color-text-critical-default);
}

.prism-card--od-events {
  grid-column: 1/-1;
}

.prism-card--od-events .od-events-content {
  position: relative; /* Used for e.g. progress bar positioning in this container */
}

.prism-card--od-events .od-events-content .od-events-table-container {
  --min-rows: 4;
  --max-rows: 8;
  --row-height: 26px; /* 25px of height + 1px bottom-border */

  border-bottom-left-radius: var(--prism-border-radius-200);
  border-bottom-right-radius: var(--prism-border-radius-200);
  max-height: calc((var(--max-rows) + 1) * var(--row-height));

  /* Add 1 to make room for the table header */
  min-height: calc((var(--min-rows) + 1) * var(--row-height));
  overflow-y: auto;
}

.prism-card--od-events .od-events-content .od-events-table {
  table-layout: fixed;

  /* Make demand column larger if there's no pickup */
}

.prism-card--od-events .od-events-content .od-events-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

.prism-card--od-events .od-events-content .od-events-table tr {
  cursor: pointer;
}

.prism-card--od-events .od-events-content .od-events-table .button--unstyled {
  display: block;
}

.prism-card--od-events .od-events-content .od-events-table .col-star-days {
  font-size: 14px; /* icon size */
  width: 30px;
}

.prism-card--od-events .od-events-content .od-events-table .col-name {
  padding-left: var(--prism-spacing-400);
}

.prism-card--od-events .od-events-content .od-events-table .col-date {
  width: 110px;
}

.prism-card--od-events .od-events-content .od-events-table .col-date-long {
  width: 250px;
}

.prism-card--od-events .od-events-content .od-events-table .col-distance {
  width: 200px;
}

.prism-card--od-events .od-events-content .od-events-table .col-visitors {
  width: 500px;
}

.prism-card--od-events .od-events-content .od-events-table .col-nb-events {
  width: 40px;
}

.prism-card--od-events .od-events-content .od-events-table .col-demand-level {
  width: 130px;
}

.prism-card--od-events
  .od-events-content
  .od-events-table--no-pickup
  .col-demand-level {
  width: 500px;
}

.prism-card--od-events .od-events-content .od-events-table .col-my-pickup {
  width: 500px;
}

.prism-card--od-ranking .od-ranking-metric-blocks-wrapper {
  flex-wrap: wrap;
}

.prism-card--od-ranking
  .od-ranking-metric-blocks-wrapper
  .od-ranking-metric-block {
  min-width: 120px;
}

/* We have nested cards in this tile. We don't want to push open all of these. Just the first level ones */
.prism-card--od-ranking > .od-ranking-content {
  min-height: 133px; /* Used to push open the container during the loading state. The ranking tile can have different heights. The min-height here is the height of the parity only tile */
  position: relative; /* Used for e.g. progress bar positioning in this container */
}

.prism-card--od-ranking prism-card + prism-card {
  margin-top: var(--prism-spacing-400);
}

.prism-card--feed .tabs {
  /* Reset the white background because it clips over the card corners ... */
  background: initial;
}

.od-drawer-trigger-container .od-drawer-trigger-content-icon .prism-icon {
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
}

.definition-drawer-trigger-icon .prism-icon {
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
}

.ember-tooltip,
.prism-tooltip {
  background-color: var(--prism-color-background-inverse);
  color: var(--prism-color-text-inverse);
  text-shadow: none;
  z-index: 1201; /* modal has 1100 z-index */
}

.portfolio-smart-insights-drawer {
  /* stylelint-disable-next-line declaration-no-important */
  z-index: 111 !important; /* 1 more than the prism drawer. To be over the overview drawer. */
}

.portfolio-smart-insights-drawer > .drawer--expanded {
  /* stylelint-disable-next-line declaration-no-important */
  width: 352px !important;
}

.table-cell:has(.td-editable) .td-editable__value-container {
  gap: var(--prism-spacing-100);
}

.table-cell:has(.td-editable):not(:hover)
  :not(:has(.td-editable__button:focus-visible))
  .td-editable__value-container {
  gap: 0;
}

.table-cell:has(.td-editable):not(:hover)
  :not(:has(.td-editable__button:focus-visible))
  .td-editable__button-container {
  /* stylelint-disable declaration-no-important */
  border-width: 0 !important;
  /* stylelint-disable-next-line property-no-deprecated */
  clip: rect(0, 0, 0, 0);
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
  /* stylelint-enable declaration-no-important */
}

.multi-select-competitors--with-rate-comparison-layout-setting {
  /* FIRST_HEADER_HEIGHT (48px) + SECOND_HEADER_HEIGHT (56px) + FOOTER_HEIGHT (64px) = 168px */
  max-height: calc(100vh - 168px);
}

.multi-select-competitors--with-rate-comparison-layout-setting
  > .ember-power-select-options {
  overflow: auto;
}

/* Add top border to the last option in the competitors multi select when rate comparison layout is enabled */
.multi-select-competitors--with-rate-comparison-layout-setting
  .ember-power-select-option:last-of-type {
  border-top: 1px solid var(--prism-color-interactive-border-neutral-idle);
}

/* Remove top border from the last option in the competitors multi select when rate comparison layout is enabled inside a multiple selection group */
.multi-select-competitors--with-rate-comparison-layout-setting
  .multiple-selection-group
  .ember-power-select-option:last-of-type {
  border-top: none;
}

header.parity-manager .content-wrapper {
  display: flex;
  height: 60px;
  position: relative;
}

header.parity-manager #pm-navbar-scrollbar-container {
  /* - datepicker (365px) - icons (145px) - paddings content (2x14) */
  width: calc(100% - 538px);
}

header.parity-manager #parity-manager-navbar {
  display: flex;
  height: 60px;
  overflow: hidden;
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
  position: relative;
  white-space: nowrap;
}

header.parity-manager #parity-manager-navbar .ota-selections-container {
  justify-content: normal;
}

/* Custom styling for Perfect Scrollbar in the PM navbar. Makes it look more subtle / only visible on hover */
header.parity-manager #parity-manager-navbar .ps__rail-x {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: transparent !important;
}

header.parity-manager #parity-manager-navbar .ps__thumb-x {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--prism-color-elevation-surface) !important;
  /* stylelint-disable-next-line declaration-no-important */
  height: 4px !important;
}

#add-issue-form {
  height: 480px;
}

#add-issue-form .input-label {
  color: var(--prism-color-text-neutral-default);
  display: inline-block;
  font-size: var(--prism-font-size-text-200-regular);
  margin-bottom: var(--prism-spacing-100);
}

#add-issue-form .checkbox {
  height: 32px;
}

#add-issue-form .header-title {
  color: var(--prism-color-text-neutral-default);
}

#add-issue-form span.channel-url-notation {
  margin-top: -15px;
}

@media (width <= 1520px) {
  /* On smaller screen sizes we don't want to center the items, but just have normal alignment */
  header.parity-manager #parity-manager-navbar {
    justify-content: normal;
  }
}

.parity-manager__navigation {
  display: grid;
  gap: var(--prism-spacing-200);
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  grid-template-columns: 204px repeat(3, 180px);
}

.parity-manager__navigation .major-channels {
  padding-right: 24px;
}

.parity-manager__navigation .other-channels {
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  grid-column-end: span 3;
}

.parity-manager__navigation .metric-cell:nth-of-type(1) {
  padding-right: 24px;
}

.parity-manager__issuesummaries .issuesummary {
  display: flex;
  height: 600px;
}

.parity-manager__issuesummaries .issuesummary__sidebar {
  background-color: var(--prism-color-background-neutral-subdued);
  border-right: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 300px;
}

.parity-manager__issuesummaries .issuesummary__sidebar__header {
  height: 22px;
  margin: var(--prism-spacing-400);
}

.parity-manager__issuesummaries .issuesummary__sidebar__items {
  display: grid;
  flex: 1;
  overflow: hidden auto;
  padding-bottom: var(--prism-spacing-400);
  padding-left: var(--prism-spacing-400);
  padding-right: var(--prism-spacing-400);
}

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

.parity-manager__issuesummaries .issuesummary__table {
  flex: 1;
  overflow: hidden; /* Necessary to keep the EmberLightTable from overflowing when resizing the window */
}

.parity-manager__issuesummaries .issuesummary__table__header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 55px;
}

.parity-manager__issuesummaries .issuesummary__table__body {
  height: calc(100% - 55px);
}

.parity-manager .pm-issue-table tbody tr:hover td {
  cursor: pointer;
}

.parity-manager .pm-issue-table tbody tr[selected] td {
  /* stylelint-disable declaration-no-important */
  background-color: var(
    --prism-color-interactive-background-secondary-selected
  ) !important;
  /* stylelint-enable declaration-no-important */
}

/* Drawer CSS */
.drawer-content {
  margin-bottom: 60px; /* Make sure we can scroll past the fixed primary action */
  margin-top: 46px; /* Reserve room for the header */
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.fixed-drawer-header {
  background-color: var(--prism-color-elevation-surface);
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
  position: absolute;
  top: 0;
  width: 100%;
}

.drawer-section {
  line-height: 18px;
  padding-bottom: var(--prism-spacing-400);
}

.drawer-section--has-border-bottom {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  margin-bottom: var(--prism-spacing-400);
}

.drawer-section__title {
  font-weight: bold;
  margin-bottom: var(--prism-spacing-100);
}

.drawer-section__subtitle {
  color: var(
    --prism-color-text-neutral-subdued
  ); /* TODO: check if color is correct */

  margin-bottom: var(--prism-spacing-200);
}

.drawer-section__grid {
  display: grid;
  gap: var(--prism-spacing-200);
  grid-template-columns: 50% 50%;
  line-height: 18px;
}

.drawer-section__grid__link {
  overflow: hidden;
}

.drawer-section .other-information {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-200);
}

.fixed-drawer-action {
  background-color: var(--prism-color-elevation-surface);
  border-top: 1px solid var(--prism-color-border-neutral-default);
  bottom: 0;
  box-shadow: 0 8px 16px 2px var(--prism-shadow-neutral-100);
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
  position: absolute;
  width: 100%;
}

.fixed-drawer-action > * {
  width: 100%;
}

/* Wrapping div around PM datepicker with a fixed with. Else the selections will move if the width of the datepicker changes */
.parity-manager-datepicker-wrapper {
  display: flex;
  width: 365px;
}

/* Similar styles as secondary button */
.fake-prism-button {
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  font-size: var(--prism-font-size-text-300-regular);
  height: 40px;
  line-height: 22px; /* Same size as optional prism-badge */
  padding: var(--prism-spacing-200) var(--prism-spacing-300);
  width: 100%;
}

.fake-prism-button :focus-visible {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.fake-prism-button:active {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.fake-prism-button:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.fake-prism-button--selected {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  border-color: var(--prism-color-interactive-border-neutral-pressed);
  box-shadow: var(--prism-shadow-neutral-inset);
}

.fake-prism-button .loading-pulse,
.fake-prism-button .table-loading-state-bar,
.fake-prism-button .loading-pulse--col-12,
.fake-prism-button .loading-pulse--col-6,
.fake-prism-button .loading-pulse--col-3,
.fake-prism-button .custom-reporting__thumbnail .thumbnail__image,
.custom-reporting__thumbnail .fake-prism-button .thumbnail__image,
.fake-prism-button .total-revenue .loading-bar,
.total-revenue .fake-prism-button .loading-bar,
.fake-prism-button .segmentation-value-loading-state-bar,
.fake-prism-button .card-column .fake-loading-row,
.card-column .fake-prism-button .fake-loading-row,
.fake-prism-button .table-card table .fake-loading-row,
.table-card table .fake-prism-button .fake-loading-row {
  width: 22px; /* More or less the same as the prism-badge */
}

.parity-manager-issue-upload-modal #issue-upload-form,
.parity-manager-add-issue-modal #issue-upload-form {
  margin-top: var(--prism-spacing-200);
}

.parity-manager-issue-upload-modal .form-row-container,
.parity-manager-add-issue-modal .form-row-container {
  align-items: center;
  display: flex;
  height: 50px;
  width: 610px;
}

.parity-manager-issue-upload-modal .file-upload-description,
.parity-manager-add-issue-modal .file-upload-description {
  flex-basis: 160px;
  font-size: var(--prism-font-size-text-300-bold);
  font-weight: var(--prism-font-weight-text-300-bold);
  line-height: var(--prism-font-line-height-text-300-regular);
}

.parity-manager-issue-upload-modal .file-upload-action-container,
.parity-manager-add-issue-modal .file-upload-action-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 2;
  line-height: 24px;
}

.parity-manager-issue-upload-modal .form-submit-container,
.parity-manager-add-issue-modal .form-submit-container {
  display: flex;
  justify-content: center;
  margin-top: var(--prism-spacing-400);
}

.parity-manager-issue-upload-modal .form-submit-container prism-button,
.parity-manager-add-issue-modal .form-submit-container prism-button {
  margin-bottom: var(--prism-spacing-200);
  margin-top: var(--prism-spacing-200);
}

.parity-manager-issue-upload-modal .file-upload-action-link,
.parity-manager-add-issue-modal .file-upload-action-link {
  max-width: 380px;
  width: 100%;
}

.parity-manager-issue-upload-modal .file-upload-action-button-container,
.parity-manager-add-issue-modal .file-upload-action-button-container {
  display: flex;
  margin-left: var(--prism-spacing-400);
}

.parity-manager-issue-upload-modal
  .file-upload-action-button-container
  .file-upload-action-button-container__button,
.parity-manager-add-issue-modal
  .file-upload-action-button-container
  .file-upload-action-button-container__button {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border-radius: 3px;
  color: var(--prism-color-text-inverse);
  cursor: pointer;
  margin-right: var(--prism-spacing-200);
  padding: var(--prism-spacing-100);
}

.parity-manager-issue-upload-modal
  .file-upload-action-button-container
  .file-upload-action-button-container__button:last-child,
.parity-manager-add-issue-modal
  .file-upload-action-button-container
  .file-upload-action-button-container__button:last-child {
  margin-right: 0;
}

.parity-manager-issue-upload-modal
  .file-upload-action-button-container
  .file-upload-action-button-container__button--danger,
.parity-manager-add-issue-modal
  .file-upload-action-button-container
  .file-upload-action-button-container__button--danger {
  background-color: var(--prism-color-interactive-background-critical-idle);
}

.parity-manager-search-select .prism-input {
  height: 32px;
  width: 205px;
}

.parity-manager-search-select .current-search-value {
  max-width: 120px;
}

/* CSS for /addissue and /mail routes */
.parity-manager-email-violation-modal {
  min-height: 600px;
}

.parity-manager-email-violation-modal iframe#mail-renderer-iframe {
  height: 100%;
  inset: 0;
  position: absolute;

  /* Force iframe to take up all space in the wrapping div. height: 100% wasn't enough */
  width: 100%;
}

.parity-manager-email-violation-modal .mail-content-wrapper {
  border: 1px solid var(--prism-color-border-neutral-default);
  min-height: 500px;
  position: relative;
}

.parity-manager-email-violation-modal
  .mail-content-wrapper.has-free-text-input {
  height: calc(80vh - 650px);
  min-height: 500px;
}

.parity-manager-email-violation-modal .mail-content-wrapper .centered-message {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: var(--prism-spacing-500);
}

.parity-manager-email-violation-modal
  .parity-manager-email-violation-modal-container {
  display: grid;
  grid-template-columns: 1fr;
}

@media (width >= 1440px) {
  .parity-manager-email-violation-modal
    .parity-manager-email-violation-modal-container {
    grid-template-columns: 1fr 2fr;
  }
}

.cell-with-actions-container {
  display: none;
  font-size: 16px; /* icon size */
}

.cell-with-actions-container > span.icon:not(.disabled) {
  cursor: pointer;
}

.cell-with-actions-container.show-actions-menu,
.et-tr:hover .cell-with-actions-container {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.parity-strategy .breakdown-item {
  contain-intrinsic-height: 48px;
  content-visibility: auto;
  padding: var(--prism-spacing-200) var(--prism-spacing-400);
}

.parity-strategy-header .filter-bar-container {
  flex-grow: initial;
}

.modal-filter-bar__filter-text {
  max-width: 80%;
}

.platform-filter-header {
  align-items: center;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  flex-shrink: 0;
  height: 60px;
  justify-content: flex-start;
  padding: 0 var(--prism-spacing-500);
}

.sort-container {
  display: flex;
  flex-direction: column;
  max-height: 60vh;
}

/*
  Every div in the container has a fixed width
  We pass a width of 600px to the modal, so the elements should add up to that
*/
.sort-container .handle {
  margin-left: var(--prism-spacing-500);
  width: 20px;
}

.sort-container .item-name {
  padding-left: var(--prism-spacing-200);
  width: 330px;
}

.sort-container .position {
  text-align: center;
  width: 40px;
}

.sort-container .visibility-toggle {
  width: 32px;
}

.sort-container .action-container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: var(--prism-spacing-200);
  margin-right: var(--prism-spacing-200);
  width: 180px;
}

.sort-container .sort-body {
  display: flex;

  /* Use flexbox to make sure the sort body fills all remaining vertical space (we want header + action buttons to be always visible) */
  flex-grow: 1; /* https://codepen.io/carl-vega/pen/KbGyYX */
  overflow: hidden auto;
  position: relative;
}

.list-sort .sortable-item {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-subdued);

  /*
    Sortable item has a display flex to ensure all items are in a row
    It should have the full with of the modal
    We'll give all items a border bottom except the final one
  */
  display: flex;
  height: 50px;
  line-height: 50px;
  max-height: 50px;

  /*
    Set explicit z-index to zero
  */
  position: relative;
  width: 100%;
  z-index: 0;
}

.list-sort .sortable-item.is-dragging {
  border-top: 1px solid var(--prism-color-border-neutral-default);

  /*
    elements that are being dragged should always be above the others
    add a border top to the dragged elements (otherwise it only has a bottom border)
  */
  z-index: 10;
}

.list-sort .sortable-item.is-dragging .highlight-value,
.list-sort .sortable-item .handle-container.highlighted .highlight-value {
  color: var(--prism-color-text-info-default);
  font-weight: bold;
}

.list-sort .sortable-item--disabled {
  opacity: 0.5;
}

.list-sort .sortable-item .handle-container {
  cursor: ns-resize;
  display: flex;
}

.list-sort .sortable-item:last-child {
  border-bottom: none;
}

.list-sort .visibility-checkbox-container {
  /*
    Should center horizontally
    container has a width of 100px
    and the checkbox has a width of 20px
  */
  padding: 0 40px;
}

.sort-header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  height: 50px;
  line-height: 50px;
}

.sort-header .action-container {
  text-align: center;
}

.sort-footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  gap: var(--prism-spacing-400);
  justify-content: center;
  padding: var(--prism-spacing-500) 0;
}

.settings-modal__content {
  line-height: 20px;
  position: relative;
}

.settings-modal__title {
  color: var(--prism-color-text-neutral-default);
  margin-bottom: var(--prism-spacing-100);
}

.settings-modal__text {
  margin-bottom: var(--prism-spacing-400);
}

.settings-modal__footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  justify-content: flex-end;
  padding: var(--prism-spacing-300) var(--prism-spacing-500);
}

.settings-modal__illustration,
.settings-modal__illustration svg {
  height: 197px;
  width: 560px;
}

.settings-modal__footer .cancel-and-confirm-btns {
  padding: 0;
}

.list-item-expandable-button {
  background-color: var(--prism-color-elevation-surface);
  border: 0.5px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  cursor: pointer;
  display: flex;
  font-size: var(--prism-font-size-text-300-regular);
  height: 75px;
  justify-content: space-between;
  line-height: 75px;
  margin-bottom: var(--prism-spacing-200);
}

.category-name-container {
  font-size: var(--prism-font-size-text-400-regular);
  height: 75px;
  margin-left: var(--prism-spacing-1000);
}

.expand-toggle {
  color: var(--prism-color-text-info-default);
  display: flex;
  margin-right: var(--prism-spacing-500);
  white-space: nowrap;
}

.expand-toggle .btn-arrow .arrow::before,
.expand-toggle .btn-arrow .arrow::after {
  background-color: var(--prism-color-interactive-background-primary-idle);
}

.account-trigger {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 60px;
}

.button-sort :first-child {
  flex-shrink: 0;
}

/* Styling copied from Prism Button component and adapted for selectable buttons */
.button-selectable {
  --button-height: var(--prism-spacing-800);

  align-items: center;
  background-color: var(--prism-color-interactive-background-secondary-idle);
  border: none;
  border-radius: 0;
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  display: inline-flex;
  font-family: Inter, sans-serif;
  font-size: var(--prism-font-size-text-300-medium);
  font-weight: var(--prism-font-weight-text-300-medium);
  height: var(--button-height);
  justify-content: center;
  line-height: var(--prism-font-line-height-text-300-medium);
  outline: 2px solid transparent;
  outline-offset: var(--prism-spacing-50);
  padding: 0 var(--prism-spacing-200);
  transition: all 0.12s ease-out;
}

.button-selectable.selected {
  background-color: var(--prism-color-interactive-background-primary-idle);
  color: var(--prism-color-text-inverse);
  outline-offset: var(--prism-spacing-50);
}

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

.button-selectable:active {
  box-shadow: var(--prism-shadow-neutral-inset);
}

.button-selectable:disabled {
  background-color: var(--prism-color-interactive-background-disabled);
  color: var(--prism-color-interactive-text-disabled);
  cursor: not-allowed;
}

.button-selectable:first-of-type {
  border-radius: var(--prism-border-radius-100) 0 0
    var(--prism-border-radius-100);
}

.button-selectable:last-of-type {
  border-radius: 0 var(--prism-border-radius-100) var(--prism-border-radius-100)
    0;
}

.button-selectable.selected:not(:disabled):hover {
  background-color: var(--prism-color-interactive-background-primary-hover);
}

.button-selectable:not(:disabled):hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.date-picker__form-field {
  /* No margin left in case alignment is needed in the form */
  border-radius: var(--prism-border-radius-50);
  color: var(--prism-color-text-neutral-default);

  /* Empty datepicker shrinks */
  min-height: 24px;

  /* Enough space for a date */
  min-width: 140px;
}

.date-picker__form-field--small {
  min-width: 115px;
  width: 115px; /* Need to keep error triangle icon into account as well */
}

.date-picker__placeholder {
  color: var(--prism-color-interactive-text-placeholder);
}

.calendar-button {
  background: none;
  border: none;
  display: flex;
  outline: none;
}

.calendar-button:hover {
  color: var(--prism-color-text-info-default);
}

.calendar-button .calendar-button-icon {
  /* Aligns the icon with the second row of days and makes sure it doesn't jump around when changing months */
  margin-top: 83px;
}

.monthpicker-form-fields-dropdown.rounded-dropdown,
.datepicker-form-fields-dropdown.rounded-dropdown {
  /* High enough to fit all weeks */
  height: 245px;
}

.monthpicker-form-fields-dropdown .month-title,
.datepicker-form-fields-dropdown .month-title {
  margin-bottom: var(--prism-spacing-100);
}

.monthpicker-form-fields-dropdown .calendar-button-icon,
.datepicker-form-fields-dropdown .calendar-button-icon {
  /* Aligns the icon with the second row of days and makes sure it doesn't jump around when changing months */
  margin-top: 91px;
}

.ota-trial-indication,
.staff-access-indication {
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-inverse);
  cursor: pointer;
  display: inline-block;
  font-size: var(--prism-font-size-text-200-regular);
  height: 32px;
  line-height: 32px;
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
  position: relative;
  white-space: nowrap;
  z-index: 100;
}

.ota-trial-indication--red,
.staff-access-indication--red {
  background-color: var(
    --prism-color-chart-status-background-critical-emphasis
  );
}

.ota-trial-indication--dark-orange,
.staff-access-indication--dark-orange {
  background-color: var(--prism-color-general-warning-500);
}

.ota-trial-indication--light-orange,
.staff-access-indication--light-orange {
  background-color: var(--prism-color-interactive-background-warning-idle);
}

.ota-trial-indication--light-green,
.staff-access-indication--light-green {
  background-color: var(--prism-color-general-success-300);
}

.ota-trial-indication--lighter-green,
.staff-access-indication--lighter-green {
  background-color: var(--prism-color-general-success-400);
}

.ota-trial-indication--dark-green,
.staff-access-indication--dark-green {
  background-color: var(--prism-color-general-success-500);
}

.ota-trial-indication.request-sent,
.staff-access-indication.request-sent {
  cursor: default;
}

.ota-trial-indication.ota-trial-indication__expired .sign-up-trigger,
.staff-access-indication.ota-trial-indication__expired .sign-up-trigger {
  color: var(--prism-color-text-inverse);
  opacity: 0.8;
}

.ota-trial-indication--disabled,
.staff-access-indication--disabled {
  cursor: not-allowed;
}

/* Make spacing tighter to prevent the navbar from overflowing */
@media (width <= 1400px) {
  .ota-trial-indication {
    padding-left: var(--prism-spacing-200);
    padding-right: var(--prism-spacing-100);
  }

  .ota-trial-indication .ota-trial-indication__action-text {
    display: none;
  }
}

.staff-access-tooltip {
  max-height: 80vh;
  max-width: 400px;
}

.month-selection-trigger {
  cursor: pointer;
}

.date-picker-with-side-bar-months-dropdown {
  background-color: var(--prism-color-elevation-surface);
  box-shadow: var(--prism-shadow-neutral-200);
  left: 124px;
  position: absolute;
  top: 46px;
  z-index: 1;
}

.flex-date-picker-container .flex-date-picker-container__placeholder {
  min-width: 100%;
}

.date-picker-with-side-bar-calendar {
  background: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-default);
  min-height: 300px;
}

.date-picker-with-side-bar-calendar__content {
  display: flex;
}

.date-picker-with-side-bar-calendar__footer {
  align-items: center;
  border-top: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  height: 60px;
  justify-content: flex-end;
}

.date-picker-with-side-bar-calendar .date-picker-with-side-bar-main-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.date-picker-with-side-bar-calendar .sidebar {
  border-left: 1px solid var(--prism-color-border-neutral-default);
  overflow-y: auto;
  padding-bottom: var(--prism-spacing-200);
  width: 220px;
}

.date-picker-with-side-bar-calendar .sidebar .sidebar-option {
  padding: var(--prism-spacing-200) var(--prism-spacing-400);
}

.date-picker-with-side-bar-calendar .sidebar .sidebar-option__title {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
  line-height: 16px;
  padding-top: var(--prism-spacing-400);
}

.date-picker-with-side-bar-calendar .sidebar .sidebar-option__item {
  border-bottom: 1px solid var(--prism-color-elevation-surface); /* Add a border placeholder with the same color as the background so the height remains the same on hover, preventing the item from "jumping" around */
  color: var(--prism-color-text-neutral-subdued);
  cursor: pointer;
  line-height: 20px;
}

.date-picker-with-side-bar-calendar .sidebar .sidebar-option__item:hover {
  background: var(--prism-color-background-info-subdued);
  color: var(--prism-color-text-neutral-default);
}

.date-picker-with-side-bar-calendar .sidebar .sidebar-option__item.selected {
  background: var(--prism-color-background-info-subdued);
  color: var(--prism-color-text-neutral-default);
  font-weight: bold;
}

.date-picker-with-side-bar-calendar .sidebar .sidebar-option__item.disabled,
.date-picker-with-side-bar-calendar
  .sidebar
  .sidebar-option__item.disabled:hover {
  cursor: not-allowed;
}

.date-picker-with-side-bar-calendar .sidebar .sidebar-option.top-divider {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.date-picker-with-side-bar-calendar div.months-container {
  display: flex;

  /* max height of ember power calendar month (232px) + padding */
  height: 262px;

  /* Max-width instead of width. If it is smaller, it should not have the spacing */
  max-width: 610px;
  overflow: hidden;
  padding-top: var(--prism-spacing-200);
  position: relative;
}

.date-picker-with-side-bar-calendar .arrow-wrapper {
  height: 252px;
  padding-top: 108px; /* Used to position the arrows in the middle of the second row of the calendar */
}

.date-picker-with-side-bar-calendar .switchmonth {
  background-color: var(--prism-color-background-neutral-subdued);
  border-radius: var(--prism-border-radius-100);
  cursor: pointer;
}

.date-picker-with-side-bar-calendar .switchmonth.switch-to-previous-month {
  margin-left: var(--prism-spacing-500);
}

.date-picker-with-side-bar-calendar .switchmonth.switch-to-next-month {
  margin-right: var(--prism-spacing-500);
}

.date-picker-with-side-bar-calendar .switchmonth.disabled {
  cursor: not-allowed;
}

.date-picker-with-side-bar-calendar .datepicker-save-cancel {
  align-content: center;
  display: flex;
  padding: var(--prism-spacing-400);
}

.date-picker-with-side-bar-calendar .legend-container {
  align-items: center;
  display: flex;
  justify-content: left;
  line-height: 16px;
  margin-left: 60px; /* arrow icon (20px) + 2 * var(--prism-spacing-500) (20px) */
  margin-top: var(--prism-spacing-300);
  padding: var(--prism-spacing-200);
}

.date-picker-with-side-bar-calendar
  .legend-container
  .holiday-or-event-indicator {
  background-color: var(--prism-color-interactive-background-primary-idle);
  height: 2px;
  margin-right: var(--prism-spacing-100);
  width: 14px;
}

.date-picker-with-side-bar-calendar
  .date-picker-with-side-bar-calendar__footer {
  color: var(--prism-color-text-neutral-subdued);
}

.date-picker-with-side-bar-calendar .calendar-btn-row {
  display: flex;
  flex-direction: row;
  height: 45px;
  line-height: 45px;
  padding: 0 var(--prism-spacing-200);
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
}

.date-picker-with-side-bar-calendar .calendar-btn-row .calendar-btn {
  width: 25px;
}

.date-picker-with-side-bar-calendar .ember-power-calendar-nav-title {
  height: 32px; /* Match height of the selectable months (with radio buttons) */
  padding-left: var(--prism-spacing-100);
}

.monthpicker-container {
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  padding: var(--prism-spacing-300) 52px; /* calendar-offset is custom so it aligns with the calendar months */
}

.monthpicker {
  padding-right: var(--prism-spacing-400);

  /* Random width for now, seems to work for all months */
  width: 160px;
}

.monthpicker label {
  /* Gets a 60px from the subheader, needs to be overwritten */
  height: 30px;
  line-height: 30px;
}

.month-title,
.month-title-reference {
  cursor: pointer;
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  opacity: 1;
  text-align: left;
}

.filter-bar-container {
  flex-grow: 1;
  overflow: hidden;
}

.filter-bar-container.filter-bar-container--right {
  display: flex;
  justify-content: flex-end;
}

.dropdown-pills {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-100);
  margin: var(--prism-spacing-200);
}

.dropdown-pills .active-filter-btn {
  justify-content: space-between;
  /* stylelint-disable-next-line declaration-no-important */
  margin: 0 !important;
}

.filter-bar {
  height: 60px;
  text-align: center;
  z-index: 50;

  /* Testing styling of PS */
}

.filter-bar .filter-content {
  display: flex;
  height: 60px;
}

.filter-bar .filter-favourites-button {
  float: left;
  line-height: 1.75;
  margin: 14px 0;
  margin-right: var(--prism-spacing-200);
}

.filter-bar .filter-title {
  color: var(--prism-color-text-inverse);
  float: left;
  font-size: var(--prism-font-size-text-300-regular);
  line-height: 60px;
  margin-right: var(--prism-spacing-200);
}

.filter-bar .filter-values {
  text-align: left;
  white-space: nowrap;
}

.filter-bar .active-filter-btn {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  border-radius: 3px;
  display: inline-block;
  height: 40px;
  margin: 10px var(--prism-spacing-100) 10px 0; /* 10 px margin is used to vertical align items in the subnav bar... */
  padding: 4px 8px;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties, declaration-property-value-no-unknown */
  user-select: -moz-none;
  user-select: none;
}

.filter-bar .active-filter-btn:focus {
  outline: none;
}

.filter-bar .active-filter-btn .active-filter-left {
  text-align: left;
}

.filter-bar .active-filter-btn .active-filter-key,
.filter-bar .active-filter-btn .active-filter-value {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 115px;
}

.filter-bar .active-filter-btn .active-filter-key {
  height: 14px;
}

.filter-bar .active-filter-btn .active-filter-value {
  font-weight: bold;
  height: 18px;
  line-height: 18px;
}

.filter-bar .active-filter-btn .active-filter-key-loading,
.filter-bar .active-filter-btn .active-filter-value-loading {
  animation: pulse 1s infinite;
  background-color: var(--prism-color-interactive-text-disabled);
  border-radius: var(--prism-border-radius-100);
}

.filter-bar .active-filter-btn .active-filter-key-loading {
  height: 8px;
  width: 65px;
}

.filter-bar .active-filter-btn .active-filter-value-loading {
  height: 8px;
  width: 80px;
}

.filter-bar .filter-actions-container {
  color: var(--prism-color-text-inverse);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: var(--prism-spacing-100);
  text-align: left;
}

.filter-bar .filter-actions-container .filter-actions-buttons-wrapper {
  display: flex;
  flex-direction: column;
  height: 40px;
  justify-content: center;
}

.filter-bar .ps__rail-x {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: transparent !important;
}

.filter-bar .ps__rail-y {
  display: none;
}

.filter-bar .ps__thumb-x {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--prism-color-elevation-surface) !important;
  /* stylelint-disable-next-line declaration-no-important */
  height: 4px !important;
}

.action-container {
  margin: auto;
}

.no-data-message-container {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-400-regular);
  height: 100px;
  line-height: 100px;
  text-align: center;
  width: 600px;
}

.filter-bar-full-width {
  overflow: hidden;
  width: 100%;
}

.filter-bar-full-width .filter-bar {
  width: 100%;
}

.filter-bar-wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
}

.pa-perf-metric-sticky-header-wrapper {
  background-color: var(--prism-color-elevation-surface);
  box-shadow: 2px 2px 5px -1px var(--prism-shadow-neutral-100);
  max-height: 0;
  min-width: 1280px;
  overflow: hidden;

  /* use CSS transition to have smoother appearing/disappearing */
  transition: max-height 250ms ease-out;
  z-index: 100; /* Must be 100 or below for prism-loading-bar z-index */
}

.pa-perf-metric-sticky-header-wrapper.visible {
  max-height: 35px;
}

.pa-perf-metric-sticky-header-wrapper .pa-perf-metric-sticky-header-content {
  display: flex;
  flex-wrap: nowrap;
  height: 35px;
  margin: 0 auto;
  max-width: 1840px;
  min-width: 1280px;
  padding: 0 var(--prism-spacing-500) 0 var(--prism-spacing-500);
}

.pa-perf-metric-sticky-header-wrapper
  .pa-perf-metric-sticky-header-content
  .header-item {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  flex-grow: 1;
  line-height: 35px;
  padding-left: var(--prism-spacing-300);
  padding-right: var(--prism-spacing-300);
  text-align: center;

  /*
    Added comment to replace this later with proper variables
    export const COLOR_DATA_PARITY_WIN = '--prism-color-general-warning-300';
    export const COLOR_DATA_PARITY_MEET = '--prism-color-general-info-500';
    export const COLOR_DATA_PARITY_LOSS = '--prism-color-general-critical-500';
  */
}

.pa-perf-metric-sticky-header-wrapper
  .pa-perf-metric-sticky-header-content
  .header-item:first-child {
  border-left: 1px solid var(--prism-color-border-neutral-default);
}

.pa-perf-metric-sticky-header-wrapper
  .pa-perf-metric-sticky-header-content
  .header-item.loss {
  border-bottom: 3px solid var(--prism-color-general-critical-500);
}

.pa-perf-metric-sticky-header-wrapper
  .pa-perf-metric-sticky-header-content
  .header-item.meet {
  border-bottom: 3px solid var(--prism-color-general-info-500);
}

.pa-perf-metric-sticky-header-wrapper
  .pa-perf-metric-sticky-header-content
  .header-item.win {
  border-bottom: 3px solid var(--prism-color-general-warning-300);
}

.pa-perf-metric-sticky-header-wrapper
  .pa-perf-metric-sticky-header-content
  .header-item
  .kpi-name {
  display: inline;
}

.pa-perf-metric-sticky-header-wrapper
  .pa-perf-metric-sticky-header-content
  .header-item
  .kpi-value {
  /* float: right; */
  display: inline;
  font-size: var(--prism-font-size-text-200-regular);
  margin-left: var(--prism-spacing-500);
}

.pa-perf-metric-sticky-header-wrapper
  .pa-perf-metric-sticky-header-content
  .header-item
  .kpi-value
  .highlight {
  font-weight: 700;
}

.segment-modal-content-header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-subdued);
  height: 35px;
  line-height: 35px;
  padding-left: var(--prism-spacing-500);
  padding-right: var(--prism-spacing-500);
}

.filter-display-bar__banner {
  align-items: center;
  background-color: var(--bprism-color-background-info-subdued);
  border: 1px solid var(--prism-color-border-info-default);
  border-radius: var(--prism-spacing-200);
  color: var(--prism-color-text-neutral-default);
  line-height: 20px;
  padding: var(--prism-spacing-200) var(--prism-spacing-300);
  white-space: normal;
}

.modal-icon {
  color: var(--prism-color-text-inverse);
  font-size: 20px; /* icon size */
}

.bullet-chart-tooltip-container {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  overflow: hidden;
}

.bullet-chart-tooltip-container .no-data-box {
  color: var(--prism-color-text-neutral-subdued);
  padding: var(--prism-spacing-200);
  text-align: center;
}

.bullet-chart-tooltip-container .bullet-chart-box {
  border-right: 1px solid var(--prism-color-border-neutral-default);
}

.bullet-chart-tooltip-container .bullet-chart-box .value {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  margin: var(--prism-spacing-300) 0;
  padding: 0 var(--prism-spacing-600);
  white-space: nowrap;
  width: 160px; /* as it's in Figma */
}

.bullet-chart-tooltip-container .bullet-chart-box .value .label {
  color: var(--prism-color-text-neutral-subdued);
}

.bullet-chart-tooltip-container .bullet-chart-box .value:last-child {
  border-right: 0;
}

.bullet-chart-tooltip-container .bullet-chart-box:last-child {
  border-right: 0;
}

.day-bar .day-table .table-header-cell,
.day-bar .day-table .table-cell {
  border-right: 1px solid var(--prism-color-border-neutral-default);
}

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

.day-bar .day-table .table-header-cell:hover:not(.is-first-column) {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

@page {
  margin: 0;
  size: auto;
}

/* TODO: Get rid of floating buttons #DP-BTN */
.btn {
  border: none;
  cursor: pointer;
  outline: none;
}

.btn.pager-btn--float {
  position: relative;
  top: 13px;
}

.btn.pager-btn {
  background: var(--prism-color-interactive-background-primary-idle);
  border-radius: var(--prism-border-radius-50);
  color: var(--prism-color-text-inverse);
  display: inline-block;
  height: 32px;
  text-align: center;
  width: 32px;
}

.btn.disabled {
  cursor: auto;
  opacity: 0.3;
}

/* Prevents overflow being caused by button-refresh while spinning */
.btn.btn-refresh {
  border-radius: var(--prism-border-radius-circle);
  box-shadow: var(--prism-shadow-neutral-300);
  overflow: hidden;
}

/* TODO: Make datepickers more consistent throughout app #DP-BTN */
.date-picker-with-side-bar {
  display: flex;
}

.date-picker-with-side-bar .pager-btn {
  display: flex;
  font-size: 16px; /* icon size */
}

.export-button {
  align-items: center;
  color: var(--prism-color-text-inverse);
  cursor: pointer;
  display: flex;
  font-size: 20px; /* icon size */
  height: 60px;
  justify-content: center;
  opacity: 0.7;
}

.export-button.disabled {
  cursor: not-allowed;
  opacity: 0.2;
}

.left-column {
  float: left;
}

.right-column {
  float: right;
}

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

.autocomplete-search-dropdown {
  background: var(--prism-color-elevation-surface);
  box-shadow: 0 3px 10px 1px var(--prism-shadow-neutral-100);
  color: var(--prism-color-text-neutral-default);
  position: absolute;
  right: 0;
  width: 350px;
  z-index: 100;
}

.autocomplete-search-infinite-scroller {
  max-height: 300px;
  overflow-y: auto;
}

.autocomplete-search {
  margin-right: var(--prism-spacing-500);
  position: relative;
}

.autocomplete-search-dropdown-result {
  cursor: pointer;
  line-height: 50px;
  padding: 0 var(--prism-spacing-500);
}

.autocomplete-search-dropdown-result:focus,
.autocomplete-search-dropdown-result:hover,
.autocomplete-search-dropdown-result.selected {
  background-color: var(--prism-color-interactive-background-primary-idle);
  color: var(--prism-color-text-inverse);
}

.selected-autocomplete-option {
  cursor: pointer;
  line-height: 45px;
}

.selected-autocomplete-option .autocomplete-search-trigger {
  display: inline-block;
}

.selected-autocomplete-option .autocomplete-search-trigger span {
  position: relative;
  top: 3px;
}

.selected-autocomplete-option .autocomplete-search-trigger.active-trigger {
  /* Chrome, Safari, IE 9, Opera */
  transform: rotate(180deg);
}

.btn-arrow {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-left: var(--prism-spacing-200);
}

.btn-arrow .arrow {
  cursor: pointer;
  display: block;
  height: 7px;
  position: relative;
  width: 7px;
}

.btn-arrow .arrow::before,
.btn-arrow .arrow::after {
  background-color: var(--prism-color-text-neutral-subdued);
  border-radius: var(--prism-border-radius-50);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 2px;
}

.btn-arrow .arrow::before {
  left: 5px;
  transform: rotate(45deg);
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  transition: transform 0.9s cubic-bezier(0.25, 1.7, 0.35, 0.8);
}

.btn-arrow .arrow::after {
  right: 4px;
  transform: rotate(-45deg);
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  transition: transform 0.9s cubic-bezier(0.25, 1.7, 0.35, 0.8);
}

.btn-arrow .arrow.open::before {
  left: 5px;
  transform: rotate(135deg);
}

.btn-arrow .arrow.open::after {
  right: 4px;
  transform: rotate(-135deg);
}

.btn-arrow.disabled .arrow {
  cursor: default;
}

.link-button--unstyled,
.button--unstyled {
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: unset;
}

.button--unstyled {
  color: inherit;
  outline: inherit;
}

.cancel-and-confirm-btns {
  padding: var(--prism-spacing-200) 0;
}

/* Mimic the secondary button styles for custom button-like components */
.secondary-button {
  border: none;
  border-radius: var(--prism-border-radius-200);
  cursor: pointer;
  margin-bottom: var(--prism-spacing-200);
  padding: var(--prism-spacing-200) var(--prism-spacing-300);
  width: 100%;
}

.secondary-button:last-of-type {
  margin-bottom: 0;
}

.secondary-button:hover {
  background-color: var(-color-interactive-tertiary-hover);
}

.secondary-button:active {
  background-color: var(--prism-color-background-neutral-subdued);
  box-shadow: inset 0 2px 4px var(--prism-shadow-neutral-inset);
}

.day-liveshop-button {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border-radius: 50%;
  color: var(--prism-color-text-inverse);
  height: 15px;
  width: 15px;
}

.day-liveshop-button:disabled {
  background-color: var(--prism-color-interactive-background-disabled);
  cursor: not-allowed;
}

.hotel-block {
  position: relative;
}

.hotel-block .subscription-title {
  padding: var(--prism-spacing-100) var(--prism-spacing-200)
    var(--prism-spacing-100) 0;
}

.hotel-block .subscription-title-column {
  width: 40%;
}

.hotel-block .sortable-column {
  padding-left: var(--prism-spacing-400);
  padding-right: var(--prism-spacing-100);
  width: calc(60% - 80px);
}

.hotel-block .icon-column {
  /* width of the column with the search/expand icons and the redirect to the hotel view */
  width: 80px;
}

.hotel-block .redirect-to-hotel {
  padding-left: var(--prism-spacing-400);
  text-align: right;
  width: 80px;
}

.ins-calendar {
  background: var(--prism-color-elevation-surface);
  position: relative;
}

.ins-calendar .ins-calendar-header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  font-size: var(--prism-font-size-text-300-regular);
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  position: relative;
}

.ins-calendar .ins-calendar-header--new-layout {
  align-items: center;
  display: flex;
  height: 30px;
  line-height: unset;
}

.ins-calendar .ins-calendar-header .ins-calendar-day {
  float: left;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  width: calc((100% - 0.1px) / 7);
}

.ins-calendar .ins-calendar-header .ins-calendar-day:last-child::after {
  background: none;
}

.ins-calendar .ins-calendar-content {
  overflow: hidden;
}

.ins-calendar .ins-calendar-content .ins-calendar-day {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  border-left: 1px solid var(--prism-color-border-neutral-default);

  /* old Firefox (16 - ...) fix: still needs prefix or day width is not correct because of the borders */
  box-sizing: border-box;
  color: var(--prism-color-text-neutral-subdued);
  float: left;
  font-size: var(--prism-font-size-text-300-regular);
  width: calc((100% - 0.1px) / 7);
}

.ins-calendar .ins-calendar-content .ins-calendar-day:focus {
  outline: none;
}

.ins-calendar
  .ins-calendar-content
  .ins-calendar-day-container:nth-child(7n + 1)
  > .ins-calendar-day,
/* Disable border on the leftmost elements (part of clearing border around entire container) */
.ins-calendar .ins-calendar-content > .ins-calendar-day:nth-child(7n + 1) {
  border-left: 0;
}

.ins-calendar
  .ins-calendar-content
  .ins-calendar-day-container:nth-last-child(-n + 7)
  > .ins-calendar-day,
/* Disable bottom border on last row (part of clearing border around entire container) */
.ins-calendar .ins-calendar-content > .ins-calendar-day:nth-last-child(-n + 7) {
  border-bottom: none;
}

.ins-calendar.has-message {
  opacity: 0.5;
}

.own-rate-container {
  align-items: center;
  border-top-left-radius: var(--prism-border-radius-200);
  border-top-right-radius: var(--prism-border-radius-200);
  display: flex;
  flex-grow: 1;
  justify-content: center;
  line-height: 40px;
}

.own-rate-container--empty {
  border-bottom-left-radius: var(--prism-border-radius-200);
  border-bottom-right-radius: var(--prism-border-radius-200);
}

.own-rate-container p {
  font-size: var(--prism-font-size-heading-4);
  font-weight: var(--prism-font-weight-heading-4);
  line-height: var(--prism-font-line-height-heading-4);
}

.calendar-day-content {
  height: 100%;
  padding: var(--prism-spacing-200);
}

.day-info-block-wrapper {
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties, declaration-no-important */
  height: 100% !important;

  /* height: calc(100% - (2 * var(--prism-spacing-400) + var(--prism-spacing-100) + 36px)); */
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  height: calc(100% - 64px); /* can't use the spacing variables in here */
  margin-top: var(--prism-spacing-100);
  width: 100%;
}

.day-info-aligned-block {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.comp-percentage-container {
  background-color: var(--prism-color-background-neutral-subdued);
  border-bottom-left-radius: var(--prism-border-radius-200);
  border-bottom-right-radius: var(--prism-border-radius-200);
  height: 24px;
  width: 100%;
}

.ins-calendar-day-container .day-info-aligned-block > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.ins-calendar-day-container.detail-enabled .day-info-aligned-block > div {
  cursor: pointer;
}

.ins-calendar-day-container .ins-day-number {
  color: var(--prism-color-text-neutral-default);
  float: left;
  line-height: 24px;
}

.ins-calendar-day-container .ins-day-number.today {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border-radius: 12px;
  color: var(--prism-color-text-inverse);
  height: 24px;
  text-align: center;
  width: 24px;
}

.ins-calendar-day-container .right-column {
  position: relative;
  text-align: right;
  top: 5px;
}

.ins-calendar-day-container .calendar-day-content {
  display: flex;
  flex-direction: column;
  padding: var(--prism-spacing-200);
}

.ins-calendar-day-container .calendar-day-content.inactive {
  opacity: 0.5;
}

.ins-calendar-day-container .calendar-day-content .clearfix {
  max-height: 24px; /* Fix for Chrome 84 on Windows 10, clearfix div seems to extend and overlap with the rest of the cell, causing the cell to look empty in the Rates calendar. */
}

.ins-calendar-day-container .calendar-day-content__placeholder {
  height: 24px;
}

.ins-calendar-day-container .comp-percentage-container {
  align-items: center;
  display: flex;
  font-weight: normal;
  justify-content: center;
}

.ins-calendar-day-container .day-info-aligned-block {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.ins-calendar-day-container
  .day-info-aligned-block.sold-out
  .extra-info-container,
.ins-calendar-day-container
  .day-info-aligned-block.sold-out
  .own-rate-container {
  background-color: var(--prism-color-interactive-background-disabled);
}

.ins-calendar-day-container
  .day-info-aligned-block.sold-out
  .comp-percentage-container {
  background-color: var(--prism-color-interactive-background-disabled);
}

.ins-calendar-day-container .day-info-aligned-block.green {
  color: var(--prism-color-text-neutral-emphasis);
}

.ins-calendar-day-container .day-info-aligned-block.green .extra-info-container,
.ins-calendar-day-container .day-info-aligned-block.green .own-rate-container {
  background-color: var(--prism-color-chart-status-background-success-default);
}

.ins-calendar-day-container
  .day-info-aligned-block.green
  .comp-percentage-container {
  background-color: var(--prism-color-chart-status-background-success-emphasis);
}

.ins-calendar-day-container .day-info-aligned-block.orange {
  color: var(--prism-color-text-neutral-emphasis);
}

.ins-calendar-day-container
  .day-info-aligned-block.orange
  .extra-info-container,
.ins-calendar-day-container .day-info-aligned-block.orange .own-rate-container {
  background-color: var(--prism-color-chart-status-background-warning-default);
}

.ins-calendar-day-container
  .day-info-aligned-block.orange
  .comp-percentage-container {
  background-color: var(--prism-color-chart-status-background-warning-emphasis);
}

.ins-calendar-day-container .day-info-aligned-block.red {
  color: var(--prism-color-text-neutral-emphasis);
}

.ins-calendar-day-container .day-info-aligned-block.red .extra-info-container,
.ins-calendar-day-container .day-info-aligned-block.red .own-rate-container {
  background-color: var(--prism-color-chart-status-background-critical-default);
}

.ins-calendar-day-container
  .day-info-aligned-block.red
  .comp-percentage-container {
  background-color: var(
    --prism-color-chart-status-background-critical-emphasis
  );
}

.ins-calendar-day-container .button-short-term-rental {
  cursor: pointer;
  position: relative;
}

.ins-calendar-day-container .alert {
  background-color: var(--prism-color-icon-critical-default);
  border-radius: 50%;
  height: 6px;
  position: absolute;
  right: -3px;
  top: -3px;
  width: 6px;
}

:root {
  --recommendation-bar-height: 28px;
  --extra-info-container-padding: var(--prism-spacing-100);
  --loading-animation-bar: 42px; /* same as figma */
}

.ins-calendar-day--pricing-assistant {
  position: relative;
}

.ins-calendar-day--pricing-assistant .day-info-aligned-block {
  overflow: hidden;
  position: relative;
}

.ins-calendar-day--pricing-assistant .day-info-aligned-block--exception {
  background-color: var(--prism-color-background-critical-subdued);
  border: 1px solid var(--prism-color-border-critical-default);
  border-radius: var(--prism-border-radius-200);
  color: var(--prism-color-text-critical-emphasis);
}

.ins-calendar-day--pricing-assistant .day-info-aligned-block--autopilot {
  background-color: var(
    --prism-gradient-background-intelligence-primary-subdued
  );
  border-radius: var(--prism-border-radius-200);
  color: var(--prism-color-text-intelligence-emphasis);
}

.ins-calendar-day--pricing-assistant
  .day-info-aligned-block--autopilot-no-recommendation {
  background-color: var(--prism-color-background-neutral-default);
  border-radius: var(--prism-border-radius-200);
  color: var(--prism-color-text-neutral-default);
}

/*
  Due to blur effect, the top and bottom appeared rounded
  increased height and moved it up to make it hide rounded corners
*/
.ins-calendar-day--pricing-assistant .day-info-aligned-block--loading::after {
  --loading-animation-duration: 1500ms;

  animation: loading-bar-move var(--loading-animation-duration) infinite
    ease-in-out;
  animation-delay: var(--loading-animation-delay, 0ms);
  background-color: var(--prism-color-general-neutral-00);
  content: "";
  filter: blur(20px);
  height: 200%;
  opacity: 0.7;
  position: absolute;
  top: -50%;
  width: var(--loading-animation-bar);
}

/*
  Dynamically set successful push animation color by targetting lottie-checkmark class added to the relevant strokes in the animation JSON
  - The class is added to JSON by setting "cl" property to "lottie-checkmark" in the JSON (more info here: https://github.com/airbnb/lottie-web/issues/1666)
*/
.ins-calendar-day--pricing-assistant
  .day-info-aligned-block.green
  .lottie-checkmark {
  stroke: var(--prism-color-icon-success-emphasis);
}

.ins-calendar-day--pricing-assistant
  .day-info-aligned-block.orange
  .lottie-checkmark {
  stroke: var(--prism-color-icon-warning-emphasis);
}

.ins-calendar-day--pricing-assistant
  .day-info-aligned-block.red
  .lottie-checkmark {
  stroke: var(--prism-color-icon-critical-emphasis);
}

.ins-calendar-day--pricing-assistant .extra-info-container {
  border-bottom-left-radius: var(--prism-border-radius-200);
  border-bottom-right-radius: var(--prism-border-radius-200);
  height: calc(
    var(--recommendation-bar-height) + var(--extra-info-container-padding)
  ); /* Setting fixed height to vertically align prices shown in day with recommendation vs. without */

  padding-bottom: var(--extra-info-container-padding);
  padding-left: var(--extra-info-container-padding);
  padding-right: var(--extra-info-container-padding);
  position: relative;
}

/* Align "X% vs. Comp" to the bottom of the container */
.ins-calendar-day--pricing-assistant
  .extra-info-container
  .comp-percentage-container {
  bottom: 0;
  left: 0;
  position: absolute;
}

.ins-calendar-day--pricing-assistant
  .extra-info-container
  .recommendation-bar-container {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
  height: var(--recommendation-bar-height);
  padding: var(--prism-spacing-100);
  width: 100%;
}

.ins-calendar-day--pricing-assistant
  .extra-info-container
  .successful-push-animation-container {
  height: 20px; /* same as figma */
  width: 20px; /* same as figma */
}

/* Add set price button & comp percentage hover style changes for active days (currently these hover styles are specific to PriMa Core) */
.ins-calendar-day--pricing-assistant
  .calendar-day-content:not(.inactive)
  .day-info-aligned-block--with-hover
  .set-price-button-wrapper {
  display: none;
}

.ins-calendar-day--pricing-assistant
  .calendar-day-content:not(.inactive)
  .day-info-aligned-block--with-hover:hover
  .set-price-button-wrapper {
  display: block;
}

.ins-calendar-day--pricing-assistant
  .calendar-day-content:not(.inactive)
  .day-info-aligned-block--with-hover:hover
  .comp-percentage-container {
  visibility: hidden;
}

/* VISIBILITY BOOST PHASE 1: part of temporary solution to truncate the boost visibility button so it fits within the layout on smaller screens */
.ins-calendar-day--pricing-assistant .calendar-day-events-section {
  overflow: hidden;
}

/* Container queries would've been nice here :wondering: */
@media only screen and (width <= 1400px) {
  /* Hide recommendation change percentage in the calendar days on smaller screens */
  .recommendation-difference-formatted {
    display: none;
  }
}

@keyframes loading-bar-move {
  0% {
    /* since there is no built in way to delay an animation between iterations, a double width is used to the left so its longer out of frame */
    left: calc(var(--loading-animation-bar) * -2);
  }

  100% {
    left: calc(100% + var(--loading-animation-bar));
  }
}

.ranking-legend-bar {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-inverse);
  margin: auto;
  margin-bottom: var(--prism-spacing-400);
  text-align: center;
}

.ranking-legend-bar .ranking-legend-item {
  border-radius: var(--prism-border-radius-100);
  display: inline-block;
  height: 25px;
  line-height: 25px;
  margin: var(--prism-spacing-200) var(--prism-spacing-300) 0
    var(--prism-spacing-300);
  text-align: center;
  white-space: nowrap;
  width: 135px;
}

.ranking-legend-bar .ok-green {
  background-color: var(--prism-color-chart-status-background-success-default);
  color: var(--prism-color-text-success-emphasis);
}

.ranking-legend-bar .avg-orange {
  background-color: var(--prism-color-chart-status-background-warning-default);
  color: var(--prism-color-text-critical-emphasis);
}

.ranking-legend-bar .nok-red {
  background-color: var(--prism-color-chart-status-background-critical-default);
  color: var(--prism-color-text-brand-emphasis);
}

.rates-calendar-settings-modal .divider-line {
  margin-bottom: var(--prism-spacing-500);
  margin-top: var(--prism-spacing-500);
  width: 100%;
}

.rates-calendar-settings-modal .competitor-price-selector-wrapper {
  width: 100%;
}

.rates-calendar-settings-modal .competitor-price-visualisations {
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  height: 38px; /* 8 (visualisation column height) + 26 (trigger height) + 4 (padding between column and trigger) */
}

.rates-calendar-settings-modal
  .competitor-price-visualisations
  .competitor-price-visualisation-col {
  height: 8px;
  width: 33.3333%;
}

.rates-calendar-settings-modal
  .competitor-price-visualisations
  .competitor-price-visualisation-col.green {
  background-color: var(--prism-color-chart-status-figure-success-normal);
  border-radius: var(--prism-border-radius-100) 0 0
    var(--prism-border-radius-100);
}

.rates-calendar-settings-modal
  .competitor-price-visualisations
  .competitor-price-visualisation-col.orange {
  background-color: var(--prism-color-chart-status-figure-warning-normal);
}

.rates-calendar-settings-modal
  .competitor-price-visualisations
  .competitor-price-visualisation-col.red {
  background-color: var(--prism-color-chart-status-figure-critical-normal);
  border-radius: 0 var(--prism-border-radius-100) var(--prism-border-radius-100)
    0;
}

.rates-calendar-settings-modal
  .competitor-price-visualisations
  .competitor-price-visualisation-divider {
  border-left: 1px solid var(--prism-color-border-neutral-emphasis);
  height: 8px;
  margin-left: var(--prism-spacing-100);
  margin-right: var(--prism-spacing-100);
}

.rates-calendar-settings-modal .competitor-price-visualisations__triggers {
  position: relative;
}

.rates-calendar-settings-modal
  .competitor-price-visualisations
  .competitor-price-visualisation-trigger {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: start;
  margin-top: var(--prism-spacing-100);
  position: absolute;
  right: 0;

  /* There are 2 labels */

  /* They need to be centered according to the divisions in the bar */

  /* Each bar is 33% wide */

  /* Hence the width of 66% */
  width: 66%;

  /* Needs higher z-index due to weird poistioning logic */
}

.rates-calendar-settings-modal
  .competitor-price-visualisations
  .competitor-price-visualisation-trigger
  > * {
  z-index: 100;
}

.rates-calendar-settings-modal
  .competitor-price-visualisations
  .competitor-price-visualisation-trigger:first-child {
  /* First label should be left aligned */
  left: 0;
}

.rates-calendar-settings-modal
  .competitor-price-visualisations
  .competitor-price-visualisation-trigger
  .ember-basic-dropdown-trigger
  .trigger__content
  .trigger-text
  p {
  font-size: var(--prism-font-size-text-200-regular);
}

.rates-calendar-settings-modal
  .competitor-price-visualisations
  .competitor-price-visualisation-trigger--read-only {
  margin: var(--prism-spacing-100) 0;
}

.cell-wrapper .right-divider {
  height: 35px;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

.cell-wrapper div.cell-value {
  white-space: nowrap;
}

.cell-wrapper a.redirect-url:hover {
  text-decoration: underline;
}

.cell-rate-changes__prism-icon {
  flex-shrink: 0;
}

.day-detail-events-placeholder {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--prism-spacing-100);
  height: 35px;
  justify-content: center;
  line-height: 35px;
}

.row-loading-bar {
  height: 4px;
  position: absolute;
  top: 31px;
  width: 1900px;
}

.td-today {
  font-weight: var(--prism-font-weight-heading-1);
}

.td-today-date {
  background-color: var(--prism-color-icon-brand-default);
  border-radius: var(--prism-border-radius-400);
  color: var(--prism-color-text-inverse);
  font-weight: var(--prism-font-weight-text-200-medium);
  padding: var(--prism-spacing-100) var(--prism-spacing-200);
}

.default-table {
  background-color: var(--prism-color-elevation-surface);
  border-collapse: separate;
  border-spacing: 0;
  font-size: var(--prism-font-size-text-300-regular);
  width: 100%;
}

.default-table thead,
.default-table th {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-default);
  text-align: left;
  white-space: nowrap;
}

.default-table thead,
.default-table tr {
  /* Don't give the scaffolding row a fixed height (0 by default) */
  height: 25px;
  line-height: 25px;
}

.default-table tr:nth-child(odd) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.default-table th,
.default-table td {
  font-size: var(--prism-font-size-text-200-regular);
  height: 25px;
  overflow: hidden;
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
  vertical-align: middle;
  white-space: nowrap;
}

.default-table th.numeric-data,
.default-table td.numeric-data {
  text-align: center;
}

.default-table th.text-data,
.default-table td.text-data {
  text-align: left;
}

.default-table td {
  border-color: var(--prism-color-border-neutral-default);
  border-style: solid;
  border-width: 0 0 1px;
  color: var(--prism-color-text-neutral-subdued);
}

.default-table th {
  /*
    https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip
    Needed to work in FF
  */
  background-clip: padding-box;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  font-weight: bold;
  max-height: 44px;
  overflow: hidden;
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.default-table th.default-table__compact-header {
  padding-bottom: 0;
  padding-top: 0;
}

.default-table.default-table--fixed {
  table-layout: fixed;
}

.default-table.fixed-header {
  z-index: 2;
}

.table-header-fixed {
  position: sticky;
  top: 0;
  z-index: 1;
}

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

/* border-right doesn't work for fixed columns: border disappears when scrolling */
.fixed-right-divider::after {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  content: "";
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
}

.table-prism-icon {
  display: inline-block;
  vertical-align: middle;
}

.rates-header-cell {
  align-items: center;

  /* Vertical centering of content */
  display: flex;
  font-weight: bold;
  height: 60px;
  justify-content: center;
  overflow: hidden;
  padding: var(--prism-spacing-200);
  text-align: center;
}

.rates-header-cell.is-date {
  justify-content: left;
}

.rates-header-cell.is-link {
  cursor: pointer;
}

.median-rate-row-rate {
  font-weight: normal;
  text-align: center;
}

.cell-wrapper {
  /* Make sure the height of the cell isn't more than 35 pixels, because this would break the table scrolling */
  height: 35px;
  overflow: hidden;
}

.cell-wrapper--date {
  display: flex;
  justify-content: space-between;
}

.cell-wrapper--parity-date {
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
}

.cell-with-changes {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-100);
  justify-content: center;
  white-space: nowrap;
}

.cell-with-changes__left {
  flex-basis: 50%;
  text-align: right;
}

.cell-with-changes__right {
  flex-basis: 50%;
  text-align: left;
}

.benchmark-suggestion {
  font-style: italic;
}

.day-bar-wrapper {
  background: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  position: sticky;
  top: 0;
  z-index: 15;
}

.ins-calendar-day .ins-day-number {
  color: var(--prism-color-text-neutral-default);
  float: left;
  line-height: 24px;
}

.ins-calendar-day .ins-day-number.today {
  background-color: var(--prism-color-icon-brand-default);
  border-radius: 12px;
  color: var(--prism-color-text-inverse);
  height: 24px;
  text-align: center;
  width: 24px;
}

.ins-calendar-day .more-events {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties, declaration-property-value-no-unknown */
  user-select: -moz-none;
  user-select: none;
}

.ins-calendar-day .inactive-day {
  opacity: 0.5;
}

.ins-calendar-day .right-column {
  position: relative;
  top: 5px;
}

.ins-calendar-day .right-column:focus {
  outline: none;
}

.event-bar {
  align-items: center;
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-border-info-default);
  border-radius: var(--prism-border-radius-50);
  color: var(--prism-color-text-info-default);
  cursor: pointer;
  display: flex;
  height: 20px;
  padding: var(--prism-spacing-100) var(--prism-spacing-100);
}

.event-bar .event-bar-title.rejected,
.event-bar .event-bar-title.cancelled {
  text-decoration: line-through;
}

.event-bar.accepted,
.event-bar.auto-accepted {
  background-color: var(--prism-color-background-info-default);
  border: none;
}

.event-bar:focus {
  outline: none;
}

.event-bar.is-popover-active {
  box-shadow: var(--prism-shadow-neutral-inset);
}

.event-bar.is-past-event {
  opacity: 0.35;
}

.event-bar.event-start {
  border-left: 4px solid var(--prism-color-border-info-default);
}

.event-bar.event-end {
  border-right: 4px solid var(--prism-color-border-info-default);
}

/* --- Events Calendar: page layout (fill viewport height) --- */

.events-calendar-layout > .content-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
}

/* --- Events Calendar: CSS Grid layout --- */

.events-calendar {
  flex: 1;
}

.events-calendar__header {
  align-items: center;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  height: 30px;
}

.events-calendar__header-day {
  font-size: var(--prism-font-size-text-300-regular);
  line-height: var(--prism-font-line-height-text-300-regular);
  text-align: center;
}

.events-calendar__week {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: grid;
  flex: 1;
  grid-template-columns: repeat(7, 1fr);

  /* grid-template-rows set via inline style */
}

.events-calendar__week:last-child {
  border-bottom: none;
}

.events-calendar__day {
  /* Day cell spans all rows in the week grid */
  border-left: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-300-regular);
  padding: var(--prism-spacing-200);
  position: relative;
}

.events-calendar__day:first-child {
  border-left: 0;
}

.events-calendar__day-header {
  display: flex;
  justify-content: space-between;
}

.events-calendar__day-number {
  color: var(--prism-color-text-neutral-default);
  line-height: 24px;
}

.events-calendar__day-number--today {
  background-color: var(--prism-color-icon-brand-default);
  border-radius: 12px;
  color: var(--prism-color-text-inverse);
  height: 24px;
  text-align: center;
  width: 24px;
}

.events-calendar__day-number--inactive {
  opacity: 0.5;
}

.events-calendar__day-holidays {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-100);
}

.events-calendar__more-btn {
  bottom: var(--prism-spacing-100);
  cursor: pointer;
  position: absolute;
  user-select: none;
}

/* Event bars in the grid context (not in modal) */
.events-calendar__week > .event-bar {
  align-self: center;
  position: relative;
}

.events-calendar__week > .event-bar.event-start {
  margin-left: 10px;
}

.events-calendar__week > .event-bar.event-end {
  margin-right: 10px;
}

/* --- End Events Calendar CSS Grid --- */

.search-field {
  display: flex;
  font-size: var(--prism-font-size-text-200-regular);
  height: 32px;
  line-height: 32px;
  position: absolute;
  width: 300px;
}

.search-field .search-input {
  height: 32px;
  line-height: 32px;
  width: 280px;
}

.search-field span {
  cursor: pointer;
}

.search-field .dropdown {
  background: var(--prism-color-elevation-surface);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-subdued);
  height: 400px;
  margin: 0 var(--prism-spacing-100) 0 var(--prism-spacing-100);
  position: absolute;
  right: -5px;
  top: 46px;
  width: 550px;
  z-index: 1;
}

.search-field .dropdown .events-result {
  min-height: 340px;
}

.search-field .dropdown .event-suggestions .event-row {
  height: 30px;
  line-height: 30px;
  max-height: 30px;
  outline: none;
  vertical-align: inherit;
}

.search-field .dropdown .event-suggestions .event-cell {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  height: 30px;
  line-height: 30px;
  margin: 0 var(--prism-spacing-100) 0 var(--prism-spacing-100);
  max-height: 30px;
  text-align: left;
  vertical-align: top;
  width: 50px;
}

.search-field .dropdown .event-suggestions .event-row:nth-child(odd) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.search-field .dropdown .event-suggestions .event-row:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.search-field .dropdown .event-suggestions .events-suggestions-button {
  display: block;
}

.search-field
  .dropdown
  .event-suggestions
  .events-suggestions-button.event-suggestions-button--with-prism-icon {
  display: inline-flex;
  vertical-align: middle;
}

.search-field .dropdown .event-suggestions .events-suggestions-item {
  text-align: left;
}

.search-field
  .dropdown
  .event-suggestions
  .events-suggestions-item.search-date-field {
  max-width: 200px;
  width: 200px;
}

.search-field
  .dropdown
  .event-suggestions
  .events-suggestions-item.search-name-field {
  max-width: 300px;
  width: 300px;
}

.holiday-config-container {
  position: relative;
}

.dropdown-holiday-configuration {
  background: var(--prism-color-elevation-surface);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  left: 5px;
  position: absolute;
  text-align: left;
  top: 32px;
  width: 350px;
  z-index: 100;
}

.dropdown-holiday-configuration.rounded-dropdown {
  overflow: visible;
}

.dropdown-config-title {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 40px;
  line-height: 40px;
  padding-left: var(--prism-spacing-200);
  text-align: left;
  width: 100%;
}

.country-selection {
  margin: var(--prism-spacing-200) var(--prism-spacing-100) 0
    var(--prism-spacing-100);
}

.event-suggestions {
  background-color: var(--prism-color-elevation-canvas);
  border-radius: var(--prism-border-radius-100);
}

.event-suggestions .event-suggestions-item {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: grid;

  /* 155px (like in figma) is the max width a date can take up, so we set it to that to align the next column */
  grid-template-columns: 155px 1fr auto;
  padding-bottom: var(--prism-spacing-200);
}

.event-suggestions .event-suggestions-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.sticky-footer {
  background-color: var(--prism-color-elevation-surface);
  border-radius: 0 0 var(--prism-border-radius-200)
    var(--prism-border-radius-200);
  bottom: 0;
  position: sticky;
}

.card {
  background-color: var(--prism-color-elevation-surface);
  border: 0.5px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  cursor: pointer;
  height: 124px;
  transition: 0.3s;
}

.card .card-title {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-400-regular);
  padding: var(--prism-spacing-400) 0 var(--prism-spacing-400) 0;
  text-align: center;
}

.card .card-title.selected {
  color: var(--prism-color-interactive-text-primary-hover);
}

.card .card-content {
  background-color: var(--prism-color-background-neutral-subdued);
  border-bottom-left-radius: var(--prism-border-radius-200);
  border-bottom-right-radius: var(--prism-border-radius-200);
  height: 70px;
  width: 100%;
}

.card--selected {
  border-bottom: 3px solid var(--prism-color-border-info-emphasis);
}

.card--selected .card-content {
  height: 67px; /* subtract border */
}

/* http://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has */
.card:first-child:nth-last-child(1),
.card:first-child:nth-last-child(1) ~ .card {
  margin-right: auto;
  width: calc(100% / 1 - 10px);
}

.card:first-child:nth-last-child(1):last-child,
.card:first-child:nth-last-child(1) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(2),
.card:first-child:nth-last-child(2) ~ .card {
  margin-right: auto;
  width: calc(100% / 2 - 10px);
}

.card:first-child:nth-last-child(2):last-child,
.card:first-child:nth-last-child(2) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(3),
.card:first-child:nth-last-child(3) ~ .card {
  margin-right: auto;
  width: calc(100% / 3 - 10px);
}

.card:first-child:nth-last-child(3):last-child,
.card:first-child:nth-last-child(3) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(4),
.card:first-child:nth-last-child(4) ~ .card {
  margin-right: auto;
  width: calc(100% / 4 - 10px);
}

.card:first-child:nth-last-child(4):last-child,
.card:first-child:nth-last-child(4) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(5),
.card:first-child:nth-last-child(5) ~ .card {
  margin-right: auto;
  width: calc(100% / 5 - 10px);
}

.card:first-child:nth-last-child(5):last-child,
.card:first-child:nth-last-child(5) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(6),
.card:first-child:nth-last-child(6) ~ .card {
  margin-right: auto;
  width: calc(100% / 6 - 10px);
}

.card:first-child:nth-last-child(6):last-child,
.card:first-child:nth-last-child(6) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(7),
.card:first-child:nth-last-child(7) ~ .card {
  margin-right: auto;
  width: calc(100% / 7 - 10px);
}

.card:first-child:nth-last-child(7):last-child,
.card:first-child:nth-last-child(7) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(8),
.card:first-child:nth-last-child(8) ~ .card {
  margin-right: auto;
  width: calc(100% / 8 - 10px);
}

.card:first-child:nth-last-child(8):last-child,
.card:first-child:nth-last-child(8) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(9),
.card:first-child:nth-last-child(9) ~ .card {
  margin-right: auto;
  width: calc(100% / 9 - 10px);
}

.card:first-child:nth-last-child(9):last-child,
.card:first-child:nth-last-child(9) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(10),
.card:first-child:nth-last-child(10) ~ .card {
  margin-right: auto;
  width: calc(100% / 10 - 10px);
}

.card:first-child:nth-last-child(10):last-child,
.card:first-child:nth-last-child(10) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(11),
.card:first-child:nth-last-child(11) ~ .card {
  margin-right: auto;
  width: calc(100% / 11 - 10px);
}

.card:first-child:nth-last-child(11):last-child,
.card:first-child:nth-last-child(11) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(12),
.card:first-child:nth-last-child(12) ~ .card {
  margin-right: auto;
  width: calc(100% / 12 - 10px);
}

.card:first-child:nth-last-child(12):last-child,
.card:first-child:nth-last-child(12) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(13),
.card:first-child:nth-last-child(13) ~ .card {
  margin-right: auto;
  width: calc(100% / 13 - 10px);
}

.card:first-child:nth-last-child(13):last-child,
.card:first-child:nth-last-child(13) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(14),
.card:first-child:nth-last-child(14) ~ .card {
  margin-right: auto;
  width: calc(100% / 14 - 10px);
}

.card:first-child:nth-last-child(14):last-child,
.card:first-child:nth-last-child(14) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(15),
.card:first-child:nth-last-child(15) ~ .card {
  margin-right: auto;
  width: calc(100% / 15 - 10px);
}

.card:first-child:nth-last-child(15):last-child,
.card:first-child:nth-last-child(15) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(16),
.card:first-child:nth-last-child(16) ~ .card {
  margin-right: auto;
  width: calc(100% / 16 - 10px);
}

.card:first-child:nth-last-child(16):last-child,
.card:first-child:nth-last-child(16) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(17),
.card:first-child:nth-last-child(17) ~ .card {
  margin-right: auto;
  width: calc(100% / 17 - 10px);
}

.card:first-child:nth-last-child(17):last-child,
.card:first-child:nth-last-child(17) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(18),
.card:first-child:nth-last-child(18) ~ .card {
  margin-right: auto;
  width: calc(100% / 18 - 10px);
}

.card:first-child:nth-last-child(18):last-child,
.card:first-child:nth-last-child(18) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(19),
.card:first-child:nth-last-child(19) ~ .card {
  margin-right: auto;
  width: calc(100% / 19 - 10px);
}

.card:first-child:nth-last-child(19):last-child,
.card:first-child:nth-last-child(19) ~ .card:last-child {
  margin: 0;
}

.card:first-child:nth-last-child(20),
.card:first-child:nth-last-child(20) ~ .card {
  margin-right: auto;
  width: calc(100% / 20 - 10px);
}

.card:first-child:nth-last-child(20):last-child,
.card:first-child:nth-last-child(20) ~ .card:last-child {
  margin: 0;
}

.card-ranking {
  float: left;
}

.card-column {
  font-size: var(--prism-font-size-text-300-regular);
  text-align: center;
  text-overflow: ellipsis;
  width: 50%;
}

.card-column .card-content-subtitle {
  color: var(--prism-color-text-neutral-subdued);
  height: 40px;
  line-height: 15px;
  padding-top: var(--prism-spacing-200);
}

.card-column .card-content-subcontent {
  display: flex;
  height: 30px;
  line-height: 15px;
  margin: auto;
  text-align: center;
}

.card-column .card-content-subcontent .card-content-subcontent-left,
.card-column .card-content-subcontent .card-content-subcontent-right {
  color: var(--prism-color-text-neutral-default);
}

.card-column .card-content-subcontent .card-content-subcontent-item {
  padding-right: var(--prism-spacing-200);
}

.card-column .card-content-subcontent .card-content-subcontent-item.secondary {
  padding-left: var(--prism-spacing-200);
}

/* one item */
.card-column
  .card-content-subcontent
  .card-content-subcontent-item:nth-child(1):nth-last-child(1) {
  width: 100%;
}

/* two items */
.card-column
  .card-content-subcontent
  .card-content-subcontent-item:nth-child(1):nth-last-child(2),
.card-column
  .card-content-subcontent
  .card-content-subcontent-item:nth-child(2):nth-last-child(1) {
  text-align: right;
  white-space: nowrap;
  width: 50%;
}

.card-column
  .card-content-subcontent
  .card-content-subcontent-item:nth-child(1):nth-last-child(2).secondary,
.card-column
  .card-content-subcontent
  .card-content-subcontent-item:nth-child(2):nth-last-child(1).secondary {
  text-align: left;
}

/* On mouse-over, add a deeper shadow and make the titles light blue */
.card:hover {
  box-shadow: var(--prism-shadow-neutral-200);
}

.card:hover .card-title,
.card:hover .card-content-subtitle {
  color: var(--prism-color-interactive-text-primary-hover);
}

.card-content.selected {
  background-color: var(--prism-color-background-info-subdued);
}

.card-content.selected .card-content-subtitle {
  color: var(--prism-color-interactive-text-primary-hover);
}

.red-nok {
  color: var(--prism-color-text-critical-default);
}

.green-ok {
  color: var(--prism-color-text-success-default);
}

.card-column.right {
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  border-left: 1px solid var(--prism-color-border-neutral-default);
}

.secondary::after {
  color: var(--prism-color-text-neutral-subdued);
  content: "]";
}

.secondary::before {
  color: var(--prism-color-text-neutral-subdued);
  content: "[";
}

.card-separator {
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  border-left: 1px solid var(--prism-color-border-neutral-default);
  content: "";
  display: inline-block;
  height: 30px;
  padding: 0;
  position: relative;
  top: 25px;
  width: 0;
}

.card-title-separator {
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  border-left: 1px solid var(--prism-color-border-neutral-default);
  content: "";
  display: inline-block;
  height: 10px;
  padding: 0;
  width: 0;
}

.table-card {
  font-size: var(--prism-font-size-text-200-regular);
  margin: auto;
  margin-top: var(--prism-spacing-500);
  transition: 0.3s;
  width: 100%;
}

.table-card table {
  color: var(--prism-color-text-neutral-subdued);
  width: 100%;
}

.table-card table thead,
.table-card table tr {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 30px;
  line-height: 30px;
}

.table-card table thead tr {
  background-color: var(--prism-color-background-neutral-subdued);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  text-align: left;
}

.table-card table tbody tr:last-child {
  border-bottom: none;
}

.table-card table th,
.table-card table td {
  padding-left: var(--prism-spacing-400);
  padding-right: var(--prism-spacing-200);
}

.table-card table .table-card-hotelname {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  width: 60%;
}

.table-card table .table-card-hotelname a:hover {
  text-decoration: underline;
}

.table-card table .table-centered-title {
  text-align: center;
}

.table-card table tbody td {
  vertical-align: top;
}

.table-card table tbody tr:nth-child(even) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.table-card table tbody td.current-hotel {
  color: var(--prism-color-text-info-default);
}

.table-card table tbody .table-card-ranking,
.table-card table tbody .table-card-review {
  white-space: nowrap;
  width: 20%;
}

.table-card table tbody .table-card-ranking .left-column,
.table-card table tbody .table-card-review .left-column {
  padding-right: 0;
  text-align: right;
  width: 50%;
}

.table-card table tbody .table-card-ranking .right-column,
.table-card table tbody .table-card-review .right-column {
  padding-left: var(--prism-spacing-100);
  text-align: left;
  width: 50%;
}

.table-card table tbody tr:hover {
  background-color: var(
    --prism-color-interactive-background-ghost-hover
      /* stylelint-disable-next-line declaration-no-important */
  ) !important;
}

.chart-card,
.calendar-card {
  margin: auto;
  margin-top: var(--prism-spacing-500);
  transition: 0.3s;
  width: 100%;
}

.chart-card .chart-card-title,
.chart-card .calendar-card-title,
.calendar-card .chart-card-title,
.calendar-card .calendar-card-title {
  align-items: center;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  font-size: var(--prism-font-size-text-200-regular);
  height: 35px;
  position: relative;
}

.chart-card .calendar-card-body .month-picker-div,
.calendar-card .calendar-card-body .month-picker-div {
  align-items: center;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  gap: var(--prism-spacing-400);
  padding: 0 0 var(--prism-spacing-300) var(--prism-spacing-400);
}

.chart-card .calendar-card-body .ranking-calendar-div,
.calendar-card .calendar-card-body .ranking-calendar-div {
  border: none;
  box-shadow: none;
  outline: none;
  width: 100%;
}

.hotel-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.centered-text {
  text-align: center;
}

.card-column .fake-loading-row,
.table-card table .fake-loading-row {
  display: block;
  margin-top: var(--prism-spacing-200);
}

.card-column .fake-loading-row.short,
.table-card table .fake-loading-row.short {
  width: 20%;
}

.card-column .fake-loading-row.long,
.table-card table .fake-loading-row.long {
  width: 50%;
}

.card-column .fake-loading-row.centered,
.table-card table .fake-loading-row.centered {
  margin: var(--prism-spacing-200) auto 0 auto;
}

.ota-disconnected-empty-state {
  margin-top: var(--prism-spacing-1000);
}

.roomtype-mapping {
  background-color: var(--prism-color-background-neutral-subdued);
  border-radius: var(--prism-border-radius-200);
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-400);
  padding: var(--prism-spacing-400);
}

.roomtype-mapping .plus-button {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  border-left: 1px solid var(--prism-color-border-neutral-default);
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  z-index: 110;
}

/* Another hack to make the droptarget full height */
.roomtype-mapping tr {
  height: 100%;
  padding-bottom: 1px; /* Used to have some whitespace at the bottom of a roomtype cell */
  padding-top: 11px; /* Used to compensate for the roomtype cell avg price */
  vertical-align: top;
}

.roomtype-mapping th,
.roomtype-mapping td,
.roomtype-mapping .drop-target-div {
  background-clip: padding-box;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  width: 200px;
}

.roomtype-mapping td,
.roomtype-mapping .draggable-object-target {
  height: 100%;
  padding-bottom: 1px;
  padding-top: 14px;
  vertical-align: top;
}

.roomtype-mapping .roomtype-mapping-fixed-header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 100;
}

.roomtype-mapping .roomtype-mapping-fixed-header tr {
  height: 60px;
}

/* Not centered by default in CellEditable component */
.roomtype-mapping
  .roomtype-mapping-fixed-header
  .cell-editable-value-container {
  justify-content: center;
}

.roomtype-mapping .roomtype-mapping-fixed-header__skeleton tr {
  /* stylelint-disable-next-line declaration-no-important */
  height: 36px !important;
}

.roomtype-mapping .roomtype-mapping-fixed-header__skeleton td {
  padding: 0;
}

.roomtype-mapping .fixed-roomtype-mapping-cell {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  position: relative;

  /* For the dropdown arrows */

  z-index: 2;
}

.roomtype-mapping .roomtype-competitor-name {
  padding-bottom: var(--prism-spacing-200);
}

.roomtype-mapping .draggable-object {
  background: var(--prism-color-elevation-surface);
  border-radius: 5px;
  margin: var(--prism-spacing-100);
  padding: var(--prism-spacing-100);
}

.roomtype-mapping .draggable-object:focus {
  outline: none;
}

.roomtype-mapping .draggable:not(.read-only) .draggable-object {
  cursor: move;
}

.roomtype-mapping .draggable:not(.read-only):hover {
  background: var(--prism-color-interactive-background-ghost-hover);
}

.roomtype-mapping table {
  /*
    For firefox + fixed column
    See https://bugzilla.mozilla.org/show_bug.cgi?id=688556 (14 years old now)
  */
  border-collapse: separate;

  /* Hack to make the droptargets full height */
  height: 1px;
  table-layout: fixed;
  width: 100%;
}

.roomtype-mapping table thead.mobile-header {
  margin-right: 0;
}

.roomtype-mapping #roomtype-mapping-table-body {
  /* Set max height of tbody based on viewport height minus offsets (header, paddings, etc) */
  max-height: calc(100vh - 370px);
}

.roomtype-mapping table thead th {
  background: var(--prism-color-elevation-surface);
  min-width: 200px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.roomtype-mapping table .first-letter-uppercase::first-letter {
  text-transform: uppercase;
}

.roomtype-mapping table .empty,
.roomtype-mapping table .hotelid {
  background: var(--prism-color-elevation-surface);
  max-width: 250px;
  min-width: 250px;
  width: 250px;
}

.roomtype-mapping table .hotelid {
  padding: var(--prism-spacing-200);
  text-align: left;
}

.roomtype-mapping table .roomtype-competitor-compset-tag {
  background-color: var(--prism-color-background-neutral-subdued);
  border-radius: 20px;
  color: var(--prism-color-text-neutral-subdued);
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  margin-right: var(--prism-spacing-100);
  padding: var(--prism-spacing-100) var(--prism-spacing-200);
  text-align: center;
  white-space: nowrap;
}

.roomtype-mapping table .drop-target-div {
  background-color: var(--prism-color-background-neutral-subdued);
  min-width: 200px;
  position: relative;
}

.roomtype-mapping table .droppable-target {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  border: 1px dashed var(--prism-color-border-neutral-emphasis);
}

.roomtype-mapping table .droppable-target .btn-arrow .arrow::before,
.roomtype-mapping table .droppable-target .btn-arrow .arrow::after {
  background-color: var(--prism-color-interactive-background-primary-idle);
}

.roomtype-mapping table .draggable.read-only .draggable-object {
  cursor: default;
}

.roomtype-mapping table .droppable-target.active {
  border: 1px solid var(--prism-color-border-neutral-emphasis);
}

.roomtype-mapping table .droppable-target.active .draggable-object {
  background-color: var(--prism-color-elevation-surface);
}

.roomtype-mapping table .droppable-target.active .btn-arrow .arrow::before,
.roomtype-mapping table .droppable-target.active .btn-arrow .arrow::after {
  background-color: var(--prism-color-text-success-default);
}

.roomtype-mapping table .roomtype-dropdown-menu {
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-100);
  display: none;
  padding: var(--prism-spacing-100);
  position: absolute;
  width: 170px;
  z-index: 150;
}

.roomtype-mapping table .roomtype-dropdown-menu li:hover {
  background-color: var(--prism-color-general-neutral-300);
}

.roomtype-mapping table .roomtype-dropdown-element {
  padding: var(--prism-spacing-100);
}

.roomtype-mapping table .roomtype-container-avg-price-block {
  color: var(--prism-color-text-info-default);
  display: flex;
  height: 20px;
  justify-content: space-between;
  left: 0;
  line-height: 20px;
  overflow: hidden;
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
}

.roomtype-mapping .roomtype-mapping-table-container {
  overflow: hidden;
}

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

.add-roomtype-dropdown {
  max-width: 250px;
}

.add-roomtype-dropdown {
  max-width: 250px;
}

.pagination-row-container {
  margin: var(--prism-spacing-300) 0 0 0;
  width: 100%;
}

.city-view-table {
  position: relative; /* Necessary for the message-overlay position */
}

.table-market-rates td {
  vertical-align: top;
}

.table-market-rates .table-container {
  background-color: var(--prism-color-elevation-surface);
  border: 0.5px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  display: none;
  overflow: hidden;
  position: relative;
}

.table-market-rates .table-container.fixed-header {
  margin-bottom: var(--prism-spacing-400);
  overflow-y: hidden;
}

.table-market-rates .fake-loading-row:nth-child(odd) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.table-market-rates .fake-loading-row:nth-child(odd) .table-loading-state-bar {
  width: 15%;
}

.table-market-rates .fake-loading-row:nth-child(even) {
  background-color: var(--prism-color-elevation-surface);
}

.table-market-rates .fake-loading-row:nth-child(even) .table-loading-state-bar {
  width: 10%;
}

.table-market-rates .ps-scrollbar-x-rail {
  z-index: 20;
}

.table-market-rates .left-value {
  overflow: hidden;
  padding-right: var(--prism-spacing-100);
  text-align: right;

  /* Make sure all values are displayed on one line in case of long values */
  white-space: nowrap;
}

.table-market-rates .right-value {
  overflow: hidden;
  padding-left: var(--prism-spacing-100);
  text-align: left;
  white-space: nowrap;
  width: 40%;
}

.table-market-rates .cell-rates__link {
  color: inherit;
}

.table-market-rates .cell-rates__link:hover {
  text-decoration: underline;
}

.table-market-rates td > div:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.message-wrapper {
  font-size: var(--prism-font-size-text-500-regular);
  left: 50%;
  line-height: 1.5;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
}

.message-overlay {
  background-color: var(--prism-color-elevation-surface);
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 30;
}

.settings-reports-container {
  background-color: var(--prism-color-elevation-surface);
  border: 0.5px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  overflow: hidden;
}

.settings-reports-table {
  overflow: auto;
}

.settings-reports-table-extra-header {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  font-size: var(--prism-font-size-text-200-regular);
  height: 45px;
  line-height: 45px;
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
  width: 100%;
}

/* Limit the width of the selects */
.settings-reports-table-extra-header
  .settings-reports-table-filter-wrapper
  > * {
  max-width: 235px;
}

.settings-hotels-container {
  background-color: var(--prism-color-elevation-surface);
  border: 0.5px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  overflow: hidden;
}

.settings-hotel-access-table-extra-header {
  background-color: var(--prism-color-elevation-surface);
  font-size: var(--prism-font-size-text-200-regular);
  height: 45px;
  line-height: 45px;
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
  width: 100%;
}

.settings-hotel-access-table-extra-header
  .settings-hotel-access-table-filter-wrapper {
  height: 100%;
  justify-content: flex-end;

  /* else the + button is way too close */
  margin-right: var(--prism-spacing-800);
  white-space: nowrap;

  /* Limit the width of the selects */
}

.settings-hotel-access-table-extra-header
  .settings-hotel-access-table-filter-wrapper
  > * {
  max-width: 235px;
}

.add-user-form-content {
  padding: var(--prism-spacing-500);
  position: relative;
}

.checkbox-wrapper {
  height: 20px;
  line-height: 20px;
  margin-top: var(--prism-spacing-400);
}

.hotel-access-hotel-multiselect {
  align-items: center;
  background-color: var(--prism-color-elevation-surface);
  display: flex;
  margin-bottom: 1px;
  padding: var(--prism-spacing-400) var(--prism-spacing-500);
}

.hotel-access-hotels-select {
  width: 430px;
}

.hotel-access-error-section {
  border-radius: 3px;
  margin: var(--prism-spacing-500) var(--prism-spacing-300);
}

.hotel-access-error-section .hotel-access-error-title {
  height: 30px;
  line-height: 30px;
  padding: 0 var(--prism-spacing-100);
}

.product-checkbox {
  display: flex;
  justify-content: center;
}

.hotel-access-hotels-success {
  color: var(--prism-color-text-success-default);
  margin-left: auto;
  margin-right: 0;
  padding-left: var(--prism-spacing-500);
  position: relative;
}

.hotel-access-hotels-success span {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.hotel-name-cell {
  align-content: center;
  display: flex;
  flex-direction: column;
  padding: var(--prism-spacing-100) 0;
}

.hotel-name-cell__subscription-name {
  color: var(--prism-color-text-neutral-subdued);
}

.hotel-name-cell__subscription-description {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
  margin-top: var(--prism-spacing-100);
}

.hotel-access-save-cancel {
  display: flex;
  height: 100%;
  justify-content: center;
}

.hotel-access-hotel-search__selected__badge {
  align-items: center;
  display: flex;
  height: 100%;
}

.hotel-access-hotel-search__selected__dropdown {
  padding: 0 var(--prism-spacing-200);
}

.hotel-access-hotel-search__selected__checkbox {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.hotel-access-hotel-search__selected__delete {
  padding: 0 var(--prism-spacing-200);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.hotel-access-hotel-search .numeric-data {
  text-align: center;
}

.hotel-access-hotel-search .text-data {
  text-align: left;
}

.hotel-access-hotel-search .bulk-edit-cell {
  background-color: var(--prism-color-elevation-canvas);
  box-shadow: 0 1px 0 var(--prism-color-border-neutral-default); /* Can't use border-bottom due to position: sticky on cells */
  height: 48px;
  text-align: unset; /* Override text-align: center from browser default */
}

.hotel-access-hotel-search .delete button {
  appearance: none;
  background-color: transparent;
  border: none;
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-400-regular);
}

.hotel-access-hotel-search .delete button:disabled {
  color: var(--prism-color-interactive-text-disabled);
}

.hotel-access-hotel {
  position: relative;
}

.hotel-access-hotel__searchbar {
  height: 54px;
  padding: var(--prism-spacing-100) var(--prism-spacing-500);
  position: relative;
  z-index: 9;
}

.hotel-access-hotel__content {
  /* We subtract the height used by all fixed parts in the modal */

  /* 65 = add hotel */

  /* 42 = search */

  /* 46 = table header */
  height: calc(70vh - 65px - 42px - 46px);
}

.hotel-access-hotel__content__table {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

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

.hotel-access-edit-delete-icons {
  display: flex;
}

.hotel-access-edit-delete-icons .edit-user-icon {
  text-align: right;
}

.hotel-access-edit-delete-icons .edit-user-icon a {
  color: var(--prism-color-text-neutral-subdued);
}

.settings-header-cell {
  align-items: center;

  /* Handle vertical alignment of text in the cell */
  display: flex;
  height: 45px;
  justify-content: space-between;
}

.settings-header-space-between-text {
  justify-content: space-between;
}

.settings-header-center-text {
  justify-content: center;
}

.settings-report-cta {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding-right: var(--prism-spacing-400);
}

.settings-report-cta .settings-report-cta__button,
.settings-report-cta .settings-report-cta__edit-tooltip {
  /* make clickable region bigger */
  padding: var(--prism-spacing-100);
}

.settings-report-cta .settings-report-cta__button {
  cursor: pointer;
}

.settings-report-cta
  .settings-report-cta__button
  .settings-report-cta__button--disabled {
  cursor: not-allowed;
}

.hotel-or-market.cell-wrapper a {
  color: var(--prism-color-text-neutral-subdued);
  text-decoration: none;
}

.hotel-or-market.cell-wrapper a:hover {
  text-decoration: underline;
}

.card-tile--mapping {
  height: calc(100vh - 124px);
  min-height: 500px;
}

.card-tile--mapping .tabs {
  border-top-left-radius: var(--prism-border-radius-100);
  border-top-right-radius: var(--prism-border-radius-100);
}

.card-tile--mapping .mapping-progress--success {
  color: var(--prism-color-text-success-default);
}

.card-tile--mapping .mapping-progress--warning {
  color: var(--prism-color-text-warning-default);
}

.breakdown-tab-container {
  display: flex;
  height: calc(100vh - 124px - 57px - 80px);
  min-height: 443px;
  padding: var(--prism-spacing-500);
}

.category-item {
  align-items: center;
  display: flex;
  height: calc(20px + var(--prism-spacing-200) * 2);
  padding-left: var(--prism-spacing-400);
  padding-right: var(--prism-spacing-400);
}

.category-item__actions {
  display: none;
}

.category-item__actions .category-item__action {
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  padding: var(--prism-spacing-200) 0 var(--prism-spacing-200)
    var(--prism-spacing-200);
}

.category-item__name-container {
  flex-grow: 1; /* Let the name grow so the actions are pushed to the right */
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
}

.category-item__filtering .category-item__name-container {
  border: 2px solid var(--prism-color-general-info-500);
  border-radius: var(--prism-border-radius-100);
}

.category-item:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.category-item:hover .category-item__actions {
  display: inline-block;
}

.category-item__name {
  flex-grow: 0; /* Don't grow so the truncate triggers */
  line-height: 20px;
  margin-left: var(--prism-spacing-200);
}

.category-item__spacer {
  align-self: flex-start;
  border-right: 1px solid var(--prism-color-border-neutral-default);
  flex-shrink: 0; /* Don't shrink so the truncate of the name triggers */
  height: 100%;
  margin-right: var(--prism-spacing-200);
  width: var(--prism-spacing-500);
}

.category-item__spacer--small {
  height: 75%;
  margin-right: var(--prism-spacing-400);
}

.category-item--add-category {
  align-items: center;
  color: var(--link-color);
  cursor: pointer;
  display: flex;
}

.category-item__name_input {
  margin-left: var(--prism-spacing-200);
  width: 100%;
}

.category-item--top-level {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  height: calc(20px + var(--prism-spacing-400) * 2);
}

.category-item--top-level .category-item__name {
  font-weight: bold;
}

.category-item--top-level:first-child {
  border-top: 0;
}

.project-element__options_container #input-icon {
  color: var(--prism-color-general-neutral-400);
}

.project-element .mapping-table__footer--bulk_update {
  background-color: var(--prism-color-general-neutral-500);
}

.project-element .mapping-table__footer .unsaved-changes {
  color: var(--prism-color-general-info-500);
}

.mapping-table {
  font-size: var(--prism-font-size-text-200-regular);
  height: 100%;
}

.mapping-table__content {
  height: 100%;
}

.mapping-table__content--with-save-footer {
  height: calc(calc(100vh - 124px - 80px - 57px - 96px) - 58px);
}

.mapping-table__content--with-double-save-footer {
  height: calc(calc(100vh - 124px - 80px - 57px - 96px) - 58px * 2);
}

.mapping-table__type-placeholder {
  align-items: center;
  background-color: var(--prism-color-background-neutral-subdued);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.mapping-table__type-placeholder__text {
  max-width: 450px; /* Wrap text so it's nicer to read */
  text-align: center;
}

.mapping-table__options_container {
  height: 21px;
}

.mapping-table__content--disabled .button-edit-display-name {
  color: var(--prism-color-interactive-background-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.mapping-table__item_count--disabled {
  color: var(--prism-color-interactive-text-disabled);
}

.mapping-table .button-edit-display-name {
  visibility: hidden;
}

.mapping-table .table-cell:hover .button-edit-display-name {
  visibility: visible;
}

.mapping-table .mapping-table__footer {
  --inner-height: calc(#($save-footer-height) - 2 * var(--prism-spacing-300));

  align-items: center;
  height: var(--inner-height);
  min-height: var(--inner-height);
}

.mapping-table .mapping-table__footer--bulk_update,
.mapping-table .mapping-table__footer--bulk_success {
  height: 58px;
  min-height: 58px;
  padding: 0 var(--prism-spacing-400);
}

.mapping-table .mapping-table__footer--bulk_update {
  background-color: var(--prism-color-general-neutral-500);
  color: var(--prism-color-text-inverse);
}

.mapping-table .mapping-table__footer--bulk_success {
  background-color: var(--prism-color-background-success-subdued);
  font-weight: bold;
}

.mapping-table .mapping-table__footer .unsaved-changes {
  color: var(--prism-color-general-info-500);
  font-size: var(--prism-font-size-text-300-regular);
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties, declaration-property-value-no-unknown */
  user-select: -moz-none;
  user-select: none;
}

.mapping-table .mapping-table__footer .unsaved-changes:hover {
  cursor: pointer;
}

.mapping-table .cancel-and-confirm-btns {
  margin-right: 0;
  padding: 0; /* Reset padding from component as the correct one is set by the card footer */
}

.mapping-hierarchy {
  flex-grow: 1;
  width: 100%;
}

.mapping-hierarchy__content {
  height: 100%;
  overflow-y: auto;
}

.mapping-hierarchy__content--disabled .category-item__action,
.mapping-hierarchy__content--disabled .category-item--add-category,
.mapping-hierarchy__content--disabled
  .category-item--add-category
  > .redirect-link {
  color: var(--link-disabled-color);
  cursor: not-allowed;
  pointer-events: none;
}

.mapping-hierarchy__content--disabled
  .category-item--add-category
  > .redirect-link {
  border-bottom-color: var(--prism-color-interactive-border-neutral-idle);
}

.mapping-hierarchy .cancel-and-confirm-btns {
  margin-right: var(--prism-spacing-500);
  padding: 0; /* Reset padding from component as the correct one is set by the card footer */
}

/* Definitions Drawer */
.definition-drawer__header {
  padding: var(--prism-spacing-400) var(--prism-spacing-400)
    var(--prism-spacing-200);
}

.definition-drawer__content {
  flex: 1;
  overflow-y: auto;
  padding: 0 var(--prism-spacing-400);
}

.definition-drawer__content .definition-item .definition {
  color: var(--prism-color-text-neutral-subdued);
}

.definition-drawer__content .definition-item .definition__list {
  padding-left: var(--prism-spacing-400);
}

.definition-drawer__content .definition-item .definition__list__item {
  list-style-type: disc;
}

.definition-drawer__content .definition-item__name_container {
  flex-grow: 1; /* Let the name grow so the actions are pushed to the right */
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
  width: 100%;
}

.definition-drawer__content .definition-item__expanded-content {
  padding: var(--prism-spacing-200) var(--prism-spacing-400)
    var(--prism-spacing-200) var(--prism-spacing-500);
}

.definition-drawer__content .definition-item__name {
  flex-grow: 0; /* Don't grow so the truncate triggers */
  margin-left: var(--prism-spacing-200);
}

.definition-drawer-trigger-icon {
  height: 100%;
  position: relative;
}

.central-mapping {
  height: 100%;
}

.central-mapping__menu {
  display: grid;
  gap: var(--prism-spacing-400);
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: var(--prism-spacing-800);
}

.central-mapping__table-mapping {
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  height: calc(100% - 56px);
}

.central-mapping__table-mapping__header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 56px;
}

.central-mapping__table-mapping__header .filter-pill .filter-pill__content {
  max-width: 120px;
}

.central-mapping__table-mapping__table {
  background-color: var(--prism-color-elevation-surface);
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  border: 0.5px solid var(--prism-color-border-neutral-default);
  border: 0;
  border-radius: var(--prism-border-radius-200);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: var(--prism-shadow-neutral-100);
  overflow: hidden;
}

.central-mapping__table-mapping__td-number__button-edit {
  display: none;
}

.central-mapping__table-mapping__td-number:hover
  .central-mapping__table-mapping__td-number__button-edit {
  display: block;
}

.central-mapping__table-mapping__td-text__button-edit {
  display: none;
}

.central-mapping__table-mapping__td-text:hover
  .central-mapping__table-mapping__td-text__button-edit {
  display: block;
}

.central-mapping__table-mapping__empty-state {
  background-color: var(--prism-color-elevation-surface);
}

.central-mapping__table-mapping .bulk-edit-row-cell {
  background-color: var(--prism-color-elevation-canvas);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-200);
  text-align: left;
}

.central-mapping .central-mapping__footer-pagination {
  align-items: center;
  display: flex;
  min-height: var(--prism-spacing-800);
}

.central-mapping .central-mapping__footer-pagination__showing {
  bottom: var(--prism-spacing-100);
  color: var(--prism-color-text-neutral-subdued);
  display: inline-flex;
}

.myotb-summary-basket {
  height: fit-content;
  width: 240px;
}

.myotb-summary-basket__content__basket-item--current {
  color: var(--prism-color-interactive-text-placeholder);
}

.myotb-summary-basket__content
  .myotb-summary-basket__content__basket-item
  + .myotb-summary-basket__content__basket-item {
  margin-top: var(--prism-spacing-400);
}

.myotb-page .myotb-page__content {
  max-width: 784px;
}

.myotb-page .myotb-card .myotb-card__pms-image {
  height: 70px;
  object-fit: contain;
  width: 100%;
}

.myotb-page .myotb-card__content-container {
  display: flex;
}

.myotb-page .myotb-card__content-container .otb-empty-state,
.myotb-page .myotb-card__content-container .otb-empty-state-benchmark {
  width: 600px;
}

.myotb-page .myotb-card__content-container__credentials-container {
  width: 100%;
}

.myotb-page .myotb-card__content-container .myotb-selection-input-container {
  width: 300px;
}

.myotb-page .myotb-card__content-container .step-item__input {
  width: 200px;
}

.myotb-page .myotb-card__content-container .myotb-ul {
  list-style: none;
}

.myotb-page .myotb-card__content-container .myotb-ul li {
  padding-left: var(--prism-spacing-300);
  position: relative;
}

.myotb-page .myotb-card__content-container .myotb-ul li::before {
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 4px;
}

.myotb-page .myotb-card__content-container .myotb-ul--default li::before {
  background-color: var(--prism-color-text-neutral-default);
}

.myotb-page .myotb-card__content-container__benchmark {
  text-align: left;
}

.myotb-page .myotb-card__content-container__benchmark__collapse {
  align-items: center;
  display: flex;
}

.myotb-page .myotb-card__content-container__benchmark__collapse .btn {
  margin-right: var(--prism-spacing-200);
}

.myotb-page .myotb-card__content-container__benchmark__collapse:hover {
  cursor: pointer;
}

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

.myotb-page .myotb-card__footer .cancel-and-confirm-btns {
  padding: 0;
}

.myotb-page .myotb-card + .myotb-card {
  margin-top: var(--prism-spacing-400);
}

.myotb-page .pms-credentials__label {
  color: var(--prism-color-interactive-text-placeholder);
  font-size: var(--prism-font-size-text-300-bold);
  font-weight: var(--prism-font-weight-text-300-bold);
  padding-top: var(--prism-spacing-100);
}

.myotb-page .pms-credentials__value {
  font-size: var(--prism-font-size-text-200-regular);
  padding-left: var(--prism-spacing-300);
  padding-top: var(--prism-spacing-100);
}

.myotb-page .plus-otb-icon {
  position: relative;
  top: 1px; /* icon is center aligned */
}

.myotb-page .empty-state-info-container {
  font-size: var(--prism-font-size-text-300-regular);
  margin-top: var(--prism-spacing-500);
}

.myotb-page .myotb-navigation-button-container {
  display: inline-block;
  margin-top: var(--prism-spacing-500);
}

.myotb-page .myotb-navigation-button-container--centered {
  margin-left: 0; /* No margin left when the content is center aligned */
}

.pos-container {
  display: flex;
  justify-content: center;
}

.card-tile--pos .card-tile__content {
  font-size: var(--prism-font-size-text-200-regular);
}

.card-tile--pos .card-tile__content .sort-container .sort-body .list-sort {
  font-size: var(--prism-font-size-text-300-regular);
}

.card-tile--pos .action-container {
  align-items: unset;
}

.settings-drawer {
  background-color: var(--prism-color-elevation-surface);
  border-left: 1px solid var(--prism-color-border-neutral-default);
  border-right: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  flex-direction: column;
  height: inherit;
  position: relative;
  transition: all 0.3s ease-out;
  width: 300px;
}

/* 2544px = 1840px (max content width) + 2 × 352px (drawer width on each side).
   Above this width, the natural margin beside the capped content is wide enough
   to fit a drawer without overlapping the app content. */
@media only screen and (width >= 2544px) {
  .settings-drawer {
    left: 0;
    position: fixed;
  }
}

.settings-drawer .settings-header {
  align-items: center;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  height: 48px;
}

.settings-drawer .settings-drawer__content {
  flex: 1;
  gap: var(--prism-spacing-500);
  list-style: none;
  overflow: auto;
  padding: var(--prism-spacing-500) var(--prism-spacing-400);
}

.settings-drawer .settings-drawer__group-title {
  margin-bottom: var(--prism-spacing-200);
}

.settings-drawer .settings-drawer__list {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-50);
}

.settings-drawer .settings-drawer__link {
  align-items: center;
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  font-size: var(--prism-font-size-paragraph-300-regular);
  font-weight: var(--prism-font-weight-paragraph-300-regular);
  line-height: var(--prism-font-line-height-paragraph-300-regular);
  min-height: 32px;
  padding: var(--prism-spacing-100) var(--prism-spacing-100)
    var(--prism-spacing-100) var(--prism-spacing-600);
  width: 100%;
}

/*
  This handles the special case of the MyOTB link being disabled when the user is already on the MyOTB page
  and clicks the link again. Without this code, the user could end up on an empty 'parent' page.
*/
.settings-drawer .settings-drawer__link.disabled {
  cursor: pointer;
  opacity: 1;
}

.settings-drawer .settings-drawer__link.active {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  color: var(--prism-color-text-neutral-emphasis);
}

/* Make sure the text color only changes on hovering over inactive tabs */
.settings-drawer
  .settings-drawer__link:hover:not(
    .settings-drawer .settings-drawer__link.active
  ) {
  background-color: var(--prism-color-interactive-background-ghost-hover);
  color: var(--prism-color-text-neutral-emphasis);
}

.settings-drawer
  .settings-drawer__link:active:not(
    .settings-drawer .settings-drawer__link.active
  ) {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
  color: var(--prism-color-text-neutral-emphasis);
}

.settings-drawer .settings-drawer__link :focus-visible {
  border-radius: var(--prism-border-radius-200);
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: -2px;
}

.settings-drawer--open {
  max-width: 300px;
  min-width: 220px;
}

.settings-drawer--open .settings-header {
  justify-content: space-between;
  padding: var(--prism-spacing-200) var(--prism-spacing-400);
}

.settings-drawer--open .settings-drawer__content {
  white-space: nowrap;
}

.settings-drawer--close {
  max-width: 48px;
  min-width: 48px;
  width: 48px;
}

.settings-drawer--close .settings-header {
  justify-content: center;
}

.account-button-dropdown {
  width: 240px;
}

.account-button,
.settings-button {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-icon-neutral-default);
  cursor: pointer;
  height: 60px;
  position: relative;
  width: 60px;
}

.account-button::after,
.settings-button::after {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  bottom: 0;
  content: " ";
  height: 0;

  /* center horizontally */
  left: auto;
  position: absolute;
  transition: 0.15s ease-out;
  width: 24px;
}

.account-button:hover:not(.account-button.active):not(.settings-button.active),
.settings-button:hover:not(.account-button.active):not(
    .settings-button.active
  ) {
  color: var(--prism-color-interactive-icon-disabled);
}

.account-button:hover:not(.account-button.active):not(
    .settings-button.active
  )::after,
.settings-button:hover:not(.account-button.active):not(
    .settings-button.active
  )::after {
  background-color: var(--prism-color-interactive-border-neutral-hover);
  height: 4px;
}

.account-button:active:not(.account-button.active):not(.settings-button.active),
.settings-button:active:not(.account-button.active):not(
    .settings-button.active
  ) {
  color: var(--prism-color-background-inverse);
}

.account-button:active:not(.account-button.active):not(
    .settings-button.active
  )::after,
.settings-button:active:not(.account-button.active):not(
    .settings-button.active
  )::after {
  background-color: var(--prism-color-interactive-border-neutral-pressed);
  height: 4px;
}

.account-button.active,
.settings-button.active {
  color: var(--prism-color-interactive-text-secondary-pressed);
}

.account-button.active::after,
.settings-button.active::after {
  background-color: var(--prism-color-icon-brand-default);
  height: 4px;
}

.preferred-rate-card__content {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-500); /* gap between each setting */
}

.preferred-rate-card__setting {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-100); /* gap between label and setting field */
}

.preferred-rate-card__info-text {
  color: var(--prism-color-text-neutral-subdued);
}

.seasonal-settings-wrapper .explanation-block {
  background: var(--prism-color-elevation-canvas);
  border-radius: var(--prism-border-radius-200);
}

.seasonal-settings-wrapper .days-of-week-container {
  grid-template-columns: 1fr 2fr 1fr;
}

.seasonal-settings-wrapper .drag-handle {
  background: var(--prism-color-background-neutral-default);
  border-radius: var(--prism-border-radius-400);
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties, declaration-property-value-no-unknown */
  user-select: -moz-none;
  user-select: none;
}

.seasonal-settings-wrapper .drag-handle--draggable {
  border-radius: var(--prism-border-radius-100);
  cursor: move;
}

.seasonal-settings-wrapper .data-table {
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
}

.seasonal-settings-wrapper .data-table__row {
  background: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.seasonal-settings-wrapper .data-table__row:first-child {
  border-top-left-radius: var(--prism-border-radius-200);
  border-top-right-radius: var(--prism-border-radius-200);
}

.seasonal-settings-wrapper .data-table__row:last-child {
  border-bottom: none;
  border-bottom-left-radius: var(--prism-border-radius-200);
  border-bottom-right-radius: var(--prism-border-radius-200);
}

.seasonal-settings-wrapper .data-table__title {
  width: 240px;
}

.seasonal-settings-wrapper .data-table__subtitle {
  color: var(--prism-color-text-neutral-subdued);
}

/* ember-drag-drop class */
.seasonal-settings-wrapper .data-table .draggable-object-target {
  height: 100%;
  width: 100%;
}

.seasonal-settings-wrapper .data-table__draggable-area {
  background: var(--prism-color-background-neutral-subdued);
  border: 1px solid var(--prism-color-border-neutral-emphasis);
  border-radius: var(--prism-border-radius-200);
  min-height: 40px;
  padding: var(--prism-spacing-400);
}

.seasonal-settings-wrapper .data-table__draggable-area .placeholder-text {
  color: var(--prism-color-interactive-text-placeholder);
}

.seasonal-settings-wrapper .data-table__draggable-area--empty {
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
}

.seasonal-settings-wrapper .data-table__draggable-area--droppable {
  border: 1px dashed var(--prism-color-border-neutral-emphasis);
}

.seasonal-settings-wrapper
  .data-table__draggable-area--droppable
  .placeholder-text {
  color: var(--prism-color-text-neutral-default);
}

.seasonal-settings-wrapper .data-table__draggable-area--dragged-over {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  border: 1px solid var(--prism-color-border-neutral-emphasis);
}

/* Make sure mouseout isn't triggered when hovering over a child element of the draggable-area */
.seasonal-settings-wrapper
  .data-table__draggable-area--dragged-over
  > .draggable-object {
  pointer-events: none;
}

.seasonal-settings-wrapper .data-table__icon {
  border-radius: var(--prism-border-radius-circle);
  height: 12px;
  width: 12px;
}

.seasonal-settings-wrapper .data-table__icon--much-more-expensive {
  background: var(--prism-color-general-critical-500);
}

.seasonal-settings-wrapper .data-table__icon--more-expensive {
  background: var(--prism-color-general-critical-100);
}

.seasonal-settings-wrapper .data-table__icon--similar {
  border: 2px solid var(--prism-color-general-neutral-800);
}

.seasonal-settings-wrapper .data-table__icon--cheaper {
  background: var(--prism-color-general-info-100);
}

.seasonal-settings-wrapper .data-table__icon--much-cheaper {
  background: var(--prism-color-general-info-500);
}

.seasonal-settings-wrapper .data-table__icon--irrelevant {
  background: var(--prism-color-general-neutral-500);
}

.td-strategy-table {
  /* stylelint-disable-next-line declaration-no-important */
  height: 40px !important;
}

.td-strategy-table-multi-room-min-max .label {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
}

/*
  Only apply the following styles to the first column of the table
  Ember table adds a placeholder with fixed width to add left padding to a collapsible table cells
  We need to hide it to make the cell label align the same as non-collapsible table cells
*/
.td-strategy-table:has(.strategy-table-first-column) .et-depth-placeholder {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

/*
  Only apply the following styles to condition cell (cell that spans all columns)
  Ember table doesn't support colspan, so we need the following override to make the table cell span all columns
*/
.td-strategy-table:has(.strategy-table-first-column):has(.condition-cell)
  .et-cell-content {
  /* stylelint-disable-next-line declaration-no-important */
  overflow: visible !important;
  /* stylelint-disable-next-line declaration-no-important */
  text-wrap: nowrap !important;
}

.td-strategy-table:has(.strategy-table-first-column):has(.condition-cell)
  .condition-cell__input {
  width: 80px;
}

.td-strategy-table:has(.strategy-table-first-column):has(.condition-cell)
  .condition-cell__add-button {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.td-strategy-table:has(.strategy-table-first-column):has(.condition-cell)
  .condition-cell__delete-button {
  position: absolute;
  right: 0;
}

.td-minimum-price-difference {
  /* stylelint-disable-next-line declaration-no-important */
  height: 40px !important;
}

.recommendation-settings-dow-adjustment-dropdown {
  width: 280px;
}

:root {
  --header-height: 200px; /* 200 = 2x60px for header and subheader + 2x40px for margin top and bottom */
  --min-container-height: 500px;
  --main-title-height: var(
    --prism-font-line-height-heading-2
  ); /* h2 line height */

  --main-title-spacing: var(--prism-spacing-400);
}

.card-tile--pms-integration {
  height: calc(
    100vh - var(--header-height) -
      (var(--main-title-height) + var(--main-title-spacing))
  );
  min-height: var(--min-container-height);
}

.card-tile--pms-integration .pms-connect {
  height: 100%;
  padding: var(--prism-spacing-400);
}

.card-tile--pms-integration .pms-settings {
  height: 100%;
}

.card-tile--pms-integration .pms-settings__panel {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  width: 480px;
}

.card-tile--pms-integration .pms-settings__panel__content {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding: var(--prism-spacing-400);
}

.card-tile--pms-integration .pms-settings__panel .pms-panel-section {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-400);
}

.card-tile--pms-integration .pms-settings__panel .pms-panel-section__content {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-400);
}

.card-tile--pms-integration
  .pms-settings__panel
  .pms-panel-section
  .pms-panel-section__input {
  max-width: 110px;
}

.card-tile--pms-integration
  .pms-settings__panel
  .pms-occupancy-row__occupancy-label {
  margin-right: var(--prism-spacing-800);
  width: 97px;
}

.card-tile--pms-integration
  .pms-settings__panel
  .pms-occupancy-row__base-occupancy {
  width: 110px; /* same as the prism-input */
}

.card-tile--pms-integration
  .pms-settings__panel
  .pms-roomtype-offset-settings-container {
  gap: var(--prism-spacing-200);
}

.card-tile--pms-integration
  .pms-settings__panel
  .pms-roomtype-mapping-row__pms-room {
  margin-right: var(--prism-spacing-400);
  width: 300px; /* fixed width required to make truncate work */
}

.card-tile--pms-integration
  .pms-settings__panel
  .pms-roomtype-mapping-row__channel-room {
  flex: 1;
}

.card-tile--pms-integration
  .pms-settings__panel
  .pms-roomtype-mapping-row__channel-room__select-wrapper {
  flex: 1;
  width: 148px;
}

.card-tile--pms-integration
  .pms-settings__panel
  .pms-roomtype-mapping-row__offset {
  flex: 1;
}

.card-tile--pms-integration .pms-settings__panel__footer {
  background-color: var(--prism-color-elevation-surface);
  border-top: 1px solid var(--prism-color-border-neutral-default);
  box-shadow: 0 -8px 8px -2px var(--prism-color-general-neutral-200);
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.card-tile--pms-integration .pms-settings__visualisation {
  flex-grow: 1;
  overflow: hidden;
  padding-left: var(--prism-spacing-600);
  padding-right: var(--prism-spacing-600);
  padding-top: var(--prism-spacing-600);
}

.card-tile--pms-integration .pms-settings__visualisation--scrollable {
  flex-grow: 1;
  overflow: auto;
}

.autopilot-settings {
  margin: 0 auto;
  min-height: 500px;
  width: 800px;
}

.autopilot-settings__main-title {
  margin-bottom: var(--main-title-spacing);
}

.autopilot-card__content {
  display: flex;
  flex-direction: column;
  gap: var(
    --prism-spacing-500
  ); /* gap between sections outside editable container */

  padding-top: var(
    --prism-spacing-400
  ); /* prism-card without headar doesn't have padding-top */
}

.autopilot-card__editable-container {
  display: flex;
  flex-direction: column;
  gap: var(
    --prism-spacing-500
  ); /* gap between sections inside editable container */
}

.autopilot-card__editable-container--disabled {
  color: var(--prism-color-interactive-text-disabled);
}

.autopilot-card__editable-container--disabled .calendar-nav {
  color: var(--prism-color-interactive-text-disabled);
}

.autopilot-card__editable-container--disabled .day-cell {
  color: var(--prism-color-interactive-text-disabled);
}

.autopilot-card__section {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-400); /* gap between settings in a section */
}

.autopilot-card__section--exclusion-dates .autopilot-card__input {
  width: 140px;
}

.autopilot-card__section--conditions .autopilot-card__input {
  width: 100px;
}

.autopilot-card__section--frequency .trigger-frequency {
  width: 180px;
}

.autopilot-card__setting {
  gap: var(--prism-spacing-200); /* gap between a setting label and its input */
}

.autopilot-card__footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.autopilot-calendar-months-container {
  height: 241px; /* same as height of calendar with 6 weeks (max number of rows possible in a month) */

  /* Added demo-calendar-small class cause it needed to be more specific than basic EPC styles */
}

.autopilot-calendar-months-container .autopilot-calendar-month {
  /* same as month-container styling */
  float: left;
  overflow: hidden;
}

.autopilot-calendar-months-container
  .autopilot-calendar-month
  .demo-calendar-small
  .ember-power-calendar-day--selected {
  background-color: transparent;
  color: var(--prism-color-interactive-text-disabled);
  position: relative;
}

.autopilot-calendar-months-container
  .autopilot-calendar-month
  .demo-calendar-small
  .ember-power-calendar-day--selected
  .cross {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.autopilot-calendar-months-container
  .autopilot-calendar-month
  .demo-calendar-small
  .ember-power-calendar-day--focused {
  box-shadow: none;
}

.autopilot-calendar-months-container
  .autopilot-calendar-month
  .demo-calendar-small
  .ember-power-calendar-day--today {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-default);
}

.autopilot-calendar-months-container
  .autopilot-calendar-month
  .autopilot-settings-calendar-day--disabled {
  pointer-events: none;
}

.autopilot-divider-line {
  background-color: var(--prism-color-border-neutral-default);
  height: 1px;
}

.child-node {
  list-style: none;
  margin-top: var(--prism-spacing-200);
  position: relative;
}

/*
  |--> shaped connectors between the nodes
  connector line trunk (|)
*/
.child-node__connector {
  border-left: 1px solid var(--prism-color-general-neutral-600);
  content: "";
  height: calc(
    100% + var(--prism-spacing-200)
  ); /* height of the connector line is height of the node + gap between nodes */

  left: 24px; /* left of connector line offset by width of connector line */
  position: absolute;
  top: calc(
    -1 * var(--prism-spacing-200)
  ); /* top of connector line offset by gap between nodes */

  width: 24px;
}

/* connector line branch (--) */
.child-node__connector::before {
  border-bottom: 1px solid var(--prism-color-general-neutral-600);
  border-left: 1px solid var(--prism-color-general-neutral-600);
  bottom: calc(
    50% - var(--prism-spacing-200) / 2
  ); /* (100% - gap between nodes) / 2 */

  content: "";
  position: absolute;
  width: 24px;
}

/* connector line arrow head (>) */
.child-node__connector::after {
  border-right: 1px solid var(--prism-color-general-neutral-600);
  border-top: 1px solid var(--prism-color-general-neutral-600);
  bottom: calc(
    50% - var(--prism-spacing-200) / 2 - 2px
  ); /* same as connector line branch offset - half of arrow head dimension */

  content: "";
  height: 4px;
  left: 20px;
  position: absolute;
  transform: rotate(45deg);
  width: 4px;
}

/* |__> shaped connector for last node */
.child-node:last-child .child-node__connector {
  height: calc(50% + var(--prism-spacing-200));
}

/* connector line branch (__) */
.child-node:last-child .child-node__connector::before {
  bottom: 0;
}

/* connector line arrow head (>) */
.child-node:last-child .child-node__connector::after {
  bottom: -2px;
}

.child-node__indenter {
  /* connector length + gap between parent node and connector starting point */
  width: 48px;
}

.roomtype-hierarchy-node-container {
  margin-left: var(--prism-spacing-100);
  z-index: 1;
}

.roomtype-hierarchy-node-container .roomtype-hierarchy-node {
  background-color: var(--prism-color-background-neutral-subdued);
  border-radius: var(--prism-border-radius-100);
  gap: var(--prism-spacing-400);
  min-height: calc(48px + 2 * var(--prism-spacing-200));
  padding: var(--prism-spacing-200) var(--prism-spacing-400);

  /* node fixed width (content must wrap to the next line in case it is longer than this) */
  width: 400px;
}

.roomtype-hierarchy-node-container .roomtype-hierarchy-node__color-block {
  border-radius: var(--prism-border-radius-100);
  height: 48px;
  padding: var(--prism-spacing-100);
  width: 48px;
}

.roomtype-hierarchy-node-container
  .roomtype-hierarchy-node__color-block__room-code {
  color: var(--prism-color-text-inverse);
}

.roomtype-hierarchy-node-container .roomtype-hierarchy-node__details {
  flex: 1;
}

.roomtype-hierarchy-node-container .roomtype-hierarchy-node__details__price {
  margin-left: var(--prism-spacing-200);
  white-space: nowrap;
}

.recommendations-setting-card {
  --main-card-content-width: 580px;

  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
}

.recommendations-setting-card--hoverable:hover {
  cursor: pointer;
  outline: 0.5px solid var(--prism-color-interactive-border-neutral-hover);
}

.recommendations-setting-card__title-container {
  width: var(--main-card-content-width);
}

.recommendations-setting-card__toggle {
  align-self: flex-start;
}

.recommendations-setting-card__toggle-content {
  margin-left: 80px;
  width: var(--main-card-content-width);
}

.recommendations-setting-card__buttongroup-button {
  width: 32px;
}

.table-transaction-mapping .table-row--group td:not(:first-of-type) {
  color: var(--prism-color-text-neutral-subdued);
}

.table-transaction-mapping
  .table-row:not(:hover):not(:has([aria-expanded="true"]))
  .td-mapping-dropdown:not(:focus-within) {
  opacity: 0;
}

.form-card {
  margin: 0 auto;
  margin-bottom: var(--prism-spacing-500);
  max-width: 800px;
  width: 100%;
}

.form-row {
  padding-bottom: var(--prism-spacing-300);
}

.form-btn-save {
  margin-top: var(--prism-spacing-400);
}

.base-tooltip {
  padding: 0;
  text-shadow: none;
}

.base-tooltip .tooltip-arrow.ember-tooltip-arrow {
  display: none;
}

.default-tooltip {
  background: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
  line-height: 1.5;
  max-width: 300px;
  overflow: hidden;
  padding: var(--prism-spacing-200);
  text-shadow: none;
  z-index: 1200;
}

.default-tooltip--small {
  width: 280px;
}

/* We created this for tooltips that break text because of the small parent container */
.default-tooltip--large {
  max-width: 120%;
}

.default-tooltip--no-max-width {
  max-width: none; /* IE does not support unset */
}

.default-table-tooltip {
  padding: 0;
}

.default-table-tooltip thead,
.default-table-tooltip tr,
.default-table-tooltip th,
.default-table-tooltip td {
  height: 35px;
  line-height: 35px;
}

.default-table-tooltip tr.highlight td {
  color: var(--prism-color-text-info-default);
  font-weight: bold;
}

.default-table-tooltip::after {
  content: none;
}

/*
  Override Highcharts tooltip zIndex - default value is 3
  Is needed when having a chart with outside: true - tooltip can be rendered outside of the chart SVG container, but gets covered by other elements easily
  https://github.com/highcharts/highcharts/blob/d00c543b9a0d39c7c2d26feb03c96ab8932d2521/js/parts/Tooltip.js#L427
*/
.highcharts-tooltip,
.highcharts-tooltip-container {
  /* Needs to be higher than 1100 for prism-modal */
  /* stylelint-disable-next-line declaration-no-important */
  z-index: 1110 !important;
}

.rates-calendar-tooltip {
  background: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-subdued);
  max-width: 500px;
  overflow: hidden;
  padding: 0;

  /* https://github.com/sir-dunxalot/ember-tooltips/blob/2.x/addon/styles/addon.css */
  width: 500px;
  z-index: 1200;
}

.rates-calendar-tooltip::after {
  content: none;
}

.rates-calendar-tooltip table {
  /* width: 498px; TODO Could put this back if something weird in table width of tooltip */
  width: 100%;
}

.rates-calendar-tooltip table th,
.rates-calendar-tooltip table td {
  height: 25px;
  overflow: hidden;
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.rates-calendar-tooltip table td.favicons {
  padding-right: 0;
}

.rates-calendar-tooltip table tr.highlight {
  color: var(--prism-color-text-info-default);
  font-weight: bold;
}

.rates-calendar-tooltip table tr.hovered {
  border-left: 3px solid;
  font-weight: bold;
}

.rates-calendar-tooltip table .hotel-name {
  max-width: 200px;
}

.rates-calendar-tooltip table .hotel-name .identifier-bullet {
  flex-shrink: 0;
}

.rates-calendar-tooltip table .hotel-name p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rates-calendar-tooltip table thead,
.rates-calendar-tooltip table th {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  text-align: left;
  white-space: nowrap;
}

.rates-calendar-tooltip table tbody tr:nth-child(even) {
  background-color: var(--prism-color-elevation-surface);
}

.rates-calendar-tooltip table tbody tr:nth-child(odd) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.rates-calendar-tooltip table tbody tr.short-term-rental-row {
  background-color: var(--prism-color-elevation-surface);
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.rates-calendar-tooltip table tbody tr.short-term-rental-row td {
  padding-top: var(--prism-spacing-200);
}

.rates-calendar-tooltip table .rates-tooltip-roomname,
.rates-calendar-tooltip table td.favicons {
  max-width: 148px;
}

.rates-calendar-tooltip table .rate-icons {
  max-width: 50px;
  text-overflow: unset;
}

.rates-calendar-tooltip table .competitor-rate {
  max-width: 110px;
}

.rates-calendar-tooltip.transparent table thead,
.rates-calendar-tooltip.transparent table th {
  background: var(--prism-color-elevation-surface);
}

.rates-calendar-tooltip.transparent table tr:nth-child(even) {
  background: var(--prism-color-elevation-surface);
}

.rates-calendar-tooltip.transparent table tr:nth-child(odd) {
  background: var(--prism-color-background-neutral-subdued);
}

.rates-calendar-tooltip .short-term-rental-message {
  color: var(--prism-color-general-neutral-600);
  margin: var(--prism-spacing-200);
  margin-top: 0;
}

.loading-state-other-los-rate,
.loading-state-other-los-rate-table {
  animation: pulse 1s infinite;
  background-color: var(--prism-color-interactive-text-disabled);
  border-radius: 5px;
  height: 6px;
  width: 30px;
}

.loading-state-other-los-rate {
  margin-left: var(--prism-spacing-100);
  margin-top: 10px; /* line-height = 25px */
}

.formatted-rate-container > .loading-state-other-los-rate-table {
  margin: var(--prism-spacing-100) var(--prism-spacing-100);
}

.tooltip-section {
  align-items: center;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  justify-content: center;
  max-width: 500px;
  width: 500px;
}

.tooltip-section--no-border {
  border-bottom: 0;
}

.tooltip-section--width-auto {
  max-width: initial;
  width: auto;
}

.tooltip-otb-container,
.ember-tooltip.rates-table-tooltip {
  background: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
  max-width: 700px;
  padding: 0;
  z-index: 1001;
}

.tooltip-otb-container.display-over-modal,
.ember-tooltip.rates-table-tooltip.display-over-modal {
  z-index: 1201;
}

.tooltip-otb-container::after,
.ember-tooltip.rates-table-tooltip::after {
  content: none;
}

.tooltip-otb-container .rates-table-tooltip-container,
.ember-tooltip.rates-table-tooltip .rates-table-tooltip-container {
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  overflow: hidden;
}

.tooltip-otb-container .rates-table-tooltip-container table,
.ember-tooltip.rates-table-tooltip .rates-table-tooltip-container table {
  width: 100%; /* Stretch the table content so there is no white space on the right when the title is wider than the content */
}

.tooltip-otb-container .rates-table-tooltip-container table thead,
.ember-tooltip.rates-table-tooltip .rates-table-tooltip-container table thead {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-default);
}

.tooltip-otb-container .rates-table-tooltip-container table thead th,
.ember-tooltip.rates-table-tooltip
  .rates-table-tooltip-container
  table
  thead
  th {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-200);
  text-align: left;
}

.tooltip-otb-container
  .rates-table-tooltip-container
  table
  tbody
  tr:nth-child(even),
.ember-tooltip.rates-table-tooltip
  .rates-table-tooltip-container
  table
  tbody
  tr:nth-child(even) {
  background-color: var(--prism-color-elevation-surface);
}

.tooltip-otb-container
  .rates-table-tooltip-container
  table
  tbody
  tr:nth-child(odd),
.ember-tooltip.rates-table-tooltip
  .rates-table-tooltip-container
  table
  tbody
  tr:nth-child(odd) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.tooltip-otb-container .rates-table-tooltip-container table tbody td,
.ember-tooltip.rates-table-tooltip
  .rates-table-tooltip-container
  table
  tbody
  td {
  padding: var(--prism-spacing-200);
  vertical-align: middle;
  white-space: nowrap;
}

.tooltip-otb-container
  .rates-table-tooltip-container
  table
  tbody
  tr:not(:last-child)
  td,
.ember-tooltip.rates-table-tooltip
  .rates-table-tooltip-container
  table
  tbody
  tr:not(:last-child)
  td {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.tooltip-otb-container .rates-table-tooltip-container table td:last-child,
.tooltip-otb-container .rates-table-tooltip-container table th:last-child,
.ember-tooltip.rates-table-tooltip
  .rates-table-tooltip-container
  table
  td:last-child,
.ember-tooltip.rates-table-tooltip
  .rates-table-tooltip-container
  table
  th:last-child {
  border-left: 1px solid var(--prism-color-border-neutral-default);
}

.tooltip-otb-container
  .rates-table-tooltip-container
  .rate-tooltip-extract-time-cell,
.ember-tooltip.rates-table-tooltip
  .rates-table-tooltip-container
  .rate-tooltip-extract-time-cell {
  align-content: center;
  display: flex;
}

.tooltip-otb-container
  .rates-table-tooltip-container
  .rate-tooltip-extract-time-cell
  span,
.ember-tooltip.rates-table-tooltip
  .rates-table-tooltip-container
  .rate-tooltip-extract-time-cell
  span {
  font-size: 12px; /* icon size */
  margin-left: var(--prism-spacing-100);
}

.tooltip-otb-container .rates-table-tooltip-container .tooltip-footer,
.ember-tooltip.rates-table-tooltip
  .rates-table-tooltip-container
  .tooltip-footer {
  align-items: center;
  border-top: 1px solid var(--prism-color-border-neutral-default);
  justify-content: left;
  padding: var(--prism-spacing-200);
}

.tooltip-otb-container .update-time,
.ember-tooltip.rates-table-tooltip .update-time {
  color: var(--prism-color-text-neutral-subdued);
  font-weight: normal;
  margin-top: var(--prism-spacing-100);
}

.rate-tooltip-roomtype {
  max-width: 300px;
}

.rate-tooltip-formatted-rate {
  max-width: 75px;
}

.tooltip-otb-container th {
  min-width: 80px;
}

.bucket {
  background-color: var(--prism-color-general-neutral-400);
  border-radius: var(--prism-border-radius-50);
  height: 4px;
  width: 8px;
}

.bucket--filled {
  background-color: var(--prism-color-general-neutral-700);
}

.events-calendar-popover {
  background: var(--prism-color-elevation-surface);
  border: 0;
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-subdued);
  max-width: 420px;
  overflow: hidden;
  padding: 0;
  width: 420px;
  z-index: 1200;
}

.events-calendar-popover.ember-tooltip-show {
  /* stylelint-disable-next-line declaration-no-important */
  pointer-events: auto !important;
}

.events-calendar-popover:focus {
  outline: none;
}

.events-calendar-popover::after {
  content: none;
}

.events-calendar-popover .title-container {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 60px;
}

.events-calendar-popover .event-title {
  color: var(--prism-color-text-neutral-default);
}

.events-calendar-popover .event-title.narrow {
  width: 87%;
}

.events-calendar-popover a {
  color: var(--prism-color-text-neutral-subdued);
  text-decoration: underline;
}

.events-calendar-popover .event-btn-wrapper {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.events-calendar-popover .google-maps-container {
  border-radius: var(--prism-border-radius-200);
  height: 150px;
  margin: var(--prism-spacing-200) var(--prism-spacing-500)
    var(--prism-spacing-200) var(--prism-spacing-400);
  width: calc(100% - 36px);
}

.events-calendar-more-popover {
  background: var(--prism-color-elevation-surface);
  border-radius: 0;
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-300-regular);
  max-width: 350px;
  padding: var(--prism-spacing-200);
  width: 350px;

  /* Popover needs to be positioned on top of the ota-modal as well (more events...) */
  z-index: 1000;
}

.events-calendar-more-popover:focus {
  outline: none;
}

.events-calendar-more-popover::after {
  content: none;
}

.tooltip-section .tooltip-event-row td {
  line-height: 15px;
  padding-bottom: var(--prism-spacing-100);
  padding-top: var(--prism-spacing-100);
}

.tooltip-section.event-section td {
  /* 450px - borders */
  max-width: 498px;
}

.tooltip-section .invisible-table-row {
  display: none;
}

.arrival-day-tooltip table {
  width: 350px;
}

.arrival-day-tooltip table tr {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.arrival-day-tooltip table th {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  text-align: left;
}

.arrival-day-tooltip table .hotel-name {
  width: 225px;
}

.arrival-day-tooltip table .ranking-value {
  text-align: center;
  width: 125px;
}

.day-detail-tooltip,
.arrival-day-tooltip {
  background: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
  max-width: 40%;
  overflow: hidden;
  padding: 0;
  z-index: 1250;
}

.day-detail-tooltip::after,
.arrival-day-tooltip::after {
  content: none;
}

.day-detail-tooltip table,
.arrival-day-tooltip table {
  display: table;
  table-layout: fixed;
}

.day-detail-tooltip table thead,
.arrival-day-tooltip table thead {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  text-align: left;
}

.day-detail-tooltip table thead,
.day-detail-tooltip table tr,
.arrival-day-tooltip table thead,
.arrival-day-tooltip table tr {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.day-detail-tooltip table thead.holidays,
.arrival-day-tooltip table thead.holidays {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.day-detail-tooltip table tr:nth-child(even),
.arrival-day-tooltip table tr:nth-child(even) {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-subdued);
}

.day-detail-tooltip table tr:nth-child(odd),
.arrival-day-tooltip table tr:nth-child(odd) {
  background-color: var(--prism-color-background-neutral-subdued);
  color: var(--prism-color-text-neutral-subdued);
}

.day-detail-tooltip table tr:last-child,
.arrival-day-tooltip table tr:last-child {
  border: none;
}

.day-detail-tooltip table th,
.day-detail-tooltip table td,
.arrival-day-tooltip table th,
.arrival-day-tooltip table td {
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
}

.day-detail-tooltip table tr.highlight,
.arrival-day-tooltip table tr.highlight {
  color: var(--prism-color-text-info-default);
}

.day-detail-tooltip .tooltip-event-info,
.arrival-day-tooltip .tooltip-event-info {
  max-width: 450px;
}

.info-tooltip {
  font-size: var(--prism-font-size-text-200-regular);
  line-height: 16px;
  padding: var(--prism-spacing-300);
  z-index: 1201; /* modal has 1100 z-index */
}

.info-tooltip .tooltip-arrow.ember-tooltip-arrow {
  display: block;
}

.info-tooltip--no-max-width {
  max-width: none;
}

.info-tooltip a {
  color: var(--prism-color-text-inverse);
  text-decoration: none;
}

.info-tooltip[aria-hidden="true"] {
  display: none;
}

.info-tooltip--no-pointer::after {
  display: none;
}

.settings-reports-recipients-tooltip {
  padding: 0;
}

.settings-reports-tooltips-table {
  width: 100%;
}

.settings-reports-tooltips-table tr.settings-reports-tooltips-table-row {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 30px;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-reports-tooltips-table tr:nth-child(odd) {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-subdued);
}

.settings-reports-tooltips-table tr:nth-child(even) {
  background-color: var(--prism-color-background-neutral-subdued);
  color: var(--prism-color-text-neutral-subdued);
}

.settings-reports-tooltips-table td {
  padding-left: var(--prism-spacing-100);
  padding-right: var(--prism-spacing-100);
  white-space: nowrap;
}

.parity-analytics-segmentation-value-tooltip {
  background: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-subdued);
  max-width: unset; /* same as max-width: none; ? */
  padding: 0;

  /* Above the subheader & header if needed */
  z-index: 210;
}

.parity-analytics-segmentation-value-tooltip::after {
  content: none;
}

.table-pos-tooltip {
  background: var(--prism-color-elevation-surface);
  border-radius: 3px;
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);

  /* https://github.com/sir-dunxalot/ember-tooltips/blob/2.x/addon/styles/addon.css */

  /* Increased max-width because of the approach where we show all baserates with OTA icons in 1 row */
  max-width: 410px;
  overflow: hidden;
  padding: 0;
  z-index: 99;
}

.table-pos-tooltip::after {
  content: none;
}

.table-pos-tooltip table {
  width: 100%;
}

.table-pos-tooltip table th {
  color: var(--prism-color-text-neutral-default);
  text-align: left;
}

.table-pos-tooltip table tr {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 30px;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-pos-tooltip table tr:nth-child(odd) {
  background-color: var(--prism-color-elevation-surface);
}

.table-pos-tooltip table tr:nth-child(even) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.table-pos-tooltip table td,
.table-pos-tooltip table th {
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
  vertical-align: middle;
  white-space: nowrap;
}

.roomtype-mapping-roomname-tooltip ::first-letter {
  text-transform: uppercase;
}

.roomtype-mapping-roomname-tooltip__room-name {
  max-width: 300px;
}

.roomtype-mapping-roomname-tooltip .avg-price__description {
  max-width: 200px;
}

.roomtype-mapping-roomname-tooltip .avg-price__value {
  max-width: 100px;
}

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

.tooltip-table {
  border-collapse: collapse;
}

.tooltip-table .tooltip-table__header {
  height: 24px;
}

.tooltip-table .tooltip-table__header .tooltip-table__header__cell {
  background-color: var(--prism-color-background-neutral-subdued);
  color: var(--prism-color-text-neutral-default);
  height: 24px;
  line-height: 24px;
  padding: 0 var(--prism-spacing-200);
}

.tooltip-table .tooltip-table__header .tooltip-table__header__cell span {
  font-size: var(--prism-font-size-text-200-regular);
}

.tooltip-table .tooltip-table__row {
  height: 24px;
}

.tooltip-table .tooltip-table__row .tooltip-table__row__cell {
  border-bottom: 0;
  height: 24px;
  line-height: 24px;
}

.tooltip-table .tooltip-table__row .tooltip-table__row__cell:first-of-type {
  padding-right: var(--prism-spacing-200);
}

.tooltip-table .tooltip-table__row .tooltip-table__row__cell.own {
  background-color: var(--prism-color-background-neutral-subdued);
}

.tooltip-table .tooltip-table__row .tooltip-table__row__cell.value {
  text-align: end;
}

.tooltip-table .tooltip-table__row .tooltip-table__row__cell.value div {
  padding: 0 var(--prism-spacing-200);
}

.tooltip-table .section-border {
  border-left: 1px solid var(--prism-color-border-neutral-default);
}

.tooltip-metric-block {
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
  display: flex;
  gap: var(--prism-spacing-500);
  justify-content: space-around;
  max-width: 100%;
  padding: var(--prism-spacing-300);
  white-space: normal; /* Allow metric-label text to spill over to next line in combination with allow-label-text-wrapping prop. */
  width: 100%;
}

.tooltip-metric-block span[slot="metric-label"] {
  display: block;
  max-width: 190px;
}

.default-table-tooltip td {
  height: 24px;
  line-height: 24px;
}

.tooltip-benchmark-insight {
  min-width: 350px;
  width: fit-content;
}

.tooltip-benchmark-insight .default-table th,
.tooltip-benchmark-insight .default-table td {
  border: 0;
  padding-right: 0;
}

.tooltip-benchmark-insight .tooltip-table .tooltip-table__row {
  background-color: unset;
}

.tooltip-benchmark-insight .tooltip-table .tooltip-table__row--highlighted {
  background-color: var(--prism-color-background-info-subdued);
}

/* This stylesheet contains all custom power-select dropdown */
.rounded-dropdown {
  background: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  overflow: hidden;
  position: absolute;
  z-index: 1199; /* SelectInput z-index - 1 (for RevI MP datepicker) */
}

.my-hotels-disabled-message {
  color: var(--prism-color-text-neutral-subdued);
  height: 30px;
  padding-left: var(--prism-spacing-200);
}

.my-hotels-disabled-email {
  text-align: right;
}

.report-schedule-non-expanded-row {
  align-items: center;
  display: flex;
  height: 30px;
}

.report-schedule-expanded-content-wrapper .report-schedule-divider {
  background: var(--prism-color-border-neutral-default);
  height: 1px;
  margin-bottom: var(--prism-spacing-200);
  margin-top: var(--prism-spacing-200);
  width: 100%;
}

.report-schedule-expanded-content-wrapper .report-schedule-extra-info {
  color: var(--prism-color-text-neutral-subdued);
  height: 20px;
}

.report-schedule-expanded-content-wrapper
  .report-schedule-recipients-wrapper
  .left-column {
  line-height: 24px;
  width: 25%;
}

.report-schedule-expanded-content-wrapper
  .report-schedule-recipients-wrapper
  .right-column {
  width: 75%;
}

.filter-overview {
  /* line-height: 45px; */
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-subdued);
  display: table;
  height: 45px;

  /* worst case the filters can span more than 1 line? */

  /* doesn't work in Firefox? */

  /* http://html-tuts.com/min-height-not-working-display-table/ */
  min-height: 45px;
  padding-left: var(--prism-spacing-500);
  padding-right: var(--prism-spacing-500);
  width: 100%;
}

.filter-overview .filter-overview-values {
  display: table-cell;
  line-height: 18px;
  vertical-align: middle;
}

.schedule-reports-form-content {
  padding: var(--prism-spacing-500) var(--prism-spacing-500)
    var(--prism-spacing-200) var(--prism-spacing-500);
}

.reports-form-footer {
  padding: var(--prism-spacing-200) var(--prism-spacing-500)
    var(--prism-spacing-500) var(--prism-spacing-500);
}

.form-section {
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: 3px;
  padding: var(--prism-spacing-300);
}

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

.reports-schedule-scrollable-container {
  max-height: 500px;
  overflow-y: auto;
  position: relative;
}

.cell-editable-container {
  height: 35px;
  line-height: 35px;
  padding: 0 var(--prism-spacing-400);
  text-align: left;
  width: 100%;
}

.cell-editable-container .cell-editable-value-container {
  align-items: center;
  display: flex;
}

.cell-editable-container .cell-editable-value-container .cell-editable-value {
  display: inline-block;
  max-width: 90%;
}

.cell-editable-container .cell-editable-value-container .cell-editable-icon {
  cursor: pointer;
  margin-left: var(--prism-spacing-100);
  position: relative;

  /* Hide edit icon by default */
  visibility: hidden;
}

/* Underline text and show edit icon on hover */
.cell-editable-container
  .cell-editable-value-container:hover
  .cell-editable-value {
  cursor: pointer;
  text-decoration: underline;
}

.cell-editable-container
  .cell-editable-value-container:hover
  .cell-editable-icon {
  visibility: visible;
}

.cell-editable-container input {
  width: 100%;
}

.currency-select-input {
  width: 100%;
}

.currency-select-input .prism-select-input {
  width: 100%;
}

.button-bordered {
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  color: var(--prism-color-text-neutral-subdued);
  cursor: pointer;
  padding: var(--label-padding);
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties, declaration-property-value-no-unknown */
  user-select: -moz-none;
  user-select: none;

  --select-option-size: 16px;
  --label-padding: var(--prism-spacing-300);
}

.button-bordered__text {
  white-space: nowrap;
}

.button-bordered__select {
  background-color: var(--prism-color-elevation-surface);
  border: 2px solid var(--prism-color-interactive-border-neutral-idle);
  color: var(--prism-color-icon-inverse);
  display: grid;
  flex-shrink: 0;
  height: var(--select-option-size);
  margin-top: calc(
    (
        var(--prism-font-line-height-text-300-regular) -
          var(--select-option-size)
      ) /
      2
  ); /* Center vertically when only one line of text is present */

  place-content: center;
  width: var(--select-option-size);
}

.button-bordered__select.radio {
  border-radius: var(--prism-border-radius-circle);
}

.button-bordered__select.checkbox {
  border-radius: var(--prism-border-radius-100);
}

.button-bordered--disabled {
  background-color: var(--prism-color-elevation-surface);
  /* stylelint-disable-next-line declaration-no-important */
  border-color: var(--prism-color-general-neutral-200) !important;
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--prism-color-interactive-text-disabled) !important;
  cursor: initial;
}

.button-bordered--disabled .button-bordered__select.radio {
  background-color: var(--prism-color-interactive-background-disabled);
  border: none;
}

.button-bordered--disabled .button-bordered__select .circle {
  background-color: var(--prism-color-icon-inverse);
  border-radius: var(--prism-border-radius-circle);
  height: 8px;
  width: 8px;
}

.button-bordered--checked {
  border-color: var(--prism-color-interactive-background-primary-idle);
  border-width: 2px;
  color: var(--prism-color-text-neutral-default);
  padding: calc(
    var(--label-padding) - 1px
  ); /* Subtract 1px to prevent jumpiness because we increased the border from 1px to 2px. */
}

.button-bordered--checked .button-bordered__select {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border-color: var(--prism-color-interactive-background-primary-idle);
}

.button-bordered--checked .button-bordered__select .circle {
  background-color: var(--prism-color-icon-inverse);
  border-radius: var(--prism-border-radius-circle);
  height: 8px;
  width: 8px;
}

/* stylelint-disable declaration-no-important */
.button-bordered--checked:hover:not(.button-bordered--disabled) {
  border-color: var(
    --prism-color-interactive-background-primary-hover
  ) !important;
}

.button-bordered--checked:hover:not(.button-bordered--disabled)
  .button-bordered__select {
  background-color: var(
    --prism-color-interactive-background-primary-hover
  ) !important;
  border-color: var(
    --prism-color-interactive-background-primary-hover
  ) !important;
}

.button-bordered--checked:active:not(.button-bordered--disabled) {
  border-color: var(
    --prism-color-interactive-background-primary-pressed
  ) !important;
}

.button-bordered--checked:active:not(.button-bordered--disabled)
  .button-bordered__select {
  background-color: var(
    --prism-color-interactive-background-primary-pressed
  ) !important;
  border-color: var(
    --prism-color-interactive-background-primary-pressed
  ) !important;
}
/* stylelint-enable declaration-no-important */

.button-bordered:focus-visible {
  background-color: var(--prism-color-interactive-background-secondary-idle);
  border-color: var(--prism-color-elevation-surface);
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: 1px;
}

.button-bordered:hover:not(.button-bordered--disabled) {
  background-color: var(--prism-color-interactive-background-ghost-hover);
  border-color: var(--prism-color-interactive-border-neutral-hover);
  color: var(--prism-color-text-neutral-default);
}

.button-bordered:hover:not(.button-bordered--disabled)
  .button-bordered__select {
  border-color: var(--prism-color-interactive-border-neutral-hover);
}

.button-bordered:active:not(.button-bordered--disabled) {
  background-color: var(--prism-color-interactive-background-secondary-pressed);
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.button-bordered:active:not(.button-bordered--disabled)
  .button-bordered__select {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
}

.button-bordered input[type="radio"],
.button-bordered input[type="checkbox"] {
  appearance: none;
  position: absolute;
}

.visibility-boost-modal--header .recommendation-days {
  color: var(--prism-color-text-neutral-default);
}

.visibility-boost-modal--content
  .channel-list-container
  .channel-item:not(:last-child) {
  border-bottom: 0.5px solid var(--prism-color-border-neutral-default);
}

.no-filter-content {
  cursor: default;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
}

.vertical-filter-divider {
  background-color: var(--prism-color-border-neutral-default);
  height: 32px;
  width: 1px;
}

.ota-selections-container,
.selections {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.ota-selections-container.ranking-navbar,
.selections.ranking-navbar {
  padding: 14px 0;
}

.ota-selections-container.scrolling-enabled,
.selections.scrolling-enabled {
  justify-content: flex-start;
}

/* Specific for the room type selection, limit its options' widths */
.room-type-select-dropdown--max-width {
  max-width: 250px;
}

.rates-navbar {
  align-items: center;
  margin-right: var(--prism-spacing-500);
  min-width: 0; /* Need this to trigger the Perfect Scrollbar overflow (https://css-tricks.com/flexbox-truncated-text/) */
  position: relative;
  width: 100%;
}

.rates-navbar .rates-navbar__selections {
  display: flex;
  flex-grow: 2;
  margin: 0 var(--prism-spacing-200);
  min-width: 0; /* Need this to trigger the Perfect Scrollbar overflow (https://css-tricks.com/flexbox-truncated-text/) */
}

/* Test scrollable menu */
.rates-navbar-scroller {
  gap: var(--prism-spacing-200);
  height: 60px;
  margin: 0 var(--prism-spacing-200);
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.rates-navbar-scroller.ps--active-x .ps__rail-x {
  display: none;
}

.arrow-scrolling {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
}

.arrow-scrolling.disabled {
  cursor: default;
  opacity: 0.3;
}

.filter-icon {
  margin-right: var(--prism-spacing-100);
}

.no-padding-selection {
  padding: 0;
}

/*
  Styles related to the usage of a search in the sub nav bar
  https://www.templatemonster.com/help/how-to-change-the-placeholder-text-color-of-an-input.html#gref
*/
/* stylelint-disable-next-line selector-pseudo-element-no-unknown */
.select-wrapper .search-field input::input-placeholder {
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--prism-color-text-inverse) !important;
  opacity: 0.7;
}

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
.select-wrapper .search-field input:placeholder {
  /* Firefox 18- */
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--prism-color-text-inverse) !important;
  opacity: 0.7;
}

.select-wrapper .search-field input::placeholder {
  /* Firefox 19+ */
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--prism-color-text-inverse) !important;
  opacity: 0.7;
}

/* stylelint-disable-next-line selector-pseudo-class-no-unknown */
.select-wrapper .search-field input:input-placeholder {
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--prism-color-text-inverse) !important;
  opacity: 0.7;
}

.selections {
  height: 60px;
  line-height: 60px;
}

.selections--ota-row {
  color: var(--prism-color-text-neutral-default);
}

.selections--left-align {
  justify-content: flex-start;
  padding-left: 10px;
  padding-right: 10px;
}

/* Fixed width class, used to prevent web-components from not taking up space on initial load */

/* @see https://git.mylighthouse.com/ota-insight-repos/ota-insight-platform/ota-insight-frontend/frontend/-/merge_requests/3531 */
.button-compare {
  min-width: 100px;
}

.button-compare__popover {
  align-items: center;
  background-color: var(--prism-color-elevation-surface);

  /* Overwrite border style from .ember-popover class */
  border: 0;
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  display: flex;
  justify-content: center;
  padding: 0;
  z-index: 1000; /* Above the rates navbar but below the dropdown content */
}

.button-compare__popover .button-compare__popover__filters {
  padding: var(--prism-spacing-300);
}

.button-compare__popover .button-compare__popover__filters__label {
  color: var(--prism-color-text-neutral-default);
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  margin-bottom: var(--prism-spacing-200);
}

.button-compare__popover .button-compare__popover__filters__dropdowns {
  align-items: center;
}

.button-compare__popover
  .button-compare__popover__filters__dropdowns__dropdown {
  min-width: 180px;
  width: 100%;
}

.button-compare__popover .button-compare__popover__filters__dropdowns__vs {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
  margin: 0 var(--prism-spacing-200);
}

.button-compare__popover .button-compare__popover__actions {
  align-items: center;
  border-top: 1px solid var(--prism-color-border-neutral-default);
  justify-content: flex-end;
  padding: var(--prism-spacing-200) var(--prism-spacing-300);
}

.button-compare__popover .button-compare__popover__actions__note {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
}

.button-compare__popover .button-compare__popover__actions__buttons {
  gap: var(--prism-spacing-200);
  margin-left: var(--prism-spacing-200);
}

.button-compare__popover .tooltip-arrow {
  display: none;
}

.selections-container-with-hover .edit-button-wrapper {
  opacity: 0;
}

.selections-container-with-hover:hover .edit-button-wrapper {
  opacity: 1;
}

.parity-category-name {
  width: 25%;
}

.parity-category-otas {
  align-items: center;
  display: flex;
  width: 15%;
}

.parity-loss {
  color: var(--prism-color-text-critical-default);
}

.parity-meet {
  color: var(--prism-color-text-info-default);
}

.parity-win {
  color: var(--prism-color-text-warning-default);
}

.list-item-expandable {
  margin-bottom: var(--prism-spacing-400);
}

.list-item-expandable:last-child {
  margin-bottom: var(--prism-spacing-500);
}

.list-item-expandable:first-child {
  margin-top: var(--prism-spacing-500);
}

.parity-issue-table-header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
}

.parity-issue-table-body {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.parity-issue-table-body-container {
  max-height: 250px;
  position: relative;
}

.parity-issue-table .live-view {
  width: 150px;
}

.parity-issue-table .date {
  padding-left: var(--prism-spacing-500);
  width: 135px;
}

table.parity-issue-table th,
table.parity-issue-table td {
  height: initial;
  line-height: 34px;
}

.parity-section-loading-bar-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 var(--prism-spacing-200);
  width: 150px;
}

.parity-overview-no-data {
  color: var(--prism-color-text-neutral-subdued);
  height: 35px;
  line-height: 35px;
  margin: var(--prism-spacing-200) 0;
}

.section-info-icon {
  padding: 0 var(--prism-spacing-100);

  /* ToDo: remove icon position when info icon is center center aligned */
  position: relative;
  top: -2px;
}

.card-tile .perfect-scrollbar-container {
  border-radius: var(--prism-border-radius-100);
}

.item-issue-count {
  display: flex;
  flex-direction: column;
  height: 75px;
  justify-content: center;
  margin: 0 var(--prism-spacing-200);
  width: 250px;
}

.item-issue-count .issue-count-loading-bar-container {
  bottom: 5px;
  position: relative;
  width: 30px;
}

.item-issue-count .list-item-subtext {
  color: var(--prism-color-text-neutral-subdued);
  line-height: 18px;
  white-space: nowrap;
}

.item-total {
  display: flex;
  flex-direction: column;
  height: 75px;
  justify-content: center;
  width: 250px;
}

.total-progress-bar {
  display: flex;
  flex-direction: column;
  height: 15px;
  justify-content: center;
  width: 25%;
}

.total-progress-bar .progress-bar-container {
  height: 7px;
}

.progress-bar-loading-bar-container {
  width: 150px;
}

.total-number-loading-bar-container {
  width: 30px;
}

.list-item-subtext {
  color: var(--prism-color-text-neutral-subdued);
  line-height: 18px;
  white-space: nowrap;
}

.notification-dot {
  background: var(--prism-color-icon-critical-default);
  border-radius: 20px;
  height: 6px;
  width: 6px;
}

.weekday-btn {
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: 3px;
  color: var(--prism-color-text-neutral-subdued);
  cursor: pointer;
  display: inline-block;
  font-size: var(--prism-font-size-text-200-regular);
  height: 26px;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
  user-select: none;
  width: 25px;
}

.weekday-btn.disabled {
  cursor: initial;
  opacity: 0.5;
}

.weekday-btn.active {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border: 1px solid var(--prism-color-border-info-emphasis);
  color: var(--prism-color-text-inverse);
}

.ri-perf-metric-sticky-header-wrapper {
  background-color: var(--prism-color-elevation-surface);
  cursor: pointer;
  max-height: 0;
  min-width: 1280px;
  overflow: hidden;
  transition: max-height 250ms ease-out;
  z-index: 100; /* Must be 100 or below for prism-loading-bar z-index */
}

.ri-perf-metric-sticky-header-wrapper.visible {
  max-height: 35px;
}

.ri-perf-metric-sticky-header-wrapper .ri-perf-metric-sticky-header-content {
  display: flex;
  flex-wrap: nowrap;
  height: 35px;
  margin: 0 auto;
  max-width: 1840px;
  overflow: hidden;
  padding: 0 var(--prism-spacing-800);
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  flex-grow: 1;
  line-height: 35px;
  text-align: center;
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item:first-child {
  border-left: 1px solid var(--prism-color-border-neutral-default);
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item__container {
  display: flex;
  height: 100%;
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item__container
  .header-item:first-child {
  border-left: none;
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item__container
  .header-item:last-child {
  border-right: none;
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item
  button {
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item
  .kpi-name {
  display: inline;
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item
  .kpi-value {
  display: inline;
  margin-left: var(--prism-spacing-500);
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item
  .kpi-value
  .highlight {
  font-weight: 700;
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item
  :hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item
  :active {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
}

.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item.selected,
.ri-perf-metric-sticky-header-wrapper
  .ri-perf-metric-sticky-header-content
  .header-item
  .selected {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.action-container .visibility-checkbox {
  height: 100%;
  margin: 0;
}

.breakdown-disabled-message {
  color: var(--prism-color-text-neutral-subdued);
  margin-left: var(--prism-spacing-200);
}

.is-dragging .breakdown-display-item,
.breakdown-display-item--highlighted {
  background-color: var(--prism-color-background-neutral-subdued);
}

.dropdown__upload-container {
  /* same height as the calendar */
  height: 332px;

  /* width of the calendars + actions */
  width: 672px;
}

.poweredby--tripadvisor,
.poweredby--tripadvisor svg {
  height: 45px;
  width: 100px;
}

.platform-logo.white-label,
.platform-logo.white-label svg {
  height: 60px;
  margin-right: 0;
  width: 70px;
}

.platform-logo.tripadvisor,
.platform-logo.tripadvisor svg {
  height: 45px;
  width: 150px;
}

.poweredby {
  border-left: 1px solid var(--prism-color-border-neutral-emphasis);
  display: flex;
  flex-direction: column;
  height: 40px;
  justify-content: center;
  margin-left: var(--prism-spacing-200);
  padding-left: var(--prism-spacing-200);
  width: 100px;
}

.poweredby__text {
  color: var(--prism-color-text-neutral-subdued);
  font-size: 10px; /* hardcoded as exception */
  line-height: 16px;
}

.poweredby > .logo {
  display: flex;
}

.poweredby > .logo,
.poweredby > .logo svg {
  height: 18px;
  width: 18px;
}

.poweredby--tripadvisor {
  margin-left: var(--prism-spacing-200);
}

.day-detail {
  overflow: hidden;
  position: relative;
}

.strategy-evolution-container,
.rates-evolution-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.strategy-evolution-container .left-side-container,
.strategy-evolution-container .right-side-container,
.rates-evolution-container .left-side-container,
.rates-evolution-container .right-side-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 30px;
  padding-bottom: 100px;
  width: 5%;
}

.rse-curve,
.re-curve,
.bc-curve {
  min-height: 300px;
  overflow: hidden;
  width: 100%;
}

.re-curve {
  width: 90%;
}

.bc-curve {
  padding: 0 5%;
}

.offset-arrow-btn {
  color: var(--prism-color-text-neutral-subdued);
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  max-height: 25px;
  max-width: 30px;
  min-height: 25px;
  min-width: 30px;
  width: 30px;
}

/* Desperate measure to remove cursor pointer from markers */
#competitor-map div.gmnoprint {
  /* stylelint-disable-next-line declaration-no-important */
  cursor: default !important;
}

.competitor-search-container {
  align-items: center;
  border-color: var(--prism-color-border-neutral-default);
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: var(--prism-color-text-neutral-subdued);
  display: flex;
  font-size: var(--prism-font-size-text-300-regular);
  height: 55px;
}

.competitor-search-container .limit-reached {
  padding-left: var(--prism-spacing-500);
}

.competitor-search-container .competitor-search-input-container {
  flex-grow: 1;
  padding: 0 var(--prism-spacing-400);
}

/*
  Lighthouse: Insight Pages Styling Template
  Currently involved products:
    - Revenue Insight
    - Parity Insight
  Template generally consists out of selectable segmentation values grouped by blocks
  When adding new style sheets under RI or PA (or when a new product using insight pages arrives),
  Be sure to scope styles using a top-level class to keep things separate and clean.]
*/

:root {
  --card-header-inner-height: 24px;
  --card-header-height: calc(
    var(--card-header-inner-height) + 2 * var(--prism-spacing-400)
  );
  --block-value-height: 52px;
  --bar-height: 8px;
  --indent-container-width: var(--prism-spacing-500);
}

.section-title {
  margin: var(--prism-spacing-300) 0 var(--prism-spacing-400) 0;
}

.section-title .header-title {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-200);
}

.section-title .section-title-group {
  align-items: center;
  display: flex;
}

.insight-page-sticky-header {
  box-shadow: var(--prism-shadow-neutral-200);
  z-index: 10;
}

.title-box {
  font-size: var(--prism-font-size-text-200-regular);
  height: var(--card-header-inner-height);
}

.title-box--search-active {
  align-items: center;
  display: flex;
}

.title-box .title {
  color: var(--prism-color-text-neutral-default);
  flex-grow: 1; /* Make sure the title has enough space for the loading bar, otherwise it could collapse to 0px width */
}

/* Segmentation Blocks */
.block-card {
  position: relative;
}

.insight-grid {
  display: grid;
  gap: var(--prism-spacing-400);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.segmentation-block-content {
  background-color: var(--prism-color-elevation-surface);
  border-radius: 3px;
  box-shadow:
    0 1px 3px var(--prism-shadow-neutral-100),
    0 1px 2px var(--prism-shadow-neutral-100);
  height: inherit;
  overflow: hidden;
}

/* Search Input */
.segmentation-block-content .title-box .ember-text-field {
  border: 0;
  padding-left: var(--prism-spacing-100);
  position: relative;

  /* -50px to give way for the close button */
  width: calc(100% - 50px);
}

.segmentation-block-content .title-box .ember-text-field:focus {
  outline: none;
}

.segmentation-title-compare {
  color: var(--prism-color-general-neutral-600);
  display: flex;
}

.expand-arrow-icon-clickable-area {
  cursor: pointer;
  height: 52px;
  width: var(--prism-spacing-400);
}

.expand-arrow-icon-clickable-area:hover .button-expand-arrow {
  color: var(--prism-color-text-info-default);
}

.kpi-section-container {
  display: grid;
  gap: var(--prism-spacing-400);
  grid-auto-columns: minmax(0, 1fr); /* Make the columns equal width */
  grid-auto-flow: column; /* Make sure the grid is always a single row */
}

.kpi-title--tabs {
  align-items: center;
  display: flex;
  height: var(
    --card-header-height
  ); /* Set fixed width to match height with other cards */
}

.kpi-title--tabs .loading-state-title-container {
  margin-left: var(--prism-spacing-400);
}

.kpi-title--tabs nav.tabs {
  border-top-left-radius: var(--prism-border-radius-200);
  border-top-right-radius: var(--prism-border-radius-200);
  height: var(--card-header-height);
}

.kpi-title--tabs nav.tabs ol li {
  padding-left: 0;
}

.kpi-title--tabs nav.tabs ol li a {
  height: calc(
    var(--card-header-height) - 1px
  ); /* Subtract 1 px for the border bottom */
}

.kpi-title--tabs nav.tabs ol li a:hover .tab__info-icon,
.kpi-title--tabs nav.tabs ol li a.active .tab__info-icon {
  color: inherit;
}

.block-list-item-container {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: var(--prism-font-size-text-200-regular);
  justify-content: space-between;
  min-height: 50px;
  padding: 0 var(--prism-spacing-400) 0 0;
}

.block-list-item-container--segmentation {
  /* No spacing on the left side because we use indent-containers to determine the spacing for segmentation items. */
  padding-left: 0;
}

.block-list-item-container--hotel {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  padding-left: var(--prism-spacing-400);
}

.block-list-item-container .current-value,
.block-list-title-container .current-value {
  padding-right: var(--prism-spacing-100);
  width: 65%;
}

.block-list-item-container .current-value--target,
.block-list-title-container .current-value--target {
  width: 65%;
}

.block-list-item-container .reference-value,
.block-list-title-container .reference-value {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding-left: var(--prism-spacing-100);
  width: 35%;
}

.block-list-item-container .reference-value--target,
.block-list-title-container .reference-value--target {
  justify-content: flex-end;
  width: 35%;
}

.block-list-item-container .reference-value--row,
.block-list-title-container .reference-value--row {
  flex-direction: row;
  justify-content: space-between;
}

.block-list-item-container .reference-value__title,
.block-list-title-container .reference-value__title {
  color: var(--prism-color-text-neutral-subdued);
  padding-bottom: var(--prism-spacing-100);
}

.block-list {
  display: flex;
  flex-direction: column;
  position: relative;
}

.segmentation-block-card {
  overflow: hidden;
}

.segmentation-block-card .block-list {
  /* 250 + 1px to prevent Y scrollbar being visible all the time */
  height: 251px;
}

.segmentation-block-card__empty-state {
  margin-top: calc(
    var(--prism-spacing-100) * -1
  ); /* Hack: negative margin to properly fill the tight fixed height of the card */
}

.segmentation-block-card .title-box--search-active {
  height: auto;
}

.segmentation-data-container {
  align-items: center;
  cursor: inherit;
  display: flex;
  flex: 1;
  height: 100%;
  min-width: 0;
  padding: 0 var(--prism-spacing-200);
}

.segmentation-data-container--indentation-2 .current-value {
  width: calc(65% - var(--indent-container-width) * 0.35);
}

.segmentation-data-container--indentation-3 .current-value {
  width: calc(65% - var(--indent-container-width) * 0.35 * 2);
}

.segmentation-data-container--indentation-2 .reference-value {
  width: calc(35% + var(--indent-container-width) * 0.35);
}

.segmentation-data-container--indentation-3 .reference-value {
  width: calc(35% + var(--indent-container-width) * 0.35 * 2);
}

.indent-container {
  flex-shrink: 0; /* Do not shrink otherwise nested lines don't connect */
  height: 100%;
  width: var(--indent-container-width);
}

.indent-container:first-child {
  width: var(
    --prism-spacing-400
  ); /* Only 16px for the first one per row to align vertically with the card header */
}

.indent-container .expand-arrow-icon-clickable-area {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

/*
  Each indent container gets a vertical border, except for the first one (otherwise we would have a duplicate border on the side).
  This gives us the 'vertical helper lines' effect that show up to the left of expanded children.
*/
.indent-container:not(:first-child) {
  border-left: 1px solid var(--prism-color-border-neutral-emphasis);
  border-radius: var(--prism-border-radius-50);
}

.block-list-infinite-scroller {
  overflow-y: auto;
}

.redirect-to-hotel--minimal,
.redirect-to-hotel {
  justify-content: center;
  line-height: 52px;
  width: 100px;
}

.redirect-to-hotel {
  color: var(--prism-color-text-info-default);
  outline: none;
}

.segmentation-item--disabled,
.segmentation-item:disabled {
  /* stylelint-disable-next-line declaration-no-important */
  cursor: not-allowed !important;
}

.segmentation-item--selected {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.segmentation-item--selectable {
  cursor: pointer;
}

.segmentation-item--selectable:disabled {
  /* stylelint-disable-next-line declaration-no-important */
  cursor: not-allowed !important;
}

.segmentation-item--selectable:disabled:focus-within {
  outline: unset;
}

/* Don't apply the hover style to disabled item */
.segmentation-item--selectable:hover:not(.segmentation-item--disabled) {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.segmentation-item--selectable:active:not(.segmentation-item--disabled) {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
}

.breakdown-item {
  cursor: pointer;
  width: 100%;
}

.breakdown-item:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.breakdown-item:hover:not(:disabled) {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.breakdown-item:active:not(:disabled) {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
}

.breakdown-item--selected:not(:disabled) {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.bullet-chart-block {
  height: 264px; /* This is aprox the height of 5 bullet charts */
  overflow-y: auto;
}

.revenue-insight .stay-date-aggregation-container {
  align-items: center;
  display: flex;
  font-size: var(--prism-font-size-text-200-regular);
}

.revenue-insight
  .stay-date-aggregation-container
  .stay-date-aggregation__active-selection {
  display: inline-block;
  min-width: 35px;
}

.revenue-insight .stay-date-aggregation-container .stay-date-dropdown-label {
  color: var(--prism-color-text-neutral-default);
  margin-right: var(--prism-spacing-100);
}

.revenue-insight
  .revenue-insight-chart-outer-container.stay-date
  .stay-date-chart-container {
  height: 300px;
}

.revenue-insight .revenue-insight-chart-title-bar {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 35px;
  line-height: 35px;
  padding-left: var(--prism-spacing-400);
}

.revenue-insight .revenue-insight-chart-inner-container {
  /* 285 - 35 (title bar) - 16px (card inner padding) */
  height: 235px;
  width: 100%;
}

.revenue-insight .flex-date-picker-container {
  display: flex;
  flex-direction: row;
}

.revenue-insight .revenue-insight-date-picker-separator {
  text-align: center;
  width: 30px;
}

.tooltip-revenue-insight tr.border-top {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.tooltip-revenue-insight th.border-left {
  border-left: 1px solid var(--prism-color-border-neutral-default);
}

.tooltip-revenue-insight td {
  padding: var(--prism-spacing-400) var(--prism-spacing-300);
}

.tooltip-revenue-insight td.no-border {
  border: none;
}

.tooltip-revenue-insight td.data-discrepancy {
  padding-top: 0;
}

.tooltip-revenue-insight__row-title,
.tooltip-revenue-insight__row-title__subtitles {
  line-height: 16px;
  vertical-align: middle;
}

.tooltip-revenue-insight__row-title__subtitles {
  padding-left: var(--prism-spacing-300);
}

.tooltip-revenue-insight .tooltip-bar-value {
  line-height: 16px;
  padding-left: var(--prism-spacing-200);
}

.tooltip-revenue-insight .tooltip-section {
  color: var(--prism-color-text-neutral-subdued);
  max-width: initial;
  width: initial;
}

.incomplete-period-row {
  align-items: center;
  border-top: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  padding: var(--prism-spacing-200) var(--prism-spacing-200);
}

.revenue-insight-segmentation-value-tooltip {
  /* stylelint-disable-next-line declaration-no-important */
  background: var(--prism-color-elevation-surface) !important;
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--prism-color-text-neutral-subdued) !important;
  /* stylelint-disable-next-line declaration-no-important */
  font-size: var(--prism-font-size-text-200-regular) !important;
  /* stylelint-disable-next-line declaration-no-important */
  max-width: 900px !important;
  overflow: hidden;
  /* stylelint-disable-next-line declaration-no-important */
  padding: 0 !important;
  /* stylelint-disable-next-line declaration-no-important */
  text-shadow: none !important;

  /* Above the subheader & header if needed */
  /* stylelint-disable-next-line declaration-no-important */
  z-index: 210 !important;
}

.revenue-insight-segmentation-value-tooltip::after {
  /* stylelint-disable-next-line declaration-no-important */
  content: none !important;
}

.revenue-insight-segmentation-value-tooltip .incomplete-period-label {
  color: var(--prism-color-text-neutral-subdued);
}

.revenue-insight-segmentation-value-tooltip .incomplete-period-row {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-200) var(--prism-spacing-200);
}

.revenue-insight-segmentation-value-tooltip table {
  width: 100%;
}

.revenue-insight-segmentation-value-tooltip table thead {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-default);
}

.revenue-insight-segmentation-value-tooltip table thead tr {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.revenue-insight-segmentation-value-tooltip table thead th {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-100);
  text-align: center;
}

.revenue-insight-segmentation-value-tooltip table tbody:nth-child(odd) {
  background-color: var(--prism-color-elevation-surface);
}

.revenue-insight-segmentation-value-tooltip table tbody:nth-child(even) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.revenue-insight-segmentation-value-tooltip table tbody td {
  border-left: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-200) var(--prism-spacing-300);
}

.revenue-insight-segmentation-value-tooltip table tbody td.title {
  border-left: 0;
  color: var(--prism-color-text-neutral-default);
  max-width: 500px;
  min-width: 60px;
  text-align: left;
}

.revenue-insight-segmentation-value-tooltip
  table
  tbody
  .revenue-insight-tooltip-bar-graph {
  display: inline-block;
  margin-right: var(--prism-spacing-100);
}

.revenue-insight-segmentation-value-tooltip .tooltip-section.event-section {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.revenue-insight-segmentation-value-tooltip
  .tooltip-section.event-section
  table {
  width: 100%;
}

.tooltip-revenue-insight th:empty td:empty {
  padding: 0;
}

.rate--sold-out {
  color: var(--prism-color-text-neutral-subdued);
}

.gauge-label {
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
}

.parity-history--content {
  display: flex;
  height: 350px;
  justify-content: space-between;
  width: 100%;
}

.parity-history--content .parity-history-evolution-chart {
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  width: calc(100% - (284px + var(--prism-spacing-400)));
}

.parity-history--content .parity-score-widget {
  width: 284px;
}

.parity-history--strategy-content {
  height: 264px;
}

/* Mandatory to get the button to match design */
.parity-analytics-chart-refresh-button button {
  font-size: var(--prism-font-size-text-200-regular);
  height: 30px;
  line-height: 0;
  margin: 0;
  min-height: 0;
  padding: 2px 10px;
}

.highcharts-container {
  /* stylelint-disable-next-line declaration-no-important */
  overflow: visible !important;
  position: relative;
}

/* Issue type block */
.issue-type-chart-container {
  float: left;
  margin-bottom: 15px;

  /*
    Need to divide blocks in the same way we divide segmentation blocks
    -20px for the 2 gaps of 10px between, / 3 for three blocks, +10px for taking up 1 gap space
  */
  width: calc((100% - 20px) / 3 + 10px);
}

/*
  z-index issue for tooltips
  The leftmost chart gets the highest index to prevent tooltips from being hidden
  by another chart.
*/
.issue-type-chart-container .highcharts-container {
  /* stylelint-disable-next-line declaration-no-important */
  z-index: 110 !important;
}

.issue-type-chart-content {
  background-color: var(--prism-color-elevation-surface);
  border-radius: 3px;
  box-shadow:
    0 1px 3px var(--prism-shadow-neutral-100),
    0 1px 2px var(--prism-shadow-neutral-100);
  height: 100%;
  margin-right: 10px;
}

/*
  Set overflow hidden and some border-radius on highcharts svg container
  This allows us to set border-radius on the entire card
*/
.issue-type-chart-content .highcharts-root {
  border-radius: 3px;
  overflow: hidden;
}

/* Variance block container */
.variance-chart-container {
  float: left;
  margin-bottom: 15px;
  position: relative;

  /*
    Need to divide blocks in the same way we divide segmentation blocks
    -20px for the 2 gaps of 10px between, / 3 for three blocks, * 2 to make this block span 2 blocks, +10px for taking up 1 gap space
  */
  width: calc((100% - 20px) / 3 * 2 + 10px);
}

.variance-chart-container .highcharts-container {
  /* stylelint-disable-next-line declaration-no-important */
  z-index: 105 !important;
}

.variance-chart-content {
  background-color: var(--prism-color-elevation-surface);
  border-radius: 3px;
  box-shadow:
    0 1px 3px var(--prism-shadow-neutral-100),
    0 1px 2px var(--prism-shadow-neutral-100);
  height: 100%;
}

/* Exception to capitalisation, has weird effects in variance in .Com and the title is too sentence-like for capitalisation */
.variance-chart-content .parity-block-title-box .title {
  text-transform: none;
}

/*
  Set overflow hidden and some border-radius on highcharts svg container
  This allows us to set border-radius on the entire card
*/
.variance-chart-content .highcharts-root {
  border-radius: 3px;
  overflow: hidden;
}

/*
  Nudge uses margin-top
  This still allows highcharts left/right positioning and avoiding clipping with document edge
*/
.tooltip-nudge-up {
  margin-top: -140px;
}

.parity.segmentation-block-content {
  /* Make sure RI styles don't override things... */
  margin-left: 0;
  margin-right: 0;
}

.segmentation-value-loading-state-bar {
  float: left;
  width: 25%;
}

.segmentation-value-loading-state-bar.long {
  width: 100%;
}

.segmentation-value-loading-state-bar.value-spacing {
  margin-top: var(--prism-spacing-200);
}

.parity-score-widget .gauge-chart {
  height: 140px;
}

.parity-score-widget .widget-row {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: var(--prism-spacing-200);
  text-align: center;
}

.parity-score-widget .widget-row--large {
  height: 60px;
}

.parity-score-widget .widget-row--loading {
  align-items: center;
  display: flex;
  height: 24px; /* h3 line-height */
  justify-content: center;
}

.parity-score-widget .widget-row--top {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.parity-score-widget .widget-row:not(:last-of-type) {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

/* stylelint-disable-next-line selector-class-pattern */
.parity-score-widget .widget-row .width-1\/2:not(:last-child),
/* stylelint-disable-next-line selector-class-pattern */
.parity-score-widget .widget-row .width-1\/3:not(:last-child) {
  border-right: 1px solid var(--prism-color-border-neutral-default);
}

.tooltip-widget span {
  background: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-200);
}

.parity-tooltip-container {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-subdued);
  overflow: hidden;
}

.parity-tooltip-container .no-data-box {
  color: var(--prism-color-text-neutral-subdued);
  padding: var(--prism-spacing-200);
  text-align: center;
}

.parity-tooltip-container .parity-metrics {
  display: flex;
  justify-content: center;
}

.parity-tooltip-container .parity-metrics .box {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  flex: 1;
  padding: var(--prism-spacing-300) 0;
}

.parity-tooltip-container .parity-metrics .box .value {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  font-size: var(--prism-font-size-text-200-regular);
  padding: 0 var(--prism-spacing-600);
}

.parity-tooltip-container .parity-metrics .box .value:last-child {
  border-right: 0;
}

.parity-tooltip-container .parity-metrics .box .value__header {
  font-weight: bold;
  margin-bottom: var(--prism-spacing-100);
}

.parity-tooltip-container .parity-metrics .box:last-child {
  border-right: 0;
}

.parity-tooltip-container .parity-metrics .win-meet-loss {
  align-items: center;
  display: flex;
  justify-content: space-evenly;
  padding: var(--prism-spacing-200) 0;
}

.parity-trends-tooltip-container {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
  overflow: hidden;
  text-align: center;
  width: 440px;
}

.parity-trends-tooltip-container .tooltip-title {
  padding: var(--prism-spacing-100);
}

.parity-trends-tooltip-container .row {
  display: flex;
  padding: var(--prism-spacing-100) var(--prism-spacing-200);
}

.parity-trends-tooltip-container .row.selected {
  border-left: 3px solid;
  font-weight: bold;
}

.parity-trends-tooltip-container .row:nth-child(even) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.parity-trends-tooltip-container .row .market-name {
  text-align: left;
  width: 40%;
}

.parity-trends-tooltip-container .row .searches {
  width: 20%;
}

.parity-trends-tooltip-container .row .percentage {
  width: 20%;
}

.parity-trends-tooltip-container .row .total {
  width: 20%;
}

.parity-trends-tooltip-container .table-body {
  color: var(--prism-color-text-neutral-subdued);
}

.parity-trends-tooltip-container .table-header .row {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.parity-analytics .content-wrapper {
  display: flex;
  height: 60px;
  position: relative;
}

.sort-dropdown-trigger {
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  font-size: var(--prism-font-size-text-200-regular);
}

.segmentation-sort-and-selection-btn {
  background-color: initial;
  border: none;
  color: var(--prism-color-text-neutral-subdued);
  outline: none;
}

.revenue-insight-hidden-blocks {
  float: left;
  list-style: disc;
  padding-bottom: var(--prism-spacing-500);
  padding-left: var(--prism-spacing-1000);
  padding-top: var(--prism-spacing-500);
  text-align: left;
  width: 100%;
}

.revenue-insight-hidden-blocks li {
  padding: 1px;
}

/* Loading state animation */
@keyframes pulse {
  0% {
    /* stylelint-disable-next-line function-disallowed-list */
    background-color: rgb(235 235 235);
  }

  50% {
    /* stylelint-disable-next-line function-disallowed-list */
    background-color: rgb(245 245 245);
  }

  100% {
    /* stylelint-disable-next-line function-disallowed-list */
    background-color: rgb(235 235 235);
  }
}

.ri-info {
  /* wrote a specific style for the button with this class to have a color */
}

.ri-info__last-update-timestamp {
  align-items: center;
  color: var(--prism-color-text-neutral-subdued);
  display: flex;
}

.ri-info__currency {
  padding-left: var(--prism-spacing-200);
}

.ri-info__currency span {
  width: 20px;
}

.ri-info button.ri-info__currency {
  color: var(--prism-color-text-info-default);
}

.ri-info__full-portfolio {
  color: var(--prism-color-text-neutral-subdued);
}

.loading-bar-container {
  position: relative;
}

.tooltip-bar-container {
  align-items: center;
  justify-content: space-between;
}

.tooltip-bar {
  width: 60px;
}

.breakdown-settings-container {
  margin-left: var(--prism-spacing-200);
}

.portfolio-details-modal-footer {
  height: 100%;
}

.ri-modal .default-table td,
.ri-modal .default-table th {
  background-clip: border-box;
  color: var(--prism-color-text-neutral-subdued);
  height: 40px;
  padding-left: var(--prism-spacing-500);
  padding-right: var(--prism-spacing-500);
  text-align: left;
}

.redirect-to-issue-modal {
  color: var(--prism-color-text-neutral-default);
  text-decoration: underline;
}

.hotels-block-illustration {
  height: 285px;
  padding-top: var(--prism-spacing-400);
  position: relative;
}

.hotels-block-illustration .hotels-text-overlay {
  color: var(--prism-color-text-neutral-subdued);
  left: 0;
  position: absolute;
  top: var(--prism-spacing-400);
}

.hotels-block-illustration .illustration {
  left: 50%;
  max-height: 285px;
  min-height: 285px;
  padding-top: var(--prism-spacing-400);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.ri-view-selection {
  height: 60px;
}

.loading-state-title-container {
  flex-grow: 1;
}

.loading-state-title-container.centered {
  display: flex;
  justify-content: center;
}

.revenue-insight .card-content {
  overflow: hidden;
}

.revenue-insight .segmentation-block-card {
  height: 307px;
}

.revenue-insight .segmentation-block-card .block-list {
  height: 100%;
}

.revenue-insight .segmentation-block-card--with-show-all .card-content {
  height: 100%;
}

.revenue-insight
  .segmentation-block-card.segmentation-block-card--with-bottom-overlay {
  box-shadow: inset 0 -16px 4px -8px var(--prism-color-general-neutral-200);
}

.ri-single-reference-datepicker .sidebar {
  width: 300px;
}

@media (width <= 1300px) {
  .ri-single-reference-datepicker .dropdown-default {
    right: 100px; /* Push the dropdown to the left to avoid it being cut off by the right side of the screen. */
  }
}

.ri-banner {
  align-items: center;
  background-color: var(--prism-color-background-warning-subdued);
  border: 1px solid var(--prism-color-border-warning-default);
  border-radius: var(--prism-spacing-200);
  color: var(--prism-color-text-neutral-default);
  line-height: 20px;
  padding: var(--prism-spacing-300);
  position: relative;
  white-space: normal;
}

.total-revenue .reference-picker__content {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.total-revenue .reference-picker__calendar {
  border-left: 1px solid var(--prism-color-border-neutral-default);
}

.total-revenue .kpi-section {
  display: grid;
  gap: var(--prism-spacing-400);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.total-revenue .kpi-section .loading-content {
  height: 68px;
}

.total-revenue .kpi-section .kpi-item__reference {
  white-space: nowrap;
}

/* Hide filter button when row is not hovered/focused */
.total-revenue .table-portfolio .table-row--total .td-filter-container {
  display: none;
}

.total-revenue
  .table-portfolio
  .table-row--filterable:not(:hover):not(:has(.td-filter:focus-visible))
  .td-filter-container {
  /* stylelint-disable declaration-no-important */
  border-width: 0 !important;
  /* stylelint-disable-next-line property-no-deprecated */
  clip: rect(0, 0, 0, 0);
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
  /* stylelint-enable declaration-no-important */
}

.total-revenue .table-portfolio .table-row.table-row--filterable:hover {
  cursor: pointer;
}

.total-revenue .table-portfolio .table-row.table-row--selected td {
  background-color: var(--prism-color-background-info-subdued);
}

.total-revenue .table-portfolio .table-row.table-row--total td {
  background: var(--prism-color-background-neutral-subdued);
  border-top: 1px solid var(--prism-color-border-neutral-emphasis);
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  line-height: var(--prism-font-line-height-text-200-bold);
}

.total-revenue .chart-trend {
  height: 280px; /* Must match `chart.height` in `total-revenue/chart-trend.js` */
}

.total-revenue .contribution-breakdown {
  display: grid;
  gap: var(--prism-spacing-400);
  grid-template-columns: repeat(3, minmax(0, 1fr));

  /* Hide export button when row is not hovered/focused */
}

.total-revenue .contribution-breakdown.contribution-breakdown--with-selection {
  grid-template-columns: 1fr;
}

.total-revenue
  .contribution-breakdown
  .sources-table
  tr:not(:hover):not(:has(.td-export:focus-visible))
  .td-export-container {
  /* stylelint-disable declaration-no-important */
  border-width: 0 !important;
  /* stylelint-disable-next-line property-no-deprecated */
  clip: rect(0, 0, 0, 0);
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
  /* stylelint-enable declaration-no-important */
}

.total-revenue .contribution-breakdown .contribution-breakdown__card--loading {
  height: 300px;
}

.total-revenue .table-segment.table-segment--scrollable {
  --nr-of-rows: calc(15 + 1 + 2); /* 1 for header and 2 footer */
  --row-height: 32px;

  height: calc(var(--nr-of-rows) * var(--row-height));
}

.total-revenue .table-segment .table-row--footer .table-cell {
  background-color: var(--prism-color-background-neutral-subdued);
  border-top: 1px solid var(--prism-color-border-neutral-default);
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  line-height: var(--prism-font-line-height-text-200-bold);
}

.popover-how-to-read {
  background: var(--prism-color-elevation-surface);
  border: 0;
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-300);
  padding: var(--prism-spacing-400) var(--prism-spacing-500)
    var(--prism-spacing-500);
  width: 420px;
}

.popover-how-to-read__illustration {
  height: 170px;
}

.popover-how-to-read .popover-how-to-read__arrow {
  display: none;
}

.popover-how-to-read .popover-how-to-read__classifications {
  display: grid;
  gap: var(--prism-spacing-500) var(--prism-spacing-400);
  grid-template-columns: 1fr auto;
}

.transaction-mapping .filter-pill .filter-pill__content {
  max-width: 120px;
}

.transaction-mapping .filter-bar__extra-dropdown .picker {
  margin: unset;
}

.transaction-mapping .filter-bar__extra-dropdown .dropdown-default {
  top: calc(100% + var(--prism-spacing-200));
}

.benchmark-insight .header-title {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-300);
}

.benchmark-insight .export-button {
  color: var(--prism-color-text-info-default);
  height: auto;
}

.benchmark-insight .fake-loading-row:nth-child(odd) .table-loading-state-bar {
  width: 15%;
}

.benchmark-insight .fake-loading-row:nth-child(even) .table-loading-state-bar {
  width: 10%;
}

.benchmark-insight .border-top {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.benchmark-insight .market-composition-link {
  color: var(--prism-color-interactive-text-secondary-idle);
  font-weight: var(--prism-font-weight-text-400-regular);
  text-decoration: underline;
}

.benchmark-insight .chart-legend {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.benchmark-insight .chart-legend .chart-legend-item {
  margin: var(--prism-spacing-100);
  white-space: nowrap;
}

.benchmark-insight .chart-legend .chart-legend-item--disabled {
  cursor: not-allowed;
}

.details {
  box-sizing: border-box;
}

.details__container__section:not(:last-child) {
  margin-bottom: var(--prism-spacing-600);
}

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

.details__container__section__body--details-container {
  display: flex;
  gap: var(--prism-spacing-200);
}

.details__container__section__body--smart-compset {
  background-color: transparent;
  border-radius: 0;
  flex-wrap: wrap;
  padding: 0;
}

.details__container__section__body__item--smart-compset {
  max-width: 130px;
  overflow: hidden;
  text-wrap: nowrap;
}

.details__container__section__body__item--full-width {
  grid-column: span 2;
}

.details__container__section__body__item__title {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-100);
  white-space: nowrap;
}

.details__container__section__body__item--sub-title {
  color: var(--prism-color-text-neutral-subdued);
  white-space: nowrap;
}

.market-composition {
  width: 745px;
}

.market-composition__help-link {
  font-size: var(--prism-font-size-text-200-medium);
  font-weight: var(--prism-font-weight-text-200-medium);
}

.market-composition__content {
  display: grid;
  gap: var(--prism-spacing-500);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  height: 465px;
  margin: var(--prism-spacing-500);
  width: 745px;
}

.market-composition__content > :only-child {
  /* Make single child elements take the full width of the grid. This is to make the details take full width when the map is not shown. */
  grid-column: 1/-1;
}

.market-composition__content--details {
  width: 100%;
}

/* Google Maps InfoWindow styles for the own hotel marker. */
.market-composition__content__map .gm-style-iw-t .gm-style-iw {
  /* stylelint-disable-next-line declaration-no-important */
  padding: 0 !important;
}

/* Hide the close button. */
.market-composition__content__map .gm-style-iw-t .gm-style-iw button {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.market-composition__content__map .gm-style-iw-t .gm-style-iw .gm-style-iw-d {
  margin: 0;
}

.market-composition__content__map .gm-style-iw-t .gm-style-iw .gm-style-iw-ch {
  padding-top: 0;
}

/* Hide the upside-down triangle underneath the InfoWindow bubble. */
.market-composition__content__map .gm-style-iw-t .gm-style-iw-tc {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.upsell-banner {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-200);
  border-top: 1px solid var(--prism-color-general-neutral-300);
  box-shadow: 0 -24px 30px 0 var(--prism-shadow-neutral-100);
  width: 100vw;
}

.upsell-banner__info {
  margin: 56px 80px;
  min-width: 640px;
}

.upsell-banner__info__title {
  width: 300px;
}

.upsell-banner__info__content {
  font-size: var(--prism-font-size-text-300-regular);
  width: 300px;
}

.upsell-banner__info__content__benefit {
  align-items: start;
}

.upsell-banner__image {
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  border-radius: 0 var(--prism-border-radius-200) 0 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.upsell-banner__image img {
  max-width: none;
}

.benchmark-insight__chart-breakdown {
  min-height: 340px;
}

.benchmark-insight__chart-breakdown__header {
  margin-bottom: var(--prism-spacing-400);
}

.benchmark-insight__chart-breakdown__header__axis-buttons {
  align-items: flex-end;
  display: flex;
  gap: var(--prism-spacing-600);
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.benchmark-insight__chart-breakdown__header__axis-buttons__los-option-dropdown {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-300);
  overflow: hidden;
}

.benchmark-insight__chart-breakdown__header__axis-buttons__los-option-dropdown__label {
  color: var(--prism-color-text-neutral-emphasis);
}

.benchmark-insight__chart-breakdown__header__axis-buttons__container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.benchmark-insight__chart-breakdown__skeleton {
  height: 190px;

  /*
    Technically, the LOS chart doesn't have a right axis so it doesn't need spacing on the right side.
    But it looked weird to have the skeleton not in the center.
  */
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  margin-left: 80px;
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  margin-right: 80px;
}

.data-sync-status {
  cursor: default;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties, declaration-property-value-no-unknown */
  user-select: -moz-none;
  user-select: none;
}

.data-sync-status__header {
  color: var(--prism-color-text-neutral-subdued);
}

.data-sync-status__tooltip__frequency {
  min-width: 280px;
  padding-top: var(--prism-spacing-100);
}

.data-sync-status__tooltip__table tr td:first-child {
  padding: 0;
}

.data-sync-status__tooltip__table tr:nth-child(odd) {
  background-color: transparent;
}

.data-sync-status__tooltip__table.in-sync tr:last-child td {
  border: 0;
}

.data-sync-status__tooltip__table__row__cell {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.data-sync-status__tooltip__table__row__cell.date {
  text-align: right;
}

.data-sync-status__tooltip__table__row__cell__identifier .identifier-bullet {
  background: var(--prism-color-general-success-500);
  margin: 0;
}

.data-sync-status__tooltip__table__row__cell__identifier
  .identifier-bullet--invalid {
  background: var(--prism-color-general-neutral-00);
  border: 2px solid var(--prism-color-general-critical-500);
}

.data-sync-status__tooltip__table__row__cell__name {
  color: var(--prism-color-text-neutral-emphasis);
  font-weight: var(--prism-font-weight-text-200-medium);
}

.data-sync-status__tooltip__table__row__cell__date {
  color: var(--prism-color-text-neutral-subdued);
}

.data-sync-status__tooltip__table__row__cell__status {
  background: var(--prism-color-general-success-500);
}

.terms-and-conditions {
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-general-neutral-300);
  border-radius: var(--prism-border-radius-200);
  color: var(--prism-color-text-neutral-emphasis);
  font-size: var(--prism-font-size-text-300-regular);
  min-width: 800px;
  padding: var(--prism-spacing-1000) 56px;
}

.custom-reporting__sidebar {
  --base-indent: 24px;
  --base-guide-indent: 15px;
  --sidebar-width: 300px;

  background-color: var(--prism-color-elevation-surface);
  border-right: 1px solid var(--prism-color-border-neutral-default);
  max-width: var(--sidebar-width);
  min-width: var(--sidebar-width);
  transition: all 0.2s ease-in-out;
  width: var(--sidebar-width);
}

.custom-reporting__sidebar .sidebar-header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  min-height: 49px;
}

.custom-reporting__sidebar .sidebar-content {
  overflow-y: auto;
}

.custom-reporting__sidebar .sidebar-footer {
  background-color: var(--prism-color-background-neutral-subdued);
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.custom-reporting__sidebar .sidebar-category {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.custom-reporting__sidebar .sidebar-category:last-child {
  border-bottom: none;
}

.custom-reporting__sidebar .sidebar-item {
  border-radius: var(--prism-border-radius-200);
  color: var(--prism-color-text-neutral-emphasis);
  overflow: hidden;
}

.custom-reporting__sidebar .sidebar-item .folder-button,
.custom-reporting__sidebar .sidebar-item .dashboard-button {
  height: var(--prism-spacing-800);
  min-width: 0;
}

.custom-reporting__sidebar .sidebar-item.main-folder {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-heading-4);
  font-weight: var(--prism-font-weight-heading-4);
  line-height: var(--prism-font-line-height-heading-4);
}

.custom-reporting__sidebar .sidebar-item .actions {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
}

.custom-reporting__sidebar
  .sidebar-item
  .actions
  [aria-expanded="true"]
  button {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.custom-reporting__sidebar .sidebar-item:hover,
.custom-reporting__sidebar .sidebar-item:has([aria-expanded="true"]) {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.custom-reporting__sidebar .sidebar-item:hover .actions,
.custom-reporting__sidebar .sidebar-item:has([aria-expanded="true"]) .actions {
  opacity: 1;
  visibility: visible;
}

.custom-reporting__sidebar .sidebar-item.sidebar-item--active {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.custom-reporting__sidebar .folder-item {
  color: var(--prism-color-text-neutral-emphasis);
  display: flex;
  overflow: hidden;
}

.custom-reporting__sidebar .folder-item--nested {
  margin-left: calc(var(--base-indent) * var(--level));
}

.custom-reporting__sidebar .dashboard-item {
  margin-left: calc(var(--base-indent) * var(--level));
}

.custom-reporting__sidebar.custom-reporting__sidebar--collapsed {
  max-width: 48px;
  min-width: 48px;
  overflow: hidden;
  width: 48px;
}

.custom-reporting__sidebar.custom-reporting__sidebar--collapsed
  .sidebar-content,
.custom-reporting__sidebar.custom-reporting__sidebar--collapsed .sidebar-footer,
.custom-reporting__sidebar.custom-reporting__sidebar--collapsed
  .create-dashboard-button,
.custom-reporting__sidebar.custom-reporting__sidebar--collapsed .home-button,
.custom-reporting__sidebar.custom-reporting__sidebar--collapsed .home-title {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.custom-reporting__sidebar.custom-reporting__sidebar--collapsed
  .sidebar-header {
  border-bottom-color: transparent;
  /* stylelint-disable-next-line declaration-no-important */
  padding-left: var(--prism-spacing-200) !important;
}

.custom-reporting__sidebar .sidebar-items-wrapper.show-guide {
  position: relative;
}

.custom-reporting__sidebar .sidebar-items-wrapper.show-guide::after {
  background-color: var(--prism-color-border-neutral-default);
  content: "";
  height: 100%;
  left: calc(var(--base-guide-indent) + var(--base-indent) * var(--level));
  position: absolute;
  top: 0;
  width: 1px;
}

.custom-reporting__sidebar.view-only {
  max-width: unset;
  width: 100%;
}

.custom-reporting-form .location {
  display: flex;
}

.custom-reporting-form .location .title {
  color: var(--prism-color-text-neutral-default);
}

.custom-reporting-form .location .breadcrumbs {
  color: var(--prism-color-text-neutral-subdued);
}

.custom-reporting-form .location .breadcrumbs span {
  min-width: 12px;
}

.custom-reporting-form .location .breadcrumbs span:first-child {
  min-width: min-content;
}

.custom-reporting-form .location .breadcrumbs span:last-child {
  color: var(--prism-color-text-neutral-emphasis);
}

.custom-reporting-form .location .breadcrumbs span:last-child:not(.two-level) {
  min-width: max-content;
}

.custom-reporting--actions-dropdown li.ember-power-select-option:last-child {
  color: var(--prism-color-text-critical-default);
}

.custom-reporting__dashboard-header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  min-height: 49px;
}

.custom-reporting__dashboard-header .dashboard-title {
  color: var(--prism-color-text-neutral-emphasis);
  font-size: var(--prism-font-size-heading-3);
  font-weight: var(--prism-font-weight-heading-3);
  line-height: var(--prism-font-line-height-heading-3);
}

.custom-reporting__thumbnail {
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid transparent;
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.custom-reporting__thumbnail .thumbnail__image {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  /* stylelint-disable-next-line declaration-no-important */
  border-bottom-left-radius: 0 !important;
  /* stylelint-disable-next-line declaration-no-important */
  border-bottom-right-radius: 0 !important;
  /* stylelint-disable-next-line declaration-no-important */
  min-height: 152px !important;
  overflow: hidden;
}

.custom-reporting__thumbnail .thumbnail__image img {
  transform: scale(1.1);
}

.custom-reporting__thumbnail .thumbnail__subtitle {
  color: var(--prism-color-text-neutral-subdued);
}

.custom-reporting__thumbnail.thumbnail--loading .thumbnail--content {
  justify-content: space-between;
  min-height: 54px;
}

.custom-reporting__thumbnail:not(.thumbnail--loading):hover {
  border-color: var(--prism-color-interactive-border-neutral-hover);
  box-shadow: var(--prism-shadow-neutral-200);
}

.custom-reporting__thumbnail:not(.thumbnail--loading):active {
  border-color: var(--prism-color-interactive-border-neutral-pressed);
  box-shadow: var(--prism-shadow-neutral-200);
}

.custom-reporting__table .report-actions {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  visibility: hidden;
}

.custom-reporting__table tr:hover .report-actions,
.custom-reporting__table tr:focus-within .report-actions {
  opacity: 1;
  visibility: visible;
}

.compset-column-widths {
  display: grid;
  gap: var(--prism-spacing-400);
  grid-template-columns: 1fr 55px 120px;
}

.beni-compset-panel__container__content__map-container #competitor-map {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.compset #competitor-map {
  border-radius: var(--prism-border-radius-200);
  min-height: 500px;
}

.compset-builder__header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 60px;
}

.compset-builder__header .compset-builder__header__step-indicator {
  width: 300px;
}

.compset-builder__body {
  --header-height: 100px;

  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  position: relative;

  /* Using transform so that we can use position: fixed on the header and right sidebar. */
  transform: translate(0, 0);
}

.compset-builder__body--with-banner {
  --header-height: 162px;
}

.compset-builder__body #competitor-map {
  border-radius: var(--prism-border-radius-200);
}

.compset-builder__body .compset-builder__body__header {
  min-height: var(--header-height);
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 5;
}

.compset-builder__body .compset-builder__body__right-sidebar {
  margin-left: auto;
  min-height: calc(100% - var(--header-height));
  position: sticky;
  top: var(--header-height);
  width: 50%;
}

.compset-builder__body .compset-builder__body__content {
  position: absolute;
  top: var(--header-height);
  width: 50%;
}

.compset-builder__body .divider-line {
  background-color: var(--prism-color-border-neutral-default);
  height: 1px;
}

.stepper-panel {
  border-radius: var(--prism-border-radius-200) var(--prism-border-radius-200) 0
    0;
}

.stepper-panel .stepper-panel-step {
  --stepper-panel-step-icon-size: 32px;
}

.stepper-panel .stepper-panel-step .stepper-panel-step__icon {
  min-height: var(--stepper-panel-step-icon-size);
  min-width: var(--stepper-panel-step-icon-size);
  position: relative;
}

.stepper-panel
  .stepper-panel-step
  .stepper-panel-step__icon
  .stepper-panel-step__icon__content {
  background-color: var(--prism-color-general-neutral-200);
  border-radius: 45px;
  min-height: var(--stepper-panel-step-icon-size);
  min-width: var(--stepper-panel-step-icon-size);
  position: relative;
  z-index: 10;
}

.stepper-panel
  .stepper-panel-step
  .stepper-panel-step__icon
  .stepper-panel-step__icon__content--complete {
  background-color: var(--prism-color-icon-success-default);
}

.stepper-panel
  .stepper-panel-step
  .stepper-panel-step__icon
  .stepper-panel-step__icon__content--selected {
  background-color: var(--prism-color-icon-info-default);
}

.stepper-panel .stepper-panel-step .stepper-panel-step__icon--with-line::after {
  border-left: 2px dashed var(--prism-color-border-neutral-emphasis);
  content: "";
  height: calc(
    var(--stepper-panel-step-icon-size) + var(--prism-spacing-600)
  ); /* Icon height + spacing between steps */

  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
  width: 0; /* Makes sure the line is centered on the icon, because we translateX the line */
  z-index: 0; /* Show the dashed line behind the icon */
}

.stepper-panel .stepper-panel-step:last-child .stepper-panel-step__icon::after {
  display: none;
}

.tab-smart-compset {
  display: grid;
  grid-template-columns: 1fr 3fr;
  height: 100%;
  position: relative; /* Necessary for Prism::LoadingBar */
}

.tab-smart-compset__sidebar {
  border-right: 1px solid var(--prism-color-border-neutral-emphasis);
  padding: var(--prism-spacing-600);
}

.tab-smart-compset__sidebar__item {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  font-size: var(--prism-font-size-text-300-regular);
  gap: var(--prism-spacing-200);
  overflow: hidden;
  padding: var(--prism-spacing-300) var(--prism-spacing-200);
  text-overflow: ellipsis;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties, declaration-property-value-no-unknown */
  user-select: -moz-none;
  user-select: none;
  white-space: nowrap;
}

.tab-smart-compset__details {
  padding: var(--prism-spacing-600);
  position: relative; /* Necessary for Prism::LoadingBar */
}

/* Overwrite min-height from market-composition-details.css */
.tab-smart-compset__details .details__container__section {
  min-height: 0;
}

.smart-compset__builder__header {
  align-items: center;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: grid;
  grid-template-columns: auto 1fr auto;
  overflow: hidden;
  padding: var(--prism-spacing-500);
}

.smart-compset__builder__header__title {
  font-size: var(--prism-font-size-heading-3);
  font-weight: var(--prism-font-weight-heading-3);
  line-height: var(--prism-font-line-height-heading-3);
}

.smart-compset__builder__header__step-indicator {
  justify-self: center;
  margin-left: -75px;
  width: 300px;
}

.smart-compset__builder__body {
  display: flex;
  gap: var(--prism-spacing-1000);
  height: 100%;
  justify-content: center;
  padding: var(--prism-spacing-1000) 56px;
}

.smart-compset__builder__body--weights {
  margin-right: 0;
}

.smart-compset__builder__body__left {
  display: flex;
  flex-basis: 43%;
  justify-content: flex-end;
}

.smart-compset__builder__body__left__info {
  align-items: flex-start;
  display: grid;
  gap: var(--prism-spacing-400);
  grid-template-rows: auto auto 1fr;
  width: 300px;
}

.smart-compset__builder__body__left__info__illustration {
  align-self: flex-end;
}

.smart-compset__builder__body__left__info__illustration .illustration,
.smart-compset__builder__body__left__info__illustration svg {
  height: 240px;
  width: 240px;
}

.smart-compset__builder__body__right {
  flex-basis: 57%;
}

.smart-compset__builder__body__right__content__categories {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: var(--prism-spacing-400);
  height: fit-content;
  width: 515px;
}

.smart-compset__builder__body__right__content__categories__category {
  width: fit-content;
}

.smart-compset__builder__body__right__content__weights {
  overflow: hidden auto;
}

.smart-compset__builder__body__right__content__weights--container {
  height: 603px;
  overflow: hidden auto;
}

@media (1024px <= width <= 1375px) {
  .smart-compset__builder__body__right__content__weights--container {
    height: 555px;
  }
}

.smart-compset__builder__body__right__content__weights :first-child {
  margin-top: 0;
}

.smart-compset__builder__body__right__content__weights__weight {
  margin-top: var(--prism-spacing-800);
  width: 500px;
}

.smart-compset__builder__body__right__content__weights__weight__label {
  color: var(--prism-color-text-info-default);
  text-align: center;
}

.smart-compset__builder__body__right__content__weights__weight__tick-labels {
  /*
    Clean fix to make sure the middle tick label is aligned nicely in the center.
    https://stackoverflow.com/a/32546033
  */
  display: flex;
  justify-content: center;
}

.smart-compset__builder__body__right__content__weights__weight__tick-labels
  :first-child
  > span {
  margin-right: auto;
}

.smart-compset__builder__body__right__content__weights__weight__tick-labels
  :last-child
  > span {
  margin-left: auto;
}

.smart-compset__builder__body__right__content__weights__weight__tick-labels__tick-label {
  display: flex;
  flex: 1;
  justify-content: center;
}

.smart-compset__builder__body__right__content__review {
  align-self: flex-start;
  flex-wrap: wrap;
  gap: var(--prism-spacing-200);
  height: fit-content;
  width: 515px;
}

.smart-compset__builder__body__right__content__review__category {
  background: var(--prism-color-general-neutral-100);
  border-radius: var(--prism-border-radius-200);
  padding: var(--prism-spacing-100) var(--prism-spacing-400);
}

.smart-compset__builder__body__validation {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-800);
  height: 100%;
  justify-content: center;
  padding: var(--prism-spacing-1000) var(--prism-spacing-1000) 100px;
  text-align: center;
  width: 100%;
}

.smart-compset__builder__body__validation__labels__sublabel {
  color: var(--prism-color-text-neutral-subdued);
}

.smart-compset__builder__footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.smart-compset__builder__footer :only-child {
  margin-left: auto;
}

.smart-compset-builder-ai-suggestions {
  border: 1px solid var(--prism-color-border-intelligence-default);
  border-radius: var(--prism-border-radius-200);
  height: fit-content;
  margin-top: var(--prism-spacing-1000);
  overflow: hidden;
  width: 515px;
}

.smart-compset-builder-ai-suggestions__header {
  align-items: center;
  background: var(--prism-color-general-intelligence-50);
  display: flex;
  gap: var(--prism-spacing-100);
  height: 52px;
  padding: var(--prism-spacing-400);
}

.smart-compset-builder-ai-suggestions__body {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-100);
  height: 60px;
  padding: var(--prism-spacing-500) var(--prism-spacing-400);
}

.more-events-modal-wrapper {
  color: var(--prism-color-text-neutral-subdued);
  height: 100%;
  padding: var(--prism-spacing-500);
}

/* Placed here because of different CSS scope in modal + different positioning than calendar event bars */
.more-events-modal-wrapper .event-bar {
  margin-bottom: var(--prism-spacing-100);
  position: relative;

  /* extra for these bars */

  /* Fixed width of 400px for the events: the modal is sized to it's content. This is just wide enough to display the full title in the header */
  width: 450px;
}

.reports-status-section {
  border-radius: 5px;
  margin: var(--prism-spacing-200);
  padding: 0 var(--prism-spacing-200);
  text-align: left;
}

.reports-status-section__title {
  height: 30px;
  line-height: 30px;
}

.reports-status-section__list {
  line-height: 15px;
  list-style: disc;
  padding: var(--prism-spacing-200) var(--prism-spacing-400);
}

.modal-trial-indication-image-wrapper {
  background: var(--prism-color-elevation-surface);
  height: auto;
  margin: var(--prism-spacing-1000) 0 var(--prism-spacing-500);
  position: relative;
}

.modal-trial-indication-sign-up-content {
  background: var(--prism-color-elevation-surface);
  min-height: 275px;
  padding: var(--prism-spacing-500);
}

.modal-trial-indication-sign-up-content.centered {
  text-align: center;
}

.modal-trial-indication-sign-up-content .main-text {
  line-height: 16px;
}

.modal-trial-indication-sign-up-content .postscript-text {
  color: var(--prism-color-text-neutral-subdued);
}

.modal-trial-indication-sign-up-content .sign-up-success-title {
  display: inline-block;
  padding: var(--prism-spacing-300) 0 0;
}

.modal-trial-indication-sign-up-content--success {
  min-height: inherit;
  padding-bottom: var(--prism-spacing-1000);
}

.modal-trial-indication-sign-up-content--success .sign-up-success-title {
  margin-bottom: var(--prism-spacing-200);
  padding-top: 0;
}

.modal-trial-indication-sign-up-content .modal-trial-indication-cta-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: var(--prism-spacing-500);
  margin-top: var(--prism-spacing-500);
}

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

.card-tile--overflow-hidden {
  overflow: hidden; /* Helpful when the content overflows and overlaps with the border radius */
}

.card-tile--expandable {
  /* line-height 20px + 2 * padding 12px */
  max-height: 44px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.card-tile--expanded {
  max-height: unset; /* Unset the --expandable max-height */
}

.card-tile--loading {
  height: 300px;
}

.card-tile__title {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  line-height: 20px;
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.card-tile__title[role="button"] {
  cursor: pointer;
}

/*
  In the future the card component will ideally be used across app
  Currently we have center alignment in the target settings and the kpi headers, left alignment for breakdown cards
*/
.card-tile__title--centered {
  font-size: var(--prism-font-size-text-300-regular);
  text-align: center;
}

.card-tile__title--large {
  font-size: var(--prism-font-size-text-400-regular);
  line-height: 21px;
}

.card-tile__content {
  flex-grow: 1; /* makes sure the footer stays at the bottom */
}

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

.card-tile__footer prism-button:nth-child(2),
.card-tile__footer label:nth-child(2) {
  margin-left: var(--prism-spacing-400);
}

.x-axis-label-with-icon {
  align-items: center;
  display: flex;
  flex-direction: column;
  line-height: 16px;
}

/* Used in gauge charts for MI & ED */
.gauge-chart-border {
  stroke: var(--prism-color-border-inverse-emphasis);
  stroke-width: 1px;
}

.chart-legend {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 85%;
}

.dot,
.column {
  background-color: var(--prism-color-general-neutral-600);
  border-radius: 100%;
  flex-shrink: 0;
  height: 8px;
  width: 8px;
}

.dot-large {
  background-color: var(--prism-color-general-neutral-600);
  border-radius: 100%;
  flex-shrink: 0;
  height: 12px;
  width: 12px;
}

.line {
  background-color: var(--prism-color-general-neutral-600);
  height: 3px;
  width: 15px;
}

.chart-legend-item {
  margin-right: var(--prism-spacing-400);
  max-width: 300px;
}

.chart-legend-item .capacity {
  background-color: var(--prism-color-chart-accent-secondary-figure-subdued);
}

.chart-legend-item .last-year {
  background-color: var(--prism-color-chart-categorical-19);
}

.chart-legend-item .transient {
  background-color: var(--prism-color-chart-categorical-17);
}

.chart-legend-item .group {
  background-color: var(--prism-color-chart-categorical-17);
}

.chart-legend-item .normal {
  background-color: var(--prism-color-chart-accent-primary-figure-default);
}

.chart-legend-item .positive-change {
  background-color: var(--prism-color-chart-status-figure-success-normal);
}

.chart-legend-item .negative-change {
  background-color: var(--prism-color-chart-status-figure-critical-normal);
}

.chart-legend-item .pickup-ly-visible {
  background-color: transparent;
  border-bottom: 3px dotted
    var(--prism-color-chart-accent-primary-figure-subdued-visible);
}

.chart-legend-item .short-term-rental-otb {
  background-color: var(--prism-color-chart-categorical-02);
}

.chart-legend-item .short-term-rental-pickup {
  background-color: var(--prism-color-chart-categorical-03);
}

.chart-legend-item .current {
  background-color: var(--prism-color-chart-sequential-info-11);
}

.chart-legend-item .previous {
  background-color: var(--prism-color-chart-accent-primary-figure-subdued);
}

.chart-legend-item .last-year-data {
  background-color: var(--prism-color-chart-categorical-19-data);
}

.chart-legend-item .rates {
  background-color: var(--prism-color-chart-status-figure-warning-normal);
}

.chart-legend-item .pickup-ly {
  background-color: var(--prism-color-chart-accent-primary-figure-subdued);
}

.chart-legend-item .budget {
  background-color: var(--prism-color-chart-accent-secondary-figure-emphasis);
}

.chart-legend-item .forecast {
  background-color: var(--prism-color-chart-accent-secondary-figure-emphasis);
}

.chart-legend-item .cancellations,
.chart-legend-item .cancellations--this-year {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--prism-color-elevation-surface) !important;
  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);
}

.chart-legend-item .cancellations--last-year {
  background-color: var(--prism-color-chart-categorical-16);
}

.chart-legend-item .my-otb {
  background-color: var(--prism-color-chart-accent-secondary-figure-subdued);
}

.chart-legend-item .benchmark-insight-dataset-own {
  background-color: var(--prism-color-chart-sequential-neutral-09);
}

.chart-legend-item .benchmark-insight-dataset-own-reference {
  background-color: var(--prism-color-chart-sequential-neutral-04);
}

.chart-legend-item .benchmark-insight-dataset-primary {
  background-color: var(--prism-color-chart-sequential-warning-05);
}

.chart-legend-item .benchmark-insight-dataset-primary-reference {
  background-color: var(--prism-color-chart-sequential-warning-02);
}

.chart-legend-item .benchmark-insight-dataset-secondary {
  background-color: var(--prism-color-chart-sequential-info-09);
}

.chart-legend-item .benchmark-insight-dataset-secondary-reference {
  background-color: var(--prism-color-chart-sequential-info-04);
}

.chart-legend-item .index {
  /* stylelint-disable function-disallowed-list */
  background-image: linear-gradient(
    90deg,
    var(--prism-color-chart-status-background-success-emphasis) 0 50%,
    var(--prism-color-chart-status-background-critical-emphasis) 50% 100%
  );
  /* stylelint-enable function-disallowed-list */
}

.chart-legend-item .kpi-diff-vs-comparison-set {
  /* stylelint-disable function-disallowed-list */
  background-image: linear-gradient(
    90deg,
    var(--prism-color-chart-status-background-success-default) 0 50%,
    var(--prism-color-chart-status-background-critical-default) 50% 100%
  );
  /* stylelint-enable function-disallowed-list */
}

.chart-legend-item .my-pick-up {
  background-color: var(--prism-color-chart-categorical-19);
}

.chart-legend-item .market-otb {
  background-color: var(--prism-color-chart-categorical-10);
}

.chart-legend-item .market-pick-up {
  background-color: var(--prism-color-chart-categorical-17);
}

.chart-legend-item .price-position {
  background-color: var(--prism-color-chart-categorical-01);
}

.chart-legend-item .price-opportunity {
  background-color: var(--prism-color-elevation-surface);
  border: 2px solid var(--prism-color-chart-accent-primary-figure-emphasis);
}

.chart-legend-item .secondary-1 {
  background-color: var(--prism-color-chart-categorical-01);
}

.chart-legend-item .secondary-2 {
  background-color: var(--prism-color-chart-categorical-02);
}

.chart-legend-item .secondary-3 {
  background-color: var(--prism-color-chart-categorical-03);
}

.chart-legend-item .secondary-4 {
  background-color: var(--prism-color-chart-categorical-04);
}

.chart-legend-item .secondary-5 {
  background-color: var(--prism-color-chart-categorical-05);
}

.chart-legend-item .secondary-6 {
  background-color: var(--prism-color-chart-categorical-06);
}

.chart-legend-item .secondary-7 {
  background-color: var(--prism-color-chart-categorical-07);
}

.chart-legend-item .secondary-8 {
  background-color: var(--prism-color-chart-categorical-08);
}

.chart-legend-item .secondary-9 {
  background-color: var(--prism-color-chart-categorical-09);
}

.chart-legend-item .secondary-10 {
  background-color: var(--prism-color-chart-categorical-10);
}

.chart-legend-item .secondary-11 {
  background-color: var(--prism-color-chart-categorical-11);
}

.chart-legend-item .secondary-12 {
  background-color: var(--prism-color-chart-categorical-12);
}

.chart-legend-item .secondary-13 {
  background-color: var(--prism-color-chart-categorical-13);
}

.chart-legend-item .secondary-14 {
  background-color: var(--prism-color-chart-categorical-14);
}

.chart-legend-item .secondary-15 {
  background-color: var(--prism-color-chart-categorical-15);
}

.chart-legend-item .secondary-16 {
  background-color: var(--prism-color-chart-categorical-16);
}

.chart-legend-item .secondary-17 {
  background-color: var(--prism-color-chart-categorical-17);
}

.chart-legend-item .secondary-18 {
  background-color: var(--prism-color-chart-categorical-18);
}

.chart-legend-item .secondary-19 {
  background-color: var(--prism-color-chart-categorical-19);
}

.chart-legend-item .secondary-20 {
  background-color: var(--prism-color-chart-categorical-20);
}

.chart-legend-item .secondary-21 {
  background-color: var(--prism-color-chart-categorical-21);
}

.chart-legend-item .secondary-rental-rate {
  background-color: var(--prism-color-chart-categorical-03);
}

.chart-legend-item.chart-legend-item--hidden,
button.chart-legend-item:disabled {
  color: var(--prism-color-interactive-text-disabled);
}

.chart-legend-item.chart-legend-item--hidden .chart-legend-item__marker,
button.chart-legend-item:disabled .chart-legend-item__marker {
  /* stylelint-disable declaration-no-important */
  background-color: var(
    --prism-color-general-neutral-300
  ) !important; /* important needed because this is an inline style */
  /* stylelint-enable declaration-no-important */

  background-image: none; /* This is for the cancellations */
  border-color: var(
    --prism-color-border-neutral-default
  ); /* There is a border around some of the circular legend items */
}

.demand-change-indicator--small {
  height: 12px;
  width: 12px;
}

.demand-change-indicator--normal {
  height: 14px;
  width: 14px;
}

/* Used to get the color scale level background colors */
.demand-main-bg-color--level-1 {
  background-color: var(--prism-color-chart-demand-figure-very-low);
}

.demand-main-bg-color--level-2 {
  background-color: var(--prism-color-chart-demand-figure-low);
}

.demand-main-bg-color--level-3 {
  background-color: var(--prism-color-chart-demand-figure-normal);
}

.demand-main-bg-color--level-4 {
  background-color: var(--prism-color-chart-demand-figure-elevated);
}

.demand-main-bg-color--level-5 {
  background-color: var(--prism-color-chart-demand-figure-high);
}

.demand-main-bg-color--level-6 {
  background-color: var(--prism-color-chart-demand-figure-very-high);
}

#attachment-form .attachments .action-button-container {
  display: flex;
}

#attachment-form .attachment-form__attachments-scrollable-container {
  height: 369px;
  max-height: 100%;
  overflow: hidden;
}

.item-name-container {
  width: 60%;
}

.item-issue-count-container {
  width: 10%;
}

.escalation-tooltip {
  outline: none; /* Removes the default accessibility border when tooltip parent is clicked */
  width: 100px; /* Centers the tooltip above the General::Lists::ListItemTotal component */
}

.list-item-issue {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  cursor: default;
  height: 75px;
  justify-content: space-between;
  line-height: 75px;
}

.list-item-issue:nth-child(odd) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.list-item-issue:nth-child(odd) .additional-action-menu {
  background-color: var(--prism-color-background-neutral-subdued);
}

.issue-id {
  color: var(--prism-color-text-neutral-subdued);
  width: 3%;
}

/*
  Specific styles because we can't use line-height of 75px to center
  This causes the tooltip to have a bad position compared to the text
*/
.issue-id .id-container {
  align-items: center;
  margin-left: var(--prism-spacing-200);
}

.issue-id span {
  height: 12px;
  line-height: 12px;
  outline: none;
}

.issue-name {
  width: 10%;
}

.issue-summary {
  width: 52%;
}

/* when .issue-name is present */
.issue-summary--compact {
  width: 42%;
}

.issue-actions {
  width: 45%;
}

.manual-entry-badge {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  line-height: 15px;
  margin-top: var(--prism-spacing-100);
  position: absolute;
}

.manual-entry-badge .badge-label {
  color: var(--prism-color-text-inverse);
  padding: 0 var(--prism-spacing-100);
}

.metric-block {
  background-color: var(--prism-color-elevation-surface);
  border: 0.5px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  color: var(--prism-color-text-neutral-default);
  height: 150px;
  overflow: hidden;
  width: calc((100% - 20px) / 2);
}

.metric-block .metric-block-content {
  height: 100%;
  padding: var(--prism-spacing-300);
}

.metric-block .metric-block-content .block-header {
  display: flex;
  justify-content: center;
  margin: var(--prism-spacing-300) 0;
}

.metric-block .metric-block-content .block-header .metric-title {
  height: 35px;
  line-height: 35px;
  text-align: center;
}

.metric-block .metric-block-content .block-content {
  display: flex;
}

.metric-block .metric-block-content .block-content .metric-block-element {
  text-align: center;
  width: 50%;
}

.metric-block
  .metric-block-content
  .block-content
  .metric-block-element
  .metric-subtitle {
  text-align: center;
}

.metric-block
  .metric-block-content
  .block-content
  .metric-block-element
  .metric-value {
  font-weight: 700;
}

.metric-block
  .metric-block-content
  .block-content
  .metric-block-element.color-red
  .metric-value {
  color: var(--prism-color-text-critical-default);
}

.metric-block .metric-block-content .block-content .metric-block-right {
  border-left: 1px solid var(--prism-color-border-neutral-default);
}

.metric-block .metric-block-content.is-selected {
  background-color: var(--prism-color-background-info-subdued);
  border-bottom: 4px solid var(--prism-color-border-info-emphasis);
}

.metric-block .metric-block-content.is-selected .metric-title {
  color: var(--prism-color-interactive-text-primary-hover);
  font-weight: bold;
}

.metric-block .metric-block-content.is-selectable {
  cursor: pointer;
}

.wizards-preferred-rate-onboarding__header {
  align-items: center;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: grid;
  gap: var(--prism-spacing-200);
  justify-content: center;
  padding: var(--prism-spacing-400) var(--prism-spacing-500);
  text-align: center;
}

.wizards-preferred-rate-onboarding__header__step-indicator {
  width: 300px;
}

.wizards-preferred-rate-onboarding__body {
  display: flex;
  height: calc(100% - var(--prism-spacing-400));
  justify-content: center;

  /* set min height while the actual contents are loading */
  min-height: 245px;
  min-width: 568px;
  padding: var(--prism-spacing-600) 56px;
  position: relative;
}

.wizards-preferred-rate-onboarding__content {
  height: 100%;
  text-align: center;
  width: 488px;
}

.wizards-preferred-rate-onboarding__content--banner {
  margin-top: var(--prism-spacing-600);
  text-align: left;
}

.wizards-preferred-rate-onboarding__options {
  display: flex;
  flex-wrap: wrap;
  gap: var(--prism-spacing-400);
  justify-content: center;
  max-height: 172px;
  overflow: auto;
  padding: var(--prism-spacing-100);
}

.wizards-preferred-rate-onboarding__footer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.wizards-preferred-rate-onboarding__footer--with-back-button {
  justify-content: space-between;
}

.chart-legend--otb {
  width: 100%;
}

.chart-legend--availability {
  width: 100%;
}

.chart-legend__item {
  align-items: center;
  padding: 0 var(--prism-spacing-100);
}

.chart-legend__item--in-column-layout {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
}

.chart-legend__item--in-column-layout:last-child {
  border-bottom: none;
}

/* Used in LOS search graphs (non-clickable legend) */
.chart-legend__item .chart-legend-label {
  font-weight: bold;
  white-space: nowrap;
}

.chart-legend__item__price-strategy {
  background-color: var(
    --prism-color-chart-accent-primary-figure-default
      /* stylelint-disable-next-line declaration-no-important */
  ) !important;
  display: block;
}

.chart-legend__item__price-opportunity {
  background-color: var(--prism-color-elevation-surface);
  border: 2.5px solid var(--prism-color-chart-accent-primary-figure-emphasis);
  border-radius: 100%;
  display: block;
  height: 9px;
  width: 9px;
}

.chart-legend__item__smart-compset-price-strategy {
  background-color: var(
    --prism-color-chart-accent-primary-figure-subdued
      /* stylelint-disable-next-line declaration-no-important */
  ) !important;
  display: block;
}

/* Different layout of legend than the other charts :( */
.chart-legend--flight-patterns-los {
  margin-left: var(--prism-spacing-300);
  margin-right: var(--prism-spacing-300);
}

.chart-legend--flight-patterns-los p {
  color: var(--prism-color-text-neutral-subdued);
}

.market-demand-legend .chart-legend__item {
  padding: 0 var(--prism-spacing-200);
}

.market-demand-legend .chart-legend__item p {
  margin: 0 var(--prism-spacing-100);
}

.market-demand-legend .chart-legend__item p.label {
  font-weight: bold;
}

.market-demand-legend .chart-legend__item p:not(.label) {
  color: var(--prism-color-text-neutral-default);
}

.market-demand-legend .chart-legend__item .legend-hidden {
  color: var(--prism-color-interactive-text-disabled);
}

.market-demand-legend
  .chart-legend__item
  .legend-hidden
  .chart-legend-item__marker {
  /* stylelint-disable declaration-no-important */
  background-color: var(
    --prism-color-interactive-text-disabled
  ) !important; /* important needed because this is an inline style */
  /* stylelint-enable declaration-no-important */

  background-image: none; /* This is for the cancellations */
  border-color: var(
    --prism-color-border-neutral-default
  ); /* There is a border around some of the circular legend items */
}

.market-demand-legend .chart-legend__item .legend-hidden p:not(.label) {
  color: var(--prism-color-interactive-text-disabled);
}

.market-demand-legend .demand-level-indicator-wrapper {
  /* Need to use static positioning or the legend comes over the tooltip: https://stackoverflow.com/questions/8986071/how-to-use-z-index-with-relative-positioning */
  position: static;
}

.chart-legend__icon {
  border-radius: 100%;
  height: 6px;
  margin-right: var(--prism-spacing-100);
  margin-top: var(--prism-spacing-100);

  /* Taken from RI chart */
  width: 6px;
}

.chart-legend__icon--no-top-margin {
  margin-top: 0;
}

.market-demand-chart svg.highcharts-root {
  /* stylelint-disable-next-line declaration-no-important */
  overflow: visible !important;
}

.card-detail-pane__scrollable-container {
  height: 100%;
  overflow: hidden;
}

.event-item {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-300);
}

.event-item .event-name {
  color: var(--prism-color-text-neutral-default);
}

.event-item .event-info {
  color: var(--prism-color-text-neutral-subdued);
}

.event-item:last-of-type {
  border-bottom: none;
}

.event-item__hover:hover {
  background-color: var(--prism-color-background-neutral-subdued);
  box-shadow:
    0 1px 3px var(--prism-shadow-neutral-100),
    0 1px 2px var(--prism-shadow-neutral-100);
}

.event-list--max-height {
  max-height: 500px;
  overflow: auto;
}

.breakdown-list {
  color: var(--prism-color-text-neutral-default);
  font-size: var(--prism-font-size-text-200-regular);
}

.breakdown-list__item {
  position: relative;
  width: 100%;
}

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

.breakdown-list__item--border-bottom:last-of-type {
  border-bottom: none;
}

.breakdown-list__item__button {
  height: 53px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px;
}

.breakdown-list__item__button span {
  font-size: 16px; /* icon size */
}

.breakdown-list__item .flex-row {
  width: 100%; /* Need to push open the flex container */
}

.breakdown-list__item__title {
  background-color: var(--prism-color-background-neutral-subdued);
  padding: var(--prism-spacing-400);
}

.breakdown-list__item__content {
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.breakdown-list__item__progress-bar {
  margin-right: var(--prism-spacing-300);
  overflow: hidden; /* Necessary to get truncate working when progress-bar-with-value-and-title component is used in the content */
  width: 100%; /* Need to push open the flex container */
}

.breakdown-list__item__collapse-button {
  flex-grow: 1;
}

.breakdown-list__item__collapse-button__icon--open {
  transform: rotate(90deg);
  transition: transform 0.12s ease-out;
}

.breakdown-list__item__collapse-button:hover {
  color: var(--prism-color-text-info-default);
}

.breakdown-list__item__metric {
  text-align: right;
  width: 60px;
}

.breakdown-list__empty-state-container {
  height: 100%;
}

.breakdown-list--nested {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.12s ease-out;
  width: 100%;
}

.breakdown-list--nested.open {
  max-height: 350px;
}

.breakdown-list--nested .breakdown-list__item:first-of-type {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  margin-top: var(--prism-spacing-200);
}

.breakdown-list--nested .breakdown-list__item__progress-bar {
  margin-right: 0;
  padding: 0 0 0 var(--prism-spacing-500);

  /* The 60px is the width of the avg-los-section of the parent, to make sure the width of the bars is equal */
  width: calc(100% - 60px);
}

.mi-overview .breakdown-list--nested .breakdown-list__item__progress-bar {
  /* MI Overview has an other width, which made us specifying an other width here. */
  width: calc(100% - 65px);
}

/* Note: the following heights are calculated like this */

/* Header (e.g. Top searching countries): 40px */

/* Item with progress-bar: 55px */

/* Title in country searches: 47px */

.mi-breakdown .breakdown-list:not(.breakdown-list--nested) {
  height: 290px; /* Without the header */
}

.country-searches-list--limited-height {
  height: 242px; /* without the title and header */
}

.tooltip-market-insight {
  background-color: var(--prism-color-elevation-surface);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  font-size: var(--prism-font-size-text-200-regular);
  line-height: 1.5;
  min-width: 372px;
  overflow: hidden;
  padding: 0;
  z-index: 201; /* Make sure tooltip gets rendered over main navbars in worst case scenarios */
}

.tooltip-market-insight .tooltip__content {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  margin-top: var(--prism-spacing-300);
}

.tooltip-market-insight .tooltip__content .card-summary {
  padding: 0 var(--prism-spacing-300) var(--prism-spacing-300);
}

.tooltip-market-insight .tooltip__content .card-summary__header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  line-height: 19px;
}

.tooltip-market-insight .tooltip__content .card-summary__content {
  /* Required to get enough space to fit the absolutely positioned benchmark arrows of bar-indicator component. Otherwise they get cut off because of the overflow: hidden; from the truncate */
  height: 40px;
  padding-bottom: var(--prism-spacing-100);
  padding-top: var(--prism-spacing-200);
}

.tooltip-market-insight .tooltip__content .card-summary__content .metric-title,
.tooltip-market-insight .tooltip__content .card-summary__content .metric-value {
  font-size: var(--prism-font-size-text-200-regular);
  line-height: 24px;
  overflow: hidden;
  padding-right: var(--prism-spacing-200);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tooltip-market-insight
  .tooltip__content
  .card-summary__content
  .metric-title--no-padding,
.tooltip-market-insight
  .tooltip__content
  .card-summary__content
  .metric-value--no-padding {
  padding-right: 0;
}

.tooltip-market-insight
  .tooltip__content
  .card-summary__content
  .metric-title--no-padding {
  padding-right: 0;
}

.tooltip-market-insight
  .tooltip__content
  .card-summary__content
  .cancellation-icon {
  margin-left: var(--prism-spacing-100);
  margin-right: var(--prism-spacing-200);
}

.tooltip-market-insight .tooltip__footer {
  padding: var(--prism-spacing-300);
}

.tooltip-market-insight .tooltip__footer .warning-message {
  line-height: 16px;
  white-space: normal; /* Undo no-wrap of tooltip span */
}

.tooltip-market-insight .tooltip__table-container table th {
  line-height: 0px; /* to make sure the table header is of same height as the other rows */
  text-align: left;
}

.tooltip-market-insight .tooltip__table-container .table-container-small-col {
  width: 100px;
}

.tooltip-market-insight .opportunities-banner-container {
  height: 54px;
}

.tooltip-market-insight .events-and-holidays-container {
  /* Height is required as the content contains prism-badges. Otherwise the tooltip can be mispositioned / cut off at the bottom of the screen */
  height: 41px; /* Badge height + padding-top */
  padding-left: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-300);
}

.tooltip-market-insight .searches-container {
  padding: var(--prism-spacing-300) var(--prism-spacing-200);
}

.tooltip-market-insight .searches-container .row-with-badge {
  height: 22px; /* searches icon + badge height */
}

.city-map-container {
  display: none;
  height: 100%;
  width: 100%;
}

.city-map-container--visible {
  display: inherit;
}

.google-maps-container {
  height: 100%;
  position: relative;
  width: 100%;
}

/*
  Try to hide the Google Maps info window close button
  Probably not smart, but don't see any other option right now
*/
.google-maps-container button.gm-ui-hover-effect {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.city-map-trigger {
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: 3px;
  box-shadow:
    0 1px 3px var(--prism-shadow-neutral-100),
    0 1px 2px var(--prism-shadow-neutral-100);
  color: var(--prism-color-text-neutral-emphasis);
  cursor: pointer;
  font-size: var(--prism-font-size-text-300-bold);
  font-weight: var(--prism-font-weight-text-300-bold);
  padding: var(--prism-spacing-200) var(--prism-spacing-300)
    var(--prism-spacing-200) var(--prism-spacing-300);
}

.city-map-trigger--demand-evolution {
  left: auto;
  margin-left: var(--prism-spacing-300);
  position: absolute;
  top: 10px;
}

.city-map-trigger--legend {
  position: absolute;
  right: 10px;
  top: 104px;
}

.city-map-overlay-item {
  box-shadow:
    0 1px 3px var(--prism-shadow-neutral-100),
    0 1px 2px var(--prism-shadow-neutral-100);
  position: absolute;
}

.city-map-overlay-item--demand-evolution {
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-100);
  left: auto;
  margin-left: var(--prism-spacing-300);
  min-height: 66px;
  padding-left: var(--prism-spacing-300);
  padding-right: var(--prism-spacing-300);
  position: absolute;
  top: 50px;
  width: 376px;
}

.city-map-overlay-item--demand-evolution__header {
  padding-bottom: var(--prism-spacing-100);
  padding-top: var(--prism-spacing-300);
}

.city-map-overlay-item--demand-evolution__header .evolution-extract-date {
  text-align: right;
}

.city-map-overlay-item--demand-evolution #evolution-slider {
  /* Pseudo-selectors can't be combined, setting the variables here */
  appearance: none;

  /* Allows custom styling */
  background: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-border-neutral-default);
  cursor: pointer;
  height: 8px;
  padding: 0; /* Necessary for IE (otherwise slider is not visible) */
  width: 100%;

  /* IE styling */
}

.city-map-overlay-item--demand-evolution
  #evolution-slider::-webkit-slider-thumb {
  appearance: none;
  background-color: var(--prism-color-interactive-background-primary-idle);
  border-radius: 20px;
  height: 14px;
  width: 14px;
}

.city-map-overlay-item--demand-evolution #evolution-slider::-moz-range-thumb {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border: none;
  border-radius: 20px;
  height: 14px;
  width: 14px;
}

.city-map-overlay-item--demand-evolution #evolution-slider::-ms-track {
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
  width: 100%;
}

.city-map-overlay-item--demand-evolution #evolution-slider::-ms-thumb {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border: none;
  height: 14px;
  width: 14px;
}

.city-map-overlay-item--legend {
  align-items: flex-start;
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: 3px;
  justify-content: center;
  min-width: 150px;
  padding: var(--prism-spacing-300);
  position: absolute;
  right: 10px;
  top: 146px;
}

.city-map-overlay-item--legend__link-out {
  color: var(--prism-color-text-info-default);
  cursor: pointer;
  margin-bottom: var(--prism-spacing-100);
  margin-top: var(--prism-spacing-300);
}

.city-map-overlay-item--legend__item {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: var(--prism-spacing-200);
}

.city-map-overlay-item--legend__item:first-of-type {
  margin-top: 0;
}

.city-map-overlay-item--legend__item.toggleable {
  cursor: pointer;
}

.city-map-overlay-item--legend__item.markers-hidden {
  opacity: 0.3;
}

.city-map-overlay-item--legend__item .icon-indicator {
  margin-right: var(--prism-spacing-100);
}

.city-map-overlay-item--legend__item .icon-indicator.events,
.city-map-overlay-item--legend__item .icon-indicator.events-unaccepted {
  color: var(
    --prism-color-text-info-default
  ); /* Define constant in PRISM during rebranding */

  margin-left: -2px; /* Ugly fix to make sure the icons align with the circle divs above */
}

.city-map-overlay-item.fade-in {
  /* Added fadeIn animation for the overlay item - only when it gets toggled on */
  animation: fade-in-animation ease-in-out 0.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

.city-map-overlay-item.fade-out {
  /* Added fadeOut animation for the overlay item - only when it gets toggled off */
  animation: fade-out-animation ease-in-out 0.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  pointer-events: none;
}

.city-map__tooltip {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-subdued);
  max-width: 265px;
}

.city-map__tooltip p {
  font-size: var(--prism-font-size-text-200-regular);
  line-height: 16px;
}

.city-map__tooltip p span {
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
}

.city-map__tooltip .title {
  font-weight: 700; /* ToDO: update PRISM typography */
}

.city-map__tooltip .flex-col:not(:last-of-type) {
  margin-right: var(--prism-spacing-400);
}

.city-map__tooltip__divider {
  background-color: var(--prism-color-border-neutral-default);
  height: 1px;
  margin-bottom: var(--prism-spacing-200);
  margin-top: var(--prism-spacing-200);
  width: 100%;
}

.city-map__tooltip__metric {
  display: flex;
  margin-bottom: var(--prism-spacing-200);
}

.city-map__tooltip__metric:last-of-type {
  margin-bottom: 0;
}

.city-map__tooltip__metric .metric-value {
  font-weight: 700; /* ToDO: update PRISM typography */
}

.city-map__tooltip__metric .metric-value__extra {
  font-style: italic;
}

.ember-power-calendar.demo-calendar-medium .day-market-demand-wrapper__outlier {
  background-color: var(--prism-color-elevation-surface);
  border-radius: 50%;
  bottom: 5px;
  height: 3px;
  left: 50%;
  outline: 1.5px solid var(--prism-color-general-neutral-900);
  position: absolute;
  transform: translate(-50%);
  width: 3px;
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper.day-market-demand--not-highlighted
  .day-market-demand-wrapper__outlier {
  display: none;
}

.ember-power-calendar.demo-calendar-medium
  .ember-power-calendar-day:hover
  .day-market-demand-wrapper__outlier {
  background-color: var(--prism-color-elevation-surface);

  /* size of dot adjusted to make the hovered overed dot same size as the non hovered over dot + outline (3px + 1.5px) */
  height: 4.5px;
  outline: none;
  width: 4.5px;
}

.ember-power-calendar-row.ember-power-calendar-week:not(:last-child) {
  margin-bottom: var(--prism-spacing-200);
}

.ember-power-calendar-weekday {
  color: var(--prism-color-text-neutral-subdued);
}

.ember-power-calendar-weekday::first-letter {
  color: var(--prism-color-text-neutral-subdued);
  opacity: 1;
}

/* Added demo-calendar-medium class cause it needed to be more specific than basic EPC styles */
.ember-power-calendar.demo-calendar-medium .day-market-demand-wrapper {
  /* Darker than default EPC days */
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  font-size: var(--prism-font-size-text-200-regular);
  height: 100%;
  position: relative;
  width: 100%;
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper.rate-index-level-1 {
  background-color: var(--prism-color-chart-demand-figure-very-low);
  color: var(--prism-color-text-neutral-default);
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper.rate-index-level-2 {
  background-color: var(--prism-color-chart-demand-figure-low);
  color: var(--prism-color-text-neutral-default);
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper.rate-index-level-3 {
  background-color: var(--prism-color-chart-demand-figure-normal);
  color: var(--prism-color-text-neutral-default);
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper.rate-index-level-4 {
  background-color: var(--prism-color-chart-demand-figure-elevated);
  color: var(--prism-color-text-neutral-default);
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper.rate-index-level-5 {
  background-color: var(--prism-color-chart-demand-figure-high);
  color: var(--prism-color-text-neutral-default);
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper.rate-index-level-6 {
  background-color: var(--prism-color-chart-demand-figure-very-high);
  color: var(--prism-color-text-inverse);
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper__day-number {
  z-index: 1;
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper
  .day-market-demand-change-icon {
  z-index: 1;
}

/* Hide icons in case a day doesn't match the active calendar filters (easier here than in JS because of the buildDay) */
.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper.day-market-demand--not-highlighted
  .day-market-demand-change-icon {
  display: none;
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper.ember-power-calendar-day:focus {
  outline: none;
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper.ember-power-calendar-day:hover {
  background-color: var(--prism-color-general-neutral-800);
  color: var(--prism-color-text-inverse);
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper--selected {
  font-weight: 700;
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper--selected:hover {
  color: var(--prism-color-text-inverse);
  font-weight: normal;
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper--selected
  .selected-day-square {
  border: 1px solid var(--prism-color-general-neutral-800);
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-default);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper--selected
  .selected-day-square:hover {
  background-color: transparent;
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper--disabled {
  background-color: var(--prism-color-interactive-background-disabled);
  pointer-events: none;
}

.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper--no-market-data {
  cursor: default;

  /* This class should look and feel like the disabled ones (see above), but we can't use the pointer-events: none because we need to show a tooltip! */
  opacity: 0.4;
}

/*
  We need to override the hover style in this case. Not ideal, but best solution we found until now
  Other possible approach: make update regular hover selector to -> &:not(.day-market-demand-wrapper--no-market-data):hover
*/
.ember-power-calendar.demo-calendar-medium
  .day-market-demand-wrapper--no-market-data:hover {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-default);
}

.demand-level-indicator-wrapper {
  /* Used to position the benchmark arrow (absolute) */
  position: relative;
}

.demand-level-indicator-wrapper .color-level-block-container {
  height: 16px;
  outline: none;
  width: 16px;
}

.demand-level-indicator-wrapper .color-level-block-container.highlighted {
  outline: 2px solid var(--prism-color-general-neutral-900);
  z-index: 2;
}

.demand-level-indicator-wrapper
  .color-level-block-container.reference-highlighted {
  outline: 1px solid var(--prism-color-interactive-border-neutral-pressed);
  z-index: 2;
}

.demand-level-indicator-wrapper .color-level-block {
  border: 1px solid var(--prism-color-border-inverse-emphasis);
  height: 16px;
  width: 16px;
}

.demand-level-indicator-wrapper .benchmark-value-indicator {
  /* stylelint-disable-next-line color-no-hex */
  background-color: #a3b4c2; /* Color not yet in PRISM :notlikethis: */
  height: 24px;
  position: absolute;
  top: -4px;

  /* Use the transform translate so that we reliably can position the upper point of the benchmark arrow */
  transform: translate(-50%, 0);
  width: 2px;
  z-index: 3;
}

.demand-level-indicator-wrapper--light-colors
  .color-level-block-container.highlighted {
  border: 2px solid var(--prism-color-border-inverse-emphasis);
}

.demand-level-indicator-wrapper--light-colors .benchmark-value-indicator {
  color: var(--prism-color-text-inverse);
}

.demand-level-indicator-wrapper--with-reference {
  /* Subtract 2px due to a white border of 1px being applied to the demand level squares */
  column-gap: calc(var(--prism-spacing-200) - 2px);
}

.day-evolution-demand-pattern {
  height: 100%;
  position: relative;
}

.day-evolution-demand-pattern__block {
  height: 100%;
  position: absolute;
  transform: translate(-5px);
  width: 8px;
}

.date-aggregation-dropdown {
  color: var(--prism-color-text-neutral-default);
  font-size: var(--prism-font-size-text-200-regular);
}

.market-demand-card {
  height: 468px; /* just the height of the content when all data is loaded */
}

.searches-card {
  background-color: var(--prism-color-background-neutral-subdued);
  padding: var(--prism-spacing-400);
}

.compset-dot-indicator {
  border-radius: 50%;
  display: inline-block;
  min-height: 12px;
  min-width: 12px;
}

.compset-dot-indicator--own-and-smart-compset {
  background: linear-gradient(
    90deg,
    var(--prism-color-chart-info-figure-very-high) 50%,
    var(--prism-color-chart-categorical-04) 50%
  );
}

.compset-dot-indicator--smart-compset {
  background-color: var(--prism-color-chart-categorical-04);
}

.compset-dot-indicator--own-compset {
  background-color: var(--prism-color-chart-info-figure-very-high);
}

.compset-dot-indicator--soldout {
  background-color: var(--prism-color-interactive-icon-disabled);
}

.compset-dot-indicator--own-hotel {
  background-color: var(--prism-color-chart-categorical-01);
}

.empty-state-occupancy-card {
  font-size: var(--prism-font-size-text-300-regular);
}

.empty-state-occupancy-card__title {
  color: var(--prism-color-text-intelligence-emphasis);
  font-weight: var(--prism-font-weight-text-300-bold);
  margin-bottom: var(--prism-spacing-100);
}

.empty-state-occupancy-card__otb-ss-button {
  margin-left: auto;
  margin-top: var(--prism-spacing-400);
  width: fit-content;
}

.empty-state-occupancy-card__mock-image {
  height: auto;
  width: auto;
}

.empty-state-occupancy-chart-container {
  height: 316px; /* height of the usual contents present here i.e. the height of chart (250px) + height of tab header (50px) + padding-bottom (16px) */
}

.market-insight.content-wrapper.main-content {
  max-width: none;
  padding: 0;
}

.main-sidebar-and-content-container {
  position: absolute;
  width: 100%;
}

.main-sidebar {
  height: calc(100vh - 120px); /* subtract the white & blue bar navbar */
  max-width: 370px;
  min-width: 310px;
  position: relative;
  width: 25%;

  /* Main tab button styling used in both sidebars */
}

.main-sidebar .button {
  color: var(--prism-color-text-neutral-subdued);
  cursor: pointer;
  height: 39px; /* Results in total height of 40px for the container... quick code y'all */
  padding: var(--prism-spacing-300);
}

.main-sidebar .button.active {
  border-bottom: 2px solid var(--prism-color-border-info-emphasis);
  color: var(--prism-color-text-neutral-subdued);
  font-weight: 700;
}

.main-sidebar__scrollable-content {
  overflow: hidden;
  padding: 0 var(--prism-spacing-300) var(--prism-spacing-300)
    var(--prism-spacing-300);
  position: relative;
}

.main-sidebar__bottom-message {
  background-color: var(--prism-color-elevation-canvas);
  bottom: 0;
  color: var(--prism-color-text-neutral-subdued);
  left: 0;
  overflow: hidden; /* Make sure the content is hidden / doesn't push open the page:q */
  position: absolute;
  width: 100%;
  z-index: 1;
}

.main-sidebar__bottom-message p {
  font-weight: 600;
}

.main-sidebar__bottom-message.slide-in {
  height: 65px;
  opacity: 1;
  transition-duration: 0.7s;
  transition-property: height, opacity;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.main-sidebar__bottom-message.slide-out {
  height: 0;
  opacity: 0;
  transition-duration: 0.7s;
  transition-property: height, opacity;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.main-sidebar__filter-dropdown-container {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  gap: var(--prism-spacing-300);
  padding: var(--prism-spacing-400) var(--prism-spacing-300);
}

/*
  Chart component being direct child of display flex element messes up the width of elements as it behaves differently in flex layout
  Therefore, specifying chart width here instead of in chartOptions
*/
.chart-solidgauge-wrapper {
  max-width: 180px;
  min-width: 180px;
}

.chart-solidgauge-wrapper h3 {
  color: var(--prism-color-text-neutral-default);
}

.chart-solidgauge-wrapper .text-200--regular {
  color: var(--prism-color-text-neutral-subdued);
}

#main-mi-content-container {
  height: calc(100vh - 120px); /* subtract the white & blue bar navbar */
  min-width: 1007px; /* Added to ensure the demand evolution and map legend don't overlap one another on smaller screens */
  overflow-y: auto;
  position: relative;
  width: 100%;
}

#main-mi-content-container .detail-pane {
  background-color: var(--prism-color-background-neutral-subdued);
  border-left: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-subdued);
  height: 100%;
  max-width: 438px;
  min-width: 438px;
  overflow-y: auto;
}

#main-mi-content-container .detail-pane .title-selected-day-container {
  padding-left: var(--prism-spacing-400);
  padding-top: var(--prism-spacing-400);
}

#main-mi-content-container
  .detail-pane
  .title-selected-day-container
  .back-button {
  color: var(--prism-color-text-neutral-subdued);
  margin-top: var(--prism-spacing-300);
}

#main-mi-content-container .detail-pane .detail-pane-card {
  margin-left: var(--prism-spacing-400);
  margin-right: var(--prism-spacing-400);
  margin-top: var(--prism-spacing-400);
}

#main-mi-content-container .detail-pane .detail-pane-card .expandable-footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .expandable-footer__dropdown {
  align-items: center;
  align-self: flex-end;
  cursor: pointer;
  display: flex;
  font-size: var(--prism-font-size-text-300-regular);
  padding: var(--prism-spacing-300) var(--prism-spacing-500);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .expandable-footer__content {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

#main-mi-content-container .detail-pane .detail-pane-card:last-child {
  margin-bottom: var(--prism-spacing-400);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .non-actionable-value {
  color: var(--prism-color-interactive-text-disabled);
}

#main-mi-content-container .detail-pane .detail-pane-card .divider-line {
  background-color: var(--prism-color-border-neutral-default);
  height: 1px;
  margin-bottom: var(--prism-spacing-200);
  margin-top: var(--prism-spacing-200);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .divider-line--no-margin-bottom {
  margin-bottom: 0;
}

/* Fixed width to the searches metric blocks as no combination of grid-col was ideal */
#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .detail-pane-metric-block {
  overflow: hidden;
  padding-right: var(--prism-spacing-100);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .detail-pane-metric-block--search-level {
  width: 80px;
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .detail-pane-metric-block--most-searched-los {
  width: 120px;
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .detail-pane-metric-block--top-countries {
  width: 160px;
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .demand-forecast-metric-block {
  align-items: center;
  margin-top: var(--prism-spacing-300);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card--searches
  .search-type-title {
  align-items: center;
  display: flex;
  font-size: var(--prism-font-size-text-400-regular);
  gap: var(--prism-spacing-100);
  justify-content: left;
  margin-bottom: var(--prism-spacing-200);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card--searches
  .searches-dropdown {
  margin-bottom: var(--prism-spacing-200);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .price-level-distribution-details__content-with-margin,
#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .smart-compset-details__content-with-margin {
  margin: 0 var(--prism-spacing-400) var(--prism-spacing-400)
    var(--prism-spacing-400);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .price-level-distribution-details-compset-table,
#main-mi-content-container .detail-pane .detail-pane-card .smart-compset-table {
  /*
    Note: rowHeight passed to the TableBaseNew is 48, but in the table height calculation we normally already do passed height + 1
    Normally to take a border into account. This table seems to be an exception though
  */
  --row-height: 49px;
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .price-level-distribution-details-compset-table
  tbody
  tr,
#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .smart-compset-table
  tbody
  tr {
  height: var(--row-height);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .price-level-distribution-details-compset-table
  tbody
  tr.own-hotel-row,
#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .smart-compset-table
  tbody
  tr.own-hotel-row {
  font-weight: bold;

  /* Use an outline with negative offset instead of border because of an issue where the left and right borders are thinner than top and bottom. */
  outline: 1px solid var(--prism-color-general-neutral-900);
  outline-offset: -1px;
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .price-level-distribution-details-compset-table
  tbody
  tr.own-hotel-row
  .table-cell,
#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .smart-compset-table
  tbody
  tr.own-hotel-row
  .table-cell {
  color: var(--prism-color-text-info-default);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .price-level-distribution-details-compset-table
  th,
#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .price-level-distribution-details-compset-table
  td,
#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .smart-compset-table
  th,
#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .smart-compset-table
  td {
  padding: var(--prism-spacing-200);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .price-level-distribution-details-compset-table
  td.bucket-color,
#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .smart-compset-table
  td.bucket-color {
  padding: 0;
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .price-level-distribution-details-compset-table
  td.bucket-color
  .td-bucket-color,
#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .smart-compset-table
  td.bucket-color
  .td-bucket-color {
  height: var(--row-height);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .price-level-distribution-details-compset-table
  th,
#main-mi-content-container
  .detail-pane
  .detail-pane-card
  .smart-compset-table
  th {
  font-weight: bold;
}

#main-mi-content-container .detail-pane .detail-pane-section-title {
  align-items: center;
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-subdued);
  height: 45px;
  min-height: 45px; /* Prevent squishing down because of the display flex */
  padding-left: var(--prism-spacing-300);
}

#main-mi-content-container
  .detail-pane
  .detail-pane-section-title--sub-section {
  font-size: var(--prism-font-size-text-200-regular);
}

#main-mi-content-container .detail-pane__scrollable-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.mi-overview {
  overflow-y: auto;
  padding: var(--prism-spacing-800);
  width: 100%;
}

.calendar-section-main-content {
  padding-bottom: var(--prism-spacing-300);
  padding-top: var(--prism-spacing-200);
}

.calendar-section-main-content__calendar-container {
  align-items: flex-start;
  display: flex;
  flex-grow: 1;
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
}

.calendar-section-main-content .calendar-section-main-wrapper {
  padding-top: var(--prism-spacing-300);
}

/* Note: decide later if we should move this to the demo-calendar styles in app.css? */

/* This probably isn't the case for the other datepickers */
.ember-power-calendar-nav-title {
  color: var(--prism-color-text-neutral-emphasis);
}

/* google maps info window style override */
.gm-style-iw-d {
  margin: var(--prism-spacing-100) var(--prism-spacing-400)
    var(--prism-spacing-400) var(--prism-spacing-100);
  /* stylelint-disable-next-line declaration-no-important */
  overflow: hidden !important;
}

.tooltip-single-property-details {
  color: var(--prism-color-text-neutral-default);
}

.tooltip-single-property-details .property-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tooltip-single-property-details .toggle-amenities-box,
.tooltip-single-property-details #icon-toggle-amenities {
  cursor: pointer;
}

.tooltip-single-property-details #icon-toggle-amenities.expanded {
  transform: rotate(180deg);
}

.tooltip-single-property-details .amenities-box-container {
  height: 0;
  padding: 0;
  text-align: left;
  visibility: hidden;
  width: 100%;
}

.tooltip-single-property-details .amenities-box-container.expanded {
  height: auto;
  margin-bottom: var(--prism-spacing-200);
  visibility: visible;
}

.tooltip-single-property-details .amenities-box-container .amenities-box {
  background: var(--prism-color-general-neutral-50);
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-default);
  display: block;
  max-height: 94px;
  overflow: hidden scroll;
  padding-right: var(--prism-spacing-400);
  width: 100%;
}

/* display tooltip amenities scrollbars permanently */
.tooltip-single-property-details
  .amenities-box-container
  .amenities-box::-webkit-scrollbar {
  appearance: none;
  width: 7px;
}

.tooltip-single-property-details .amenities-box-container .amenities-list {
  columns: 2;
}

.tooltip-single-property-details .tooltip-single-property-detail__icons {
  flex-wrap: wrap;
}

.tooltip-short-term-rental {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  font-size: var(--prism-font-size-text-200-regular);
  min-width: 260px;
  overflow: hidden;
  padding: 0;
  z-index: 201; /* Make sure tooltip gets rendered over main navbars in worst case scenarios */
}

.tooltip-short-term-rental .tooltip__content {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  margin-top: var(--prism-spacing-300);
}

.tooltip-short-term-rental .tooltip__content .card-summary {
  padding: 0 var(--prism-spacing-300) var(--prism-spacing-300);
}

.tooltip-short-term-rental .tooltip__content .card-summary__header {
  line-height: 19px;
  margin-top: var(--prism-spacing-300);
}

.tooltip-short-term-rental .tooltip__content .card-summary__content {
  padding-bottom: var(--prism-spacing-100);
  padding-top: var(--prism-spacing-200);
}

.tooltip-short-term-rental
  .tooltip__content
  .card-summary__content
  .metric-value {
  min-width: 36px;
  text-align: right;
}

.tooltip-short-term-rental .tooltip__content .card-summary__events {
  font-size: var(--prism-font-size-text-200-regular);
  line-height: 18px;
}

.tooltip-short-term-rental .tooltip__content .card-summary__events .icon {
  margin-top: 3px;
}

.tooltip-short-term-rental .tooltip__footer {
  font-size: 10px;
}

.rental-progress-bar {
  display: block;
  position: relative;
}

.al-icons {
  vertical-align: middle;
}

.learn-more-link {
  align-items: center;
  display: inline-flex;
  gap: var(--prism-spacing-100);
}

.market-section {
  display: flex;
  gap: var(--prism-spacing-400);
}

.market-section__map {
  flex: 1;
}

.market-section__upsell-map {
  z-index: 140; /* Make sure map is rendered above upsell blur */
}

.range-picker-wrapper .range-picker {
  width: 320px;
}

.range-picker-wrapper .range-picker__content {
  display: flex;
  justify-content: center;
  margin: 0 var(--prism-spacing-400);
}

.range-picker-wrapper .range-picker__footer {
  align-items: center;
  border-top: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  height: 60px;
  justify-content: flex-end;
}

.range-picker-wrapper .range-picker .slider {
  flex-grow: 1;
}

.range-picker-wrapper .range-picker .save-cancel {
  padding: var(--prism-spacing-400);
}

.filter-button-container {
  gap: var(--prism-spacing-100);
}

.filter-button-container > * {
  max-width: 100px;
}

.short-term-rental .filter-bar-container {
  flex-grow: initial;
}

.short-term-rental__ref-select-container {
  flex-shrink: 0;
}

.evolution-chart-container {
  min-height: 450px; /* Avoid UI from jumping when loading */
}

/*
  The short-term-rental-upsell blur needs to be divided into 2 sections
  One for the nav and one for the content, in that way the content is still scrollable
*/
.short-term-rental-upsell-nav-wrapper {
  filter: blur(3px);
}

.short-term-rental-upsell-nav-wrapper
  :is(
    prism-button,
    .subnav-trigger,
    .range-picker-wrapper,
    .filter-bar-wrapper
  ) {
  opacity: 0.5;
  pointer-events: none;
}

.short-term-rental-upsell {
  backdrop-filter: blur(3px);
  background-color: var(--prism-color-elevation-backdrop-default);
  inset: 0;
  position: absolute;
  z-index: 140;
}

:root {
  --rs-subtype-metric-block-fixed-width: 320px;
  --rs-subtype-metric-block-left-right-padding: var(--prism-spacing-400);
  --card-gap: var(--prism-spacing-800);
  --dow-chart-min-height: 450px;
}

/* Note: maybe move this to separate file later */
.rate-strategy-subtype-metric-block {
  min-height: 128px; /* Useful for pushing open cards during loading state */
  width: var(--rs-subtype-metric-block-fixed-width);
}

.rate-strategy-subtype-metric-block__metric-wrapper .strategy-value--own-hotel {
  color: var(--prism-color-text-info-default);
}

.rate-strategy-subtype-metric-block--loading {
  /* Remove the tile borders when loading */
  border: none;
}

.rate-strategy-subtype-metric-block--dashed {
  border: 1px dashed var(--prism-color-border-neutral-default);
  line-height: 20px;
  padding: var(--prism-spacing-1000);
}

.rate-strategy-card {
  margin-bottom: var(--prism-spacing-800);

  /* Add min-width for better loading states */
  min-width: calc(
    var(--rs-subtype-metric-block-fixed-width) + 2 *
      var(--rs-subtype-metric-block-left-right-padding)
  );
}

.rate-strategy-card--chart {
  min-height: var(
    --dow-chart-min-height
  ); /* Useful for pushing open cards during loading state */
}

.rate-strategy-card .card-tile__title {
  height: 45px; /* Fixed height for loading state */
}

/* Spacing between different subtypes in a type block (in row layout) */
.rate-strategy-card
  .rate-strategy-card__content.flex-row
  .rate-strategy-subtype-metric-block
  + .rate-strategy-subtype-metric-block {
  margin-left: var(--prism-spacing-400);
}

.rate-strategy-card .rate-strategy-card__content.dynamic-layout--grid-styling {
  /*
    Test layout for multiple subtypes
    Note: display: flex + flex-direction: column + flex-wrap looked more problematic :( Tested display: grid instead
  */
  display: grid;
  gap: var(--prism-spacing-400);
  grid-auto-flow: column; /* specify how the auto-placement algorithm works: items are placed by filling each column in turn, adding new columns as necessary. */
  grid-template-rows: 1fr 1fr; /* set gutters between rows */
}

.rate-strategy-card
  .rate-strategy-card__content.dynamic-layout--grid-styling--no-data,
.rate-strategy-card
  .rate-strategy-card__content.dynamic-layout--grid-styling--single-row {
  grid-template-rows: 1fr; /* In case of single row option, or no data present we don't want double rows */
}

@media (width <= 1200px) {
  /* Make the column-gap smaller for blocks with 3 columns when the screen width is less than 1200px (otherwise they don't fit) */
  .rate-strategy-card
    .rate-strategy-card__content.dynamic-layout--grid-styling--col3 {
    column-gap: var(--prism-spacing-400);
  }
}

/* Spacing between different "type" blocks */
.rate-strategy-card + .rate-strategy-card {
  margin-left: var(--prism-spacing-800);
}

.rate-strategy-row-with-dynamic-cards {
  display: flex;
  flex-flow: row wrap;
  gap: var(--card-gap); /* Handle spacing between the type cards */

  /* Margin after last positioned rate-strategy-cards */
  margin-bottom: var(--prism-spacing-800);
}

/* All margins for spacing between the type cards is handled via the gap (in case of rate-strategy-row-with-dynamic-cards parent) */
.rate-strategy-row-with-dynamic-cards .rate-strategy-card {
  margin-bottom: 0;
}

.rate-strategy-row-with-dynamic-cards
  .rate-strategy-card
  + .rate-strategy-card {
  margin-left: 0;
}

.rate-strategy-subtype-empty-state-wrapper {
  width: var(--rs-subtype-metric-block-fixed-width);
}

/* Handle Compset position / DOW card sizes, depending on the screensize */
.rate-strategy-card__compset-pos {
  /* stylelint-disable-next-line declaration-no-important */
  width: 33% !important; /* width-1/3 equivalent */
}

.rate-strategy-card__dow {
  /* stylelint-disable-next-line declaration-no-important */
  width: 66% !important; /* width-2/3 equivalent */
}

@media (width <= 1365px) {
  .rate-strategy-card__compset-pos {
    /* stylelint-disable-next-line declaration-no-important */
    width: 50% !important; /* width-1/2 equivalent */
  }

  .rate-strategy-card__dow {
    /* stylelint-disable-next-line declaration-no-important */
    width: 50% !important; /* width-1/2 equivalent */
  }
}

.compset-position-block__content {
  /* Fix height for overflow and better loading states */
  height: calc(var(--dow-chart-min-height) + 20px);
  overflow: auto;
}

.compset-position-block__content .position-button {
  align-items: center;
  background-color: var(--prism-color-background-neutral-subdued);
  border: none;
  border-radius: var(--prism-border-radius-200);
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  display: flex;
  height: 42px;
  justify-content: space-between;
  margin-bottom: var(--prism-spacing-200);
  padding: 9px 7px 9px var(--prism-spacing-300);
  white-space: nowrap; /* Prevent multiline position buttons */
  width: 100%;
}

.compset-position-block__content .position-button:last-of-type {
  margin-bottom: 0;
}

.compset-position-block__content .position-button:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.compset-position-block__content .position-button:active {
  background-color: var(--prism-color-background-neutral-subdued);
  box-shadow: var(--prism-shadow-neutral-inset);
}

.compset-position-block__content .position-button--primary {
  background-color: var(--prism-color-background-info-subdued);
  color: var(--prism-color-text-info-emphasis);
}

.compset-position-block__content .position-button--primary:hover {
  background-color: var(--prism-color-general-info-100);
}

.compset-position-block__content .position-button--primary:active {
  background-color: var(--prism-color-general-info-200);
}

.compset-position-block__content .position-button--warning {
  background-color: var(--prism-color-general-warning-200);
  color: var(--prism-color-text-warning-emphasis);
}

.compset-position-block__content .position-button--warning:hover {
  background-color: var(--prism-color-general-warning-300);
}

.compset-position-block__content .position-button--warning:active {
  background-color: var(--prism-color-general-warning-400);
}

.position-badge {
  align-items: center;
  background-color: var(--prism-color-interactive-background-secondary-idle);
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  display: flex;
  font-size: var(--prism-font-size-text-200-medium);
  font-weight: var(--prism-font-weight-text-200-medium);
  justify-content: space-between;
  line-height: var(--prism-font-line-height-text-200-medium);
  padding: var(--prism-spacing-100) var(--prism-spacing-200);
}

.position-badge:hover {
  background-color: var(--prism-color-interactive-background-secondary-hover);
}

.position-badge:active {
  background-color: var(--prism-color-interactive-background-secondary-pressed);
}

.position-badge--primary {
  background-color: var(--prism-color-interactive-background-primary-idle);
  color: var(--prism-color-text-inverse);
}

.position-badge--primary:hover {
  background-color: var(--prism-color-interactive-background-primary-hover);
}

.position-badge--primary:active {
  background-color: var(--prism-color-interactive-background-primary-pressed);
}

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

.position-badge--warning:hover {
  background-color: var(--prism-color-general-warning-200);
}

.position-badge--warning:active {
  background-color: var(--prism-color-general-warning-300);
}

.rate-strategy-roomtype-detail__graph-subtype-selection-container {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 40px;
  padding-left: var(--prism-spacing-400);
  padding-right: var(--prism-spacing-400);
}

.rate-strategy-table {
  cursor: default;
}

.evolution-chart-tooltip__content table {
  width: 100%;
}

.evolution-chart-tooltip__content table thead,
.evolution-chart-tooltip__content table th {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  text-align: left;
  white-space: nowrap;
}

.evolution-chart-tooltip__content table tbody tr:nth-child(even) {
  background-color: var(--prism-color-elevation-surface);
}

.evolution-chart-tooltip__content table tbody tr:nth-child(odd) {
  background-color: var(--prism-color-background-neutral-subdued);
}

.evolution-chart-tooltip__content table th,
.evolution-chart-tooltip__content table td {
  overflow: hidden;
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evolution-chart-tooltip__content table tr.highlight {
  color: var(--prism-color-text-info-default);
  font-weight: bold;
}

.evolution-chart-tooltip__content table tr.hovered {
  border-left: 3px solid;
  font-weight: bold;
}

.evolution-chart-tooltip__content table .hotel-name {
  max-width: 200px;
}

.evolution-chart-tooltip__content table .hotel-name .identifier-bullet {
  flex-shrink: 0;
}

.evolution-chart-tooltip__content table .hotel-name p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.evolution-chart-tooltip__content table .room-name,
.evolution-chart-tooltip__content table td.favicons {
  max-width: 148px;
}

.evolution-chart-tooltip__content table .rate-icons {
  max-width: 50px;
  text-overflow: unset;
}

.evolution-chart-tooltip__content table .rate-icons .rate-icons__prism-icon {
  display: inline-block;
}

.evolution-chart-tooltip__content table .competitor-rate {
  max-width: 110px;
}

.rate-strategy-empty-state-container {
  height: 100%;
}

.rate-strategy-tooltip-cell-width-limit {
  max-width: 220px;
}

.multi-select-competitors {
  max-width: 330px; /* Limit competitor filter dropdown width (hotel names can be very long) */
}

/* Separate file for these styles as they're very specific */
.ed-rate-filters-container {
  flex-grow: 1; /* Take up all possible horizontal space that's left */
  height: 60px; /* Height of the second header */
  overflow: hidden;
  position: relative; /* Required for the perfectScrollbar */
}

/* Note: small dependency on the classes of the PerfectScrollbarContainer classes */
.ed-rate-filters-container .perfect-scrollbar-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--prism-spacing-200);
}

.ed-rate-filters-container .no-filter-content {
  white-space: nowrap; /* Prevent the text labels here from wrapping on multiple lines in case space runs out */
}

/* Custom PS styling to look nicely on top of the navbar */
.ed-rate-filters-container .ps__rail-x {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: transparent !important;
}

.ed-rate-filters-container .ps__rail-y {
  display: none;
}

.ed-rate-filters-container .ps__thumb-x {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--prism-color-background-inverse) !important;
  /* stylelint-disable-next-line declaration-no-important */
  height: 4px !important;
}

/* Used so that the alerts modal has scrollable content, but a fixed footer */
.od-alerts-settings-modal-scrollable-container {
  height: calc(70vh - 60px); /* subtract modal footer */
}

.od-alerts-settings-modal .single-setting-block__subtitle {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
}

/* Handle spacing between different sections (e.g Top insights / Market trends) of the OD settings */
.od-alerts-settings-modal
  section.main-settings-block
  + section.main-settings-block {
  margin-top: var(--prism-spacing-400);
}

/* Single setting wrapper: opt-in & label + potentially other editable things */
.od-alerts-settings-modal
  section.single-setting-block
  + section.single-setting-block {
  margin-top: var(--prism-spacing-400);
}

/* Have fixed width for the inputs, so that the width doesn't change when an error message has to be shown/hidden again */
.od-alerts-settings-modal .od-alerts-settings-modal__input {
  width: 200px;
}

.alert-day-indicator-wrapper {
  background-color: var(--prism-color-background-info-subdued);
  height: 35px; /* We don't want this component to change height if an error message is displayed */
  min-width: 120px;
  padding: var(--prism-spacing-200);
  position: relative; /* used for prism-loading-bar positioning */
}

.od-feed-sticky-page-wrapper {
  /*
    The idea is that the feed is "sticky" and always fills up the same height in the screen
    The page will still be scrollable, but the scrolling will only impact the dashboard. The feed will remain static
  */
  position: sticky;
  top: var(--prism-spacing-1000);
}

.od-feed-tab-scrollable-container-wrapper {
  position: relative; /* Used for prism-loading-bar positioning (outside of scrollable container - in case the user has scrolled down) */
}

.od-feed-tab-scrollable-container-wrapper__content {
  display: flex;
  flex-direction: column;
  padding: var(--prism-spacing-200) var(--prism-spacing-400);
  row-gap: var(--prism-spacing-200);
}

/*
  Height of all nav bars/content margins/title sections on the overview page that needs to be subracted from the height of scrollable container
  app headers (120) + margins (16 x 3) + header (22) + filters (24) = 214px
*/
.od-feed-tab-scrollable-container {
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  height: calc(100vh - 214px);
  overflow: hidden;
}

.od-feed-tab-scrollable-container--with-tab-fixed-button {
  /* everything count together: 214px - card footer button */
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  height: calc(100vh - 214px - 60px);
}

.od-feed-tab-fixed-button {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  height: 60px; /* prism-card-footer + prism-button */
  padding: var(--prism-spacing-400);
}

/* Styles for components inside the feed (reused for both Alert & Key dates tabs) */
.od-feed-entry {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  cursor: pointer;
}

.od-feed-entry .od-feed-entry-alerts-grid-layout {
  display: grid;
  gap: var(--prism-spacing-100);
  grid-template-columns: repeat(3, 1fr);
}

.od-feed-entry__alert {
  align-items: center;
  background-color: var(--prism-color-elevation-canvas);
  border-radius: var(--prism-border-radius-100);
  display: flex;
  justify-content: center;
  padding: var(--prism-spacing-200) var(--prism-spacing-100);
}

.od-feed-entry:hover {
  box-shadow: var(--prism-shadow-neutral-200);
}

.od-feed-entry:last-child {
  margin-bottom: var(--prism-spacing-200);
}

.od-feed-entry--drilled-down-day {
  background-color: var(--prism-color-background-neutral-subdued);
  border: 1px solid var(--prism-color-interactive-border-neutral-pressed);
}

.od-feed-entry__alerts {
  display: flex;
  flex-direction: column;
  padding: var(--prism-spacing-300);
  row-gap: var(--prism-spacing-300);
}

.od-feed-entry__note-section {
  cursor: default; /* Currently the expanded content isn't actually clickable to trigger day drilldowns etc. Use default cursor here */
  padding: 0 var(--prism-spacing-300) var(--prism-spacing-300);
}

.od-feed-entry__note-section__note {
  border-top: 1px solid var(--prism-color-border-neutral-default);

  /* Extra style to prevent a superlong line of e.g. 300 characters without a space breaking through the container */
  overflow-wrap: break-word;
}

.od-feed-entry--selected {
  background-color: var(--prism-color-background-neutral-subdued);
  border: 1px solid var(--prism-color-interactive-border-neutral-pressed);
}

.od-feed-entry-extra-whitespace {
  margin-bottom: 80px;
}

.key-date-btn-wrapper {
  display: grid;
  gap: var(--prism-spacing-200);
  grid-template-columns: 1fr 1fr;
}

.eso__banner-content {
  gap: var(--prism-spacing-300) var(--prism-spacing-600);
  width: 100%;
}

.eso__banner-link {
  text-decoration: underline;
}

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

.icon-star--key-dates {
  color: var(
    --prism-color-text-warning-default
  ); /* used in events KPI & alerts/keydate feed */
}

.od-performance-rates-chart-container-wrapper {
  position: relative;
}

.od-performance-rates-chart-container-wrapper
  .chart-legend--od-performance-rates {
  flex-wrap: wrap;
  gap: var(--prism-spacing-200);
}

.od-performance-legend {
  margin-bottom: var(--prism-spacing-400);
  padding: 0 var(--prism-spacing-400);
}

.rates-chart-tooltip-hotel-name-cell {
  background-color: var(--prism-color-elevation-surface);
}

.rates-chart-tooltip-hotel-name-cell #rates-chart-tooltip-hotel-name-marker {
  border-radius: 100%;
  display: inline-block;
  height: 8px;
  margin-right: var(--prism-spacing-200);
  width: 8px;
}

/* Class used in daily patterns chart to grey out unselected days when the day drilldown is active */
.daily-patterns-highcharts-opacity {
  opacity: 0.3;
}

.card-tile__tooltip--od-events {
  /* Make sure the events KPI tooltip has a min-width, so it's not squashed together if there's only 1 event/holiday with a short name */
  min-width: 200px;
}

.od-drawer-trigger-container {
  height: 100%;
  position: relative;
}

.od-drawer-trigger-container .od-drawer-trigger-content {
  display: flex;
}

.od-drawer-trigger-container .badge-wrapper {
  position: absolute;
  right: -6px;
  top: 8px;
  z-index: 1;
}

.overview-top-searching-countries-block__row {
  display: flex;
  font-size: var(--prism-font-size-text-300-regular);
  justify-content: space-between;
  line-height: 18px;
}

.od-tooltip {
  min-width: 400px;
}

.od-ranking-content {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-300);
}

.pricing-assistant-day-detail-tab {
  background-color: var(--prism-color-background-neutral-subdued);
  display: flex;
  height: 100%;
  justify-content: center;
  padding: var(--prism-spacing-500);
}

.pricing-assistant-day-detail-tab .main-card {
  color: var(--prism-color-text-neutral-default);
  height: 100%;
  width: 480px;
}

.pricing-assistant-day-detail-tab .main-card .content {
  height: 100%;
}

.pricing-assistant-day-detail-tab .main-card .content .scrollable-container {
  height: 100%;
  overflow-y: auto;
  padding: var(--prism-spacing-400);
  position: absolute;
  width: 100%;
}

.pricing-assistant-day-detail-tab .current-price-container {
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  padding: var(--prism-spacing-300) var(--prism-spacing-800)
    var(--prism-spacing-300) var(--prism-spacing-300);
}

.pricing-assistant-day-detail-tab .tab-pricing-footer {
  position: relative;
}

.pricing-assistant-day-detail-tab .tab-pricing-footer .price-container {
  padding: var(--prism-spacing-100) var(--prism-spacing-300)
    var(--prism-spacing-200) var(--prism-spacing-300);
}

.pricing-assistant-day-detail-tab
  .tab-pricing-footer
  .price-info--recommendation {
  color: var(--prism-color-interactive-background-primary-idle);
}

.pricing-assistant-day-detail-tab .tab-pricing-footer .price-info--autopilot {
  color: var(--prism-color-text-intelligence-emphasis);
}

.pricing-assistant-day-detail-tab .tab-pricing-footer .cta-container {
  height: 32px; /* fixed height that ensures pushing recommendation action state remains the same height regardless of the cancel button */
}

.pricing-assistant-day-detail-tab
  .tab-pricing-footer
  .cta-container__action-button
  > button {
  width: 100%;
}

.tab-open-pricing {
  background-color: var(--prism-color-general-neutral-50);
}

.tab-open-pricing__error-banner {
  padding: 0 var(--prism-spacing-800);
}

.tab-open-pricing__table-and-banner-container {
  height: 100%;
  overflow: auto;
  padding: var(--prism-spacing-600) 0;
  position: relative;
  width: 100%;
}

.tab-open-pricing__table {
  padding: 0 var(--prism-spacing-800);
  position: absolute;
}

.tab-open-pricing__table .smart-insights-button {
  visibility: hidden;
}

.tab-open-pricing__table .table-row:hover .smart-insights-button {
  visibility: visible;
}

.tab-open-pricing__table .price-input-container {
  max-width: 80px;
  min-width: 65px;
}

.tab-open-pricing__table--invalid {
  color: var(--prism-color-text-critical-default);
}

.tab-open-pricing__footer {
  background-color: var(--prism-color-elevation-surface);
  border-top: 1px solid var(--prism-color-border-neutral-default);
  min-height: 60px;
}

.tab-open-pricing-drawer {
  min-width: 0;

  /* Note: update handleOpeningClosingAnimation modifier accordingly if you change the transition duration */
  transition: min-width 0.5s ease-in-out;
  width: 0;

  /* this ensures that the box shadow is visible regardless of any overlapping */
  z-index: 2;
}

.tab-open-pricing-drawer--open {
  box-shadow: var(--prism-shadow-neutral-200);
  min-width: 360px;
}

.tab-open-pricing-drawer__header {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-200) var(--prism-spacing-200)
    var(--prism-spacing-200) var(--prism-spacing-400);
}

.tab-open-pricing-drawer__content {
  background-color: var(--prism-color-elevation-surface);
  overflow-y: auto;
  padding: var(--prism-spacing-400);
}

/*
  Often used in PA because we display hotel currency symbol in input slots.
  currencies can be multiple characters (e.g. kr). We want to avoid that these start wrapping
*/
.text-nowrap {
  white-space: nowrap;
}

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

.divider-line {
  background-color: var(--prism-color-border-neutral-default);
  height: 1px;
  margin-bottom: var(--prism-spacing-200);
  margin-top: var(--prism-spacing-200);
}

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

.strikethrough-text {
  text-decoration: line-through;
}

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

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

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

/*
  Absolutely position the page mode switcher in the center of the page.
  This ensures it doesn't jump around when its sibling elements are changing.
*/
.pricing-assistant-page-mode-switcher {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.recommendation-action-state__price-change {
  background-color: var(--prism-color-background-neutral-subdued);
  border-radius: var(--prism-border-radius-100);
  padding: var(--prism-spacing-100) var(--prism-spacing-200)
    var(--prism-spacing-100) var(--prism-spacing-200);
}

.bulk-update-modal .date-range-container {
  background: var(--prism-color-background-neutral-subdued);
  border: var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  padding: var(--prism-spacing-400);
}

.bulk-update-modal .price-input {
  width: 104px;
}

.override-modal__price-container {
  background-color: var(--prism-color-background-neutral-subdued);
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  display: flex;
  padding: var(--prism-spacing-400);
}

@media only screen and (width <= 1400px) {
  /* Hide pricing-selections component label on smaller screens */
  .selections-container-with-hover .selections-label {
    display: none;
  }
}

.tab-open-pricing {
  background-color: var(--prism-color-general-neutral-50);
}

.tab-open-pricing__error-banner {
  padding: 0 var(--prism-spacing-800);
}

.tab-open-pricing__table-and-banner-container {
  height: 100%;
  overflow: auto;
  padding: var(--prism-spacing-600) 0;
  position: relative;
  width: 100%;
}

.tab-open-pricing__table {
  padding: 0 var(--prism-spacing-800);
  position: absolute;
}

.tab-open-pricing__table .smart-insights-button {
  visibility: hidden;
}

.tab-open-pricing__table .table-row:hover .smart-insights-button {
  visibility: visible;
}

.tab-open-pricing__table .price-input-container {
  max-width: 80px;
  min-width: 65px;
}

.tab-open-pricing__table--invalid {
  color: var(--prism-color-text-critical-default);
}

.tab-open-pricing__footer {
  background-color: var(--prism-color-elevation-surface);
  border-top: 1px solid var(--prism-color-border-neutral-default);
  min-height: 60px;
}

.tab-open-pricing-drawer {
  min-width: 0;

  /* Note: update handleOpeningClosingAnimation modifier accordingly if you change the transition duration */
  transition: min-width 0.5s ease-in-out;
  width: 0;

  /* this ensures that the box shadow is visible regardless of any overlapping */
  z-index: 2;
}

.tab-open-pricing-drawer--open {
  box-shadow: var(--prism-shadow-neutral-200);
  min-width: 360px;
}

.rates-table-container {
  cursor: default;

  .td-market-demand--row {
    align-items: center;
    display: flex;
    gap: var(--prism-spacing-100);
  }

  .td-market-demand--column {
    display: flex;
    flex-direction: column;
    gap: var(--prism-spacing-100);
    justify-content: center;
  }

  .td-otb--row {
    align-items: center;
    display: flex;
    gap: var(--prism-spacing-100);
  }

  .td-otb--column {
    display: flex;
    flex-direction: column;
    gap: var(--prism-spacing-50);
    justify-content: center;
  }

  .td-short-term-rental--row {
    align-items: flex-start;
    display: flex;
    gap: var(--prism-spacing-50);
  }

  .td-short-term-rental--column {
    display: flex;
    flex-direction: column;
    gap: var(--prism-spacing-100);
    justify-content: flex-end;
  }

  .td-rate-compare--row {
    display: flex;
    gap: var(--prism-spacing-100);
  }

  .td-rate-compare--column {
    display: flex;
    flex-direction: column;
    gap: var(--prism-spacing-50);
    justify-content: center;
  }

  .td-short-term-rental-rate--row {
    display: flex;
    gap: var(--prism-spacing-100);
  }

  .td-short-term-rental-rate--column {
    display: flex;
    flex-direction: column;
    gap: var(--prism-spacing-50);
    justify-content: flex-start;
  }
}

.rates-table-container .td-today {
  font-weight: var(--prism-font-weight-heading-1);
}

.rates-table-container .td-past {
  opacity: 0.7;
}

.rates-table-container .underline-on-hover:hover {
  text-decoration: underline;
}

.rates-table-container .is-link {
  cursor: pointer;
}

.rates-table-container .alert-indicator {
  background-color: var(--prism-color-icon-critical-default);
  border-radius: 50%;
  height: 6px;
  position: absolute;
  width: 6px;
}

.rates-table-container .alert-otb-change {
  left: 20%;
  position: absolute;
  top: 10px;
}

.rates-table-container .alert-otb-change .alert-indicator {
  bottom: 14px;
  left: 10px;
}

.rates-table-container .rental-rate-wrapper {
  display: flex;
}

.rates-table-container .rental-rate-wrapper .alert-rate-change {
  min-width: 16px;
  position: relative;
}

.rates-table-container
  .rental-rate-wrapper
  .alert-rate-change
  .alert-indicator {
  left: 10px;
  top: -4px;
}

.rates-table-container .td-left-value {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding-right: var(--prism-spacing-50);
  position: relative;
  text-align: right;
  width: 50%;
}

.rates-table-container .market-demand-icon {
  margin-top: 1px;
}

.rates-table-container .td-right-value {
  cursor: default;

  /* Override the bold font-weight from .today (only outliers should be bold) */
  font-weight: normal;
}

.rates-table-container .rates-table-header-cell {
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: 60px;
  overflow: hidden;
}

.rates-table-container .rates-table-header-cell.is-date {
  justify-content: left;
}

.rates-table-container .rates-table-header-cell--icon {
  height: var(--prism-font-line-height-paragraph-200-bold);
}

.rates-table-container-old {
  cursor: default;
}

.rates-table-container-old .td-today {
  font-weight: var(--prism-font-weight-heading-1);
}

.rates-table-container-old .td-past {
  opacity: 0.7;
}

.rates-table-container-old .underline-on-hover:hover {
  text-decoration: underline;
}

.rates-table-container-old .is-link {
  cursor: pointer;
}

.rates-table-container-old .alert-indicator {
  background-color: var(--prism-color-icon-critical-default);
  border-radius: 50%;
  height: 6px;
  position: absolute;
  width: 6px;
}

.rates-table-container-old .alert-otb-change {
  left: 20%;
  position: absolute;
  top: 10px;
}

.rates-table-container-old .alert-otb-change .alert-indicator {
  bottom: 14px;
  left: 10px;
}

.rates-table-container-old .rental-rate-wrapper {
  display: flex;
  justify-content: center;
}

.rates-table-container-old .rental-rate-wrapper .alert-rate-change {
  min-width: 16px;
  position: relative;
}

.rates-table-container-old
  .rental-rate-wrapper
  .alert-rate-change
  .alert-indicator {
  left: 10px;
  top: -4px;
}

.rates-table-container-old .td-left-value {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding-right: var(--prism-spacing-50);
  position: relative;
  text-align: right;
  width: 50%;
}

.rates-table-container-old .td-left-rate-compare-value {
  display: flex;
  justify-content: flex-start;
  max-width: 50%;
}

.rates-table-container-old .market-demand-icon {
  margin-top: 1px;
}

.rates-table-container-old .td-right-value {
  align-items: center;
  cursor: default;
  display: flex;

  /* Override the bold font-weight from .today (only outliers should be bold) */
  font-weight: normal;
  justify-content: flex-start;
  padding-left: var(--prism-spacing-50);
  text-align: left;
  width: 50%;
}

.rates-table-container-old .rates-table-header-cell {
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: 60px;
  overflow: hidden;
}

.rates-table-container-old .rates-table-header-cell.is-date {
  justify-content: left;
}

.channel-pricing-table .table-header {
  /**
   * "visibility: collapse" is used to hide the header row of the table and maintain its visual functionalities.
   * For more: https://developer.mozilla.org/en-US/docs/Web/CSS/visibility#collapse
   *
   * Reasons:
   * At this point (Jan.2025) our table component does not support a version without a visible header row.
   * Though, for this product, the Design Team want to avoid a "cluttered" view, and sees a table with no header an
   * important visual solution.
   *
   * Tip for future: maybe this can be removed either when the table component supports a version without a header row,
   * or under design changes.
   */
  visibility: collapse;
}

/*
  SMART DISTRIBUTION TODO: Reconsider the implementation below.
    - Current implementation is not 'attached' to the spacing parameters of the OCC bar width in day's cell: &__otb-bar { width: 40px;}
    - Questionable design decision for small screens
    - Use of variables might be useless
*/
.channel-pricing-pms-table {
  --right-padding: 54px;
  --right-padding-with-icon: 34px;
}

.channel-pricing-pms-table--loading {
  height: 100px;
}

.compare-channel-prices-button
  .compare-channel-prices-button__notification-bubble {
  --bubble-size: 12px;

  background-color: var(--prism-color-icon-brand-default);
  border-radius: 50%;
  height: var(--bubble-size);
  min-width: var(--bubble-size);
  right: calc(var(--bubble-size) / -3);
  top: calc(var(--bubble-size) / -3);
}

.ember-power-calendar {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.4286;
  position: relative;
}

.ember-power-calendar-nav {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  line-height: 2;
}

.ember-power-calendar-nav * {
  box-sizing: border-box;
}

.ember-power-calendar-days,
.ember-power-calendar-days * {
  box-sizing: border-box;
}

.ember-power-calendar-nav-title {
  flex: 1;
  text-align: center;
}

.ember-power-calendar-row {
  display: flex;
  justify-content: space-between;
}

.ember-power-calendar-weekday {
  align-items: center;
  appearance: none;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  background-color: transparent;
  background-color: initial;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  border: none;
  border: initial;
  display: flex;
  flex: 1 1 100%;
  justify-content: center;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  outline: none;
  outline: initial;
  padding: 0;
}

.ember-power-calendar-day {
  align-items: center;
  appearance: none;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  background-color: transparent;
  background-color: initial;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  border: none;
  border: initial;
  flex: 1 1 100%;
  font-size: inherit;
  justify-content: center;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  outline: none;
  outline: initial;
  padding: 0;
}

.ember-power-calendar-nav-control {
  appearance: none;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  background-color: transparent;
  background-color: initial;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  border: none;
  border: initial;
  font-size: 150%;
  line-height: 1;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  outline: none;
  outline: initial;
}

.ember-power-calendar-nav-control:focus {
  transform: scale(1.2);
}

.ember-power-calendar-day--selected,
.ember-power-calendar-day--selected:not([disabled]):hover {
  font-weight: bold;
}

.ember-power-calendar-day--interactive[disabled] {
  opacity: 0.4;
}

.tooltip-calendar-smart-insights .tooltip-arrow.ember-tooltip-arrow {
  display: none;
}

.header--portfolio-smart-insights {
  min-height: 60px;
}

.portfolio-smart-insights-card {
  background: var(--prism-color-elevation-surface);
  border: 0 solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-spacing-200);
  box-shadow: var(--prism-shadow-neutral-100);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-400);
  padding: var(--prism-spacing-400);
  user-select: none;
}

.portfolio-smart-insights-card.expanded {
  outline: 1.5px solid var(--prism-color-border-intelligence-emphasis);
}

.portfolio-smart-insights-card:hover:not(.expanded) {
  box-shadow: var(--prism-shadow-neutral-100);
  outline: 0.5px solid var(--prism-color-interactive-border-neutral-hover);
}

.portfolio-smart-insights-calendar {
  margin-left: 3px;
  margin-right: 3px;
}

.demo-calendar-medium.portfolio-smart-insights-calendar {
  width: calc(
    (var(--prism-spacing-800) + var(--prism-spacing-400)) * 7 -
      var(--prism-spacing-400)
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 1
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 2
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 3
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 4
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 5
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 6
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 1
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 2
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 3
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 4
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 5
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 6
  );
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day,
.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-weekday {
  height: var(--prism-spacing-800);
  max-height: var(--prism-spacing-800);
  max-width: var(--prism-spacing-800);
  width: var(--prism-spacing-800);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-weekdays,
.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-week {
  height: var(--prism-spacing-800);
  padding-left: 0;
  padding-right: 0;
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day {
  color: var(--prism-color-text-neutral-subdued);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day--current-month {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-subdued);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-nav-control,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-nav-control,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day--current-month {
  color: var(--prism-color-interactive-text-primary-idle);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-nav-control:focus,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-nav-control:focus {
  border-radius: 2px;
  color: var(--prism-color-interactive-text-primary-pressed);
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: -1px;
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day {
  color: var(--prism-color-text-neutral-subdued);
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-weekday {
  height: var(--prism-spacing-800);
  max-height: var(--prism-spacing-800);
  max-width: var(--prism-spacing-800);
  width: var(--prism-spacing-800);
}

.demo-calendar-small .ember-power-calendar-day--focused,
.demo-calendar-medium .ember-power-calendar-day--focused,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day--focused {
  box-shadow: none;
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day:not([disabled]):hover,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day:not([disabled]):hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day--selected,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day--selected {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  color: var(--prism-color-text-neutral-default);
  font-weight: 700;
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover,
.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover,
.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day--selected:not([disabled]):hover,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day--selected:not([disabled]):hover {
  background-image: linear-gradient(
    var(--prism-color-interactive-background-ghost-hover),
    var(--prism-color-interactive-background-ghost-hover)
  );
  color: var(--prism-color-text-neutral-subdued);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day--other-month:not([disabled]):hover,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day--other-month:not([disabled]):hover {
  color: var(--prism-color-text-neutral-subdued);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .portfolio-smart-insights-calendar__year {
  color: var(--prism-color-general-neutral-600);
}

.smart-insights-calendar-view__calendar {
  background-color: var(--prism-color-background-neutral-subdued);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-weekdays {
  color: var(--prism-color-text-neutral-default);
  margin-bottom: var(--prism-spacing-200);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-weekdays
  .ember-power-calendar-weekday {
  color: var(--prism-color-general-neutral-600);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day.ember-power-calendar-day--current-month {
  background: unset;
  border-radius: var(--prism-border-radius-200);
  color: var(--prism-color-text-neutral-emphasis);
  font-size: var(--prism-font-size-text-200-regular);
  font-weight: var(--prism-font-weight-text-400-regular);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day.ember-power-calendar-day--current-month.ember-power-calendar-day {
  transition: background-color 0.3s ease-out;
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day.ember-power-calendar-day--current-month.ember-power-calendar-day--today {
  background-clip: content-box;
  border: var(--prism-border-radius-50) solid
    var(--prism-color-general-intelligence-500);
  font-weight: var(--prism-font-weight-text-500-bold);
  outline: var(--prism-border-radius-50) solid
    var(--prism-color-general-intelligence-500);
  outline-offset: -2px;
  padding: var(--prism-spacing-50);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day.ember-power-calendar-day--current-month.ember-power-calendar-day--disabled {
  color: var(--prism-color-interactive-text-disabled);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day.ember-power-calendar-day--current-month.ember-power-calendar-day--with-insights:hover {
  box-shadow: var(--prism-shadow-neutral-100);
}

.demo-calendar-medium.portfolio-smart-insights-calendar
  .ember-power-calendar-day.ember-power-calendar-day--current-month.ember-power-calendar-day:hover {
  background-color: unset; /* Remove the hover state for days without insights. */
}

.smart-insights-filter-dropdown-trigger {
  align-items: center;
  background: var(--prism-color-interactive-background-secondary-pressed);
  border-radius: var(--prism-border-radius-100);
  display: inline-flex;
  gap: var(--prism-spacing-100);
  height: var(--prism-spacing-800);
  padding: var(--prism-spacing-100) var(--prism-spacing-100)
    var(--prism-spacing-100) var(--prism-spacing-200);
}

.smart-insights-drawer__content {
  position: relative;
}

.smart-insights-drawer__content .smart-insights-calendar-view {
  overflow-y: auto;
}

.smart-insights-drawer__content
  .smart-insights-calendar-view
  .smart-insights-calendar-view__calendar {
  /* Adding 40px to 16px (prism-spacing-400) to place the drawer content above the intercom button */
  padding: var(--prism-spacing-400) var(--prism-spacing-400) 56px;
}

.smart-insights-drawer__content
  .smart-insights-calendar-view
  .smart-insights-calendar-view__footer {
  bottom: 0;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 100%;
  z-index: 1;
}

.smart-insights-drawer__content .smart-insight-detail-view {
  padding: var(--prism-spacing-400);
}

.smart-insights-drawer__content
  .smart-insight-detail-view
  .smart-insight-detail-view__badge {
  color: var(--prism-color-text-inverse);
}

.smart-insights-drawer__content
  .smart-insight-detail-view
  .smart-insight-detail-view__badge--with-high-priority {
  background: var(--prism-gradient-chart-intelligence-background-high);
}

.smart-insights-drawer__content
  .smart-insight-detail-view
  .smart-insight-detail-view__badge--with-medium-priority {
  background: var(--prism-gradient-chart-intelligence-background-normal);
}

.smart-insights-drawer__content
  .smart-insight-detail-view
  .smart-insight-detail-view__badge--with-low-priority {
  background: var(--prism-gradient-chart-intelligence-background-low);
  color: var(--prism-color-text-on-intelligence);
}

.smart-insights-drawer__content .demo-calendar-medium.smart-insights-calendar {
  width: calc(
    (var(--prism-spacing-800) + var(--prism-spacing-400)) * 7 -
      var(--prism-spacing-400)
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 1
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 2
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 3
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 4
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 5
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 6
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 1
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 2
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 3
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 4
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 5
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: calc(
    calc(var(--prism-spacing-800) + var(--prism-spacing-400)) * 6
  );
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-weekdays,
.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-week {
  height: var(--prism-spacing-800);
  padding-left: 0;
  padding-right: 0;
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .smart-insights-calendar__year {
  color: var(--prism-color-general-neutral-600);
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-weekdays {
  margin-bottom: var(--prism-spacing-200);
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-weekdays
  .ember-power-calendar-weekday {
  color: var(--prism-color-general-neutral-600);
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day.ember-power-calendar-day--current-month {
  background: var(--prism-color-background-neutral-subdued);
  border-radius: var(--prism-border-radius-200);
  color: var(--prism-color-text-neutral-emphasis);
  font-size: var(--prism-font-size-text-200-regular);
  font-weight: var(--prism-font-weight-text-400-regular);
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day.ember-power-calendar-day--current-month.ember-power-calendar-day:hover {
  background-color: var(
    --prism-color-background-neutral-subdued
  ); /* Remove the hover state for days without insights. */
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day.ember-power-calendar-day--current-month.ember-power-calendar-day--today {
  background-clip: content-box;
  border: var(--prism-border-radius-50) solid
    var(--prism-color-general-intelligence-500);
  font-weight: var(--prism-font-weight-text-500-bold);
  outline: var(--prism-border-radius-50) solid
    var(--prism-color-general-intelligence-500);
  outline-offset: -2px;
  padding: var(--prism-spacing-50);
}

.smart-insights-drawer__content
  .demo-calendar-medium.smart-insights-calendar
  .ember-power-calendar-day.ember-power-calendar-day--current-month.ember-power-calendar-day--disabled {
  color: var(--prism-color-interactive-text-disabled);
}

.list-card-smart-insights .list-card-smart-insights__content {
  max-height: 232px;
  position: relative;
}

.list-card-smart-insights .list-card-smart-insights__icon-container {
  align-items: center;
  background: var(--prism-gradient-background-intelligence-subdued);
  border-radius: var(--prism-spacing-900);
  display: flex;
  height: var(--prism-spacing-900);
  justify-content: center;
  min-width: var(--prism-spacing-900);
}

.list-card-smart-insights .list-card-smart-insights__bottom-overlay {
  /* stylelint-disable function-disallowed-list */
  background: linear-gradient(
    180deg,
    rgb(255 255 255 / 0%) 0%,
    rgb(255 255 255 / 50%) 100%
  );
  bottom: 0;
  /* stylelint-enable function-disallowed-list */
  height: 80px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.ember-power-calendar-day {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-default);
}

.demo-calendar-small .day-cell {
  height: 24px;
  line-height: 24px;
  width: 24px;
}

.demo-calendar-medium .day-cell {
  height: 32px;
  line-height: 32px;
  width: 32px;
}

.ember-power-calendar-day.ember-power-calendar-day--range-start .day-cell,
.ember-power-calendar-day.ember-power-calendar-day--range-end .day-cell {
  border: 2px solid var(--prism-color-interactive-border-neutral-pressed);
  border-radius: 50%;
  line-height: 20px;
}

.ember-power-calendar-day.ember-power-calendar-day--range-start .event,
.ember-power-calendar-day.ember-power-calendar-day--range-start .holiday,
.ember-power-calendar-day.ember-power-calendar-day--range-start .both,
.ember-power-calendar-day.ember-power-calendar-day--range-end .event,
.ember-power-calendar-day.ember-power-calendar-day--range-end .holiday,
.ember-power-calendar-day.ember-power-calendar-day--range-end .both {
  border-radius: 50%;
}

.ember-power-calendar-day.ember-power-calendar-day--range-start
  .event-holiday-indication,
.ember-power-calendar-day.ember-power-calendar-day--range-end
  .event-holiday-indication {
  bottom: 1px;
  left: 3px;
}

.ember-power-calendar-day .day-cell.month-hovered {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.ember-power-calendar-day .day-cell .event-holiday-indication {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border-radius: 3px;
  bottom: 3px;
  height: 2px;
  left: 5px;
  position: absolute;
  width: 14px;
}

.ember-power-calendar-day.ember-power-calendar-day--range-start
  .today
  .event-holiday-indication,
.ember-power-calendar-day.ember-power-calendar-day--range-end
  .today
  .event-holiday-indication {
  bottom: 3px;
  left: 5px;
}

.ember-power-calendar-day.ember-power-calendar-day:not([disabled]):hover {
  background-color: var(--prism-color-interactive-background-disabled);
}

.ember-power-calendar-day.ember-power-calendar-day[disabled]
  .day-cell.month-hovered {
  background-color: var(--prism-color-elevation-surface);
}

.ember-power-calendar-day .day-cell.today {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border: none;
  border-radius: 50%;
  color: var(--prism-color-text-inverse);
  line-height: 24px;
}

.ember-power-calendar-row.ember-power-calendar-week:not(:last-child) {
  margin-bottom: var(--prism-spacing-200);
}

.ember-power-calendar-weekday {
  display: block;
  font-size: 0;
  line-height: 32px;
  text-align: center;
}

.ember-power-calendar-weekday::first-letter {
  color: var(--prism-color-general-neutral-600);
  font-size: var(--prism-font-size-text-200-regular);
}

.ember-power-calendar-day--range-start {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
}

.ember-power-calendar-day--range-end,
.ember-power-calendar-day--reference-included {
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
}

.demo-calendar-small .ember-power-calendar-day,
.demo-calendar-small .ember-power-calendar-weekday {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  width: 24px;
}

.demo-calendar-small .ember-power-calendar-weekdays,
.demo-calendar-small .ember-power-calendar-day,
.demo-calendar-medium .ember-power-calendar-day,
.demo-calendar-medium .ember-power-calendar-weekdays {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
}

.demo-calendar-small .ember-power-calendar-day--selected {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  color: var(--prism-color-text-neutral-default);
  font-weight: 700;
}

.demo-calendar-medium .ember-power-calendar-day,
.demo-calendar-medium .ember-power-calendar-weekday {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  width: 32px;
}

.demo-calendar-medium .ember-power-calendar-weekdays,
.demo-calendar-medium .ember-power-calendar-day {
  font-size: var(--prism-font-size-text-200-regular);
}

.demo-calendar-medium .ember-power-calendar-day--selected {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  color: var(--prism-color-text-neutral-default);
  font-weight: 700;
}

.ember-power-calendar-day--selected:not([disabled]):hover,
.ember-power-calendar-day:not([disabled]):hover,
.demo-calendar-medium
  .ember-power-calendar-day--selected:not([disabled]):hover {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.ember-power-calendar-day--focused,
.demo-calendar-small .ember-power-calendar-day--focused,
.demo-calendar-medium .ember-power-calendar-day--focused {
  box-shadow: none;
}

.ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.ember-power-calendar-day--reference-included {
  background-color: var(
    --prism-color-interactive-background-ghost-selected
      /* stylelint-disable-next-line declaration-no-important */
  ) !important;
}

.demo-calendar-small {
  width: 168px;
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: calc(24px * 1);
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: calc(24px * 2);
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: calc(24px * 3);
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: calc(24px * 4);
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: calc(24px * 5);
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: calc(24px * 6);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: calc(24px * 1);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: calc(24px * 2);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: calc(24px * 3);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: calc(24px * 4);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: calc(24px * 5);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: calc(24px * 6);
}

.demo-calendar-small .ember-power-calendar-weekdays,
.demo-calendar-small .ember-power-calendar-week {
  height: 25px;
  padding-left: 0;
  padding-right: 0;
}

.demo-calendar-small .ember-power-calendar-nav-control,
.demo-calendar-medium .ember-power-calendar-nav-control {
  color: var(--prism-color-interactive-text-primary-idle);
}

.demo-calendar-small .ember-power-calendar-nav-control:focus,
.demo-calendar-medium .ember-power-calendar-nav-control:focus {
  border-radius: 2px;
  color: var(--prism-color-interactive-text-primary-pressed);
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: -1px;
}

.demo-calendar-small .ember-power-calendar-day:not([disabled]):hover,
.demo-calendar-medium .ember-power-calendar-day:not([disabled]):hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.demo-calendar-small .ember-power-calendar-day.ember-power-calendar-day--today,
.demo-calendar-medium
  .ember-power-calendar-day.ember-power-calendar-day--today {
  background-color: var(--prism-color-interactive-background-primary-idle);
  border: none;
  color: var(--prism-color-text-inverse);
  line-height: 24px;
}

.demo-calendar-small
  .ember-power-calendar-day.ember-power-calendar-day--today:not(
    [disabled]
  ):hover,
.demo-calendar-medium
  .ember-power-calendar-day.ember-power-calendar-day--today:not(
    [disabled]
  ):hover {
  background-color: var(--prism-color-interactive-background-primary-hover);
}

.demo-calendar-small
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.demo-calendar-small
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end,
.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.demo-calendar-small
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover,
.demo-calendar-small
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover,
.demo-calendar-small .ember-power-calendar-day--selected:not([disabled]):hover,
.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover,
.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover {
  background-image: linear-gradient(
    var(--prism-color-interactive-background-ghost-hover),
    var(--prism-color-interactive-background-ghost-hover)
  );
  color: var(--prism-color-text-neutral-subdued);
}

.demo-calendar-small
  .ember-power-calendar-day--other-month:not([disabled]):hover,
.demo-calendar-medium
  .ember-power-calendar-day--other-month:not([disabled]):hover {
  color: var(--prism-color-text-neutral-subdued);
}

.demo-calendar-small .ember-power-calendar-row {
  justify-content: flex-start;
}

.demo-calendar-small .ember-power-calendar-day--current-month,
.demo-calendar-medium .ember-power-calendar-day--current-month {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-emphasis);
}

/* Used in Market Insight for now (trying out new size) */
.demo-calendar-medium {
  /*
    Temporarily created a patch (ember-power-calendar@0.18.0.patch) because it wasn't possible to use css vars in the mixin.
    Created a Pull Request to fix this, which is still awaiting approval.
    Update the version of ember-power-calendar after this has been approved.
    https://github.com/cibernox/ember-power-calendar/pull/497
  */
  width: calc((32px + var(--prism-spacing-100)) * 7 var(--prism-spacing-100));
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 1);
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 2);
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 3);
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 4);
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 5);
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 6);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 1);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 2);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 3);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 4);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 5);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 6);
}

.demo-calendar-medium .ember-power-calendar-weekdays,
.demo-calendar-medium .ember-power-calendar-week {
  height: calc(32px + 1px);
  padding-left: 0;
  padding-right: 0;
}

.month-selection-icon {
  font-size: 16px; /* icon size */
  position: relative;
  top: -11px;
}

.month-selection-trigger {
  cursor: pointer;
  white-space: nowrap;
}

.disabled-move-period {
  /* stylelint-disable-next-line declaration-no-important */
  cursor: auto !important;
  opacity: 0.3;
}

.period-selection-dropdown {
  background: var(--prism-color-elevation-surface);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  left: 85px;
  position: absolute;
  top: 60px;
  width: 728px;
  z-index: 1;
}

div.months-container {
  overflow: auto hidden;

  /* Max-width instead of width. If it is smaller, it should not have the spacing */

  /* max-width: 728px; */
  padding: 0 var(--prism-spacing-500) 0 var(--prism-spacing-500);
  position: relative;
}

div.month-container {
  float: left;
  overflow: hidden;
  padding: var(--prism-spacing-200);
}

div.month-container.small {
  height: 182px;
}

.month-title {
  cursor: pointer;
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  opacity: 1;
  text-align: left;
}

.legend {
  border: 1px solid var(--prism-color-border-neutral-default);
  border-collapse: separate;
  border-spacing: 10px;
  margin-bottom: var(--prism-spacing-200);
  margin-left: auto;
  margin-right: auto;
}

.legend > tr > td {
  margin: var(--prism-spacing-200);
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-200);
  text-align: center;
  width: 100%;
}

.legend > tr > td > div {
  height: 25px;
  line-height: 25px;
  overflow: hidden;
}

.legend-container {
  clear: both;
  padding-top: var(--prism-spacing-100);
}

[data-theme="dark"],
[data-theme="highcontrast-dark"] {
  color-scheme: dark;
}

[data-theme="light"],
[data-theme="highcontrast-light"] {
  color-scheme: light;
}

.disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.demo-calendar-small {
  width: 168px;
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: calc(24px * 1);
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: calc(24px * 2);
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: calc(24px * 3);
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: calc(24px * 4);
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: calc(24px * 5);
}

.demo-calendar-small
  .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: calc(24px * 6);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: calc(24px * 1);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: calc(24px * 2);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: calc(24px * 3);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: calc(24px * 4);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: calc(24px * 5);
}

.demo-calendar-small
  .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: calc(24px * 6);
}

.demo-calendar-small .ember-power-calendar-day,
.demo-calendar-small .ember-power-calendar-weekday {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  width: 24px;
}

.demo-calendar-small .ember-power-calendar-weekdays,
.demo-calendar-small .ember-power-calendar-week {
  height: 25px;
  padding-left: 0;
  padding-right: 0;
}

.demo-calendar-small .ember-power-calendar-weekdays {
  color: var(--prism-color-text-neutral-default);
}

.demo-calendar-small .ember-power-calendar-nav-control,
.demo-calendar-medium .ember-power-calendar-nav-control {
  color: var(--prism-color-interactive-text-primary-idle);
}

.demo-calendar-small .ember-power-calendar-nav-control:focus,
.demo-calendar-medium .ember-power-calendar-nav-control:focus {
  border-radius: 2px;
  color: var(--prism-color-interactive-text-primary-pressed);
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: -1px;
}

.demo-calendar-small .ember-power-calendar-weekdays,
.demo-calendar-small .ember-power-calendar-day {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
}

.demo-calendar-medium .ember-power-calendar-weekdays,
.demo-calendar-medium .ember-power-calendar-day {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
}

.demo-calendar-medium .ember-power-calendar-day,
.demo-calendar-medium .ember-power-calendar-weekday {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  width: 32px;
}

.demo-calendar-small .ember-power-calendar-day:not([disabled]):hover,
.demo-calendar-medium .ember-power-calendar-day:not([disabled]):hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.demo-calendar-small .ember-power-calendar-day--focused,
.demo-calendar-medium .ember-power-calendar-day--focused {
  box-shadow: none;
}

.demo-calendar-small
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.demo-calendar-small
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end,
.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.demo-calendar-small
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start,
.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
}

.demo-calendar-small
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end,
.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end {
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
}

.demo-calendar-small .ember-power-calendar-day--selected,
.demo-calendar-medium .ember-power-calendar-day--selected {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  color: var(--prism-color-text-neutral-default);
  font-weight: 700;
}

.demo-calendar-small
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover,
.demo-calendar-small
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover,
.demo-calendar-small .ember-power-calendar-day--selected:not([disabled]):hover,
.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-start:hover,
.demo-calendar-medium
  .ember-power-calendar-day--selected.ember-power-calendar-day--range-end:hover,
.demo-calendar-medium
  .ember-power-calendar-day--selected:not([disabled]):hover {
  background-image: linear-gradient(
    var(--prism-color-interactive-background-ghost-hover),
    var(--prism-color-interactive-background-ghost-hover)
  );
  color: var(--prism-color-text-neutral-subdued);
}

.demo-calendar-small
  .ember-power-calendar-day--other-month:not([disabled]):hover {
  color: var(--prism-color-text-neutral-subdued);
}

.demo-calendar-small .ember-power-calendar-row {
  justify-content: flex-start;
}

.demo-calendar-small .day-cell {
  height: 24px;
  line-height: 24px;
  width: 24px;
}

/* Used in Market Insight for now (trying out new size) */
.demo-calendar-medium {
  width: calc((32px + var(--prism-spacing-100)) * 7 - var(--prism-spacing-100));

  /* width: ($cell-dimension + $cell-spacing) * 7; */
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 1);
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 2);
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 3);
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 4);
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 5);
}

.demo-calendar-medium
  .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: calc(calc(32px + var(--prism-spacing-100)) * 6);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 1);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 2);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 3);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 4);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 5);
}

.demo-calendar-medium
  .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: calc(calc(32px + var(--prism-spacing-100)) * 6);
}

.demo-calendar-medium .ember-power-calendar-weekdays,
.demo-calendar-medium .ember-power-calendar-week {
  height: 33px;
  padding-left: 0;
  padding-right: 0;
}

.demo-calendar-medium
  .ember-power-calendar-day--other-month:not([disabled]):hover {
  color: var(--prism-color-text-neutral-subdued);
}

.demo-calendar-medium .day-cell {
  height: 32px;
  line-height: 32px;
  width: 32px;
}

.is-selected .pika-button {
  background: var(--prism-color-interactive-background-primary-idle);
}

.pika-button:hover {
  background: var(--prism-color-interactive-background-primary-idle);
}

html {
  background-color: var(--prism-color-background-neutral-subdued);
}

body {
  background-color: var(--prism-color-elevation-canvas);
  color: var(--prism-color-text-neutral-default);
  overflow-y: hidden;
}

/*
  Make sure link colors inherit their parent's color
  Without this, new places with links appear in ugly base blue
*/
a {
  color: inherit;
}

.content-wrapper {
  clear: both;
  gap: var(--prism-spacing-200);
  margin: auto;
  padding: 0 var(--prism-spacing-800) 0 var(--prism-spacing-800);

  /* Used to be 1600px, but we increased it to be able to display 14 days in the city-view table */
  position: relative;

  /* If this is changed, please check the container-sizing decorator and change it there as well */
  width: 100%;
}

/* 2544px: see settings-drawer comment for derivation */
@media only screen and (width >= 2544px) {
  .content-wrapper {
    max-width: 1840px;
  }
}

.content-wrapper.main-content {
  height: auto;
  margin: 0 auto;
  overflow: auto;
  padding-bottom: var(--prism-spacing-800);
  padding-top: var(--prism-spacing-800);
  width: 100%;

  /* This fix is needed in order to display the market-insight content. Without it, it just displays a blank page. */

  /* Remove the padding for the spider iframe because it already has its own padding. */
}

.content-wrapper.main-content.market-insight {
  overflow: visible;
}

.content-wrapper.main-content:has(.iframe-container) {
  padding: 0;
}

.content-wrapper.main-content > .my-account {
  margin: 0 auto;
  width: 800px;
}

.content-wrapper.main-content--new-layout {
  padding-bottom: var(--prism-spacing-400);
  padding-top: var(--prism-spacing-200);
}

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

.booking-ly-background {
  background-color: var(--prism-color-chart-accent-primary-figure-subdued);
}

.platform-logo {
  cursor: pointer;
  display: inline-block;
  margin-right: var(--prism-spacing-600);
}

.platform-logo,
.platform-logo svg {
  height: 40px;
  width: 40px;
}

.happy-holidays-logo {
  cursor: pointer;
  display: inline-flex;
  height: 40px;
  margin-right: var(--prism-spacing-600);
  position: relative;
  width: 40px;
}

.holidays-logo {
  height: 100%;
  opacity: 0;
  position: absolute;
  transition: opacity 0.1s ease;
  width: 100%;
}

.holidays-logo-1 {
  opacity: 1;
}

/* Animation states */
.happy-holidays-logo:hover .holidays-logo-1 {
  animation: show-logo-1 1s linear infinite;
}

.happy-holidays-logo:hover .holidays-logo-2 {
  animation: show-logo-2 1s linear infinite;
}

.happy-holidays-logo:hover .holidays-logo-3 {
  animation: show-logo-3 1s linear infinite;
}

@keyframes show-logo-1 {
  0%,
  25%,
  100% {
    opacity: 1;
  }

  26%,
  99% {
    opacity: 0;
  }
}

@keyframes show-logo-2 {
  0%,
  24% {
    opacity: 0;
  }

  25%,
  75% {
    opacity: 1;
  }

  76%,
  100% {
    opacity: 0;
  }
}

@keyframes show-logo-3 {
  0%,
  74% {
    opacity: 0;
  }

  75%,
  99% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.update-timestamp {
  color: var(--prism-color-interactive-text-placeholder);
}

/*
  The update timestamp can only be displayed once we've received the data.
  Our rates filter scroll logic happens on insert/afterRender, so at that time the updatetimestamp probably isn't there yet.
  We render this loading placeholder during the data loading, so that a realistic width is reserved for the update timestamp
*/
.update-timestamp .update-timestamp-loading-placeholder {
  width: 115px;
}

.header {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 60px;
  line-height: 60px;
  min-width: 1280px;
  position: relative;
  width: 100%;
}

.header .content-wrapper {
  gap: unset;
  margin: auto;
}

.header .header__navigation {
  height: 60px;

  /* full width except for the logo-and-rebranding-container and the header-user-actions-container */
  max-width: calc(100vw - 370px - 235px);

  /* If we don't add a min width, it will still reduce in width even when we hit the app min-width */
  min-width: 675px;
  width: 100%;
}

.header .header__navigation #main-navigation-tabs {
  display: flex;
  gap: var(--prism-spacing-200);
  height: 100%;
}

/* Increased space for the navigation bar */
@media only screen and (width <= 1400px) {
  .header
    .header__navigation
    #main-navigation-tabs
    .prism-combo-select-input
    .trigger__label {
    font-size: var(--prism-font-size-text-300-regular);
    font-weight: var(--prism-font-weight-text-300-regular);
    line-height: var(--prism-font-line-height-text-300-regular);
  }
}

.header .logo-and-rebranding-container {
  align-items: center;
  display: flex;
  width: 370px;
}

.header .header-user-actions-container #hotel-selecter-container {
  height: 60px;
  margin-right: var(--prism-spacing-400);
  position: relative;
  width: 235px; /* Space we need to keep reserved for the dropdown */
}

.header
  .header-user-actions-container
  #hotel-selecter-container
  .hotel-selection-dropdown {
  margin: 0;
  max-width: 235px; /* Some hotels can have very long names, cut them off at a reasonable width */
  padding: 0;
  position: absolute; /* Absolute positioning so that we can make it bigger on opening the dropdown */
  right: 0; /* Make it grow to the left */
}

.header
  .header-user-actions-container
  #hotel-selecter-container
  .hotel-selection-dropdown--full-width {
  max-width: 400px; /* Allow it to grow, but still keep some limit */
}

.header
  .header-user-actions-container
  #hotel-selecter-container
  .ember-power-select-trigger {
  user-select: text; /* needed to copy the trigger text */
}

@media only screen and (width <= 1400px) {
  /* Increased space for the navigation bar */
  .header .header-user-actions-container #hotel-selecter-container {
    max-width: 180px;
  }

  .header
    .header-user-actions-container
    #hotel-selecter-container
    .hotel-selection-dropdown {
    max-width: 180px;
  }
}

.hotel-selection-dropdown__content {
  max-width: 450px;
  min-width: 320px;
}

.main-content#content-container {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 60px);
  min-width: 1280px;
  width: 100%;
}

#content-header {
  background: var(--prism-color-interactive-background-primary-idle);
  color: var(--prism-color-text-inverse);
  height: 60px;
  line-height: 60px;
  position: relative;
}

.parity-analytics-warning-message {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-50);
  box-shadow: var(--prism-shadow-neutral-200);
  margin-bottom: var(--prism-spacing-500);
  padding: var(--prism-spacing-200);
}

.parity-analytics-warning-message h1 {
  color: var(--prism-color-text-critical-default);
  margin: 0 0 var(--prism-spacing-100) 0;
}

.parity-analytics-warning-message p {
  line-height: 1.5;
}

.parity-analytics-warning-message p.important {
  font-weight: bold;
  margin-top: var(--prism-spacing-200);
}

.spinning {
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-name: spin;
  animation-timing-function: linear;

  /* transform-origin: center center; */
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.parity-navbar {
  margin: 0 auto;
  max-width: calc(100% - 390px - 150px);
  text-align: center;
}

.category-icon {
  margin-right: var(--prism-spacing-100);
}

.cancelled-event {
  text-decoration: line-through;
}

.required-indicator::after {
  content: " *";
}

.input-label {
  color: var(--prism-color-text-neutral-default);
  display: inline-block;
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  line-height: var(--prism-font-line-height-text-200-bold);
  margin-bottom: var(--prism-spacing-100);
}

.display-inline-ember-component {
  display: inline;
}

.ota-confirm-destructive-button {
  background-color: var(--button-destructive-background-color);
}

.ota-confirm-destructive-button:hover {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--button-destructive-hover-background-color) !important;
}

.roomtype-list {
  box-shadow: var(--prism-shadow-neutral-200);
}

.roomtype-list .selected {
  background-color: var(--prism-color-interactive-background-primary-idle);
  color: var(--prism-color-text-inverse);
}

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

  50% {
    opacity: 0.72;
  }

  100% {
    opacity: 1;
  }
}

.total-revenue .loading-bar,
.loading-pulse,
.table-loading-state-bar,
.loading-pulse--col-12,
.loading-pulse--col-6,
.loading-pulse--col-3,
.short-term-rental-kpi-list .loading-bar,
.rentals-kpi-section .block-card .loading-bar,
.card-column .fake-loading-row,
.table-card table .fake-loading-row,
.segmentation-value-loading-state-bar,
.custom-reporting__thumbnail .thumbnail__image {
  animation: pulse 1s infinite;
  background-color: var(--prism-color-interactive-text-disabled);
  border-radius: var(--prism-border-radius-100);
  height: 8px;
}

.loading-pulse--col-3 {
  width: 25%;
}

.loading-pulse--col-6 {
  width: 50%;
}

.loading-pulse--col-12 {
  width: 100%;
}

.text-button {
  color: var(--prism-color-text-info-default);
  font-weight: 900;
  padding: var(--prism-spacing-100);
}

.link:hover {
  cursor: pointer;
  text-decoration: underline;
}

button:focus-visible {
  border-radius: var(--prism-border-radius-200);
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: -2px;
}

.button-expand-arrow {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.button-expand-arrow .arrow {
  cursor: pointer;
  transform: rotate(0deg);
  transition: transform 0.1s ease-out;
}

.button-expand-arrow .arrow--expanded {
  transform: rotate(90deg);
}

.button-expand-arrow--disabled .arrow {
  cursor: default;
}

/* Font weights retrieved from fonts.adobe.com */
.emphasis {
  font-weight: 600;
}

.emphasis--primary {
  color: var(--prism-color-interactive-text-primary-hover);
}

.semi-bold {
  font-weight: 500;
}

.highcharts-container {
  /* stylelint-disable-next-line declaration-no-important */
  overflow: visible !important;
}

/**
overflow: hidden was added as an inline style to the wrapper when switching from Highcharts 6.2.0 to 7.1.2
This blocked the rendering of our tooltips outside of the chart container (also, outside: true did not solve the issue)

Related threads:
https://github.com/highcharts/highcharts/issues/7671
https://github.com/highcharts/highcharts/issues/11089
*/
.highcharts-wrapper {
  /* stylelint-disable-next-line declaration-no-important */
  overflow: visible !important;
}

.highcharts-wrapper svg {
  border-radius: var(--prism-border-radius-200);
}

/* Google maps location suggestions container */
.pac-container {
  /* 10 higher than modal z-index */
  z-index: 1110;
}

.position-relative {
  position: relative;
}

.position-absolute-bottom {
  bottom: 0;
  position: absolute;
  width: 100%;
}

.text-with-line-breaks {
  /* Necessary to convert \n to line breaks */
  white-space: pre-line;
}

.messaging-banner__wrapper {
  background-color: var(--prism-color-elevation-surface);
  bottom: 0;
  box-shadow: 0 -24px 30px 0 var(--prism-shadow-neutral-100);
  left: 0;
  padding: 24px 100px; /* as it's in Figma */
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 160;
}

.messaging-banner__content {
  gap: 64px; /* as it's in Figma */
}

.messaging-banner__text {
  max-width: 380px; /* as it's in Figma */
}

.iframe-container {
  min-width: 1280px;
  position: relative;
}

.product-portal {
  height: calc(100vh - 65px);
  width: 100%;
}

/* Styling for Lottie animations */
.lottie-fill-icon-brand-default {
  fill: var(--prism-color-icon-brand-default);
}

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

.lottie-fill-elevation-surface {
  fill: var(--prism-color-elevation-surface);
}

/* Overrides for Google Maps tooltips */
.gm-style-iw-c,
.gm-style-iw-tc::after {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--prism-color-elevation-surface) !important;
}

/* Overrides for Ember popover */
.ember-popover {
  background-color: var(--prism-color-elevation-surface);
}

.templates-application-loading-module__logo path {
  animation: 5.5s templates-application-loading-module__opacity infinite;
  opacity: 0;
}

@keyframes templates-application-loading-module__opacity {
  15% {
    opacity: 0;
  }

  35% {
    opacity: 1;
  }

  65% {
    opacity: 1;
  }

  85% {
    opacity: 0;
  }
}

.components-hotel-and-market-dropdowns-hotel-selection-dropdown-module__dropdown {
  margin: 0;
  max-width: 235px; /* Some hotels can have very long names, cut them off at a reasonable width */
  padding: 0;
  position: absolute; /* Absolute positioning so that we can make it bigger on opening the dropdown */
  right: 0; /* Make it grow to the left */
}

.components-hotel-and-market-dropdowns-hotel-selection-dropdown-module__dropdown-full-width {
  max-width: 400px; /* Allow it to grow, but still keep some limit */
}

.components-hotel-and-market-dropdowns-hotel-selection-dropdown-module__trigger {
  user-select: text; /* needed to copy the trigger text */
}

@media only screen and (width <= 1400px) {
  /* Increased space for the navigation bar */
  .components-hotel-and-market-dropdowns-hotel-selection-dropdown-module__dropdown {
    max-width: 180px;
  }

  .components-hotel-and-market-dropdowns-hotel-selection-dropdown-module__dropdown-full-width {
    max-width: 250px;
  }
}

.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container {
  color: var(--prism-color-interactive-text-secondary-idle);
  cursor: pointer;
  display: flex;
  font-size: var(--prism-font-size-text-400-regular);
  line-height: var(--prism-font-line-height-text-400-regular);
  position: relative;
  text-wrap: nowrap;
}

.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container a {
  display: flex;
  padding: 0 calc(var(--prism-spacing-500) / 2); /* Here we take half of the 500 spacing so the items can be proper center aligned. When placed next to each other it still is prism-spacing-500 in between so according to the design system. */
}

.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container a.disabled {
  opacity: 1;
}

.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container::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%;
}

/* Make sure the text color only changes on hovering over inactive tabs */
.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container:hover:not(.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__active) {
  color: var(--prism-color-interactive-text-secondary-hover);
}

.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container:hover:not(.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__active)::after {
  background-color: var(--prism-color-interactive-border-neutral-hover);
  height: 4px;
}

.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container:active:not(.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__active) {
  color: var(--prism-color-interactive-text-secondary-pressed);
}

.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container:active:not(.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__active)::after {
  background-color: var(--prism-color-interactive-border-neutral-pressed);
  height: 4px;
}

.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container :focus-visible {
  border-radius: 8px;
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: -2px;
}

.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__active {
  color: var(--prism-color-interactive-text-secondary-pressed);
  font-weight: var(--prism-font-weight-text-400-bold);
}

.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__active::after {
  background-color: var(--prism-color-border-brand-emphasis);
  height: 4px;
}

.components-hotel-and-market-navigation-tabs-tab-main-navigation-module__badge {
  margin-left: var(--prism-spacing-200);
}

@media only screen and (width <= 1400px) {
  .components-hotel-and-market-navigation-tabs-tab-main-navigation-module__container {
    font-size: var(--prism-font-size-text-300-regular);
    line-height: var(--prism-font-line-height-text-300-regular);
  }

  .components-hotel-and-market-navigation-tabs-tab-main-navigation-module__badge > * {
    padding: var(--prism-spacing-100);
  }

  .components-hotel-and-market-navigation-tabs-tab-main-navigation-module__badge-text {
    display: none;
  }
}

.components-hotel-and-market-navigation-navigation-main-tabs-module__tabs-list {
  display: flex;
}

.components-hotel-and-market-navigation-navigation-main-module__tabs-list {
  display: flex;
}

.components-hotel-and-market-navigation-navigation-main-module__divider {
  background-color: var(--prism-color-border-neutral-default);
  height: 40px;
  margin-left: var(--prism-spacing-300);
  width: 1px;
}

.components-general-page-header-module__header {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  font-size: var(--prism-font-size-text-300-regular);
  font-weight: var(--prism-font-weight-text-300-medium);
  height: 60px;
  line-height: 60px;
  min-width: 1280px;
  position: relative;
  width: 100%;
}

/* Dropdowns in the header should be positioned 60px down (the header height) */
.components-general-page-header-module__header .dropdown-default {
  top: 60px;
}

/* Market insight pages override the content-wrapper alignment inside the header */
.market-insight.components-general-page-header-module__header .content-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

/* Small variant — used as a secondary filter/selection bar beneath the main header */
.components-general-page-header-module__header--small {
  height: 48px;
  line-height: unset;
}

.components-general-page-header-module__header--small .content-wrapper {
  height: 100%;
}

/*
  Rates-specific nested styles for the small variant.
  Tweaks existing rates-selections component styles in this header only,
  avoiding impact on other pages.
*/
.components-general-page-header-module__header--small .rates-navbar {
  margin-right: unset;
}

.components-general-page-header-module__header--small .rates-navbar .rates-navbar__selections {
  flex-grow: unset;
  margin: unset;
}

.components-general-page-header-module__header--small .rates-navbar .compare-selections-filter-pill {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  border-radius: var(--prism-border-radius-100);
  height: 32px;
}

.components-general-page-header-module__header--small .rates-navbar .ota-selections-container {
  height: calc(48px - var(--prism-spacing-200) - var(--prism-spacing-200));
  margin: unset;
}

/*
  Smart Insights: push content aside on mid-range viewports.
  Below 1632px the drawer overlays content. Above 2544px the content is capped
  at 1840px and the natural margin is wide enough for the 352px drawer.
*/
@media (1632px <= width < 2544px) {
  .components-general-page-header-module__header {
    max-width: 100%;
    transition: max-width 0.5s ease-in-out;
  }

  .components-general-page-header-module__smart-insights-open {
    max-width: calc(100% - 352px); /* content never enters panel territory */
  }
}

.components-general-page-main-module__main {
  flex: 1;
  height: 100%;
  min-width: 1280px;
  overflow: auto;
  width: 100vw;
}

.components-general-page-main-module__main.navbar-settings {
  display: flex;
  overflow: hidden;
  padding: 0;
}

/* Events Calendar: page layout (fill viewport height) */
.components-general-page-main-module__main.events-calendar-layout {
  display: flex;
  flex-direction: column;
}

.components-general-page-main-module__main.total-revenue {
  position: relative;
}

/*
  Smart Insights: push content aside on mid-range viewports.
  Below 1632px the drawer overlays content. Above 2544px the content is capped
  at 1840px and the natural margin is wide enough for the 352px drawer.
*/
@media (1632px <= width < 2544px) {
  .components-general-page-main-module__main {
    max-width: 100%;
    transition: max-width 0.5s ease-in-out;
  }

  .components-general-page-main-module__smart-insights-open {
    max-width: calc(100% - 352px); /* content never enters panel territory */
  }
}

.components-general-page-error-module__error-message-wrapper {
  background-color: var(--prism-color-elevation-surface);
  height: 100%;
  position: relative;
  text-align: center;
}

.components-general-page-error-module__main-error-message {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.components-general-page-error-module__error-icon {
  height: 100px;
}

.templates-destination-reporting-module__container {
  background-color: var(--prism-color-elevation-surface);
}

.templates-destination-reporting-module__sidebar {
  /* stylelint-disable-next-line declaration-no-important */
  gap: 0 !important;
  margin: 0 auto;
  min-width: 1280px;
}

.templates-destination-reporting-module__sidebar .embed-container {
  background: var(--prism-color-background-neutral-subdued);
  flex-grow: 1;
}

.templates-destination-reporting-module__sidebar .embed-container .iframe-container {
  min-width: unset;
}

.templates-destination-reporting-module__container .custom-reporting__page {
  background: var(--prism-color-background-neutral-subdued);
  overflow-y: auto;
  position: relative;
}

.templates-destination-reporting-module__container .custom-reporting__page .loading-bar-container {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.components-settings-hotel-access-tables-cells-cell-cta-module__hotel-access-cta {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-100);
  justify-content: flex-end;
}

.components-settings-hotel-access-tables-cells-cell-hotel-module__hotel-display-value-container {
  display: flex;
}

.components-settings-hotel-access-tables-cells-cell-hotel-module__extra-hotels-container {
  height: 35px;
  line-height: 35px;
  padding: var(--prism-spacing-200) var(--prism-spacing-100);
}

.components-settings-hotel-access-tables-table-hotel-access-module__message-wrapper {
  font-size: var(--prism-font-size-text-500-regular);
  left: 50%;
  line-height: 1.5;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
}

.components-settings-hotel-access-tables-table-hotel-access-module__message-overlay {
  background-color: var(--prism-color-elevation-surface);
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 30;
}

.components-settings-page-template-module__template {
  max-width: 1840px;
}

.components-settings-page-template-module__container {
  margin: 0 auto;
  width: 800px;
}

.components-settings-page-template-module__description,
.components-settings-page-template-module__extra-info {
  max-width: 600px;
}

.components-settings-theme-selection-card-module__container {
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--prism-border-radius-200);
  cursor: pointer;
}

.components-settings-theme-selection-card-module__container:has(input:disabled) {
  background-color: var(--prism-color-interactive-background-disabled);
  border: 1px solid var(--prism-color-interactive-border-neutral-idle);
  cursor: not-allowed;
}

.components-settings-theme-selection-card-module__container:has(input:checked) {
  border: 2px solid var(--prism-color-interactive-background-primary-idle);
}

.components-settings-theme-selection-card-module__container:has(input:focus) {
  outline: 2px solid var(--prism-color-general-info-500);
  outline-offset: 2px;
}

.components-settings-theme-selection-card-module__circle {
  background: var(--prism-color-elevation-surface);
  border-color: var(--prism-color-interactive-border-neutral-idle);
  border-radius: var(--prism-border-radius-circle);
  border-style: solid;
  border-width: 2px;
  display: flex;
  flex-shrink: 0;
  height: 16px;
  margin-top: calc((var(--prism-font-line-height-text-300-regular) - 16px) / 2);
  position: relative;
  width: 16px;
}

.components-settings-theme-selection-card-module__circle::after {
  border-radius: var(--prism-border-radius-circle);
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
}

input:checked ~ .components-settings-theme-selection-card-module__circle {
  background: var(--prism-color-interactive-background-primary-idle);
  border-color: var(--prism-color-interactive-background-primary-idle);
}

input:checked ~ .components-settings-theme-selection-card-module__circle::after {
  background: var(--prism-color-icon-inverse);
}

input:disabled ~ .components-settings-theme-selection-card-module__circle {
  background: var(--prism-color-interactive-background-disabled);
  border-color: transparent;
}

.components-general-roi-trophies-content-trophy-modal-layout-module__text-content {
  max-width: 480px;
}

.components-general-roi-trophies-content-trophy-modal-layout-module__animation-wrapper {
  height: 360px;
  max-width: 480px;
}

/* stylelint-disable declaration-no-important */
.components-general-smart-insights-calendar-day-smart-insights-module__day-high-priority {
  background-color: var(
    --prism-color-chart-intelligence-background-high-default
  ) !important;
  color: var(--prism-color-text-inverse) !important;
}

.components-general-smart-insights-calendar-day-smart-insights-module__day-high-priority:hover {
  background-color: var(
    --prism-color-chart-intelligence-background-high-emphasis
  ) !important;
}

.components-general-smart-insights-calendar-day-smart-insights-module__day-high-priority:active {
  background-color: var(
    --prism-color-chart-sequential-intelligence-08
  ) !important;
}

.components-general-smart-insights-calendar-day-smart-insights-module__day-medium-priority {
  background-color: var(
    --prism-color-chart-intelligence-background-normal-default
  ) !important;
  color: var(--prism-color-text-intelligence-emphasis) !important;
}

.components-general-smart-insights-calendar-day-smart-insights-module__day-medium-priority:hover {
  background-color: var(
    --prism-color-chart-intelligence-background-normal-emphasis
  ) !important;
}

.components-general-smart-insights-calendar-day-smart-insights-module__day-medium-priority:active {
  background-color: var(
    --prism-color-chart-sequential-intelligence-05
  ) !important;
}

.components-general-smart-insights-calendar-day-smart-insights-module__day-low-priority {
  background-color: var(
    --prism-color-chart-intelligence-background-low-default
  ) !important;
  color: var(--prism-color-text-intelligence-emphasis) !important;
}

.components-general-smart-insights-calendar-day-smart-insights-module__day-low-priority:hover {
  background-color: var(
    --prism-color-chart-intelligence-background-low-emphasis
  ) !important;
}

.components-general-smart-insights-calendar-day-smart-insights-module__day-low-priority:active {
  background-color: var(
    --prism-color-chart-sequential-intelligence-03
  ) !important;
}

.components-general-smart-insights-calendar-day-smart-insights-module__day-no-insight {
  background-color: transparent !important;
  border: none !important;
}

.components-general-smart-insights-calendar-day-smart-insights-module__day-no-insight:hover {
  background-color: var(
    --prism-color-interactive-background-secondary-hover
  ) !important;
}

.components-general-smart-insights-calendar-day-smart-insights-module__day-no-insight:active {
  background-color: var(
    --prism-color-interactive-background-secondary-pressed
  ) !important;
}

/* stylelint-enable declaration-no-important */

.tooltip-calendar-smart-insights strong {
  font-weight: var(--prism-font-weight-text-300-bold);
}

.components-general-smart-insights-badge-priority-module__badge-high-priority {
  background-color: var(
    --prism-color-chart-intelligence-background-high-default
  );
}

.components-general-smart-insights-badge-priority-module__badge-medium-priority {
  background-color: var(
    --prism-color-chart-intelligence-background-normal-default
  );
}

.components-general-smart-insights-badge-priority-module__badge-low-priority {
  background-color: var(
    --prism-color-chart-intelligence-background-low-default
  );
}

.components-general-smart-insights-detail-view-dropdown-archive-module__dropdown
  .prism-select-input
      .prism-select-input__trigger:not([aria-disabled="true"])
      .trigger__placeholder {
  color: var(--prism-color-text-neutral-default);
}

.components-general-smart-insights-detail-view-smart-insight-recommendation-list-module__recommendation-card {
  background: var(--prism-gradient-background-intelligence-subdued);
}

.components-general-smart-insights-detail-view-smart-insight-recommendation-list-module__recommendation-card strong {
  font-weight: var(--prism-font-weight-text-300-bold);
}

.components-general-smart-insights-detail-view-smart-insight-entry-list-module__divider {
  background-color: var(--prism-color-interactive-tertiary-default);
  height: 1px;
  opacity: 0.5;
}

.components-general-smart-insights-detail-view-smart-insight-entry-list-module__icon-container {
  background: var(--prism-gradient-background-intelligence-subdued);
  border-radius: var(--prism-spacing-900);
  height: var(--prism-spacing-900);
  min-width: var(--prism-spacing-900);
}

.components-general-smart-insights-detail-view-smart-insight-entry-list-module__insight-entry strong {
  font-weight: var(--prism-font-weight-text-300-bold);
}

.components-general-smart-insights-detail-view-smart-insight-entry-list-module__source-link {
  user-select: text;
}

.components-general-smart-insights-detail-view-smart-insight-kpi-blocks-module__kpi-divider {
  background-color: var(--prism-color-border-neutral-emphasis);
  height: 1px;
  opacity: 0.5;
}

.components-general-smart-insights-list-list-card-smart-insights-module__card strong {
  font-weight: var(--prism-font-weight-text-300-bold);
}

.components-general-smart-insights-smart-insights-drawer-module__smart-insights-drawer {
  /* stylelint-disable-next-line declaration-no-important */
  z-index: 111 !important; /* 1 more than the prism drawer. To be over the overview drawer. */
}

.components-general-smart-insights-smart-insights-drawer-module__smart-insights-drawer .drawer--expanded {
  /* stylelint-disable-next-line declaration-no-important */
  width: 352px !important;
}

.components-general-smart-insights-smart-insights-drawer-module__smart-insights-drawer__header {
  align-items: flex-start;
  background: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-400);
  justify-content: space-between;
  padding: var(--prism-spacing-400) var(--prism-spacing-400)
    var(--prism-spacing-200);
  top: 0;
  z-index: 1;
}

.components-general-smart-insights-smart-insights-drawer-module__body {
  background-color: var(--prism-color-background-neutral-subdued);
  height: 100%;
  inset: 50px 0 0;
  overflow: hidden;
}

.components-general-smart-insights-smart-insights-drawer-module__body .prism-tabs-container__header {
  background-color: var(--prism-color-elevation-surface);
}

.components-general-smart-insights-smart-insights-drawer-module__body .prism-tabs-container__content {
  min-height: 0;
}

.components-general-smart-insights-smart-insights-drawer-module__body .prism-tabs-container__content section {
  overflow-y: auto;
}

.components-general-smart-insights-smart-insights-navigation-button-module__smart-insights-navigation-button .components-general-smart-insights-smart-insights-navigation-button-module__notification-bubble {
  --bubble-size: 12px;

  background-color: var(--prism-color-icon-brand-default);
  border-radius: 50%;
  height: var(--bubble-size);
  min-width: var(--bubble-size);
  right: calc(var(--bubble-size) / -3);
  top: calc(var(--bubble-size) / -3);
}

@media only screen and (width <= 1400px) {
  .components-general-smart-insights-smart-insights-navigation-button-module__smart-insights-navigation-button span.truncate {
    display: none;
  }
}

.components-general-account-selection-card-module__card {
  width: 192px;
}

.components-hotel-account-selection-page-module__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-500);
  width: min(1100px, 90vw);
}

.components-hotel-account-selection-page-module__grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--prism-spacing-300);
  justify-content: center;
  max-height: min(calc(100vh - 280px), 640px);
  overflow-y: auto;
}

.components-general-currency-picker-group-module__group {
  display: flex;
  flex-direction: column;
}

.components-general-currency-picker-group-module__group:not(:first-child) {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.components-general-currency-picker-item-module__item {
  background: var(--prism-color-elevation-surface);
  min-height: 40px;
  transition: background-color 0.12s ease-out;
  width: 100%;
}

/* Only show hover and active states if a nested interactive element is not hovered or active */
.components-general-currency-picker-item-module__item:not(:has(.components-general-currency-picker-item-module__actions:hover), :has(.components-general-currency-picker-item-module__actions:active)):hover {
  background: var(--prism-color-interactive-background-ghost-hover);
}

.components-general-currency-picker-item-module__item:not(:has(.components-general-currency-picker-item-module__actions:hover), :has(.components-general-currency-picker-item-module__actions:active)):active {
  background: var(--prism-color-interactive-background-ghost-pressed);
}

.components-general-currency-picker-item-module__actions {
  margin-left: auto;
}

.components-general-currency-picker-module__picker {
  max-height: 460px;
  width: 340px;
}

/*
  Only show favourite button when the item is hovered or focused,
  the favourite button itself is focused, or the item is favourited
*/
.components-general-currency-picker-module__picker
  button:not(
    :hover,
    :active,
    :focus-visible,
    :has(.components-general-currency-picker-module__favourite-button:focus-visible)
  )
  .components-general-currency-picker-module__favourite-button:not(.components-general-currency-picker-module__favourite-button--active) {
  /* Use opacity to allow the button to be focusable */
  opacity: 0;
}

.components-general-currency-picker-module__favourite-button--active .prism-icon {
  color: var(--prism-color-icon-brand-default);
}

.components-hotel-benchmark-insight-desired-compset-status-module__progress-circle {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.components-hotel-benchmark-insight-desired-compset-status-module__inner-circle {
  background-color: var(--prism-color-elevation-surface);
  border-radius: 50%;
  height: 16px;
  position: absolute;
  width: 16px;
}

.components-hotel-benchmark-insight-upsell-icon-module__icon {
  background-image: var(--prism-gradient-background-brand-default);
  border-radius: var(--prism-border-radius-100);
  height: 24px;
  width: 24px;
}

.components-hotel-benchmark-insight-card-overlay-module__card-overlay {
  /* stylelint-disable function-disallowed-list */
  background: linear-gradient(
    180deg,
    rgb(255 255 255 / 0%) 10%,
    var(--prism-color-general-neutral-100) 70.09%
  );
  /* stylelint-enable function-disallowed-list */
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.components-hotel-benchmark-insight-skeleton-module__skeleton {
  height: 100%;
  position: relative;
  width: 100%;
}

.components-hotel-benchmark-insight-skeleton-module__image {
  /* Set height and width to 100%, so that the SVG stretches. We also need to add `preserveAspectRatio="none"` on the SVG tag for it to stretch. */
  height: 100%;
  width: 100%;
}

.components-hotel-benchmark-insight-skeleton-module__skeleton--with-animation::before {
  animation: components-hotel-benchmark-insight-skeleton-module__shimmer 3s infinite linear;
  /* stylelint-disable function-disallowed-list */
  background: linear-gradient(
    -60deg,
    transparent 40%,
    var(--prism-color-interactive-background-inverse-idle) 50%,
    transparent 60%
  );
  /* stylelint-enable function-disallowed-list */
  background-position-x: 100%;
  background-size: 300%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
}

@keyframes components-hotel-benchmark-insight-skeleton-module__shimmer {
  to {
    background-position-x: 0%;
  }
}

.components-hotel-benchmark-insight-charts-channel-chart-module__skeleton {
  height: 190px;

  /*
    Technically, the LOS chart doesn't have a right axis so it doesn't need spacing on the right side.
    But it looked weird to have the skeleton not in the center.
  */
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  margin-left: 80px;
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  margin-right: 80px;
}

.components-hotel-benchmark-insight-sections-section-header-breadcrumbs-module__back-button {
  /* Semantic class — no standalone styles (used alongside button--unstyled) */
}

.components-hotel-benchmark-insight-sections-section-header-breadcrumbs-module__button--unstyled {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  outline: inherit;
  padding: 0;
  text-align: unset;
}

.components-hotel-benchmark-insight-tables-beni-table-module__table {
  cursor: default;
  height: 450px;
}

.components-hotel-benchmark-insight-tables-beni-table-module__table .prism-table table {
  table-layout: unset;
}

.components-hotel-benchmark-insight-tables-beni-table-module__table .prism-table .table-body .table-row--highlighted {
  background-color: var(--prism-color-general-neutral-50);
  cursor: default;
}

.components-hotel-benchmark-insight-tables-beni-table-module__table .prism-table .table-body .table-row--highlighted .table-cell {
  background-color: var(--prism-color-general-neutral-50);
}

.components-hotel-benchmark-insight-tables-beni-table-module__table--no-border-radius
  .prism-table .ember-table.table-border .ember-table-overflow {
  border-radius: 0;
}

.components-hotel-benchmark-insight-sections-section-channel-section-channel-module__view-buttons {
  display: flex;
  gap: 6px;
  min-height: 45px;
}

.components-hotel-benchmark-insight-sections-section-channel-section-channel-module__line {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  border-bottom-left-radius: var(--prism-border-radius-100);
  border-left: 1px solid var(--prism-color-border-neutral-default);
  height: 24px;
  margin-left: var(--prism-spacing-400);
  width: 23px;
}

.components-hotel-benchmark-insight-sections-section-channel-section-channel-module__dropdown {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-100);
  height: 28px;
  margin-top: 10px;
}

.components-hotel-benchmark-insight-charts-los-chart-module__breakdown {
  min-height: 340px;
}

.components-hotel-benchmark-insight-charts-los-chart-module__breakdown__header {
  margin-bottom: var(--prism-spacing-400);
}

.components-hotel-benchmark-insight-charts-los-chart-module__header__axis-buttons {
  align-items: flex-end;
  display: flex;
  gap: var(--prism-spacing-600);
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.components-hotel-benchmark-insight-charts-los-chart-module__axis-buttons__los-dropdown {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-300);
  overflow: hidden;
}

.components-hotel-benchmark-insight-charts-los-chart-module__los-dropdown__label {
  color: var(--prism-color-text-neutral-emphasis);
}

.components-hotel-benchmark-insight-charts-los-chart-module__axis-buttons-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.components-hotel-benchmark-insight-charts-los-chart-module__header__view-buttons {
  display: flex;
  gap: 6px;
  min-height: 45px;
}

.components-hotel-benchmark-insight-charts-los-chart-module__view-buttons__line {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  border-bottom-left-radius: var(--prism-border-radius-100);
  border-left: 1px solid var(--prism-color-border-neutral-default);
  height: 24px;
  margin-left: var(--prism-spacing-400);
  width: 23px;
}

.components-hotel-benchmark-insight-charts-los-chart-module__view-buttons__dropdown {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-100);
  height: 28px;
  margin-top: 10px;
}

.components-hotel-benchmark-insight-charts-los-chart-module__breakdown__skeleton {
  height: 190px;

  /*
    Technically, the LOS chart doesn't have a right axis so it doesn't need spacing on the right side.
    But it looked weird to have the skeleton not in the center.
  */
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  margin-left: 80px;
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  margin-right: 80px;
}

.components-hotel-benchmark-insight-charts-legend-items-legend-item-module__item {
  margin: var(--prism-spacing-100);
  white-space: nowrap;
}

.components-hotel-benchmark-insight-charts-legend-items-legend-item-module__item--disabled {
  cursor: not-allowed;
}

.components-hotel-benchmark-insight-sections-section-pace-section-pace-module__container {
  /* Semantic class — no standalone styles */
}

.components-hotel-benchmark-insight-sections-section-pace-section-pace-module__card-content {
  /*
    Pace chart and hero chart have the same `height` value in the chart options, so give the cards the same height as well.
    However, pace chart doesn't have the axis buttons yet, so subtract the heights related to those buttons for now.
  */
  min-height: calc(386px - 36px - 24px);
  padding: var(--prism-spacing-400);
  position: relative;
}

.components-hotel-benchmark-insight-sections-section-pace-section-pace-module__skeleton {
  height: 100%;
  margin-left: var(--prism-spacing-300);
  margin-right: var(--prism-spacing-500);
}

.components-hotel-benchmark-insight-sections-section-segment-section-segment-module__container {
  /* Semantic class — no standalone styles */
}

.components-hotel-benchmark-insight-sections-section-segment-section-segment-module__card-content {
  /* Semantic class — no standalone styles */
}

.components-hotel-benchmark-insight-sections-section-segment-section-segment-module__skeleton {
  /*
    This is the height of the card content on the chart view,
    after it has finished loading.
  */
  height: 386px;
  overflow: hidden; /* For some reason a scrollbar appears, so hide it. */
  position: relative;
}

.components-hotel-benchmark-insight-hero-chart-axis-buttons-module__container {
  font-size: var(--prism-font-size-text-200-regular);
  margin-left: 51px;
  margin-right: 51px;
  position: relative;
}

.components-hotel-benchmark-insight-hero-chart-axis-buttons-module__line,
.components-hotel-benchmark-insight-hero-chart-axis-buttons-module__line-right {
  border-left: 1px solid var(--prism-color-border-neutral-default);
  border-top: 1px solid var(--prism-color-border-neutral-default);
  border-top-left-radius: var(--prism-border-radius-100);
  height: 155px;
  position: absolute;
  right: 100%;
  top: 50%;
  width: 40px;
  z-index: 1;
}

.components-hotel-benchmark-insight-hero-chart-axis-buttons-module__line-right {
  border-left: 0;
  border-right: 1px solid var(--prism-color-border-neutral-default);
  border-top-left-radius: 0;
  border-top-right-radius: var(--prism-border-radius-100);
  height: 150px;
  left: 100%;
}

.components-hotel-benchmark-insight-hero-chart-axis-buttons-module__axis-title,
.components-hotel-benchmark-insight-hero-chart-axis-buttons-module__axis-title-right {
  /* stylelint-disable-next-line function-disallowed-list */
  background-color: rgb(0 0 0 / 0%);
  color: var(--prism-color-text-neutral-default);
  padding-right: var(--prism-spacing-200);
  position: absolute;
  transform: translateY(280px) translateX(-47px) rotate(270deg);
  transform-origin: top left;
  width: 220px;
  z-index: 2;
}

.components-hotel-benchmark-insight-hero-chart-axis-buttons-module__label {
  background-color: var(--prism-color-elevation-surface);
  overflow: hidden;
  padding-right: var(--prism-spacing-200);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.components-hotel-benchmark-insight-hero-chart-axis-buttons-module__axis-title-right {
  padding-left: var(--prism-spacing-200);
  right: 0;
  transform: rotate(90deg) translateY(-47px) translateX(280px);
  transform-origin: top right;
  width: 220px;
}

.components-hotel-benchmark-insight-hero-chart-axis-buttons-module__axis-title-right-label {
  background-color: var(--prism-color-elevation-surface);
  overflow: hidden;
  padding-left: var(--prism-spacing-200);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.components-hotel-benchmark-insight-sections-section-stay-date-section-stay-date-module__container {
  /* Semantic class — no standalone styles */
}

.components-hotel-benchmark-insight-sections-section-stay-date-section-stay-date-module__card-content {
  /* Keep the height of the card content the same for chart view & table view. */

  /* Add the default content padding of the PrismCard to the height, because we add the padding with CSS instead of the `contentPadding` prop. */
  min-height: 386px;
}

.components-hotel-benchmark-insight-sections-section-stay-date-section-stay-date-module__chart-view {
  min-height: 100%;
  padding: var(--prism-spacing-400) var(--prism-spacing-400)
    var(--prism-spacing-400) var(--prism-spacing-400);
}

.components-hotel-benchmark-insight-sections-section-stay-date-section-stay-date-module__table-view {
  min-height: 100%;
}

.components-hotel-benchmark-insight-sections-section-stay-date-section-stay-date-module__hero-chart {
  margin-top: var(--prism-spacing-600);
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties, declaration-property-value-no-unknown */
  user-select: -moz-none;
  user-select: none;
}

.components-hotel-benchmark-insight-sections-section-stay-date-section-stay-date-module__hero-chart-skeleton {
  /* Height and margins based on feeling. */
  height: 224px;
  margin-left: 80px;
  margin-right: 80px;
  margin-top: 50px;
}

.components-hotel-benchmark-insight-sections-section-stay-date-section-stay-date-module__table-view-skeleton {
  /*
    This is the height of the card content on the chart view,
    after it has finished loading.
  */
  height: 386px;
  overflow: hidden; /* For some reason a scrollbar appears, so hide it. */
}

.templates-hotel-benchmark-insight-module__dropdown {
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties, declaration-property-value-no-unknown */
  user-select: -moz-none;
  user-select: none;
}

.templates-hotel-benchmark-insight-module__dropdown-reference-period .dropdown-default {
  top: 48px;
}

.templates-hotel-benchmark-insight-module__dropdown-reference-period
  .date-picker-with-side-bar-calendar .sidebar {
  width: 300px;
}

@media (width <= 1450px) {
  .templates-hotel-benchmark-insight-module__dropdown-reference-period .dropdown-default {
    right: 100px; /* Push the dropdown to the left to avoid it being cut off by the right side of the screen. */
  }
}

.templates-hotel-benchmark-insight-desired-compset-module__prism-card--with-border {
  border: 1px solid var(--prism-color-border-neutral-default);
}

.templates-hotel-benchmark-insight-desired-compset-module__prism-card--with-table-competitors
  .templates-hotel-benchmark-insight-desired-compset-module__prism-table
  .templates-hotel-benchmark-insight-desired-compset-module__ember-table.templates-hotel-benchmark-insight-desired-compset-module__table-border
  .templates-hotel-benchmark-insight-desired-compset-module__ember-table-overflow {
  border: 0;
  border-radius: 0 0 var(--prism-border-radius-200)
    var(--prism-border-radius-200);
}

.templates-hotel-benchmark-insight-desired-compset-module__header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 60px;
}

.templates-hotel-benchmark-insight-desired-compset-module__body {
  --header-height: 134px;

  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  position: relative;

  /* Using transform so that we can use position: fixed on the header and right sidebar. */
  transform: translate(0, 0);
}

.templates-hotel-benchmark-insight-desired-compset-module__body #templates-hotel-benchmark-insight-desired-compset-module__competitor-map {
  border-radius: var(--prism-border-radius-200);
}

.templates-hotel-benchmark-insight-desired-compset-module__body .templates-hotel-benchmark-insight-desired-compset-module__body__header {
  min-height: var(--header-height);
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 5;
}

.templates-hotel-benchmark-insight-desired-compset-module__body .templates-hotel-benchmark-insight-desired-compset-module__body__right-sidebar {
  margin-left: auto;
  min-height: calc(100% - var(--header-height));
  position: sticky;
  top: var(--header-height);
  width: 50%;
}

.templates-hotel-benchmark-insight-desired-compset-module__body .templates-hotel-benchmark-insight-desired-compset-module__body__content {
  position: absolute;
  top: var(--header-height);
  width: 50%;
}

.components-hotel-benchmark-insight-product-overlay-module__product-overlay {
  bottom: 0;
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  height: calc(100% - 60px);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 101; /* Loading progress bars are `z-index: 100;`, display overlay on top of the progress bars. */
}

.components-hotel-benchmark-insight-product-overlay-module__product-overlay__background {
  background-color: var(--prism-color-elevation-backdrop-default);
  height: 100%;
}

.components-hotel-benchmark-insight-product-overlay-module__product-overlay__content {
  left: 0;
  position: absolute;
  top: 0;
}

.components-hotel-benchmark-insight-product-overlay-module__product-overlay__content--top {
  /* Default position is top, so no additional styles needed */
}

.components-hotel-benchmark-insight-product-overlay-module__product-overlay__content--bottom {
  bottom: 0;
  top: auto;
}

.components-hotel-benchmark-insight-product-overlay-module__product-overlay__content--center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.templates-hotel-bi-upsell-module__background {
  background-size: cover;
  height: 100%;
  position: relative;
}

.templates-hotel-bi-upsell-module__background::before {
  background-color: var(--prism-color-elevation-backdrop-inverse);
  content: "";
  inset: 0;
  position: absolute;
}

[data-theme="dark"] .templates-hotel-bi-upsell-module__background::before {
  background-color: var(--prism-color-elevation-backdrop-default);
}

@media (width >= 1856px) {
  .templates-hotel-bi-upsell-module__background {
    background-image: url(https://static-dev.mylighthouse.com/lumen/assets/images/performance-bg-large-light.27ff9a77e58fff0c5617.png);
  }

  [data-theme="dark"] .templates-hotel-bi-upsell-module__background,
  [data-theme="highcontrast-dark"] .templates-hotel-bi-upsell-module__background {
    background-image: url(https://static-dev.mylighthouse.com/lumen/assets/images/performance-bg-large-dark.4e885cccc35abf2d208c.png);
  }
}

@media (width <= 1855px) {
  .templates-hotel-bi-upsell-module__background {
    background-image: url(https://static-dev.mylighthouse.com/lumen/assets/images/performance-bg-small-light.a6df4c8171267ffa508a.png);
  }

  [data-theme="dark"] .templates-hotel-bi-upsell-module__background,
  [data-theme="highcontrast-dark"] .templates-hotel-bi-upsell-module__background {
    background-image: url(https://static-dev.mylighthouse.com/lumen/assets/images/performance-bg-small-dark.b803f31f01e05389c212.png);
  }
}

.templates-hotel-bi-upsell-module__content {
  bottom: 0;
  position: absolute;
}

/* Banner Styles */
.templates-hotel-bi-upsell-module__banner {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-200);
  border-top: 1px solid var(--prism-color-general-neutral-300);
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.templates-hotel-bi-upsell-module__info {
  margin: 56px 80px;
  min-width: 640px;
}

.templates-hotel-bi-upsell-module__title {
  width: 300px;
}

.templates-hotel-bi-upsell-module__image {
  background: var(--prism-gradient-background-brand-subdued);
  display: flex;
  overflow: hidden;
  padding: var(--prism-spacing-800) 0 0 var(--prism-spacing-1000);
}

.components-hotel-budget-forecast-export-modal-module__export-modal .monthpicker-container {
  /* stylelint-disable-next-line declaration-no-important */
  display: grid !important;
  gap: var(--prism-spacing-400);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
}

.components-hotel-budget-forecast-export-modal-module__export-modal .monthpicker {
  padding: 0;
  width: unset;
}

.components-hotel-budget-forecast-export-modal-module__export-modal .monthpicker label {
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  height: unset;
  line-height: var(--prism-font-line-height-text-200-bold);
  margin-bottom: var(--prism-spacing-100);
}

.components-settings-budget-forecast-datepicker-module__datepicker .picker {
  margin: 0;
}

.components-settings-budget-forecast-datepicker-module__datepicker .dropdown-default {
  margin-top: var(--prism-spacing-200);
  top: 100%;
}

.templates-hotel-budget-module__table-container
  .prism-table .table-body .table-row--weekend td.is-first-column {
  font-weight: var(--prism-font-weight-text-300-bold);
}

.templates-hotel-budget-module__table-container .prism-table .table-footer {
  z-index: 3;
}

.templates-hotel-budget-module__table-container .prism-table .table-row--footer .table-cell {
  background-color: var(--prism-color-background-neutral-subdued);
  border-top: 1px solid var(--prism-color-border-neutral-default);
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  line-height: var(--prism-font-line-height-text-200-bold);
}

.templates-hotel-budget-module__table-container
  .prism-table .table-row--footer .table-cell.is-first-column {
  font-weight: var(--prism-font-weight-text-200-bold);
}

.components-hotel-channel-pricing-legend-module__recommendation-indicator {
  background: var(
    --prism-gradient-interactive-background-intelligence-secondary-idle
  );
  border-radius: var(--prism-border-radius-100);

  /* height and width set to 16px to match the size of the square indicator in figma */
  height: 16px;
  width: 16px;
}

.components-hotel-channel-pricing-legend-module__divider {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.components-hotel-channel-pricing-charts-channel-discounts-module__legend {
  max-width: 288px;
}

.components-hotel-channel-pricing-tooltips-day-cell-room-type-availability-tooltip-module__tooltip {
  background-color: var(--prism-color-general-neutral-00);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  min-width: 270px; /* same as figma */
}

.components-hotel-channel-pricing-tooltips-day-cell-room-type-availability-tooltip-module__header {
  background-color: var(--prism-color-elevation-canvas);
  border-bottom: 1px solid var(--prism-color-general-neutral-200);
  border-radius: var(--prism-border-radius-200) var(--prism-border-radius-200) 0
    0;
  min-height: 40px; /* same as figma */
  padding: 0 var(--prism-spacing-200);
}

.components-hotel-channel-pricing-tooltips-day-cell-room-type-availability-tooltip-module__room-type-column {
  max-width: 200px; /* fixed width needed for text truncation */
  padding: var(--prism-spacing-100) var(--prism-spacing-200);
  text-align: left;
}

.components-hotel-channel-pricing-tooltips-day-cell-room-type-availability-tooltip-module__availability-column {
  flex: 1; /* allow flex-grow and flex-shrink */
  padding: var(--prism-spacing-100) var(--prism-spacing-200);
  text-align: right;
}

.components-hotel-channel-pricing-tooltips-day-cell-room-type-availability-tooltip-module__reason-infoblock {
  background: var(--prism-color-background-info-subdued);
  border-bottom: 1px solid var(--prism-color-border-info-default);
}

.components-hotel-channel-pricing-tables-cells-day-table-th-day-table-value-cell-module__day-cell:not(:last-child) {
  border-right: 1px solid var(--prism-color-border-neutral-default);
}

.components-hotel-channel-pricing-tables-cells-day-table-th-day-table-value-cell-module__today-date {
  background-color: var(--prism-color-icon-brand-default);
  border-radius: var(--prism-border-radius-400);
  color: var(--prism-color-text-inverse);
  font-weight: var(--prism-font-weight-text-200-medium);
}

.components-hotel-channel-pricing-tables-cells-day-table-th-day-table-value-cell-module__otb {
  color: var(--prism-color-interactive-text-placeholder);
}

.components-hotel-channel-pricing-tables-cells-day-table-th-day-table-value-cell-module__otb-bar {
  width: 40px;
}

.components-hotel-channel-pricing-tables-cells-day-table-th-day-table-value-cell-module__otb-bar-level-1 {
  background-color: var(--prism-color-general-info-100);
}

.components-hotel-channel-pricing-tables-cells-day-table-th-day-table-value-cell-module__otb-bar-level-2 {
  background-color: var(--prism-color-general-info-500);
}

.components-hotel-channel-pricing-tables-cells-day-table-th-day-table-value-cell-module__otb-bar-level-3 {
  background-color: var(--prism-color-general-info-700);
}

.components-hotel-channel-pricing-tables-cells-day-table-th-day-table-value-cell-module__otb-bar-level-4 {
  background-color: var(--prism-color-general-alpha-neutral-300);
}

.components-hotel-channel-pricing-tables-cells-day-table-th-day-table-value-cell-module__is-past {
  opacity: 0.7;
}

.components-hotel-channel-pricing-tables-cells-day-table-th-day-table-value-cell-module__highlighted {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-hotel-channel-pricing-tables-cells-channels-table-td-channels-table-name-cell-module__badge {
  margin-left: var(--prism-spacing-100);
}

.components-hotel-channel-pricing-tables-cells-channels-table-td-channels-table-name-cell-module__badge > * {
  white-space: nowrap;
}

/*
  Class that adds padding right to be used in PMS table & Channels table.
  Should align content vertically with day bar table
*/
.components-hotel-channel-pricing-tables-cells-table-cell-base-module__channel-pricing-table-cell-pr {
  padding-right: var(--right-padding);
}

.components-hotel-channel-pricing-tables-cells-table-cell-base-module__channel-pricing-table-cell-pr--with-icon {
  padding-right: var(--right-padding-with-icon);
}

/*
  Wrapping div styles used for all value cells of all tables on the channel pricing-page
  Default Prism::Table paddings are overriden using "tdClassNames"
  -> we want all value cells to have the same padding to ensure vertical alignment
  Note: there might be more optimal ways to structure these styles, but haven't fully investigated in the prototype
*/
.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__channel-pricing-table-cell {
  padding: var(--prism-spacing-100) var(--prism-spacing-50)
    var(--prism-spacing-100) var(--prism-spacing-50);

  /* Style/class used in case cell has recommendation but the user has no push permissions. */
}

.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__cell-button {
  border-radius: var(--prism-border-radius-100);
}

.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__cell-button:focus,
.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__cell-button:hover {
  background-color: var(--prism-color-interactive-background-secondary-hover);
}

/* SMART DISTRIBUTION TODO: currently mainly copied over these styles from the Prism Button component */
.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__cell-button--has-exception {
  /* SMART DISTRIBUTION TODO: token used in Figma still not available: --color-background-critical-default. Watch out in future */
  background-color: var(--prism-color-general-critical-100);
}

/* Currently only used for the Smart Insights button. When this style is better available in Prism, this can possibly be optimised a bit */
.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__cell-button--has-recommendation {
  background: var(
    --prism-gradient-interactive-background-intelligence-secondary-idle
  );
}

.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__cell-button--has-recommendation:hover {
  background: var(
    --prism-gradient-interactive-background-intelligence-secondary-hover
  );
}

.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__cell-button--with-popover {
  background: var(--prism-color-elevation-surface);
}

.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__cell-button--with-popover:focus,
.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__cell-button--with-popover:hover {
  background: var(--prism-color-elevation-surface);
}

.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__channel-pricing-table-cell--has-exception {
  background-color: var(--prism-color-background-critical-subdued);
}

.components-hotel-channel-pricing-tables-cells-table-cell-wrapper-module__channel-pricing-table-cell--has-recommendation {
  background: var(
    --prism-gradient-interactive-background-intelligence-secondary-idle
  );
  border-radius: var(--prism-border-radius-100);
}

.components-hotel-channel-pricing-tables-cells-channels-table-prices-channels-table-pricing-row-cell-content-module__tooltip {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  min-width: 240px;
}

.components-hotel-channel-pricing-tables-cells-channels-table-prices-channels-table-pricing-row-cell-content-module__header {
  background-color: var(--prism-color-elevation-canvas);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-100) var(--prism-border-radius-100) 0
    0;
}

.components-hotel-channel-pricing-tables-cells-channels-table-prices-channels-table-pricing-row-cell-content-module__hotel-is-sold-out {
  color: var(--prism-color-interactive-text-disabled);
}

.components-hotel-channel-pricing-tables-cells-channels-table-prices-channels-table-pricing-row-cell-content-module__competitor-price {
  color: var(--prism-color-text-neutral-subdued);
}

.components-hotel-channel-pricing-tables-cells-channels-table-prices-channels-table-pricing-row-cell-content-module__underline-on-hover:hover {
  text-decoration: underline;
}

.components-hotel-channel-pricing-tables-cells-channels-table-prices-channels-table-pricing-row-cell-content-module__underline-sold-out:hover {
  text-decoration-color: var(--prism-color-interactive-text-disabled);
}

.components-hotel-channel-pricing-edit-cell-popover-module__popover {
  background-color: var(--prism-color-elevation-surface);
  border-radius: 0 0 var(--prism-border-radius-100)
    var(--prism-border-radius-100);
  border-width: 0;
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  left: anchor(left);
  margin-top: -2px;
  overflow: visible;
  padding: var(--prism-spacing-200);
  position: fixed;
  top: anchor(bottom);
  width: anchor-size(width);
}

.components-hotel-channel-pricing-edit-cell-popover-module__popover button {
  border-radius: var(--prism-border-radius-100);
  /* stylelint-disable-next-line declaration-no-important */
  width: 100% !important;
}

/*
  Note: this isn't very clean, but workaround because matchTriggerWidth doesn't work in combination with renderInPlace
  Can be removed in case it causes trouble
*/
.components-hotel-channel-pricing-edit-cell-popover-module__popover .ember-basic-dropdown-content {
  width: 100%;
}

.components-hotel-channel-pricing-edit-cell-popover-module__popover .prism-select-input {
  width: 100%;
}

.components-hotel-channel-pricing-tables-cells-channels-table-restrictions-channels-table-restrictions-row-cell-content-module__intelligence-highlight {
  color: var(--prism-color-text-intelligence-default);
}

.components-hotel-channel-pricing-tables-cells-channels-table-td-channels-table-value-cell-module__highlighted {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-hotel-channel-pricing-tables-cells-channels-table-td-channels-table-value-cell-module__is-past {
  opacity: 0.7;
}

.components-hotel-channel-pricing-tables-channels-table-module__table .table-header {
  /**
   * "visibility: collapse" is used to hide the header row of the table and maintain its visual functionalities.
   * For more: https://developer.mozilla.org/en-US/docs/Web/CSS/visibility#collapse
   *
   * Reasons:
   * At this point (Jan.2025) our table component does not support a version without a visible header row.
   * Though, for this product, the Design Team want to avoid a "cluttered" view, and sees a table with no header an
   * important visual solution.
   *
   * Tip for future: maybe this can be removed either when the table component supports a version without a header row,
   * or under design changes.
   */
  visibility: collapse;
}

.components-hotel-channel-pricing-tables-channels-table-module__channels-table {
  --right-padding: 54px;
  --right-padding-with-icon: 34px;
}

.components-hotel-channel-pricing-tables-channels-table-module__channels-table.ember-table.table-border
  .ember-table-overflow {
  border-radius: 0;
}

.components-hotel-channel-pricing-tables-channels-table-module__channels-table.ember-table .table-cell {
  height: 36px;
}

.components-hotel-channel-pricing-tables-channels-table-module__channels-table.ember-table
  .channel-pricing-tr-restrictions
  .table-cell {
  height: 50px;
}

.components-hotel-channel-pricing-tables-channels-table-module__channels-table.ember-table .ember-table-overflow {
  /* Removes the overflow in order to enable the popovers in the last row */
  overflow: unset;
}

.components-hotel-channel-pricing-tooltips-channel-offset-tooltip-module__tooltip {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  min-width: 240px;
}

.components-hotel-channel-pricing-tooltips-channel-offset-tooltip-module__header {
  background-color: var(--prism-color-elevation-canvas);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-100) var(--prism-border-radius-100) 0
    0;
}

.components-hotel-channel-pricing-tables-cells-minor-channels-table-restrictions-restrictions-row-cell-content-module__intelligence-highlight {
  color: var(--prism-color-text-intelligence-default);
}

.components-hotel-channel-pricing-tables-cells-minor-channels-table-td-value-cell-module__highlighted {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-hotel-channel-pricing-tables-cells-minor-channels-table-td-value-cell-module__is-past {
  opacity: 0.7;
}

.components-hotel-channel-pricing-tables-minor-channels-table-module__table .table-header {
  /**
   * "visibility: collapse" is used to hide the header row of the table and maintain its visual functionalities.
   * For more: https://developer.mozilla.org/en-US/docs/Web/CSS/visibility#collapse
   *
   * Reasons:
   * At this point (Jan.2025) our table component does not support a version without a visible header row.
   * Though, for this product, the Design Team want to avoid a "cluttered" view, and sees a table with no header an
   * important visual solution.
   *
   * Tip for future: maybe this can be removed either when the table component supports a version without a header row,
   * or under design changes.
   */
  visibility: collapse;
}

/*
  SMART DISTRIBUTION TODO: Reconsider the implementation below.
    - Current implementation is not 'attached' to the spacing parameters of the OCC bar width in day's cell: &__otb-bar { width: 40px;}
    - Questionable design decision for small screens
    - Use of variables might be useless
*/
.components-hotel-channel-pricing-tables-minor-channels-table-module__minor-channels-table {
  --right-padding: 54px;
  --right-padding-with-icon: 34px;
}

.components-hotel-channel-pricing-tables-minor-channels-table-module__minor-channels-table.ember-table.table-border
  .ember-table-overflow {
  border-radius: 0;
}

.components-hotel-channel-pricing-tables-minor-channels-table-module__minor-channels-table.ember-table .table-cell {
  height: 36px;
}

.components-hotel-channel-pricing-tables-minor-channels-table-module__minor-channels-table.ember-table
  .channel-pricing-tr-restrictions
  .table-cell {
  height: 50px;
}

.components-hotel-channel-pricing-tables-minor-channels-table-module__table.ember-table .ember-table-overflow {
  overflow: unset;
}

.components-hotel-channel-pricing-tables-cells-pms-table-td-pms-table-name-cell-module__badge {
  margin-left: var(--prism-spacing-100);
}

.components-hotel-channel-pricing-tables-cells-pms-table-td-pms-table-name-cell-module__badge > * {
  white-space: nowrap;
}

.components-hotel-channel-pricing-tables-cells-pms-table-prices-pms-table-pricing-row-cell-content-module__intelligence-highlight {
  color: var(--prism-color-text-intelligence-default);
}

.components-hotel-channel-pricing-tables-cells-pms-table-restrictions-pms-table-restrictions-row-cell-content-module__intelligence-highlight {
  color: var(--prism-color-text-intelligence-default);
}

.components-hotel-channel-pricing-tables-cells-pms-table-td-pms-table-value-cell-module__value-cell {
  color: var(--prism-color-text-neutral-default);
}

.components-hotel-channel-pricing-tables-cells-pms-table-td-pms-table-value-cell-module__highlighted {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-hotel-channel-pricing-tables-cells-pms-table-td-pms-table-value-cell-module__is-past {
  opacity: 0.7;
}

@property --gradient-angle-layer-1 {
  inherits: false;
  initial-value: 0deg;
  syntax: "<angle>";
}

@property --gradient-angle-layer-2 {
  inherits: false;
  initial-value: 0deg;
  syntax: "<angle>";
}

@property --opacity-layer-1 {
  inherits: false;
  initial-value: 0;
  syntax: "<number>";
}

@property --opacity-layer-2 {
  inherits: false;
  initial-value: 0;
  syntax: "<number>";
}

@keyframes modifiers-highlight-element-module__animate-layer-1 {
  0% {
    --gradient-angle-layer-1: 0deg;
    --opacity-layer-1: 0;
  }

  20% {
    --gradient-angle-layer-1: 72deg;
    --opacity-layer-1: 1;
  }

  40% {
    --gradient-angle-layer-1: 144deg;
    --opacity-layer-1: 0;
  }

  60% {
    --gradient-angle-layer-1: 216deg;
    --opacity-layer-1: 0;
  }

  80% {
    --gradient-angle-layer-1: 288deg;
    --opacity-layer-1: 0;
  }

  100% {
    --gradient-angle-layer-1: 360deg;
    --opacity-layer-1: 0;
  }
}

@keyframes modifiers-highlight-element-module__animate-layer-2 {
  0% {
    --gradient-angle-layer-2: 0deg;
    --opacity-layer-2: 0;
  }

  5% {
    --opacity-layer-2: 1;
  }

  20% {
    --gradient-angle-layer-2: 72deg;
  }

  40% {
    --gradient-angle-layer-2: 144deg;
  }

  60% {
    --gradient-angle-layer-2: 216deg;
  }

  80% {
    --gradient-angle-layer-2: 288deg;
    --opacity-layer-2: 1;
  }

  100% {
    --gradient-angle-layer-2: 360deg;
    --opacity-layer-2: 0;
  }
}

.modifiers-highlight-element-module__highlight {
  --mask-gradient: linear-gradient(oklch(100% 0 0deg) 0 0);
  --gradient-colors:
    oklch(40% 0.25 290deg / 60%), oklch(65% 0.2 40deg / 80%),
    oklch(45% 0.25 310deg / 60%), oklch(55% 0.22 280deg / 50%),
    oklch(40% 0.25 290deg / 60%);

  border-radius: 4px;
  position: relative;
  z-index: 100;
}

/* Thicker layer */
.modifiers-highlight-element-module__highlight::before {
  animation: modifiers-highlight-element-module__animate-layer-1 4s ease-in-out forwards;
  background: conic-gradient(
    from var(--gradient-angle-layer-1),
    var(--gradient-colors)
  );
  border-radius: inherit;
  content: "";
  inset: 0;
  mask:
    var(--mask-gradient) content-box,
    var(--mask-gradient);
  mask-composite: exclude;
  opacity: var(--opacity-layer-1);
  padding: 5px;
  pointer-events: none;
  position: absolute;
}

.modifiers-highlight-element-module__highlight::after {
  animation: modifiers-highlight-element-module__animate-layer-2 4s ease-in-out forwards;
  background: conic-gradient(
    from var(--gradient-angle-layer-2),
    var(--gradient-colors)
  );
  border-radius: inherit;
  content: "";
  inset: 0; /* inset: 0 keeps it perfectly inside the parent bounds */

  /* define a mask for both the content-box and the border-box */
  mask:
    var(--mask-gradient) content-box,
    var(--mask-gradient);

  /* mask-composite is used to remove the overlapping parts of the masks (the content) */
  mask-composite: exclude;
  opacity: var(--opacity-layer-2);
  padding: 2px;
  pointer-events: none;
  position: absolute;
}

.modifiers-highlight-element-module__is-testing::before {
  animation-name: none;

  --opacity-layer-1: 1;
}

.modifiers-highlight-element-module__is-testing::after {
  animation-name: none;

  --opacity-layer-2: 1;
}

.templates-hotel-market-insight-upsell-module__overlay {
  background: linear-gradient(
    180deg,
    transparent -18.18%,
    var(--prism-color-elevation-canvas) 47.25%
  );
  inset: 0;
  position: absolute;
}

.templates-hotel-market-insight-upsell-module__overlay-message {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  position: absolute;
}

.templates-hotel-market-insight-upsell-module__banner {
  background-color: var(--prism-color-elevation-surface);
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: absolute;
  width: 100%;
}

.templates-hotel-market-insight-upsell-module__info {
  display: flex;
  gap: var(--prism-spacing-1000);
  justify-content: center;
  padding: 56px 80px;
}

.templates-hotel-market-insight-upsell-module__image {
  align-items: flex-end;
  background: var(--prism-gradient-background-brand-subdued);
  display: flex;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__outlier {
  background-color: var(--prism-color-elevation-surface);
  border-radius: 50%;
  bottom: 5px;
  height: 3px;
  left: 50%;
  outline: 1.5px solid var(--prism-color-general-neutral-900);
  position: absolute;
  transform: translate(-50%);
  width: 3px;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__day-number {
  z-index: 1;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__change-icon {
  z-index: 1;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__selected-day-square:hover {
  background-color: transparent;
}

.ember-power-calendar-row.ember-power-calendar-week:not(:last-child) {
  margin-bottom: var(--prism-spacing-200);
}

.ember-power-calendar-weekday {
  color: var(--prism-color-text-neutral-subdued);
}

.ember-power-calendar-weekday::first-letter {
  color: var(--prism-color-text-neutral-subdued);
  opacity: 1;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .ember-power-calendar-weekdays,
.components-hotel-market-insight-calendars-days-day-market-demand-module__container .ember-power-calendar-day {
  font-size: var(--prism-font-size-text-200-regular);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .ember-power-calendar-weekdays,
.components-hotel-market-insight-calendars-days-day-market-demand-module__container .ember-power-calendar-week {
  --day-cell-size: calc(32px + var(--prism-spacing-100));

  height: calc(32px + 1px);
  padding-left: 0;
  padding-right: 0;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:first-child[data-missing-days="1"] {
  padding-left: calc(var(--day-cell-size) * 1);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:first-child[data-missing-days="2"] {
  padding-left: calc(var(--day-cell-size) * 2);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:first-child[data-missing-days="3"] {
  padding-left: calc(var(--day-cell-size) * 3);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:first-child[data-missing-days="4"] {
  padding-left: calc(var(--day-cell-size) * 4);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:first-child[data-missing-days="5"] {
  padding-left: calc(var(--day-cell-size) * 5);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:first-child[data-missing-days="6"] {
  padding-left: calc(var(--day-cell-size) * 6);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:last-child[data-missing-days="1"] {
  padding-right: calc(var(--day-cell-size) * 1);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:last-child[data-missing-days="2"] {
  padding-right: calc(var(--day-cell-size) * 2);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:last-child[data-missing-days="3"] {
  padding-right: calc(var(--day-cell-size) * 3);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:last-child[data-missing-days="4"] {
  padding-right: calc(var(--day-cell-size) * 4);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:last-child[data-missing-days="5"] {
  padding-right: calc(var(--day-cell-size) * 5);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .ember-power-calendar-week:last-child[data-missing-days="6"] {
  padding-right: calc(var(--day-cell-size) * 6);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .ember-power-calendar-day,
.components-hotel-market-insight-calendars-days-day-market-demand-module__container .ember-power-calendar-weekday {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  width: 32px;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-cell {
  height: 32px;
  line-height: 32px;
  width: 32px;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper {
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  font-size: var(--prism-font-size-text-200-regular);
  height: 100%;
  position: relative;
  width: 100%;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper.rate-index-level-1 {
  background-color: var(--prism-color-chart-demand-figure-very-low);
  color: var(--prism-color-text-neutral-default);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper.rate-index-level-2 {
  background-color: var(--prism-color-chart-demand-figure-low);
  color: var(--prism-color-text-neutral-default);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper.rate-index-level-3 {
  background-color: var(--prism-color-chart-demand-figure-normal);
  color: var(--prism-color-text-neutral-default);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper.rate-index-level-4 {
  background-color: var(--prism-color-chart-demand-figure-elevated);
  color: var(--prism-color-text-neutral-default);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper.rate-index-level-5 {
  background-color: var(--prism-color-chart-demand-figure-high);
  color: var(--prism-color-text-neutral-default);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper.rate-index-level-6 {
  background-color: var(--prism-color-chart-demand-figure-very-high);
  color: var(--prism-color-text-inverse);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .day-market-demand-wrapper.day-market-demand--not-highlighted
  .components-hotel-market-insight-calendars-days-day-market-demand-module__outlier {
  display: none;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .ember-power-calendar-day:hover .components-hotel-market-insight-calendars-days-day-market-demand-module__outlier {
  background-color: var(--prism-color-elevation-surface);
  height: 4.5px;
  outline: none;
  width: 4.5px;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper .components-hotel-market-insight-calendars-days-day-market-demand-module__change-icon {
  z-index: 1;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .day-market-demand-wrapper.day-market-demand--not-highlighted
  .components-hotel-market-insight-calendars-days-day-market-demand-module__change-icon {
  display: none;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .day-market-demand-wrapper:not(
        .day-market-demand-wrapper--disabled
      ).ember-power-calendar-day:focus {
  outline: none;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container
  .day-market-demand-wrapper:not(
        .day-market-demand-wrapper--disabled
      ).ember-power-calendar-day:hover {
  background-color: var(--prism-color-general-neutral-800);
  color: var(--prism-color-text-inverse);
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper--selected {
  font-weight: 700;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper--selected:hover {
  color: var(--prism-color-text-inverse);
  font-weight: normal;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper--selected .components-hotel-market-insight-calendars-days-day-market-demand-module__selected-day-square {
  border: 1px solid var(--prism-color-general-neutral-800);
  border-radius: var(--prism-border-radius-100);
  color: var(--prism-color-text-neutral-default);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container.day-market-demand-wrapper--selected
  .components-hotel-market-insight-calendars-days-day-market-demand-module__selected-day-square:hover {
  background-color: transparent;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper--disabled {
  background-color: var(--prism-color-background-neutral-default);
  color: var(--prism-color-text-neutral-subdued);
  cursor: not-allowed;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper--no-market-data {
  background-color: var(--prism-color-background-neutral-subdued);
  color: var(--prism-color-text-neutral-subdued);
  cursor: not-allowed;
  opacity: 0.4;
}

.components-hotel-market-insight-calendars-days-day-market-demand-module__container .day-market-demand-wrapper--no-market-data:hover {
  background-color: var(--prism-color-background-neutral-subdued);
  color: var(--prism-color-text-neutral-subdued);
  cursor: not-allowed;
}

.components-hotel-market-insight-calendars-sidebar-calendar-module__sidebar {
  height: calc(100vh - 120px); /* subtract the white & blue bar navbar */
  max-width: 370px;
  min-width: 310px;
  position: relative;
  width: 25%;
}

.components-hotel-market-insight-calendars-sidebar-calendar-module__filter-dropdown {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  gap: var(--prism-spacing-300);
  padding: var(--prism-spacing-400) var(--prism-spacing-300);
}

.components-hotel-market-insight-calendars-sidebar-calendar-module__scrollable-content {
  overflow: hidden;
  padding: 0 var(--prism-spacing-300) var(--prism-spacing-300)
    var(--prism-spacing-300);
  position: relative;
}

.components-hotel-market-insight-calendars-sidebar-calendar-module__calendars {
  padding-bottom: var(--prism-spacing-300);
  padding-top: var(--prism-spacing-200);
}

.components-hotel-market-insight-calendars-sidebar-calendar-module__calendar-scroll-into-view {
  padding-top: var(--prism-spacing-300);
}

.components-hotel-market-insight-calendars-sidebar-calendar-module__calendar-container {
  align-items: flex-start;
  display: flex;
  flex-grow: 1;
  padding-bottom: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-200);
}

.components-hotel-market-insight-calendars-sidebar-calendar-module__calendar {
  /*
    Temporarily created a patch (ember-power-calendar@0.18.0.patch) because it wasn't possible to use css vars in the mixin.
    Created a Pull Request to fix this, which is still awaiting approval.
    Update the version of ember-power-calendar after this has been approved.
    https://github.com/cibernox/ember-power-calendar/pull/497
  */
  width: calc((32px + var(--prism-spacing-100)) * 7 - var(--prism-spacing-100));

  /* width: ($cell-dimension + $cell-spacing) * 7; */
}

.components-hotel-market-insight-calendars-sidebar-calendar-module__footer {
  background-color: var(--prism-color-elevation-canvas);
  bottom: 0;
  color: var(--prism-color-text-neutral-subdued);
  left: 0;
  overflow: hidden; /* Make sure the content is hidden / doesn't push open the page:q */
  position: absolute;
  width: 100%;
  z-index: 1;
}

.components-hotel-market-insight-calendars-sidebar-calendar-module__footer.components-hotel-market-insight-calendars-sidebar-calendar-module__slide-in {
  height: 65px;
  opacity: 1;
  transition-duration: 0.7s;
  transition-property: height, opacity;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.components-hotel-market-insight-calendars-sidebar-calendar-module__footer.components-hotel-market-insight-calendars-sidebar-calendar-module__slide-out {
  height: 0;
  opacity: 0;
  transition-duration: 0.7s;
  transition-property: height, opacity;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.components-hotel-market-insight-calendars-sidebar-calendar-module__footer-description {
  font-weight: 600;
}

.components-hotel-market-insight-modals-rate-preference-modal-module__container {
  line-height: 20px;
  position: relative;
}

.components-hotel-market-insight-modals-rate-preference-modal-module__title {
  color: var(--prism-color-text-neutral-default);
  margin-bottom: var(--prism-spacing-100);
}

.components-hotel-market-insight-modals-rate-preference-modal-module__description {
  margin-bottom: var(--prism-spacing-400);
}

.components-hotel-market-insight-modals-rate-preference-modal-module__footer {
  border-top: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  justify-content: flex-end;
  padding: var(--prism-spacing-300) var(--prism-spacing-500);
}

.components-hotel-market-insight-modals-rate-preference-modal-module__footer .cancel-and-confirm-btns {
  padding: var(--prism-spacing-200) 0;
}

.components-general-empty-state-occupancy-module__container {
  display: flex;
  font-size: var(--prism-font-size-text-300-regular);
}

.components-general-empty-state-occupancy-module__content {
  display: flex;
  flex-direction: row;
  margin: auto;
  max-width: 600px;
}

.components-general-empty-state-occupancy-module__illustration {
  height: auto;
  margin-right: var(--prism-spacing-400);
  width: auto;
}

.components-general-empty-state-occupancy-module__title-and-description {
  display: flex;
  flex-direction: column;
}

.components-general-empty-state-occupancy-module__title {
  color: var(--prism-color-text-intelligence-emphasis);
  font-weight: bold;
  margin-bottom: var(--prism-spacing-100);
}

.components-general-empty-state-occupancy-module__self-service-button {
  margin-top: var(--prism-spacing-400);
  width: fit-content;
}

.components-hotel-market-insight-tabs-tab-searches-module__container {
  background-color: var(--prism-color-background-neutral-subdued);
  padding: var(--prism-spacing-400);
}

.components-hotel-market-insight-tabs-tab-searches-module__market-insight-breakdown {
  width: 50%;
}

.components-hotel-market-insight-tabs-tab-searches-module__market-insight-breakdown
  .breakdown-list:not(.breakdown-list--nested) {
  height: 290px;
}

.components-hotel-overview-dashboard-tiles-top-insights-empty-state-occupancy-module__eso-banner {
  align-items: center;
  background: var(--prism-gradient-background-brand-subdued);
  border: 1px solid var(--prism-color-border-brand-default);
  border-radius: var(--prism-spacing-200);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--prism-font-size-text-300-regular);
  line-height: 20px;
  padding: var(--prism-spacing-300);
  white-space: normal;
}

.components-hotel-overview-dashboard-tiles-top-insights-empty-state-occupancy-module__illustration {
  height: auto;
  margin-right: var(--prism-spacing-400);
  width: auto;
}

.components-hotel-overview-dashboard-tiles-top-insights-empty-state-occupancy-module__title {
  color: var(--prism-color-text-brand-default);
  width: 100%;
}

/* Handle spacing between different sections (title + content) of the ED dashboard */
.templates-hotel-overview-module__od-dashboard-section + .templates-hotel-overview-module__od-dashboard-section {
  margin-top: var(--prism-spacing-800);
}

/* Grid layout styling that can be applied to a wrapping div around the dashboard KPIs */
.templates-hotel-overview-module__od-dashboard-kpi-grid-layout {
  display: grid;
  gap: var(--prism-spacing-400);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.templates-hotel-overview-module__od-dashboard-kpi-grid-layout--ranking-section {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  margin-top: var(--prism-spacing-400);
}

.templates-hotel-overview-module__od-drawer {
  display: flex;
  flex-direction: column;
  inset: 0;
  position: absolute;
}

.templates-hotel-overview-module__od-drawer__header {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-400) var(--prism-spacing-400)
    var(--prism-spacing-200);
}

.templates-hotel-overview-module__od-drawer__content {
  background-color: var(--prism-color-elevation-canvas);
  flex: 1;
  overflow-y: auto;
}

.templates-hotel-overview-module__od-drawer__footer {
  background-color: var(--prism-color-elevation-surface);
  border-top: 1px solid var(--prism-color-border-neutral-default);
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.templates-hotel-overview-module__drawer-footer-button {
  width: 100%;
}

.templates-hotel-overview-module__od-drawer__filters {
  column-gap: var(--prism-spacing-200);
  display: flex;
  flex-direction: row;
}

.templates-hotel-overview-module__drawer-filter {
  align-items: center;
  display: flex;
  overflow: hidden;
  padding: var(--prism-spacing-100);
}

.templates-hotel-overview-module__drawer-filter-trigger {
  overflow: hidden;
}

.components-parity-charts-chart-issue-type-module__breakdown-content {
  height: 204px;
}

.components-parity-charts-chart-variance-module__breakdown-content {
  height: 204px;
}

.components-general-loading-bar-module__bar {
  animation: components-general-loading-bar-module__pulse 1s infinite;
  background-color: var(--prism-color-interactive-text-disabled);
  border-radius: var(--prism-border-radius-100);
  float: left;
  height: 8px;
  width: 25%;
}

@keyframes components-general-loading-bar-module__pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.72;
  }

  100% {
    opacity: 1;
  }
}

.components-parity-insight-breakdown-value-module__button {
  color: var(--prism-color-text-neutral-default);
  cursor: inherit;
  outline: none;
  padding: var(--prism-spacing-100) var(--prism-spacing-400);
  width: 100%;
}

.components-parity-insight-breakdown-value-module__button:disabled {
  /* stylelint-disable-next-line declaration-no-important */
  cursor: not-allowed !important;
}

.components-parity-insight-breakdown-value-module__item--disabled {
  /* stylelint-disable-next-line declaration-no-important */
  cursor: not-allowed !important;
}

.components-parity-insight-breakdown-value-module__item--selected {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.components-parity-insight-breakdown-value-module__item--selectable {
  cursor: pointer;
}

.components-parity-insight-breakdown-value-module__item--selectable:disabled {
  /* stylelint-disable-next-line declaration-no-important */
  cursor: not-allowed !important;
}

.components-parity-insight-breakdown-value-module__item--selectable:disabled:focus-within {
  outline: unset;
}

/* Don't apply the hover style to disabled item */
.components-parity-insight-breakdown-value-module__item--selectable:hover:not(.components-parity-insight-breakdown-value-module__item--disabled) {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-parity-insight-breakdown-value-module__item--selectable:active:not(.components-parity-insight-breakdown-value-module__item--disabled) {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
}

.components-parity-insight-breakdown-value-loading-module__container {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-200);
  height: 60px;
  padding: var(--prism-spacing-200) var(--prism-spacing-400);
  width: 100%;
}

.components-parity-insight-breakdown-block-module__container {
  --container-height: 300px;

  height: var(--container-height);
  position: relative;
}

/* Remove outline added by tooltips? */
.components-parity-insight-breakdown-block-module__container > div:focus {
  outline: none;
}

.components-parity-insight-breakdown-block-module__container .components-parity-insight-breakdown-block-module__infinite-scroller {
  max-height: var(--container-height);
  overflow-y: auto;
}

.components-parity-charts-chart-parity-score-gauge-module__gauge-chart {
  height: 142px;
}

.components-parity-charts-chart-parity-score-gauge-module__widget-row {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: var(--prism-spacing-200);
  text-align: center;
}

.components-parity-charts-chart-parity-score-gauge-module__widget-row--large {
  height: 60px;
}

.components-parity-charts-chart-parity-score-gauge-module__widget-row--loading {
  align-items: center;
  display: flex;
  height: 24px; /* h3 line-height */
  justify-content: center;
}

.components-parity-charts-chart-parity-score-gauge-module__widget-row:not(:last-of-type) {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.components-parity-insight-historical-block-module__card-content {
  display: grid;
  gap: var(--prism-spacing-400);
  grid-template-columns: 1fr 284px;
  height: 350px;
}

.components-parity-tables-table-issues-module__container {
  height: 360px;
}

.container-query {
  height: 100%;
  width: 100%;
}

.components-general-modal-filter-bar-module__container {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  flex-shrink: 0;
  font-size: var(--prism-font-size-text-200-regular);
  height: 40px;
  line-height: 40px;
  padding-left: var(--prism-spacing-500);
  padding-right: var(--prism-spacing-500);
}

.components-general-overlay-with-message-module__message-wrapper {
  font-size: var(--prism-font-size-text-500-regular);
  left: 50%;
  line-height: 1.5;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
}

.components-general-overlay-with-message-module__message-overlay {
  background-color: var(--prism-color-elevation-surface);
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 30;
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__table {
  table-layout: fixed;
  width: 100%;
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__table thead {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  text-align: left;
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__table td,
.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__table th {
  padding-bottom: var(--prism-spacing-100);
  padding-left: var(--prism-spacing-200);
  padding-top: var(--prism-spacing-100);
  white-space: nowrap; /* prevent text wrapping */
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__property-column {
  padding-left: var(--prism-spacing-300);

  /* fixed width needed for text truncation */
  width: 200px; /* same as rates calendar tooltip */
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__rate-column {
  flex: 1; /* allow flex-grow and flex-shrink */
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__restriction-message-column {
  width: 70px;
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__price-change-column {
  flex: 1;
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__mealtype-icon-column {
  width: 20px; /* icon size (12px) + padding left (8px) */
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__room-name-column {
  padding-left: var(--prism-spacing-100);
  padding-right: var(--prism-spacing-300);

  /* fixed width needed for text truncation */
  width: 160px; /* same as rates calendar tooltip */
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__own-hotel-row {
  background-color: var(--prism-color-background-neutral-subdued);
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__recommended-price-row {
  background-color: var(--prism-color-background-info-subdued);
}

.components-hotel-pricing-assistant-calendars-days-tooltip-compset-and-recommended-price-list-module__autopilot-price-row {
  background-color: var(--color-background-intelligence);
  color: var(--prism-color-text-intelligence-emphasis);
}

.components-hotel-pricing-assistant-calendars-days-tooltip-events-and-holidays-module__table tr:last-child td {
  border-bottom: 0; /* Override the default table styling to remove the border between the last row and +X more label */
}

.components-hotel-pricing-assistant-calendars-days-tooltip-events-and-holidays-module__event-name-column {
  padding-right: var(--prism-spacing-100);

  /* fixed width needed for text truncation */
  width: 297px; /* same as figma */
}

.components-hotel-pricing-assistant-calendars-days-tooltip-events-and-holidays-module__event-distance-column {
  padding-left: 0; /* Overriding default table td styling */
  width: 64px; /* same as figma */
}

.components-hotel-pricing-assistant-calendars-days-tooltip-events-and-holidays-module__event-visitors-column {
  flex-grow: 1;
  padding-left: 0; /* Overriding default table td styling */
}

.components-hotel-pricing-assistant-calendars-days-tooltip-pricing-assistant-module__section + .components-hotel-pricing-assistant-calendars-days-tooltip-pricing-assistant-module__section {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.components-hotel-pricing-assistant-calendars-days-tooltip-pricing-assistant-module__exception-banner-container {
  /* Height is required as it contains prism-banner web component. Otherwise the tooltip can be mispositioned / cut off at the bottom of the screen */
  min-height: 82px;
}

.components-hotel-pricing-assistant-calendars-days-tooltip-pricing-assistant-module__autopilot-banner-container {
  /* Height is required as it contains prism-banner web component. Otherwise the tooltip can be mispositioned / cut off at the bottom of the screen */
  min-height: 63px;
}

.components-hotel-pricing-assistant-calendars-days-tooltip-pricing-assistant-module__otb-container .components-hotel-pricing-assistant-calendars-days-tooltip-pricing-assistant-module__metric-blocks-container {
  height: 60px; /* Required to correctly determine the height of the tooltip containing prism-metric-block web components */
}

.components-hotel-pricing-assistant-calendars-days-day-pricing-assistant-module__tooltip {
  background: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-subdued);
  max-width: 580px;
  min-width: 320px;
  overflow: hidden;
  padding: 0;
  z-index: 1200;
}

.components-hotel-pricing-assistant-data-sync-status-module__container {
  height: 18px; /* fixed height so that the calendar doesn't displace when the dataSyncStatus component is rendered */
  margin-left: auto;
  width: fit-content;
}

.components-hotel-pricing-assistant-data-sync-status-module__container span {
  color: var(--prism-color-text-neutral-subdued);
}

.components-hotel-pricing-assistant-data-sync-status-module__row {
  display: block; /* Required to apply padding on row else following error thrown: "The display: table-row property prevents padding-bottom from having an effect." */
  padding-bottom: var(--prism-spacing-200);
}

.components-hotel-pricing-assistant-data-sync-status-module__row:last-child {
  padding-bottom: 0;
}

.components-hotel-pricing-assistant-data-sync-status-module__label-column {
  min-width: 138px; /* 130px (column width) + 8px (padding right) */
  padding-right: 8px;
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-day-override-modal-module__modal.prism-modal-container .modal {
  max-width: 800px;
  min-width: 800px;
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-day-override-modal-module__body {
  display: grid;
  grid-template-columns: 200px 1fr;
  min-height: 480px;
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-overbooking-panel-module__automation-container {
  background-color: var(--prism-color-elevation-canvas);
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-overbooking-panel-module__automation-label-on {
  background: linear-gradient(
    90deg,
    var(--prism-color-interactive-background-primary-idle),
    var(--prism-color-text-intelligence-default)
  );
  background-clip: text;
  color: var(--prism-color-text-intelligence-default);
  -webkit-text-fill-color: transparent;
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-overbooking-panel-module__automation-value-off {
  color: var(--prism-color-interactive-text-disabled);
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-overbooking-panel-module__overbooking-value-wrapper {
  /* Matches PrismNumberInput height: input min-height + border (2 × prism-spacing-50) */
  min-height: calc(var(--prism-spacing-700) + var(--prism-spacing-100));
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-restrictions-panel-module__automation-container {
  background-color: var(--prism-color-elevation-canvas);
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-restrictions-panel-module__automation-label-on {
  background: linear-gradient(
    90deg,
    var(--prism-color-interactive-background-primary-idle),
    var(--prism-color-text-intelligence-default)
  );
  background-clip: text;
  color: var(--prism-color-text-intelligence-default);
  -webkit-text-fill-color: transparent;
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-restrictions-panel-module__automation-value-off {
  color: var(--prism-color-interactive-text-disabled);
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-sidebar-module__sidebar {
  padding: var(--prism-spacing-300);
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-sidebar-module__list {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-100);
  list-style: none;
  margin: 0;
  padding: 0;
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-sidebar-module__item {
  background: transparent;
  border: none;
  border-radius: var(--prism-border-radius-200);
  color: var(--prism-color-text-neutral-default);
  cursor: pointer;
  display: block;
  font: inherit;
  padding: var(--prism-spacing-200) var(--prism-spacing-300);
  text-align: left;
  width: 100%;
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-sidebar-module__item:hover {
  background-color: var(--prism-color-elevation-canvas);
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-sidebar-module__item:focus-visible {
  outline: 2px solid var(--prism-color-interactive-border-focus);
  outline-offset: 1px;
}

.components-hotel-pricing-assistant-table-modals-day-override-modal-sidebar-module__active,
.components-hotel-pricing-assistant-table-modals-day-override-modal-sidebar-module__active:hover {
  background-color: var(--prism-color-interactive-background-ghost-selected);
  cursor: pointer;
}

.components-hotel-pricing-assistant-table-cells-day-table-th-day-table-si-row-module__si-row {
  /* bg-transparent not used: all Tailwind utilities carry !important in this project, which overrides :hover states */
  background-color: transparent;
}

.components-hotel-pricing-assistant-table-cells-day-table-th-day-table-si-row-module__si-row-hover-zone {
  cursor: pointer;
}

.components-hotel-pricing-assistant-table-cells-day-table-th-day-table-si-row-module__si-row-hover-zone:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-hotel-pricing-assistant-table-tooltips-pricing-assistant-table-tooltip-module__container {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  max-width: 400px;
  min-width: 360px;
  width: fit-content;
}

.components-hotel-pricing-assistant-table-tooltips-pricing-assistant-table-tooltip-module__header {
  background-color: var(--prism-color-elevation-canvas);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-100) var(--prism-border-radius-100) 0
    0;
}

.components-hotel-pricing-assistant-table-tooltips-pricing-assistant-table-tooltip-module__table .components-hotel-pricing-assistant-table-tooltips-pricing-assistant-table-tooltip-module__table-row-cell {
  align-items: center;
  background-color: var(--prism-color-elevation-surface);
  display: flex;
  gap: var(--prism-spacing-200);
  height: 100%;
  justify-content: space-between;
  padding: var(--prism-spacing-200) var(--prism-spacing-400);
}

.components-hotel-pricing-assistant-table-tooltips-pricing-assistant-table-tooltip-module__table .components-hotel-pricing-assistant-table-tooltips-pricing-assistant-table-tooltip-module__table-header {
  align-items: center;
  background-color: var(--prism-color-background-neutral-subdued);
  border-top: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  font-weight: bold;
  height: 100%;
  padding: var(--prism-spacing-200) var(--prism-spacing-400);
}

.components-hotel-pricing-assistant-table-tooltips-pricing-assistant-table-tooltip-module__table + .components-hotel-pricing-assistant-table-tooltips-pricing-assistant-table-tooltip-module__table .components-hotel-pricing-assistant-table-tooltips-pricing-assistant-table-tooltip-module__table-header {
  border-top: none;
}

.components-hotel-pricing-assistant-table-tooltips-pricing-assistant-table-tooltip-module__comparison-line {
  color: var(--prism-color-interactive-text-placeholder);
}

.components-hotel-pricing-assistant-table-tooltips-pricing-assistant-table-tooltip-module__section {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.components-hotel-pricing-assistant-table-cells-day-table-th-day-table-value-cell-module__day-cell {
  min-height: 56px;
}

.components-hotel-pricing-assistant-table-cells-day-table-th-day-table-value-cell-module__today-date {
  background-color: var(--prism-color-icon-brand-default);
  border-radius: var(--prism-border-radius-400);
  color: var(--prism-color-text-inverse);
  font-weight: var(--prism-font-weight-text-200-medium);
}

.components-hotel-pricing-assistant-table-cells-day-table-th-day-table-value-cell-module__otb {
  color: var(--prism-color-interactive-text-placeholder);
}

.components-hotel-pricing-assistant-table-cells-day-table-th-day-table-value-cell-module__is-past {
  opacity: 0.7;
}

.components-hotel-pricing-assistant-table-cells-day-table-th-day-table-value-cell-module__day-content-hover-zone:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-hotel-pricing-assistant-table-cells-td-competitors-rate-module__cell-icon-block {
  height: var(--prism-spacing-400);
  width: var(--prism-spacing-400);
}

.components-hotel-pricing-assistant-table-cells-td-own-rate-module__cell-icon-block {
  height: var(--prism-spacing-400);
  width: var(--prism-spacing-400);
}

.components-hotel-pricing-assistant-table-cells-td-own-rate-dynamic-rate-pricing-cell-value-module__cell-icon-block {
  height: var(--prism-spacing-400);
  width: var(--prism-spacing-400);
}

.components-hotel-pricing-assistant-table-popovers-override-cell-popover-module__container {
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-300);
  color: var(--prism-color-text-neutral-default);
  font-size: var(--prism-font-size-text-300-regular);
  padding: 0;
  width: 100%;
}

.components-hotel-pricing-assistant-table-popovers-override-cell-popover-module__container .tooltip-arrow {
  display: none;
}

/*
  TODO: Localize styles

  - loading-pulse
*/

.components-hotel-pricing-assistant-table-cells-td-own-rate-dynamic-rate-pricing-module__price-cell {
  align-items: center;
  column-gap: var(--prism-spacing-100);
  display: flex;
  height: 40px;
  justify-content: flex-end;
  justify-self: right;
  width: 100%;
}

.components-hotel-pricing-assistant-table-cells-td-own-rate-dynamic-rate-pricing-module__has-exception {
  background-color: var(--prism-color-background-critical-subdued);
  border-radius: var(--prism-border-radius-200);
  color: var(--prism-color-text-critical-default);
}

.components-hotel-pricing-assistant-table-cells-td-own-rate-dynamic-rate-pricing-module__price-overlay {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-100);
  height: 48px;
  justify-content: flex-end;
}

.components-hotel-pricing-assistant-table-cells-td-own-rate-dynamic-rate-pricing-module__button-container {
  display: flex;
  gap: var(--prism-spacing-100);
  padding: 0 var(--prism-spacing-100) var(--prism-spacing-100);
  width: 100%;
}

.components-hotel-pricing-assistant-table-cells-td-own-rate-dynamic-rate-pricing-module__has-popover:hover {
  cursor: pointer;
}

.components-hotel-pricing-assistant-table-cells-td-room-module__container {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  gap: var(--prism-spacing-200);
}

.components-hotel-pricing-assistant-table-cells-td-room-module__container--column {
  align-items: unset;
  flex-flow: column nowrap;
  gap: var(--prism-spacing-50);
}

.components-hotel-pricing-assistant-table-cells-td-room-module__title {
  text-overflow: ellipsis;
}

.components-hotel-pricing-assistant-table-cells-td-room-module__title--bold {
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
}

.components-hotel-pricing-assistant-table-modals-edit-override-modal-price-preview-module__title {
  color: var(--prism-color-text-neutral-default);
  font-size: var(--prism-font-size-text-300-regular);
  font-weight: var(--prism-font-weight-text-400-medium);
}

.components-hotel-pricing-assistant-table-modals-edit-override-modal-price-preview-module__description {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-200-regular);
  font-weight: var(--prism-font-weight-text-300-regular);
}

.components-hotel-pricing-assistant-table-modals-edit-override-modal-price-preview-module__room {
  color: var(--prism-color-text-neutral-subdued);
  font-size: var(--prism-font-size-text-300-regular);
}

.components-hotel-pricing-assistant-table-modals-edit-override-modal-price-preview-module__highlighted {
  color: var(--prism-color-text-info-default);
  font-weight: var(--prism-font-weight-text-400-medium);
}

.components-hotel-pricing-assistant-table-table-pricing-manager-module__table {
  cursor: default;
}

.components-hotel-pricing-assistant-table-table-pricing-manager-module__table .ember-table-overflow {
  max-height: calc(100vh - var(--table-reserved-height));
}

.components-hotel-pricing-assistant-table-table-pricing-manager-module__table .table-row--level-0 {
  height: 48px;
}

.components-hotel-pricing-assistant-table-table-pricing-manager-module__table .table-cell {
  /* Needed to render the CTA in the cell */
  position: relative;
}

.components-hotel-pricing-assistant-table-table-pricing-manager-module__table
  .ember-table .table-header .table-header-row .table-header-cell {
  background-color: var(--prism-color-elevation-surface);
  box-shadow: inset 0 -1px 0 var(--prism-color-border-neutral-default);
  padding: 0;
}

.components-hotel-pricing-assistant-day-detail-tabs-events-and-holidays-list-module__contents {
  overflow: hidden;
}

.components-hotel-pricing-assistant-day-detail-tabs-events-and-holidays-list-module__formatted-days,
.components-hotel-pricing-assistant-day-detail-tabs-events-and-holidays-list-module__visitors {
  flex-shrink: 0; /* Prevents elements from shrinking */
}

.components-hotel-pricing-assistant-day-detail-tabs-events-and-holidays-list-module__location-text {
  overflow: hidden; /* Prevents text from overflowing so that it can be ellipsized */
}

.components-hotel-pricing-assistant-day-detail-tabs-events-and-holidays-list-module__distance {
  flex-shrink: 0; /* Prevents elements from shrinking */
}

.components-hotel-pricing-assistant-day-detail-tabs-events-and-holidays-list-module__details-wrap {
  flex-wrap: wrap;
}

.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__tab {
  background-color: var(--prism-color-background-neutral-subdued);
  display: flex;
  height: 100%;
  justify-content: center;
  padding: var(--prism-spacing-500);
}

.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__main-card {
  color: var(--prism-color-text-neutral-default);
  height: 100%;
  width: 480px;
}

.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__content {
  height: 100%;
}

.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__scrollable-container {
  height: 100%;
  overflow-y: auto;
  padding: var(--prism-spacing-400);
  position: absolute;
  width: 100%;
}

.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__current-price-container {
  border: 1px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  padding: var(--prism-spacing-300) var(--prism-spacing-800)
    var(--prism-spacing-300) var(--prism-spacing-300);
}

.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__footer {
  position: relative;
}

/* PrismLoadingBar is absolute-positioned (top/left 0, full width). It anchors to .footer,
   which sits inside prism-card__footer's padding. These offsets counteract that padding so
   the bar renders flush at the card footer's top edge. */
.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__footer .prism-loading-bar {
  left: calc(-1 * var(--prism-spacing-400));
  right: calc(-1 * var(--prism-spacing-400));
  top: calc(-1 * var(--prism-spacing-300));
  width: calc(100% + 2 * var(--prism-spacing-400));
}

.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__price-container {
  padding: var(--prism-spacing-100) var(--prism-spacing-300)
    var(--prism-spacing-200) var(--prism-spacing-300);
}

.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__price-info-recommendation {
  color: var(--prism-color-interactive-background-primary-idle);
}

.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__price-info-autopilot {
  color: var(--prism-color-text-intelligence-emphasis);
}

.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__cta-container {
  height: 32px; /* fixed height that ensures pushing recommendation action state remains the same height regardless of the cancel button */
}

.components-hotel-pricing-assistant-day-detail-tabs-tab-pricing-module__cta-action-button > button {
  width: 100%;
}

.components-hotel-pricing-assistant-modals-pricing-assistant-upsell-modal-module__comboselect-label {
  color: var(--prism-color-text-neutral-default);
}

.components-hotel-pricing-assistant-modals-pricing-assistant-upsell-modal-module__emphasis-text {
  color: var(--prism-color-text-neutral-emphasis);
}

.components-hotel-pricing-assistant-modals-pricing-assistant-upsell-modal-module__footer {
  position: relative;
}

.components-hotel-pricing-assistant-modals-pricing-assistant-upsell-modal-module__upsell-modal {
  /* relative position so the loading bar shows in the modal */
  position: relative;
}

.components-hotel-short-term-rental-short-term-rental-event-item-module__event-name {
  width: 210px;
}

.components-hotel-and-market-currency-profile-currencies-modal-module__modal .modal,
.components-hotel-and-market-currency-profile-currencies-modal-module__modal .modal__content {
  max-width: 560px;
  min-width: 560px;
}

.components-hotel-and-market-currency-profile-currency-picker-module__picker {
  max-height: 460px;
  width: 309px;
}

/*
  Only show favourite button when the item is hovered or focused,
  the favourite button itself is focused, or the item is favourited
*/
.components-hotel-and-market-currency-profile-currency-picker-module__picker
  button:not(
    :hover,
    :active,
    :focus-visible,
    :has(.components-hotel-and-market-currency-profile-currency-picker-module__favourite-button:focus-visible)
  )
  .components-hotel-and-market-currency-profile-currency-picker-module__favourite-button:not(.components-hotel-and-market-currency-profile-currency-picker-module__favourite-button--active) {
  /* Use opacity to allow the button to be focusable */
  opacity: 0;
}

.components-hotel-and-market-currency-profile-currency-picker-module__favourite-button--active .prism-icon {
  color: var(--prism-color-icon-brand-default);
}

/* Base card styles */
.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card {
  height: 307px;
  overflow: hidden;
  position: relative;
}

/* Search active state */
.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__search-active .prism-card__header__content {
  overflow: unset;
}

/* Top overlay shadow */
.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__with-top-overlay .prism-card__header {
  box-shadow: var(--prism-shadow-neutral-200);
}

/* Bottom overlay shadow */
.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__with-bottom-overlay {
  box-shadow: inset 0 -16px 4px -8px var(--prism-color-general-neutral-200);
}

/* Block list container */
.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card .block-list {
  /* 250 + 1px to prevent Y scrollbar being visible all the time */
  height: 251px;
}

.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__with-showing-all .block-list {
  height: 100%;
}

/* Card content */
.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card-content {
  overflow: hidden;
}

.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__with-showing-all .components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card-content {
  height: 251px;
  overflow: scroll;
}

.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__with-has-more .components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card-content,
.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__card.components-hotel-and-market-revenue-insight-segmentation-segmentation-block-module__with-has-more .block-list {
  height: unset;
}

/* Note: currently duplicated this in the CSS modules for the MVP
  Can probably be cleaned up later, depending on how the other loading states in the app are implemented
*/
.components-hotel-reviews-review-card-loading-module__loading-pulse {
  animation: components-hotel-reviews-review-card-loading-module__pulse 1s infinite;
  background-color: var(--prism-color-interactive-background-disabled);
  border-radius: var(--prism-border-radius-100);
  height: 8px;
}

/* Loading state animation */
@keyframes components-hotel-reviews-review-card-loading-module__pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.72;
  }

  100% {
    opacity: 1;
  }
}

.components-hotel-reviews-review-detail-response-module__is-generated-response {
  textarea {
    /*
      The technique works by:
      - Applying a linear-gradient as the background
      - Using background-clip: text to clip the background to the text shape
      - Making the text color transparent so the gradient shows through
      - Using background-attachment: local to make the background scroll with the content

      Caveats:
      - The gradient will be applied to all text in the textarea
      - Browser support for background-clip: text is good but you should include the -webkit- prefix for broader compatibility
      - The text selection highlight might look different across browsers
    */

    /* Gradient text effect for supporting browsers */
    background: linear-gradient(
      90deg,
      var(--prism-color-interactive-background-primary-idle),
      var(--prism-color-text-intelligence-default)
    );
    background-attachment: local;
    background-clip: text;

    /* Fallback color for browsers that don't support background-clip: text */
    color: var(--prism-color-text-intelligence-default);
    -webkit-text-fill-color: transparent;
  }
}

.components-hotel-reviews-review-detail-review-detail-module__response-section {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.components-hotel-reviews-review-card-module__card--selected {
  outline: 2px solid var(--prism-color-interactive-background-primary-idle);
}

.components-hotel-reviews-review-card-module__badge-pending > * {
  white-space: nowrap;
}

.components-hotel-reviews-sidebar-module__sidebar-header {
  background-color: var(--prism-color-elevation-surface);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 48px;
}

.components-hotel-reviews-sidebar-module__scrollable-container {
  background-color: var(--prism-color-background-neutral-subdued);
  border-right: 1px solid var(--prism-color-border-neutral-default);
  height: calc(100% - 48px); /* Subtract header height */
  overflow-y: auto;
  padding: var(--prism-spacing-500) var(--prism-spacing-400)
    var(--prism-spacing-500) var(--prism-spacing-400);
}

.templates-hotel-reviews-module__sidebar {
  height: 100%;
  min-width: 368px;
  width: 25%;
}

.templates-hotel-reviews-module__main-content-wrapper {
  height: calc(100vh - 120px);
}

.templates-hotel-reviews-module__detail-container {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}

.templates-hotel-settings-activity-module__datepicker-wrapper .dropdown-yield {
  right: 4px;
  top: 190px;
}

.templates-hotel-settings-activity-module__search-input {
  width: 180px;
}

.components-settings-budget-forecast-button-distribute-module__container {
  display: flex;
  gap: 1px;
}

.components-settings-budget-forecast-button-distribute-module__button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.components-settings-budget-forecast-button-distribute-module__dropdown {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.components-settings-budget-forecast-menu-entry-module__dropdown--with-delete li.ember-power-select-option:last-child {
  color: var(--prism-color-text-critical-default);
}

.components-settings-budget-forecast-menu-entry-module__dropdown--with-delete
  li.ember-power-select-option:last-child .prism-icon {
  color: var(--prism-color-icon-critical-default);
}

.components-settings-budget-forecast-modal-bulk-update-module__modal .modal__content {
  display: flex;
}

.components-settings-budget-forecast-modal-bulk-update-module__modal .monthpicker-container {
  /* stylelint-disable-next-line declaration-no-important */
  display: grid !important;
  gap: var(--prism-spacing-400);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
}

.components-settings-budget-forecast-modal-bulk-update-module__modal .monthpicker {
  padding: 0;
  width: unset;
}

.components-settings-budget-forecast-modal-bulk-update-module__modal .monthpicker label {
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  height: unset;
  line-height: var(--prism-font-line-height-text-200-bold);
  margin-bottom: var(--prism-spacing-100);
}

.components-settings-budget-forecast-segment-hierarchy-item-module__item {
  align-items: center;
  background: var(--prism-color-elevation-surface);
  display: flex;
  gap: var(--prism-spacing-200);
  justify-content: space-between;
  padding-inline: var(--prism-spacing-400) var(--prism-spacing-200);
  transition: background-color 0.12s ease-out;
  width: 100%;
}

.components-settings-budget-forecast-segment-hierarchy-item-module__item:hover {
  background: var(--prism-color-interactive-background-ghost-hover);
}

.components-settings-budget-forecast-segment-hierarchy-item-module__item:active {
  background: var(--prism-color-interactive-background-ghost-pressed);
}

.components-settings-budget-forecast-segment-hierarchy-item-module__item.components-settings-budget-forecast-segment-hierarchy-item-module__item--expanded {
  background: var(--prism-color-interactive-background-ghost-selected);
}

.components-settings-budget-forecast-segment-hierarchy-item-module__item.components-settings-budget-forecast-segment-hierarchy-item-module__item--disabled {
  background: var(--prism-color-elevation-surface);
  cursor: initial;
}

.prism-combo-select-input
    .prism-combo-select-input__trigger.prism-combo-select-input__trigger--is-secondary {
  &.components-settings-budget-forecast-modals-modal-copy-to-existing-module__entry-select--with-error {
    border-color: var(--prism-color-interactive-border-critical-idle);
  }

  &.components-settings-budget-forecast-modals-modal-copy-to-existing-module__entry-select--with-error:hover {
    border-color: var(--prism-color-interactive-border-critical-hover);
  }

  &.components-settings-budget-forecast-modals-modal-copy-to-existing-module__entry-select--with-error:active {
    border-color: var(--prism-color-interactive-border-critical-pressed);
  }
}

.components-settings-budget-forecast-modals-modal-delete-entry-module__confirmation-modal .modal,
.components-settings-budget-forecast-modals-modal-delete-entry-module__confirmation-modal .modal__content {
  max-width: 380px;
  min-width: 380px;
}

.components-settings-budget-forecast-modals-modal-delete-entry-module__confirmation-modal .modal__header {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.components-settings-budget-forecast-table-budget-forecast-td-number-module__edited-value-bullet {
  --bullet-size: 8px;

  background-color: var(--prism-color-icon-info-default);
  border-radius: 50%;
  height: var(--bullet-size);
  position: absolute;
  right: calc(-1 * var(--bullet-size) / 4);
  top: calc(-1 * var(--bullet-size) / 4);
  width: var(--bullet-size);
}

.components-settings-budget-forecast-table-budget-forecast-module__table .table-row.components-settings-budget-forecast-table-budget-forecast-module__table-row--disabled .table-cell {
  color: var(--prism-color-interactive-text-disabled);
}

.components-settings-budget-forecast-table-budget-forecast-module__table
  .table-row.components-settings-budget-forecast-table-budget-forecast-module__table-row--unmapped
  .table-cell:not(.is-first-column) {
  color: var(--prism-color-interactive-text-disabled);
}

.components-settings-budget-forecast-upload-download-modal-module__modal .monthpicker-container {
  /* stylelint-disable-next-line declaration-no-important */
  display: grid !important;
  gap: var(--prism-spacing-400);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
}

.components-settings-budget-forecast-upload-download-modal-module__modal .monthpicker {
  padding: 0;
  width: unset;
}

.components-settings-budget-forecast-upload-download-modal-module__modal .monthpicker label {
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  height: unset;
  line-height: var(--prism-font-line-height-text-200-bold);
  margin-bottom: var(--prism-spacing-100);
}

.components-settings-budget-forecast-version-history-drawer-item-module__container {
  border-radius: var(--prism-border-radius-100);
  display: flex;
  gap: var(--prism-spacing-200);
  overflow: hidden;
  padding: var(--prism-spacing-100);
  padding-inline-start: var(--prism-spacing-600);
}

.components-settings-budget-forecast-version-history-drawer-item-module__container.components-settings-budget-forecast-version-history-drawer-item-module__is-button {
  background-color: var(--prism-color-interactive-background-ghost-idle);
  transition: background-color 0.12s ease-out;
}

.components-settings-budget-forecast-version-history-drawer-item-module__container.components-settings-budget-forecast-version-history-drawer-item-module__is-button:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-settings-budget-forecast-version-history-drawer-item-module__container.components-settings-budget-forecast-version-history-drawer-item-module__is-button:active {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
}

.components-settings-budget-forecast-version-history-drawer-item-module__bullet {
  background-color: var(--prism-color-icon-neutral-subdued);
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  height: 12px;
  width: 12px;
  z-index: 1;
}

.components-settings-budget-forecast-version-history-drawer-item-module__bullet.components-settings-budget-forecast-version-history-drawer-item-module__is-small {
  height: 8px;
  width: 8px;
}

.components-settings-budget-forecast-version-history-drawer-item-module__bullet.components-settings-budget-forecast-version-history-drawer-item-module__is-active {
  background-color: var(--prism-color-icon-info-default);
}

.components-settings-budget-forecast-version-history-drawer-group-module__container {
  position: relative;
}

/* Hide default arrow in Chrome and Safari */
.components-settings-budget-forecast-version-history-drawer-group-module__container::-webkit-details-marker {
  display: none;
}

.components-settings-budget-forecast-version-history-drawer-group-module__container:not(:last-child)::before {
  background-color: var(--prism-color-border-neutral-default);
  content: "";

  /* 100% + drawer-content gap */
  height: calc(100% + var(--prism-spacing-400));

  /* .version-group__header padding-inline-start + --bullet-size / 2 - --line-width / 2 */
  left: calc(var(--prism-spacing-100) + 12px / 2 - 0.5px);
  position: absolute;

  /* .version-group__header min-height / 2 */
  top: calc(24px / 2);
  width: 1px;
}

.components-settings-budget-forecast-version-history-drawer-group-module__header {
  align-items: center;
  background-color: var(--prism-color-interactive-background-ghost-idle);
  border-radius: var(--prism-border-radius-100);
  cursor: pointer;
  display: flex;
  gap: var(--prism-spacing-200);
  list-style-type: none; /* Hide default arrow in Firefox */
  min-height: 24px;
  padding-inline: var(--prism-spacing-100);
  transition: background-color 0.12s ease-out;
}

.components-settings-budget-forecast-version-history-drawer-group-module__header:hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-settings-budget-forecast-version-history-drawer-group-module__header:active {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
}

.components-settings-budget-forecast-version-history-drawer-group-module__bullet {
  background-color: var(--prism-color-icon-neutral-subdued);
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  height: 12px;
  width: 12px;
  z-index: 1;
}

.components-settings-budget-forecast-version-history-drawer-group-module__bullet.components-settings-budget-forecast-version-history-drawer-group-module__is-active {
  background-color: var(--prism-color-icon-info-default);
}

.components-settings-budget-forecast-version-history-drawer-group-module__items-container {
  display: grid;
  gap: var(--prism-spacing-200);
  margin-top: var(--prism-spacing-200);
}

.components-settings-budget-forecast-version-history-drawer-module__container .drawer--expanded {
  width: 280px;
}

.components-settings-budget-forecast-settings-page-module__edited-value-bullet {
  --bullet-size: 8px;

  background-color: var(--prism-color-icon-info-default);
  border-radius: 50%;
  height: var(--bullet-size);
  width: var(--bullet-size);
}

.components-settings-central-mapping-categories-category-module__container {
  align-items: center;
  border-radius: var(--prism-border-radius-100);
  cursor: pointer;
  display: flex;
  min-height: 32px; /* Same as the nested PrismInput. */
}

.components-settings-central-mapping-categories-category-module__is-active {
  background-color: var(--prism-color-general-info-800);
}

.components-settings-central-mapping-categories-category-module__is-active .components-settings-central-mapping-categories-category-module__category-name {
  color: var(--prism-color-text-inverse);
}

.components-settings-central-mapping-categories-category-module__is-active .prism-button,
.components-settings-central-mapping-categories-category-module__is-active .prism-icon {
  color: var(--prism-color-icon-inverse);
}

.components-settings-central-mapping-categories-category-module__is-active-group {
  background-color: var(--prism-color-general-info-50);
}

.components-settings-central-mapping-categories-category-module__is-hovering {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-settings-central-mapping-categories-category-module__is-active.components-settings-central-mapping-categories-category-module__is-hovering {
  background-color: var(--prism-color-general-info-800);
}

.components-settings-central-mapping-categories-categories-list-module__list {
  min-height: 443px; /* Size of the categories-list on the smallest supported screen size. */
}

.components-settings-central-mapping-categories-categories-list-module__list .prism-card {
  height: 100%;
}

.components-settings-central-mapping-categories-categories-list-module__list .prism-card__header {
  border-bottom: 1px solid var(--prism-color-general-neutral-200);
}

.components-settings-central-mapping-categories-categories-list-module__list:not(:last-of-type) {
  border-right: 1px solid var(--prism-color-border-neutral-default);
}

.components-settings-central-mapping-categories-categories-list-module__list:first-of-type .prism-card {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.components-settings-central-mapping-categories-categories-list-module__list:not(:first-of-type, :last-of-type) .prism-card {
  border-radius: 0;
}

.components-settings-central-mapping-categories-categories-list-module__list:last-of-type .prism-card {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.components-settings-central-mapping-categories-categories-list-module__footer {
  padding-bottom: var(--prism-spacing-200);
  padding-left: var(--prism-spacing-200);
}

.components-settings-central-mapping-categories-categories-list-module__footer.components-settings-central-mapping-categories-categories-list-module__sticky {
  box-shadow: var(--prism-shadow-reverse-neutral-200);
  padding: var(--prism-spacing-200);
}

.components-settings-central-mapping-modals-modal-confirmation-delete-category-module__confirmation-modal .modal {
  max-width: 380px;
  min-width: 380px;
}

.components-settings-central-mapping-modals-modal-confirmation-delete-category-module__confirmation-modal .modal__header {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.components-settings-central-mapping-modals-modal-confirmation-delete-category-module__confirmation-modal .modal__content {
  max-width: 380px;
  min-width: 380px;
}

.components-settings-central-mapping-modals-modal-hierarchy-onboarding-module__body {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 var(--prism-spacing-500) var(--prism-spacing-500);
  row-gap: var(--prism-spacing-400);
  text-align: center;
}

.components-settings-central-mapping-modals-modal-hierarchy-onboarding-module__onboarding-modal .modal {
  max-width: 400px;
  min-width: 400px;
}

.components-settings-central-mapping-modals-modal-hierarchy-onboarding-module__onboarding-modal .modal__header {
  border-bottom: none;
}

.components-settings-central-mapping-modals-modal-hierarchy-onboarding-module__onboarding-modal .modal__content {
  max-width: 400px;
  min-width: 400px;
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only .prism-icon {
  color: var(--prism-color-general-neutral-600);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-selected .prism-icon {
  color: var(--icon-disabled-color);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content {
  background-color: var(--prism-color-interactive-background-secondary-idle);
  border-radius: var(--prism-border-radius-100);
  height: var(--prism-spacing-600);
  min-height: var(--prism-spacing-600);
  padding-left: var(--prism-spacing-200);
  padding-right: var(--prism-spacing-100);
  transition: background-color 0.12s ease-out;
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content:hover {
  background-color: var(--prism-color-interactive-background-secondary-hover);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content:active {
  background-color: var(--prism-color-interactive-background-secondary-pressed);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content:focus-visible {
  outline: var(--prism-spacing-50) solid
    var(--prism-color-interactive-border-focus);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__breadcrumb {
  color: var(--prism-color-text-neutral-default);
  font-weight: var(--prism-font-weight-text-200-medium);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__breadcrumb-subdued {
  color: var(--prism-color-text-neutral-subdued);
  font-weight: var(--prism-font-weight-text-200-regular);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-subdued {
  background-color: var(--prism-color-general-neutral-100);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-subdued:hover {
  background-color: var(--prism-color-general-neutral-200);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-subdued:active {
  background-color: var(--prism-color-general-neutral-300);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-auto-mapped {
  background-color: var(--prism-color-general-intelligence-100);
  position: relative; /* Needed for the pseudo-elements for the linear-gradient transitions. */
  z-index: 1; /* Needed for the pseudo-elements for the linear-gradient transitions. */
}

/*
  ::before pseudo-element is used for adding a transition for :hover state to the linear-gradient background-image.
  See https://keithjgrant.com/posts/2017/07/transitioning-gradients/.
*/
.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-auto-mapped::before {
  /* stylelint-disable function-disallowed-list */
  background-image: linear-gradient(
    90deg,
    rgb(212 199 255 / 15%) 0%,
    var(--prism-color-general-intelligence-200) 99.99%
  );
  /* stylelint-enable function-disallowed-list */
  content: "";
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.12s ease-out;
  z-index: -1;
}

/*
  ::after pseudo-element is used for adding a transition for :active state to the linear-gradient background-image.
  See https://keithjgrant.com/posts/2017/07/transitioning-gradients/.
*/
.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-auto-mapped::after {
  /* stylelint-disable function-disallowed-list */
  background-image: linear-gradient(
    90deg,
    rgb(193 168 255 / 20%) 0%,
    var(--prism-color-general-intelligence-300) 100%
  );
  /* stylelint-enable function-disallowed-list */
  content: "";
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.12s ease-out;
  z-index: -1;
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-auto-mapped:hover::before {
  opacity: 1;
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-auto-mapped:active::after {
  opacity: 1;
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-auto-mapped .components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__breadcrumb {
  color: var(--prism-color-general-intelligence-900);
  font-weight: var(--prism-font-weight-text-200-medium);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-auto-mapped .components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__breadcrumb-subdued {
  font-weight: var(--prism-font-weight-text-200-regular);
  opacity: 0.72;
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-unmapped {
  background-color: var(--prism-color-general-warning-100);
  color: var(--prism-color-text-neutral-default);
  font-weight: var(--prism-font-weight-text-200-medium);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-unmapped:hover {
  background-color: var(--prism-color-general-warning-300);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-unmapped:active {
  background-color: var(--prism-color-general-warning-400);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content .components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__breadcrumb {
  font-weight: var(--prism-font-weight-text-200-regular);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-auto-mapped::before,
.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-auto-mapped::after {
  background-image: none;
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-auto-mapped .components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__breadcrumb {
  color: var(--prism-color-text-neutral-default);
  font-weight: var(--prism-font-weight-text-200-regular);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-auto-mapped .components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__breadcrumb-subdued {
  color: var(--prism-color-text-neutral-subdued);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-unmapped {
  color: var(--prism-color-interactive-text-disabled);
  font-weight: var(--prism-font-weight-text-200-regular);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-unmapped .components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__breadcrumb {
  color: var(--prism-color-interactive-text-disabled);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-mixed,
.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-selected {
  color: var(--prism-color-interactive-text-disabled);
  font-weight: var(--prism-font-weight-text-200-regular);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-mixed .components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__breadcrumb,
.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-selected .components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__breadcrumb {
  color: var(--prism-color-interactive-text-disabled);
  font-weight: var(--prism-font-weight-text-200-regular);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-mixed {
  color: var(--prism-color-text-neutral-default);
}

.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-read-only.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-mixed.components-settings-central-mapping-dropdowns-triggers-trigger-central-mapping-module__content-selected {
  color: var(--prism-color-interactive-text-disabled);
}

.components-settings-central-mapping-dropdowns-dropdown-mapping-filter-module__container {
  position: relative;
}

.components-settings-central-mapping-dropdowns-dropdown-mapping-filter-module__dropdown {
  align-items: flex-start;
  background: var(--prism-color-elevation-surface);
  border-radius: 0 0 var(--prism-spacing-200) var(--prism-spacing-200);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  text-align: left;
  top: var(--prism-spacing-900);
  width: 320px;
  z-index: 100;
}

.components-settings-central-mapping-dropdowns-dropdown-mapping-filter-module__body {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-300);

  /*
    We subtract heights of header and footer from viewport height to limit the height of the dropdown
    and make it scrollable if there are many filter options.
  */
  max-height: calc(100vh - 370px);
  overflow-y: auto;
  padding: var(--prism-spacing-400);
}

.components-settings-central-mapping-dropdowns-dropdown-mapping-filter-module__body .prism-combo-select-input,
.components-settings-central-mapping-dropdowns-dropdown-mapping-filter-module__body .prism-combo-select-input__dropdown {
  width: 100%;
}

.components-settings-central-mapping-dropdowns-dropdown-mapping-filter-module__row {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
}

.components-settings-central-mapping-dropdowns-dropdown-mapping-filter-module__column {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-100);
}

.components-settings-central-mapping-dropdowns-dropdown-mapping-filter-module__footer {
  align-self: stretch;
  border-top: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  height: 56px;
  justify-content: space-between;
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.components-hotel-settings-central-mapping-tables-table-mapping-module__split-button {
  align-items: center;
  display: flex;
  flex-direction: row;
}

/* Export button: flatten right edge */
.components-hotel-settings-central-mapping-tables-table-mapping-module__split-button > .prism-button:first-child,
.components-hotel-settings-central-mapping-tables-table-mapping-module__split-button > *:first-child .prism-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

/* Chevron dropdown: flatten left edge and remove double border */
.components-hotel-settings-central-mapping-tables-table-mapping-module__split-button > *:last-child .prism-button {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}

.components-settings-central-mapping-modals-modal-mapping-onboarding-module__body {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 0 var(--prism-spacing-500) var(--prism-spacing-500);
  row-gap: var(--prism-spacing-400);
  text-align: center;
}

.components-settings-central-mapping-modals-modal-mapping-onboarding-module__onboarding-modal .modal {
  max-width: 400px;
  min-width: 400px;
}

.components-settings-central-mapping-modals-modal-mapping-onboarding-module__onboarding-modal .modal__header {
  border-bottom: none;
}

.components-settings-central-mapping-modals-modal-mapping-onboarding-module__onboarding-modal .modal__content {
  max-width: 400px;
  min-width: 400px;
}

.components-hotel-benchmark-insight-competitors-competitors-list-headers-module__container {
  background-color: var(--prism-color-background-neutral-subdued);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: grid;
  font-size: var(--prism-font-size-text-300-regular);
  gap: var(--prism-spacing-400);
  grid-template-columns: 1fr 55px 120px;
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  padding: var(--prism-spacing-500) calc(var(--prism-spacing-500) + 15px)
    var(--prism-spacing-500) var(--prism-spacing-500);
}

.components-hotel-benchmark-insight-competitors-competitors-list-headers-module__hotel-name {
  font-weight: var(--prism-font-weight-text-300-bold);
}

.components-hotel-benchmark-insight-competitors-competitors-list-headers-module__hotel-distance {
  font-weight: var(--prism-font-weight-text-300-bold);
}

.components-hotel-benchmark-insight-competitors-competitors-list-item-module__list-item {
  background-color: var(--prism-color-elevation-surface);
  list-style-type: none;
  position: relative;
  transition: all 0.115s;
  z-index: 0;
}

.components-hotel-benchmark-insight-competitors-competitors-list-item-module__list-item:not(:first-child) {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.components-hotel-benchmark-insight-competitors-competitors-list-item-module__list-item:last-child {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.components-hotel-benchmark-insight-competitors-competitors-list-item-module__list-item-inner {
  display: grid;
  font-size: var(--prism-font-size-text-300-regular);
  gap: var(--prism-spacing-400);
  grid-template-columns: 1fr 55px 120px;
  padding: var(--prism-spacing-500);
}

.components-hotel-benchmark-insight-competitors-competitors-list-item-module__hotel-name.components-hotel-benchmark-insight-competitors-competitors-list-item-module__hovered,
.components-hotel-benchmark-insight-competitors-competitors-list-item-module__hotel-name:hover {
  color: var(--prism-color-text-info-default);
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
}

.components-hotel-benchmark-insight-competitors-competitors-list-item-module__hotel-rating {
  align-items: center;
  display: flex;
}

.components-hotel-benchmark-insight-competitors-competitors-list-module__container {
  max-height: 100%;
  min-height: 100%;
}

.components-hotel-benchmark-insight-competitors-competitors-list-module__loading-bar {
  position: relative;
}

.components-hotel-benchmark-insight-competitors-competitors-list-module__competitors-list-outer {
  background-color: var(--prism-color-background-neutral-subdued);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  height: 100%;
  /* stylelint-disable-next-line declaration-property-value-no-unknown */
  max-height: calc(100% - 54px);
  padding-right: 15px;
}

.components-hotel-benchmark-insight-competitors-competitors-list-module__competitors-list-inner {
  background-color: var(--prism-color-general-neutral-00);
  border-right: 1px solid var(--prism-color-border-neutral-default);
  height: 100%;
  overflow: auto;
}

.components-hotel-benchmark-insight-competitors-competitors-list-module__no-competitors {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}

.components-hotel-benchmark-insight-competitors-competitors-panel-module__container {
  position: relative;
}

.components-hotel-benchmark-insight-competitors-competitors-panel-module__content {
  border: 1px solid var(--prism-color-border-neutral-default);
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
  overflow: auto;
  position: absolute;
  width: 100%;
}

.components-hotel-benchmark-insight-competitors-competitors-panel-module__content--full-width {
  grid-template-columns: 1fr;
}

.components-hotel-benchmark-insight-competitors-competitors-panel-module__map-not-available {
  background-color: var(--prism-color-background-neutral-subdued);
  border-left: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-subdued);
  text-align: center;
}

.components-settings-competitors-competitor-list-content-module__cell {
  align-items: center;
  display: flex;
  font-size: var(--prism-font-size-text-200-regular);
  font-weight: var(--prism-font-weight-text-200-regular);
  line-height: var(--prism-font-line-height-text-200-regular);
  padding: 0 var(--prism-spacing-200);
  user-select: none;
}

.components-settings-competitors-competitor-list-content-module__hotel-name {
  display: flex;
  flex: 1;
  justify-content: left;
  overflow: hidden;
  padding-left: 0;
  text-overflow: ellipsis;
}

.components-settings-competitors-competitor-list-content-module__hotel-distance {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80px;
}

.components-settings-competitors-competitor-list-content-module__hotel-stars {
  width: 76px;
}

.components-settings-competitors-competitor-list-content-module__hotel-compset {
  justify-content: center;
  width: 80px;
}

.components-settings-competitors-competitor-list-content-module__secondary-compset-checkbox
  .prism-checkbox.prism-checkbox--secondary
      input:checked:not(:disabled)
      ~ .prism-checkbox__checkmark {
  background-color: var(--prism-color-chart-categorical-02);
  border-color: var(--prism-color-chart-categorical-02);
}

.components-settings-competitors-competitor-list-content-module__hotel-delete {
  width: 36px;
}

.components-settings-competitors-competitor-list-content-module__sortable-item-content {
  display: flex;
  flex-direction: row;
  height: 55px;
  padding-right: var(--prism-spacing-200);
}

.components-settings-competitors-competitor-list-content-module__drag-handle {
  align-items: center;
  cursor: ns-resize;
  display: flex;
  height: 100%;
  margin-top: 0;
  padding: 0 var(--prism-spacing-400);
  position: relative;
  transition: all 0.3s ease-in-out;
  z-index: 10;
}

.components-settings-competitors-competitor-list-content-module__drag-handle:hover {
  background-color: var(--prism-color-background-neutral-subdued);
}

.components-settings-competitors-competitor-list-content-module__competitor {
  align-items: center;
  display: flex;
  padding-left: var(--prism-spacing-300);
  padding-right: var(--prism-spacing-300);
}

.components-settings-competitors-competitor-list-content-module__competitor:hover {
  cursor: pointer;
  text-decoration: underline;
}

.components-settings-competitors-competitor-list-content-module__competitor--is-highlighted {
  color: var(--prism-color-text-info-default);
  font-weight: bold;
}

.components-settings-competitors-modal-add-competitor-module__input-label {
  color: var(--prism-color-text-neutral-default);
  display: inline-block;
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  line-height: var(--prism-font-line-height-text-200-bold);
  margin-bottom: var(--prism-spacing-100);
}

.components-settings-competitors-competitor-list-module__competitor-table {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-subdued);
  width: 100%;
}

.components-settings-competitors-competitor-list-module__table-head {
  background-color: var(--prism-color-background-neutral-subdued);
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  color: var(--prism-color-text-neutral-default);
  padding-right: var(--prism-spacing-200);
  text-align: left;
}

.components-settings-competitors-competitor-list-module__table-head::before,
.components-settings-competitors-competitor-list-module__table-head::after {
  content: "";
  display: table;
}

.components-settings-competitors-competitor-list-module__table-head::after {
  clear: both;
}

.components-settings-competitors-competitor-list-module__message {
  line-height: 1.5;
  padding: var(--prism-spacing-1000);
  text-align: center;
}

.components-settings-competitors-competitor-list-module__content {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  overflow: hidden scroll; /* Always show scrollbar so table columns aren't misaligned when searching */
  position: relative;
  width: 100%;
}

.components-settings-competitors-competitor-list-module__cell {
  align-items: center;
  display: flex;
  font-size: var(--prism-font-size-text-200-bold);
  font-weight: var(--prism-font-weight-text-200-bold);
  line-height: var(--prism-font-line-height-text-200-bold);
  padding: var(--prism-spacing-500) var(--prism-spacing-200);
  user-select: none;
}

.components-settings-competitors-competitor-list-module__hotel-name {
  display: flex;
  flex: 1;
  justify-content: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.components-settings-competitors-competitor-list-module__hotel-distance {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80px;
}

.components-settings-competitors-competitor-list-module__hotel-stars {
  width: 76px;
}

.components-settings-competitors-competitor-list-module__hotel-compset {
  justify-content: center;
  width: 80px;
}

.components-settings-competitors-competitor-list-module__hotel-delete {
  width: 36px;
}

.components-settings-competitors-competitor-list-module__row {
  background-color: var(--prism-color-elevation-surface);
  border-top: 1px solid var(--prism-color-border-neutral-default);
  box-shadow: 0 1px 1px var(--prism-shadow-neutral-100);
  position: relative;
  transition: all 0.115s;
  z-index: 0;
}

.components-settings-competitors-competitor-list-module__row::before,
.components-settings-competitors-competitor-list-module__row::after {
  content: "";
  display: table;
}

.components-settings-competitors-competitor-list-module__row::after {
  clear: both;
}

.components-settings-competitors-competitor-list-module__row:first-of-type {
  border-top: 0;
}

.components-settings-competitors-competitor-list-module__row:last-of-type {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  box-shadow: none;
}

.components-settings-competitors-competitor-list-module__row.sortable-item.is-dragging {
  border: 1px solid var(--prism-color-border-neutral-default);
  box-shadow: 0 1px 2px var(--prism-shadow-neutral-100);
  z-index: 10;
}

/* This is still a global styles because `.sortable-item.is-dragging` is managed by ember-sortable */
.components-settings-competitors-competitor-list-module__row.sortable-item.is-dragging .drag-handle {
  background-color: var(--prism-color-background-neutral-subdued);
}

.components-settings-competitors-competitor-map-module__competitors-google-maps-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.components-settings-competitors-competitor-panel-module__ota-card {
  background-color: var(--prism-color-elevation-surface);
  border: 0.5px solid var(--prism-color-border-neutral-default);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  display: block;
  margin: 0 auto;
  overflow: hidden;
}

.components-settings-competitors-competitor-panel-module__not-available {
  background-color: var(--prism-color-background-neutral-subdued);
  color: var(--prism-color-text-neutral-subdued);
  text-align: center;
}

.components-settings-currency-conversion-modals-delete-profile-module__currency-conversion-confirmation-modal .modal {
  max-width: 480px;
  min-width: 480px;
}

.components-settings-currency-conversion-modals-delete-profile-module__currency-conversion-confirmation-modal .modal__header {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.components-settings-currency-conversion-modals-delete-profile-module__currency-conversion-confirmation-modal .modal__content {
  max-width: 480px;
  min-width: 480px;
}

.components-settings-currency-conversion-modals-delete-profile-module__currency-conversion-confirmation-modal .prism-input {
  /* For the input element inside the container to take full width */
  width: 100%;
}

.components-settings-currency-conversion-modals-edit-title-module__title-input-container .prism-input {
  /* For the input element inside the container to take full width */
  width: 100%;
}

.components-settings-currency-conversion-modals-not-found-profile-module__info-modal .modal,
.components-settings-currency-conversion-modals-not-found-profile-module__info-modal .modal__content {
  max-width: 380px;
  min-width: 380px;
}

.components-settings-currency-conversion-modals-not-found-profile-module__info-modal .modal__header {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

.components-settings-currency-conversion-modals-onboarding-module__onboarding-modal.prism-modal-container .modal {
  max-width: 400px;
  min-width: 400px;
}

.components-settings-currency-conversion-modals-onboarding-module__onboarding-modal.prism-modal-container .modal__header {
  border-bottom: none;
}

.components-settings-currency-conversion-modals-onboarding-module__onboarding-modal.prism-modal-container .modal__content {
  max-width: 400px;
  min-width: 400px;
}

.components-settings-currency-conversion-currency-picker-group-module__group {
  display: flex;
  flex-direction: column;
}

.components-settings-currency-conversion-currency-picker-group-module__group:not(:first-child) {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.components-settings-currency-conversion-currency-picker-item-module__item {
  background: var(--prism-color-elevation-surface);
  min-height: 40px;
  transition: background-color 0.12s ease-out;
  width: 100%;
}

/* Only show hover and active states if a nested interactive element is not hovered or active */
.components-settings-currency-conversion-currency-picker-item-module__item:not(:has(.components-settings-currency-conversion-currency-picker-item-module__actions:hover), :has(.components-settings-currency-conversion-currency-picker-item-module__actions:active)):hover {
  background: var(--prism-color-interactive-background-ghost-hover);
}

.components-settings-currency-conversion-currency-picker-item-module__item:not(:has(.components-settings-currency-conversion-currency-picker-item-module__actions:hover), :has(.components-settings-currency-conversion-currency-picker-item-module__actions:active)):active {
  background: var(--prism-color-interactive-background-ghost-pressed);
}

.components-settings-currency-conversion-multiple-selection-currency-picker-module__picker {
  max-height: 460px;
  width: 340px;
}

.components-settings-currency-conversion-tables-cells-td-number-module__edited-value-bullet {
  --bullet-size: var(--prism-spacing-200);

  background-color: var(--prism-color-icon-info-default);
  border-radius: 50%;
  height: var(--bullet-size);
  position: absolute;
  right: calc(-1 * var(--bullet-size) / 2);
  top: calc(-1 * var(--bullet-size) / 2);
  width: var(--bullet-size);
}

.components-settings-my-hotel-card-address-module__map {
  height: 180px;
}

.prism-combo-select-input
    .prism-combo-select-input__trigger.prism-combo-select-input__trigger--is-secondary {
  &.components-settings-my-hotel-card-address-module__country-select--error {
    border-color: var(--prism-color-interactive-border-critical-idle);
  }

  &.components-settings-my-hotel-card-address-module__country-select--error:hover {
    border-color: var(--prism-color-interactive-border-critical-hover);
  }

  &.components-settings-my-hotel-card-address-module__country-select--error:active {
    border-color: var(--prism-color-interactive-border-critical-pressed);
  }
}

.components-settings-recommendations-minimum-price-difference-module__warning-text {
  color: var(--prism-color-text-warning-default);
}

.components-settings-recommendations-strategy-card-module__card {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.components-settings-recommendations-strategy-card-module__input-title-wrapper {
  height: 32px; /* height of Prism::Input */
}

.components-settings-recommendations-strategy-card-module__card-header-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.components-settings-recommendations-strategy-card-module__overlapping-days-badge-wrapper {
  margin-bottom: calc(var(--prism-spacing-50) * -1);

  /*
    Applied negative margins equivalent to 2px to offset the badge's extra height.
    This ensures that the layout remains stable whether or not the badge is present.
  */
  margin-top: calc(var(--prism-spacing-50) * -1);
}

.components-settings-recommendations-room-hierarchy-room-item-module__item {
  align-items: center;
  border-radius: var(--prism-border-radius-100);
  display: flex;
  min-height: 32px;
  overflow: hidden;
  padding: var(--prism-spacing-100) var(--prism-spacing-100)
    var(--prism-spacing-100) var(--prism-spacing-200);
}

.components-settings-recommendations-room-hierarchy-room-item-module__item-with-offset {
  align-items: flex-start;
}

.components-settings-recommendations-room-hierarchy-room-item-module__item-active {
  background: var(--prism-color-interactive-background-primary-selected);
  color: var(--prism-color-text-inverse);
}

.components-settings-recommendations-room-hierarchy-room-item-module__item-active .prism-icon {
  color: var(--prism-color-text-inverse);
}

/*
  Override Prism button colors inside an active row. Prism's own hover rules
  (.prism-button--secondary:enabled:hover etc.) use standard palette colors
  that match the active row background, making buttons invisible on hover.
  We replace idle and hover states with the inverse token family so buttons
  remain visually distinct against the dark active background.
*/
.components-settings-recommendations-room-hierarchy-room-item-module__item-active .prism-button--secondary {
  background: var(--prism-color-interactive-background-inverse-idle);
  color: var(--prism-color-text-inverse);
}

.components-settings-recommendations-room-hierarchy-room-item-module__item-active .prism-button--ghost:enabled:hover,
.components-settings-recommendations-room-hierarchy-room-item-module__item-active .prism-button--secondary:enabled:hover {
  background: var(--prism-color-interactive-background-inverse-hover);
  color: var(--prism-color-text-inverse);
}

.components-settings-recommendations-room-hierarchy-room-item-module__item-context {
  background: var(--prism-color-interactive-background-ghost-selected);
  cursor: pointer;
  width: 100%;
}

.components-settings-recommendations-room-hierarchy-room-item-module__room-info {
  align-items: flex-start;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: var(--prism-font-size-300);
  font-weight: var(--prism-font-weight-medium);
  justify-content: flex-start;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
}

.components-settings-recommendations-room-hierarchy-room-item-module__room-code {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.components-settings-recommendations-room-hierarchy-room-item-module__actions {
  display: flex;
  flex-shrink: 0;
  gap: var(--prism-spacing-100);
}

.components-settings-recommendations-room-hierarchy-room-item-module__chevron {
  display: block;
}

.components-settings-recommendations-room-hierarchy-room-item-module__offset-read {
  align-items: center;
  color: var(--prism-color-text-neutral-subdued);
  display: flex;
  gap: var(--prism-spacing-50);
  overflow: hidden;
  white-space: nowrap;
}

.components-settings-recommendations-room-hierarchy-room-item-module__item-active .components-settings-recommendations-room-hierarchy-room-item-module__offset-read {
  color: inherit;
}

.components-settings-recommendations-room-hierarchy-room-item-module__item:not(.components-settings-recommendations-room-hierarchy-room-item-module__item-active):hover {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-settings-recommendations-room-hierarchy-room-item-module__item-edit:hover .components-settings-recommendations-room-hierarchy-room-item-module__chevron {
  display: none;
}

.components-settings-recommendations-room-hierarchy-room-item-module__actions .prism-button {
  display: none;
}

.components-settings-recommendations-room-hierarchy-room-item-module__room-edit-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-200);
  padding: var(--prism-spacing-100) var(--prism-spacing-200);
}

.components-settings-recommendations-room-hierarchy-room-item-module__item-edit:hover .components-settings-recommendations-room-hierarchy-room-item-module__actions .prism-button {
  display: flex;
}

.components-settings-recommendations-room-hierarchy-room-item-module__room-edit-wrapper .prism-select-input {
  min-width: 0;
  width: 100%;
}

.components-settings-recommendations-room-hierarchy-room-item-module__offset-edit {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-100);
}

.components-settings-recommendations-room-hierarchy-room-item-module__offset-edit .prism-input {
  max-width: 80px;
}

.components-settings-recommendations-room-hierarchy-room-item-module__parent-label {
  white-space: nowrap;
}

/* default (< 1440px): 3.25 columns visible, level 4 is the peek */
.components-settings-recommendations-room-hierarchy-column-room-hierarchy-module__level-column {
  flex-shrink: 0;
  width: calc(100% / 3.25);
}

/* propagate height through Prism's root element */
.components-settings-recommendations-room-hierarchy-column-room-hierarchy-module__level-column .prism-card {
  height: 100%;
}

.components-settings-recommendations-room-hierarchy-column-room-hierarchy-module__level-column:first-of-type .prism-card {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.components-settings-recommendations-room-hierarchy-column-room-hierarchy-module__level-column:not(:first-of-type, :last-of-type) .prism-card {
  border-radius: 0;
}

.components-settings-recommendations-room-hierarchy-column-room-hierarchy-module__level-column:last-of-type .prism-card {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.components-settings-recommendations-room-hierarchy-column-room-hierarchy-module__level-column:not(:last-of-type) {
  border-right: 1px solid var(--prism-color-border-neutral-default);
}

.components-settings-recommendations-room-hierarchy-column-room-hierarchy-module__level-header {
  color: var(--prism-color-interactive-text-disabled);
  padding: var(--prism-spacing-200);
  text-transform: uppercase;
}

/* reset Prism's default header min-height and padding for level column headers */
.prism-card__header:has(.components-settings-recommendations-room-hierarchy-column-room-hierarchy-module__level-header) {
  min-height: 0;
  padding: 0;
}

/* ─── Room list & select ────────────────────────────────────────────────── */

.components-settings-recommendations-room-hierarchy-column-room-hierarchy-module__room-list {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-100);
  padding: var(--prism-spacing-200);
}

/* ─── Responsive breakpoints ────────────────────────────────────────────── */

@media (width >= 1440px) {
  /* ≥ 1440px: 4.25 columns visible, level 5 becomes the peek */
  .components-settings-recommendations-room-hierarchy-column-room-hierarchy-module__level-column {
    width: calc(100% / 4.25);
  }
}

/* ─── Outer table card ──────────────────────────────────────────────────── */

/* propagate height through Prism's root element */
.components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__table-card {
  height: 100%;
}

.components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__table-card > .prism-card {
  border: 1px solid var(--prism-color-border-neutral-default);
  height: 100%;
}

.components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__table-card > .prism-card > .prism-card__header {
  padding: 0;
}

/* ─── Table header & subheader ──────────────────────────────────────────── */

.components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__table-header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-200);
  padding: var(--prism-spacing-300) var(--prism-spacing-400);
}

.components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__section-title {
  color: var(--prism-color-text-neutral-emphasis);
}

.components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__table-subheader {
  align-items: center;
  color: var(--prism-color-text-neutral-subdued);
  display: flex;
  gap: var(--prism-spacing-200);
}

.components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__arrow-line {
  flex: 1;
  position: relative;
}

/* arrow line branch (--) */
.components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__arrow-line::before {
  border-top: 1px solid var(--prism-color-border-neutral-emphasis);
  content: "";
  left: 0;
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translateY(-50%);
}

/* arrow line arrow head (>) */
.components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__arrow-line::after {
  border-right: 1px solid var(--prism-color-border-neutral-emphasis);
  border-top: 1px solid var(--prism-color-border-neutral-emphasis);
  content: "";
  height: 6px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
}

/* ─── Level columns ─────────────────────────────────────────────────────── */

.components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__columns-container {
  display: flex;
  height: 100%;
  overflow-x: hidden; /* peek visible, scroll locked while peek is empty */
}

/* peek column behavior (scroll + header visibility) — breakpoint-aware */

@media (width < 1440px) {
  /* col 4 is the peek — hide its header until filled */
  .components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__columns-container
    > *:nth-child(4):not([data-has-rooms])
    [data-level-header] {
    visibility: hidden;
  }

  .components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__columns-container:has(> *:nth-child(4)[data-has-rooms]) {
    overflow-x: auto;
  }
}

@media (width >= 1440px) {
  /* col 5 becomes the peek — hide its header until filled */
  .components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__columns-container
    > *:nth-child(5):not([data-has-rooms])
    [data-level-header] {
    visibility: hidden;
  }

  .components-settings-recommendations-room-hierarchy-table-room-hierarchy-module__columns-container:has(> *:nth-child(5)[data-has-rooms]) {
    overflow-x: auto;
  }
}

.components-settings-users-tables-bulk-action-row-module__cell {
  background-color: var(--prism-color-elevation-canvas);
  border-bottom: 1px solid var(--prism-color-border-neutral-emphasis);
  height: 48px;
  padding: var(--prism-spacing-200);
  text-align: left;
  vertical-align: middle;
}

.components-settings-users-tables-bulk-action-row-module__cell:first-child {
  padding-left: var(--prism-spacing-400);
}

.components-settings-users-tables-bulk-action-row-module__delete {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
}

.components-settings-users-tables-bulk-action-row-module__dropdown .prism-select-input {
  width: 100%;
}

.components-settings-users-tables-cells-cell-role-module__container .prism-select-input {
  width: 100%;
}

.components-hotel-short-term-rental-charts-chart-short-term-rental-evolution-day-module__tooltip-short-term-rental {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  font-size: var(--prism-font-size-text-200-regular);
  min-width: 260px;
  overflow: hidden;
  padding: 0;
  z-index: 201; /* Make sure tooltip gets rendered over main navbars in worst case scenarios */
}

.components-hotel-short-term-rental-charts-chart-short-term-rental-evolution-range-module__tooltip-short-term-rental {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow: var(--prism-shadow-neutral-200);
  color: var(--prism-color-text-neutral-default);
  font-size: var(--prism-font-size-text-200-regular);
  min-width: 260px;
  overflow: hidden;
  padding: 0;
  z-index: 201; /* Make sure tooltip gets rendered over main navbars in worst case scenarios */
}

.components-hotel-short-term-rental-fixed-kpi-header-item-module__item {
  border-right: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  flex-grow: 1;
  justify-content: center;
}

.components-hotel-short-term-rental-fixed-kpi-header-item-module__item:first-child {
  border-left: 1px solid var(--prism-color-border-neutral-default);
}

.components-hotel-short-term-rental-fixed-kpi-header-item-module__name {
  align-items: center;
  display: flex;
  gap: var(--prism-spacing-300);
}

.components-hotel-short-term-rental-fixed-kpi-header-module__wrapper {
  background-color: var(--prism-color-elevation-surface);
  box-shadow: var(--prism-shadow-neutral-200);
  max-height: 0;
  min-width: 1280px;
  overflow: hidden;
  position: relative;
  transition: max-height 250ms ease-out;
  z-index: 100; /* Must be 100 or below for prism-loading-bar z-index */
}

.components-hotel-short-term-rental-fixed-kpi-header-module__wrapper.components-hotel-short-term-rental-fixed-kpi-header-module__visible {
  max-height: 35px;
}

.components-hotel-short-term-rental-fixed-kpi-header-module__content {
  display: flex;
  flex-wrap: nowrap;
  height: 35px;
  margin: 0 auto;

  /* A max width is set so that the header doesn't extend past the main content on large screens */
  max-width: 1840px;
  overflow: hidden;
  padding: 0 var(--prism-spacing-800);
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__card {
  position: relative;
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__card-item {
  height: 300px;
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__progress-bar-title {
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--prism-color-text-neutral-default) !important;
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__item {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding-right: var(--prism-spacing-400);
  width: 100%;
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__item:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__item:hover:not(:disabled) {
  background-color: var(--prism-color-interactive-background-ghost-hover);
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__item:active:not(:disabled) {
  background-color: var(--prism-color-interactive-background-ghost-pressed);
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__item--selected:not(:disabled) {
  background-color: var(--prism-color-interactive-background-ghost-selected);
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__indent-container {
  flex-shrink: 0; /* Do not shrink otherwise nested lines don't connect */
  height: 48px;
  width: var(--indent-container-width);
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__indent-container:first-child {
  width: var(
    --prism-spacing-400
  ); /* Only 16px for the first one per row to align vertically with the card header */
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__indent-container:not(:first-child) {
  border-left: 1px solid var(--prism-color-border-neutral-emphasis);
  border-radius: var(--prism-border-radius-50);
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__loading-header {
  height: 22px;
}

.components-hotel-short-term-rental-short-term-rental-breakdown-block-module__loading-content {
  display: block;
  min-height: 40px;
  padding-left: var(--prism-spacing-200);
  width: 100%;
}

.components-hotel-short-term-rental-short-term-rental-breakdowns-module__section {
  display: grid;
  gap: var(--prism-spacing-400);
  grid-template-columns: repeat(4, 1fr);
}

.components-hotel-short-term-rental-short-term-rental-kpi-list-module__list {
  display: flex;
  flex-direction: column;
  row-gap: var(--prism-spacing-400);
  width: 330px;
}

.components-hotel-short-term-rental-short-term-rental-kpi-list-module__label {
  line-height: var(--prism-spacing-400);
  margin-top: var(--prism-spacing-100);
}

.components-hotel-short-term-rental-short-term-rental-kpi-list-module__loading-bar {
  animation: components-hotel-short-term-rental-short-term-rental-kpi-list-module__pulse 1s infinite;
  background-color: var(--prism-color-interactive-text-disabled);
  border-radius: var(--prism-border-radius-100);
  display: flex;
  height: 8px;
  width: 100%;
}

.components-hotel-short-term-rental-short-term-rental-kpi-list-module__loading-header {
  height: 24px;
}

.components-hotel-short-term-rental-short-term-rental-kpi-list-module__loading-content {
  min-height: 40px;
}

.components-hotel-short-term-rental-short-term-rental-kpi-list-module__loading-content--large {
  min-height: 52px; /* Reserve space for progress bars so cumulative layout shift is better */
}

.components-hotel-short-term-rental-short-term-rental-map-module__tooltip {
  background-color: var(--prism-color-elevation-surface);
  color: var(--prism-color-text-neutral-subdued);
  max-width: 265px;
}

.components-hotel-short-term-rental-short-term-rental-map-module__tooltip p {
  font-size: var(--prism-font-size-text-200-regular);
  line-height: 16px;
}

.components-hotel-short-term-rental-short-term-rental-map-module__tooltip p span {
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
}

.components-hotel-short-term-rental-short-term-rental-map-module__tooltip .components-hotel-short-term-rental-short-term-rental-map-module__title {
  font-weight: 700; /* ToDO: update PRISM typography */
}

.components-hotel-short-term-rental-short-term-rental-map-module__tooltip__divider {
  background-color: var(--prism-color-border-neutral-default);
  height: 1px;
  margin-bottom: var(--prism-spacing-200);
  margin-top: var(--prism-spacing-200);
  width: 100%;
}

.components-hotel-short-term-rental-short-term-rental-map-module__tooltip__metric {
  display: flex;
  margin-bottom: var(--prism-spacing-200);
}

.components-hotel-short-term-rental-short-term-rental-map-module__tooltip__metric:last-of-type {
  margin-bottom: 0;
}

.components-hotel-short-term-rental-short-term-rental-map-module__compset-dot-indicator {
  border-radius: 50%;
  display: inline-block;
  min-height: 12px;
  min-width: 12px;
}

.components-hotel-short-term-rental-short-term-rental-map-module__compset-dot-indicator--own-compset {
  background-color: var(--prism-color-chart-info-figure-very-high);
}

.components-hotel-short-term-rental-short-term-rental-map-module__compset-dot-indicator--own-hotel {
  background-color: var(--prism-color-general-neutral-900);
}

.components-hotel-short-term-rental-short-term-rental-map-module__map-legend-group {
  /* google maps right-top control position */
  /* stylelint-disable-next-line declaration-no-important */
  top: 101px !important;
}

.components-hotel-short-term-rental-short-term-rental-map-module__legend-trigger {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  box-shadow:
    0 1px 3px var(--prism-shadow-neutral-100),
    0 1px 2px var(--prism-shadow-neutral-100);
  font-size: var(--prism-font-size-text-300-bold);
  font-weight: var(--prism-font-weight-text-300-bold);
  margin-right: 10px;
}

.components-hotel-short-term-rental-short-term-rental-map-module__map-overlay {
  box-shadow:
    0 1px 3px var(--prism-shadow-neutral-100),
    0 1px 2px var(--prism-shadow-neutral-100);
  position: absolute;
}

.components-hotel-short-term-rental-short-term-rental-map-module__map-overlay--legend {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-100);
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-200);
  min-width: 150px;
  position: absolute;
  right: 10px;
  top: 45px;
}

.components-hotel-short-term-rental-short-term-rental-map-module__map-overlay--legend .components-hotel-short-term-rental-short-term-rental-map-module__compset-dot-indicator {
  margin-left: var(--prism-spacing-50);
}

.components-hotel-short-term-rental-short-term-rental-map-module__map-overlay--legend .components-hotel-short-term-rental-short-term-rental-map-module__compset-dot-indicator--short-term-rental {
  background: var(--prism-color-background-warning-subdued);
  border: 2px solid var(--prism-color-general-warning-500);
  border-radius: 0;
  transform: rotate(45deg);
}

.components-hotel-short-term-rental-short-term-rental-map-module__map-overlay--legend__item .components-hotel-short-term-rental-short-term-rental-map-module__events {
  color: var(--prism-color-text-info-default);
  /* stylelint-disable-next-line declaration-no-important */
  margin-right: 6px !important;
}

.templates-hotel-market-insight-unsupported-market-module__mock-image {
  height: 100%;
  width: 100%;
}

.templates-hotel-market-insight-unsupported-market-module__chart-wrapper {
  max-height: 540px;
  position: relative;
}

.templates-hotel-market-insight-unsupported-market-module__overlay {
  background: linear-gradient(
    180deg,
    transparent -18.18%,
    var(--prism-color-elevation-canvas) 47.25%
  );
  border-radius: var(--prism-border-radius-200);
  inset: 0;
  position: absolute;
  z-index: 1;
}

.templates-hotel-market-insight-unsupported-market-module__overlay-message {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  position: absolute;
  z-index: 10;
}

.templates-destination-reporting-module__container {
  background-color: var(--prism-color-elevation-surface);
}

.templates-destination-reporting-module__sidebar {
  /* stylelint-disable-next-line declaration-no-important */
  gap: 0 !important;
  margin: 0 auto;
  min-width: 1280px;
}

.templates-destination-reporting-module__sidebar .embed-container {
  background: var(--prism-color-background-neutral-subdued);
  flex-grow: 1;
}

.templates-destination-reporting-module__sidebar .embed-container .iframe-container {
  min-width: unset;
}

.templates-destination-reporting-module__container .custom-reporting__page {
  background: var(--prism-color-background-neutral-subdued);
  overflow-y: auto;
  position: relative;
}

.templates-destination-reporting-module__container .custom-reporting__page .loading-bar-container {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.templates-market-custom-reporting-module__container {
}

.templates-market-custom-reporting-module__sidebar {
}

.components-parity-insight-hotels-block-module__container {
  --container-height: 300px;

  height: var(--container-height);
  position: relative;
}

/* Remove outline added by tooltips? */
.components-parity-insight-hotels-block-module__container > div:focus {
  outline: none;
}

.components-parity-insight-hotels-block-module__container .components-parity-insight-hotels-block-module__infinite-scroller {
  max-height: var(--container-height);
  overflow-y: auto;
}

.components-parity-parity-manager-sidebar-item-module__sidebar-item {
  background-color: var(--prism-color-elevation-surface);
  border-radius: var(--prism-border-radius-200);
  box-shadow: var(--prism-shadow-neutral-100);
  contain-intrinsic-height: 100px;
  content-visibility: auto;
  height: 100px;
}

.components-parity-parity-manager-sidebar-item-module__sidebar-item:hover {
  box-shadow: var(--prism-shadow-neutral-200);
}

.components-parity-parity-manager-sidebar-item-module__sidebar-item[selected] {
  background-color: var(--prism-color-background-neutral-subdued);
  border: 1px solid var(--prism-color-interactive-border-neutral-pressed);
}

.components-parity-charts-chart-parity-strategy-gauge-module__gauge-chart {
  height: 142px;
}

.components-parity-charts-chart-parity-strategy-gauge-module__widget-row {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: var(--prism-spacing-200);
  text-align: center;
}

.components-parity-charts-chart-parity-strategy-gauge-module__widget-row--large {
  height: 60px;
}

.components-parity-charts-chart-parity-strategy-gauge-module__widget-row--loading {
  align-items: center;
  display: flex;
  height: 24px; /* h3 line-height */
  justify-content: center;
}

.components-parity-charts-chart-parity-strategy-gauge-module__widget-row--top {
  border-top: 1px solid var(--prism-color-border-neutral-default);
}

.components-parity-charts-chart-parity-strategy-gauge-module__widget-row:not(:last-of-type) {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.components-parity-tables-table-parity-strategy-issues-module__container {
  height: 284px;
}

.components-parity-tables-table-parity-strategy-issues-module__container .prism-select-input {
  width: 100%;
}

.templates-market-parity-strategy-module__card-content {
  display: grid;
  gap: var(--prism-spacing-400);
  grid-template-columns: 1fr 284px;
  height: 264px;
}

.components-market-settings-central-mapping-tables-table-mapping-module__split-button {
  align-items: center;
  display: flex;
  flex-direction: row;
}

/* Export button: flatten right edge */
.components-market-settings-central-mapping-tables-table-mapping-module__split-button > .prism-button:first-child,
.components-market-settings-central-mapping-tables-table-mapping-module__split-button > *:first-child .prism-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

/* Chevron dropdown: flatten left edge and remove double border */
.components-market-settings-central-mapping-tables-table-mapping-module__split-button > *:last-child .prism-button {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}

/* stylelint-disable declaration-no-important */
.components-market-smart-insights-calendar-day-smart-insights-module__day-bucket-low {
  background-color: var(
    --prism-color-chart-intelligence-background-low-default
  ) !important;
  color: var(--prism-color-text-intelligence-emphasis) !important;
}

.components-market-smart-insights-calendar-day-smart-insights-module__day-bucket-low:hover {
  background-color: var(
    --prism-color-chart-intelligence-background-low-emphasis
  ) !important;
}

.components-market-smart-insights-calendar-day-smart-insights-module__day-bucket-low:active {
  background-color: var(
    --prism-color-chart-sequential-intelligence-03
  ) !important;
}

.components-market-smart-insights-calendar-day-smart-insights-module__day-bucket-normal {
  background-color: var(
    --prism-color-chart-intelligence-background-normal-default
  ) !important;
  color: var(--prism-color-text-intelligence-emphasis) !important;
}

.components-market-smart-insights-calendar-day-smart-insights-module__day-bucket-normal:hover {
  background-color: var(
    --prism-color-chart-intelligence-background-normal-emphasis
  ) !important;
}

.components-market-smart-insights-calendar-day-smart-insights-module__day-bucket-normal:active {
  background-color: var(
    --prism-color-chart-sequential-intelligence-05
  ) !important;
}

.components-market-smart-insights-calendar-day-smart-insights-module__day-bucket-high {
  background-color: var(
    --prism-color-chart-intelligence-background-high-default
  ) !important;
  color: var(--prism-color-text-inverse) !important;
}

.components-market-smart-insights-calendar-day-smart-insights-module__day-bucket-high:hover {
  background-color: var(
    --prism-color-chart-intelligence-background-high-emphasis
  ) !important;
}

.components-market-smart-insights-calendar-day-smart-insights-module__day-bucket-high:active {
  background-color: var(
    --prism-color-chart-sequential-intelligence-08
  ) !important;
}

/* stylelint-enable declaration-no-important */

.components-market-smart-insights-calendar-calendar-smart-insights-module__content {
  overflow-y: auto;
  position: relative;
}

.components-market-smart-insights-calendar-calendar-smart-insights-module__top-overlay {
  /* stylelint-disable function-disallowed-list */
  background: linear-gradient(
    180deg,
    var(--prism-color-elevation-canvas) 0%,
    rgb(242 244 248 / 0%) 100%
  );
  /* stylelint-enable function-disallowed-list */
  height: var(--prism-spacing-800);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.components-market-smart-insights-calendar-calendar-smart-insights-module__bottom-overlay {
  /* stylelint-disable function-disallowed-list */
  background: linear-gradient(
    180deg,
    rgb(242 244 248 / 0%) 0%,
    var(--prism-color-elevation-canvas) 100%
  );
  bottom: 0;
  /* stylelint-enable function-disallowed-list */
  height: 80px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.components-market-smart-insights-calendar-calendar-smart-insights-module__calendar::-webkit-scrollbar {
  display: none;
}

.components-market-smart-insights-calendar-calendar-smart-insights-module__footer {
  background: var(--prism-color-elevation-surface);
  border-radius: 0 0 var(--prism-border-radius-200)
    var(--prism-border-radius-200);
  border-top: 1px solid var(--prism-color-border-neutral-default);
  bottom: 0;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 100%;
  z-index: 1;
}

.components-market-smart-insights-card-smart-insights-module__card strong {
  font-weight: var(--prism-font-weight-text-300-bold);
}

.components-market-smart-insights-card-smart-insights-module__badge {
  min-width: var(--prism-spacing-0);
}

.components-market-smart-insights-card-smart-insights-module__badge > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.components-market-smart-insights-column-smart-insights-module__column {
  border-left: 1px solid var(--prism-color-border-neutral-default);
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 300px;
  min-width: 300px;
  overflow-y: hidden;
}

.components-market-smart-insights-column-smart-insights-module__column:first-child {
  border: none;
}

.components-market-smart-insights-column-smart-insights-module__loading-placeholder {
  display: flex;
  flex-direction: column;
  gap: var(--prism-spacing-800);
  padding-bottom: var(--prism-spacing-400);
  padding-top: var(--prism-spacing-400);
}

.components-market-smart-insights-column-smart-insights-module__loading-placeholder .components-market-smart-insights-column-smart-insights-module__skeleton-loading-bar {
  animation: components-market-smart-insights-column-smart-insights-module__pulse 1s infinite;
  background-color: var(--prism-color-interactive-text-disabled);
  border-radius: var(--prism-border-radius-100);
  height: var(--prism-spacing-200);
}

.components-market-smart-insights-column-smart-insights-module__loading-placeholder .components-market-smart-insights-column-smart-insights-module__skeleton-loading-bar:nth-child(1) {
  width: 140px;
}

.components-market-smart-insights-column-smart-insights-module__loading-placeholder .components-market-smart-insights-column-smart-insights-module__skeleton-loading-bar:nth-child(2) {
  width: 268px;
}

.components-market-smart-insights-drawer-smart-insights-module__content {
  position: relative;
}

.components-market-smart-insights-drawer-smart-insights-module__header {
  border-bottom: 1px solid var(--prism-color-border-neutral-default);
}

.components-market-smart-insights-drawer-smart-insights-module__body {
  background-color: var(--prism-color-background-neutral-subdued);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.components-market-smart-insights-drawer-smart-insights-module__body .prism-tabs-container__header {
  background-color: var(--prism-color-elevation-surface);
}

.components-market-smart-insights-drawer-smart-insights-module__body .prism-tabs-container__content {
  min-height: 0;
}

.components-market-smart-insights-drawer-smart-insights-module__body .prism-tabs-container__content section {
  overflow-y: auto;
}