.cs-am-legend-bullet {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* ensure amCharts legends are properly resized in print view */
div[data-test-selector='dashboard-grid'] div[data-layout='print'].grid-item .am5-html-container,
div[data-test-selector='dashboard-grid'] div[data-layout='print'].grid-item .cs-am-legend {
  max-width: 100% !important;
  min-width: 100% !important;
  width: 100% !important;
}

@media print {
  /* Display all legend items when printed */
  .amc-root .cs-am-legend {
    max-width: 100% !important;
    min-width: 100% !important;
  }

  .amc-root [data-test-selector='am5legend-items'] {
    max-height: fit-content !important;
    overflow-y: visible !important;
  }
}

@media print {
  .amc-root div {
    max-width: 100%;
  }

  .amc-root canvas {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    overflow: hidden;
  }

  /*
  When printed hide tooltips and other unrequired elements
  See: https://www.amcharts.com/docs/v5/concepts/common-elements/layers/
  Our custom Legend does not use a canvas layer and is unaffected
  */
  .amc-root .am5-layer-30 {
    display: none;
  }
}

/* .am5-focus-container's first child is the chart's group container */
.am5-focus-container > div:first-of-type[tabindex='0']:not([role]):focus {
  outline-offset: -3px;
}

.hljs-comment,
.hljs-quote {
  color: var(--body-and-labels);
}

.hljs-class {
  color: var(--destructive-hover);
}

.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-deletion {
  color: var(--high);
}

.hljs-variable {
  color: var(--positive);
}

.hljs-literal,
.hljs-type,
.hljs-meta,
.hljs-link {
  color: var(--critical);
}
.hljs-built_in,
.hljs-builtin-name {
  color: var(--graph-5);
}

.hljs-number {
  color: var(--process-operations);
}

.hljs-template-variable,
.hljs-params {
  color: var(--graph-4);
}

.hljs-function {
  color: var(--graph-7);
}

/**
 * <Link @href="" />
 * ^
 */
.hljs-tag {
  color: var(--text-and-icons);
}

/**
 * <Link @href="" />
 *        ^
 */
.hljs-attr {
  color: var(--positive);
}

.hljs-attribute {
  color: var(--positive);
}

/**
 * <Link @href="str" />
 *              ^
 */
.hljs-string {
  color: var(--code-text);
}
/**
 * `text 'sub str'`
 *        ^
 */
.hljs-subst {
  color: var(--code-base-64);
}

/**
 * obj.property
 *     ^
 */
.hljs-property {
  color: var(--graph-11);
}

.hljs-title.function_ {
  color: var(--graph-5);
}

.hljs-symbol,
.hljs-bullet,
.hljs-addition {
  color: var(--positive);
}

.hljs-title,
.hljs-section {
  color: var(--graph-2);
}

.hljs-keyword,
.hljs-selector-tag {
  color: var(--high);
}

.hljs {
  background: var(--code-bg);
  border-radius: var(--space-1);
  box-shadow: var(--elevation-inner-lg);
  color: var(--titles-and-attributes);
}

pre .hljs,
pre.hljs > code {
  display: block;
  line-height: var(--space-5);
  overflow-x: auto;
  padding: var(--space-2);
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

[id^='summary-entity-'] {
  display: inline-block;
}

.text-container-scrim::after {
  background: linear-gradient(0deg, var(--surface-base) 0%, transparent);
  bottom: 0.75rem;
  content: ' ';
  height: var(--space-16);
  left: 0;
  margin: 0 0.75rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}

.charlotte-modal {
  justify-content: flex-start !important;
}

.charlotte-modal .falcon-modal__dialog {
  background-color: var(--basement);
  max-width: 75rem;
  min-height: auto;
  transition: 0.2s ease-in-out min-height;
  width: 100%;
}

.charlotte-modal.charlotte-modal-full .falcon-modal__dialog {
  min-height: 100%;
}

.charlotte-modal .timeline-border {
  background: #505265;
  width: 2px;
}

.charlotte-modal .timeline-dot {
  box-shadow: 0px 0px 0px 4px var(--surface-lg);
  z-index: 2;
}

.charlotte-modal .timeline-dot .falcon-tooltip {
  text-align: center;
  width: 190px;
  z-index: 3;
}

.charlotte-modal .max-w-conversation-body.sticky {
  position: relative;
  top: 0;
}

.theme-light .bg-nav-text-and-icons.timeline-dot {
  background: #e0e0e0;
}

.conversation-select > div {
  width: 447px !important;
}

.conversation-select [data-test-selector='falcon-select-listbox'] {
  max-height: 300px;
}

@keyframes charlottePulse {
  0% {
    fill: #fafafa;
  }
  25% {
    fill: #e2e2e4;
  }
  50% {
    fill: #a6acb0;
  }
  75% {
    fill: #e2e2e4;
  }
  100% {
    fill: #fafafa;
  }
}

@keyframes charlottePulseMiddle {
  0% {
    fill: #fafafa;
  }
  15% {
    fill: #e2e2e4;
  }
  30% {
    fill: #a6acb0;
  }
  45% {
    fill: #a6acb0;
  }
  70% {
    fill: #e2e2e4;
  }
  100% {
    fill: #fafafa;
  }
}

@keyframes charlottePulseInner {
  0% {
    fill: #fafafa;
  }
  10% {
    fill: #e2e2e4;
  }
  25% {
    fill: #a6acb0;
  }
  50% {
    fill: #e2e2e4;
  }
  75% {
    fill: #fafafa;
  }
  100% {
    fill: #fafafa;
  }
}

.charlotte-shape-path {
  fill: #fafafa;
}

.charlotte-shape-outer {
  animation: charlottePulse 1.5s infinite ease-in-out;
}

.charlotte-shape-middle {
  animation: charlottePulseMiddle 1.5s infinite ease-in-out;
}

.charlotte-shape-inner {
  animation: charlottePulseInner 1.5s infinite ease-in-out;
}

.prose {
  color: var(--text-and-attributes);
  max-width: 65ch;
}

.prose :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.25em;
  margin-top: 1.25em;
}

.prose :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-bottom: 1.2em;
  margin-top: 1.2em;
}

.prose :where(a):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-links);
  font-weight: 500;
  text-decoration: underline;
}

.prose :where(strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: decimal;
  margin-bottom: 1.25em;
  margin-top: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol[type='A']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type='a']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type='A' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type='a' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type='I']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type='i']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type='I' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type='i' s]):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type='1']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  list-style-type: disc;
  margin-bottom: 1.25em;
  margin-top: 1.25em;
  padding-inline-start: 1.625em;
}

.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {
  color: var(--tw-prose-counters);
  font-weight: 400;
}

.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-bottom: 3em;
  margin-top: 3em;
}

.prose :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-inline-start-color: var(--tw-prose-quote-borders);
  border-inline-start-width: 0.25rem;
  color: var(--tw-prose-quotes);
  font-style: italic;
  font-weight: 500;
  margin-bottom: 1.6em;
  margin-top: 1.6em;
  padding-inline-start: 1em;
  quotes: '\201C' '\201D' '\2018' '\2019';
}

.prose :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-headings);
  font-size: 2.25em;
  font-weight: 800;
  line-height: 1.1111111;
  margin-bottom: 0.8888889em;
  margin-top: 0;
}

.prose :where(h1 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-weight: 900;
}

.prose :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-headings);
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.3333333;
  margin-bottom: 1em;
  margin-top: 2em;
}

.prose :where(h2 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-weight: 800;
}

.prose :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-headings);
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 0.6em;
  margin-top: 1.6em;
}

.prose :where(h3 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-weight: 700;
}

.prose :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}

.prose :where(h4 strong):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-weight: 700;
}

.prose :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  display: block;
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-radius: 0.3125rem;
  box-shadow:
    0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),
    0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  color: var(--tw-prose-kbd);
  font-family: inherit;
  font-size: 0.875em;
  font-weight: 500;
  padding-bottom: 0.1875em;
  padding-inline-end: 0.375em;
  padding-inline-start: 0.375em;
  padding-top: 0.1875em;
}

.prose :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-code);
  font-size: 0.875em;
  font-weight: 600;
}

.prose :where(a code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  background-color: var(--tw-prose-pre-bg);
  border-radius: 0.375rem;
  color: var(--tw-prose-pre-code);
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.7142857;
  margin-bottom: 1.7142857em;
  margin-top: 1.7142857em;
  overflow-x: auto;
  padding-bottom: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-inline-start: 1.1428571em;
  padding-top: 0.8571429em;
}

.prose :where(pre code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  background-color: transparent;
  border-radius: 0;
  border-width: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0;
}

.prose :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-bottom: 2em;
  margin-top: 2em;
  table-layout: auto;
  text-align: start;
  width: 100%;
}

.prose :where(thead):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-bottom-color: var(--tw-prose-th-borders);
  border-bottom-width: 1px;
}

.prose :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  padding-bottom: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-inline-start: 0.5714286em;
  vertical-align: bottom;
}

.prose :where(tbody tr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-bottom-color: var(--tw-prose-td-borders);
  border-bottom-width: 1px;
}

.prose :where(tbody tr:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-top-color: var(--tw-prose-th-borders);
  border-top-width: 1px;
}

.prose :where(tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  vertical-align: top;
}

.prose :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose {
  --tw-prose-body: var(--text-body-and-labels);
  --tw-prose-headings: var(--titles-and-attributes);
  --tw-prose-lead: #4b5563;
  --tw-prose-links: var(--primary-idle);
  --tw-prose-bold: var(--text-and-attributes);
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: var(--code-text);
  --tw-prose-pre-code: var(--code-text);
  --tw-prose-pre-bg: var(--code-bg);
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.prose :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}

.prose
  :where(.prose > ul > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.25em;
}

.prose
  :where(.prose > ul > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.25em;
}

.prose
  :where(.prose > ol > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.25em;
}

.prose
  :where(.prose > ol > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.25em;
}

.prose
  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}

.prose :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.25em;
  margin-top: 1.25em;
}

.prose :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.prose :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0;
}

.prose :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-end: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-inline-start: 0.5714286em;
  padding-top: 0.5714286em;
}

.prose
  :where(tbody td:first-child, tfoot td:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-start: 0;
}

.prose
  :where(tbody td:last-child, tfoot td:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-end: 0;
}

.prose :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
}

.prose-sm {
  font-size: 0.875rem;
  line-height: 1.7142857;
}

.prose-sm :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.1428571em;
  margin-top: 1.1428571em;
}

.prose-sm :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-bottom: 0.8888889em;
  margin-top: 0.8888889em;
}

.prose-sm :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.3333333em;
  margin-top: 1.3333333em;
  padding-inline-start: 1.1111111em;
}

.prose-sm :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 2.1428571em;
  line-height: 1.2;
  margin-bottom: 0.8em;
  margin-top: 0;
}

.prose-sm :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.4285714em;
  line-height: 1.4;
  margin-bottom: 0.8em;
  margin-top: 1.6em;
}

.prose-sm :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-bottom: 0.4444444em;
  margin-top: 1.5555556em;
}

.prose-sm :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  line-height: 1.4285714;
  margin-bottom: 0.5714286em;
  margin-top: 1.4285714em;
}

.prose-sm :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.7142857em;
  margin-top: 1.7142857em;
}

.prose-sm :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.7142857em;
  margin-top: 1.7142857em;
}

.prose-sm :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose-sm :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.7142857em;
  margin-top: 1.7142857em;
}

.prose-sm :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-radius: 0.3125rem;
  font-size: 0.8571429em;
  padding-bottom: 0.1428571em;
  padding-inline-end: 0.3571429em;
  padding-inline-start: 0.3571429em;
  padding-top: 0.1428571em;
}

.prose-sm :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8571429em;
}

.prose-sm :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.9em;
}

.prose-sm :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8888889em;
}

.prose-sm :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-radius: 0.25rem;
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-bottom: 1.6666667em;
  margin-top: 1.6666667em;
  padding-bottom: 0.6666667em;
  padding-inline-end: 1em;
  padding-inline-start: 1em;
  padding-top: 0.6666667em;
}

.prose-sm :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.1428571em;
  margin-top: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.1428571em;
  margin-top: 1.1428571em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.2857143em;
  margin-top: 0.2857143em;
}

.prose-sm :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.4285714em;
}

.prose-sm :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.4285714em;
}

.prose-sm :where(.prose-sm > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.5714286em;
  margin-top: 0.5714286em;
}

.prose-sm
  :where(.prose-sm > ul > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.1428571em;
}

.prose-sm
  :where(.prose-sm > ul > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.1428571em;
}

.prose-sm
  :where(.prose-sm > ol > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.1428571em;
}

.prose-sm
  :where(.prose-sm > ol > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.1428571em;
}

.prose-sm
  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.5714286em;
  margin-top: 0.5714286em;
}

.prose-sm :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.1428571em;
  margin-top: 1.1428571em;
}

.prose-sm :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.1428571em;
}

.prose-sm :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0.2857143em;
  padding-inline-start: 1.5714286em;
}

.prose-sm :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2.8571429em;
  margin-top: 2.8571429em;
}

.prose-sm :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-sm :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-sm :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-sm :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-sm :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8571429em;
  line-height: 1.5;
}

.prose-sm :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.6666667em;
  padding-inline-end: 1em;
  padding-inline-start: 1em;
}

.prose-sm :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0;
}

.prose-sm :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-end: 0;
}

.prose-sm :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.6666667em;
  padding-inline-end: 1em;
  padding-inline-start: 1em;
  padding-top: 0.6666667em;
}

.prose-sm
  :where(tbody td:first-child, tfoot td:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-start: 0;
}

.prose-sm
  :where(tbody td:last-child, tfoot td:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-end: 0;
}

.prose-sm :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.7142857em;
  margin-top: 1.7142857em;
}

.prose-sm :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose-sm :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}

.prose-sm
  :where(.prose-sm > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-sm
  :where(.prose-sm > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
}

.prose-base {
  font-size: 1rem;
  line-height: 1.75;
}

.prose-base :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.25em;
  margin-top: 1.25em;
}

.prose-base :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.25em;
  line-height: 1.6;
  margin-bottom: 1.2em;
  margin-top: 1.2em;
}

.prose-base :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.6em;
  margin-top: 1.6em;
  padding-inline-start: 1em;
}

.prose-base :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 2.25em;
  line-height: 1.1111111;
  margin-bottom: 0.8888889em;
  margin-top: 0;
}

.prose-base :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.5em;
  line-height: 1.3333333;
  margin-bottom: 1em;
  margin-top: 2em;
}

.prose-base :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.25em;
  line-height: 1.6;
  margin-bottom: 0.6em;
  margin-top: 1.6em;
}

.prose-base :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  line-height: 1.5;
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}

.prose-base :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-base :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-base :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose-base :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-base :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-radius: 0.3125rem;
  font-size: 0.875em;
  padding-bottom: 0.1875em;
  padding-inline-end: 0.375em;
  padding-inline-start: 0.375em;
  padding-top: 0.1875em;
}

.prose-base :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.875em;
}

.prose-base :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.875em;
}

.prose-base :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.9em;
}

.prose-base :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-radius: 0.375rem;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-bottom: 1.7142857em;
  margin-top: 1.7142857em;
  padding-bottom: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-inline-start: 1.1428571em;
  padding-top: 0.8571429em;
}

.prose-base :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.25em;
  margin-top: 1.25em;
  padding-inline-start: 1.625em;
}

.prose-base :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.25em;
  margin-top: 1.25em;
  padding-inline-start: 1.625em;
}

.prose-base :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.prose-base :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.375em;
}

.prose-base :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.375em;
}

.prose-base
  :where(.prose-base > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}

.prose-base
  :where(.prose-base > ul > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.25em;
}

.prose-base
  :where(.prose-base > ul > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.25em;
}

.prose-base
  :where(.prose-base > ol > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.25em;
}

.prose-base
  :where(.prose-base > ol > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.25em;
}

.prose-base
  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}

.prose-base :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.25em;
  margin-top: 1.25em;
}

.prose-base :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.25em;
}

.prose-base :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}

.prose-base :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 3em;
  margin-top: 3em;
}

.prose-base :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-base :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-base :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-base :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-base :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose-base :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-inline-start: 0.5714286em;
}

.prose-base :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0;
}

.prose-base :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-end: 0;
}

.prose-base :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-inline-start: 0.5714286em;
  padding-top: 0.5714286em;
}

.prose-base
  :where(tbody td:first-child, tfoot td:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-start: 0;
}

.prose-base
  :where(tbody td:last-child, tfoot td:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-end: 0;
}

.prose-base :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-base :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose-base :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose-base
  :where(.prose-base > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-base
  :where(.prose-base > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
}

.prose-lg {
  font-size: 1.125rem;
  line-height: 1.7777778;
}

.prose-lg :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.3333333em;
  margin-top: 1.3333333em;
}

.prose-lg :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.2222222em;
  line-height: 1.4545455;
  margin-bottom: 1.0909091em;
  margin-top: 1.0909091em;
}

.prose-lg :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.6666667em;
  margin-top: 1.6666667em;
  padding-inline-start: 1em;
}

.prose-lg :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 2.6666667em;
  line-height: 1;
  margin-bottom: 0.8333333em;
  margin-top: 0;
}

.prose-lg :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.6666667em;
  line-height: 1.3333333;
  margin-bottom: 1.0666667em;
  margin-top: 1.8666667em;
}

.prose-lg :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.3333333em;
  line-height: 1.5;
  margin-bottom: 0.6666667em;
  margin-top: 1.6666667em;
}

.prose-lg :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  line-height: 1.5555556;
  margin-bottom: 0.4444444em;
  margin-top: 1.7777778em;
}

.prose-lg :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.7777778em;
  margin-top: 1.7777778em;
}

.prose-lg :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.7777778em;
  margin-top: 1.7777778em;
}

.prose-lg :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose-lg :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.7777778em;
  margin-top: 1.7777778em;
}

.prose-lg :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-radius: 0.3125rem;
  font-size: 0.8888889em;
  padding-bottom: 0.2222222em;
  padding-inline-end: 0.4444444em;
  padding-inline-start: 0.4444444em;
  padding-top: 0.2222222em;
}

.prose-lg :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8888889em;
}

.prose-lg :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8666667em;
}

.prose-lg :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.875em;
}

.prose-lg :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-radius: 0.375rem;
  font-size: 0.8888889em;
  line-height: 1.75;
  margin-bottom: 2em;
  margin-top: 2em;
  padding-bottom: 1em;
  padding-inline-end: 1.5em;
  padding-inline-start: 1.5em;
  padding-top: 1em;
}

.prose-lg :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.3333333em;
  margin-top: 1.3333333em;
  padding-inline-start: 1.5555556em;
}

.prose-lg :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.3333333em;
  margin-top: 1.3333333em;
  padding-inline-start: 1.5555556em;
}

.prose-lg :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.6666667em;
  margin-top: 0.6666667em;
}

.prose-lg :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.4444444em;
}

.prose-lg :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.4444444em;
}

.prose-lg :where(.prose-lg > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.8888889em;
  margin-top: 0.8888889em;
}

.prose-lg
  :where(.prose-lg > ul > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.3333333em;
}

.prose-lg
  :where(.prose-lg > ul > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.3333333em;
}

.prose-lg
  :where(.prose-lg > ol > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.3333333em;
}

.prose-lg
  :where(.prose-lg > ol > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.3333333em;
}

.prose-lg
  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.8888889em;
  margin-top: 0.8888889em;
}

.prose-lg :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.3333333em;
  margin-top: 1.3333333em;
}

.prose-lg :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.3333333em;
}

.prose-lg :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0.6666667em;
  padding-inline-start: 1.5555556em;
}

.prose-lg :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 3.1111111em;
  margin-top: 3.1111111em;
}

.prose-lg :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-lg :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-lg :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-lg :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-lg :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8888889em;
  line-height: 1.5;
}

.prose-lg :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.75em;
  padding-inline-end: 0.75em;
  padding-inline-start: 0.75em;
}

.prose-lg :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0;
}

.prose-lg :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-end: 0;
}

.prose-lg :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.75em;
  padding-inline-end: 0.75em;
  padding-inline-start: 0.75em;
  padding-top: 0.75em;
}

.prose-lg
  :where(tbody td:first-child, tfoot td:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-start: 0;
}

.prose-lg
  :where(tbody td:last-child, tfoot td:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-end: 0;
}

.prose-lg :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.7777778em;
  margin-top: 1.7777778em;
}

.prose-lg :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose-lg :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8888889em;
  line-height: 1.5;
  margin-top: 1em;
}

.prose-lg
  :where(.prose-lg > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-lg
  :where(.prose-lg > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
}

.prose-xl {
  font-size: 1.25rem;
  line-height: 1.8;
}

.prose-xl :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.2em;
  margin-top: 1.2em;
}

.prose-xl :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.2em;
  line-height: 1.5;
  margin-bottom: 1em;
  margin-top: 1em;
}

.prose-xl :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.6em;
  margin-top: 1.6em;
  padding-inline-start: 1.0666667em;
}

.prose-xl :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 2.8em;
  line-height: 1;
  margin-bottom: 0.8571429em;
  margin-top: 0;
}

.prose-xl :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.8em;
  line-height: 1.1111111;
  margin-bottom: 0.8888889em;
  margin-top: 1.5555556em;
}

.prose-xl :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.5em;
  line-height: 1.3333333;
  margin-bottom: 0.6666667em;
  margin-top: 1.6em;
}

.prose-xl :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  line-height: 1.6;
  margin-bottom: 0.6em;
  margin-top: 1.8em;
}

.prose-xl :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-xl :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-xl :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose-xl :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-xl :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-radius: 0.3125rem;
  font-size: 0.9em;
  padding-bottom: 0.25em;
  padding-inline-end: 0.4em;
  padding-inline-start: 0.4em;
  padding-top: 0.25em;
}

.prose-xl :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.9em;
}

.prose-xl :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8611111em;
}

.prose-xl :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.9em;
}

.prose-xl :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-radius: 0.5rem;
  font-size: 0.9em;
  line-height: 1.7777778;
  margin-bottom: 2em;
  margin-top: 2em;
  padding-bottom: 1.1111111em;
  padding-inline-end: 1.3333333em;
  padding-inline-start: 1.3333333em;
  padding-top: 1.1111111em;
}

.prose-xl :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.2em;
  margin-top: 1.2em;
  padding-inline-start: 1.6em;
}

.prose-xl :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.2em;
  margin-top: 1.2em;
  padding-inline-start: 1.6em;
}

.prose-xl :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.6em;
  margin-top: 0.6em;
}

.prose-xl :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.4em;
}

.prose-xl :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.4em;
}

.prose-xl :where(.prose-xl > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.8em;
  margin-top: 0.8em;
}

.prose-xl
  :where(.prose-xl > ul > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.2em;
}

.prose-xl
  :where(.prose-xl > ul > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.2em;
}

.prose-xl
  :where(.prose-xl > ol > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.2em;
}

.prose-xl
  :where(.prose-xl > ol > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.2em;
}

.prose-xl
  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.8em;
  margin-top: 0.8em;
}

.prose-xl :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.2em;
  margin-top: 1.2em;
}

.prose-xl :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.2em;
}

.prose-xl :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0.6em;
  padding-inline-start: 1.6em;
}

.prose-xl :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2.8em;
  margin-top: 2.8em;
}

.prose-xl :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-xl :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-xl :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-xl :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-xl :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.9em;
  line-height: 1.5555556;
}

.prose-xl :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.8888889em;
  padding-inline-end: 0.6666667em;
  padding-inline-start: 0.6666667em;
}

.prose-xl :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0;
}

.prose-xl :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-end: 0;
}

.prose-xl :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.8888889em;
  padding-inline-end: 0.6666667em;
  padding-inline-start: 0.6666667em;
  padding-top: 0.8888889em;
}

.prose-xl
  :where(tbody td:first-child, tfoot td:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-start: 0;
}

.prose-xl
  :where(tbody td:last-child, tfoot td:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-end: 0;
}

.prose-xl :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-xl :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose-xl :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.9em;
  line-height: 1.5555556;
  margin-top: 1em;
}

.prose-xl
  :where(.prose-xl > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-xl
  :where(.prose-xl > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
}

.prose-2xl {
  font-size: 1.5rem;
  line-height: 1.6666667;
}

.prose-2xl :where(p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.3333333em;
  margin-top: 1.3333333em;
}

.prose-2xl :where([class~='lead']):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.25em;
  line-height: 1.4666667;
  margin-bottom: 1.0666667em;
  margin-top: 1.0666667em;
}

.prose-2xl :where(blockquote):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.7777778em;
  margin-top: 1.7777778em;
  padding-inline-start: 1.1111111em;
}

.prose-2xl :where(h1):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 2.6666667em;
  line-height: 1;
  margin-bottom: 0.875em;
  margin-top: 0;
}

.prose-2xl :where(h2):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 2em;
  line-height: 1.0833333;
  margin-bottom: 0.8333333em;
  margin-top: 1.5em;
}

.prose-2xl :where(h3):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 1.5em;
  line-height: 1.2222222;
  margin-bottom: 0.6666667em;
  margin-top: 1.5555556em;
}

.prose-2xl :where(h4):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  line-height: 1.5;
  margin-bottom: 0.6666667em;
  margin-top: 1.6666667em;
}

.prose-2xl :where(img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-2xl :where(picture):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-2xl :where(picture > img):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose-2xl :where(video):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-2xl :where(kbd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-radius: 0.375rem;
  font-size: 0.8333333em;
  padding-bottom: 0.25em;
  padding-inline-end: 0.3333333em;
  padding-inline-start: 0.3333333em;
  padding-top: 0.25em;
}

.prose-2xl :where(code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8333333em;
}

.prose-2xl :where(h2 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.875em;
}

.prose-2xl :where(h3 code):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8888889em;
}

.prose-2xl :where(pre):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  border-radius: 0.5rem;
  font-size: 0.8333333em;
  line-height: 1.8;
  margin-bottom: 2em;
  margin-top: 2em;
  padding-bottom: 1.2em;
  padding-inline-end: 1.6em;
  padding-inline-start: 1.6em;
  padding-top: 1.2em;
}

.prose-2xl :where(ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.3333333em;
  margin-top: 1.3333333em;
  padding-inline-start: 1.5833333em;
}

.prose-2xl :where(ul):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.3333333em;
  margin-top: 1.3333333em;
  padding-inline-start: 1.5833333em;
}

.prose-2xl :where(li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.prose-2xl :where(ol > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.4166667em;
}

.prose-2xl :where(ul > li):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0.4166667em;
}

.prose-2xl
  :where(.prose-2xl > ul > li p):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.8333333em;
  margin-top: 0.8333333em;
}

.prose-2xl
  :where(.prose-2xl > ul > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.3333333em;
}

.prose-2xl
  :where(.prose-2xl > ul > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.3333333em;
}

.prose-2xl
  :where(.prose-2xl > ol > li > p:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-top: 1.3333333em;
}

.prose-2xl
  :where(.prose-2xl > ol > li > p:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  margin-bottom: 1.3333333em;
}

.prose-2xl
  :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0.6666667em;
  margin-top: 0.6666667em;
}

.prose-2xl :where(dl):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 1.3333333em;
  margin-top: 1.3333333em;
}

.prose-2xl :where(dt):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 1.3333333em;
}

.prose-2xl :where(dd):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.5833333em;
}

.prose-2xl :where(hr):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 3em;
  margin-top: 3em;
}

.prose-2xl :where(hr + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-2xl :where(h2 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-2xl :where(h3 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-2xl :where(h4 + *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-2xl :where(table):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8333333em;
  line-height: 1.4;
}

.prose-2xl :where(thead th):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.8em;
  padding-inline-end: 0.6em;
  padding-inline-start: 0.6em;
}

.prose-2xl :where(thead th:first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-start: 0;
}

.prose-2xl :where(thead th:last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-inline-end: 0;
}

.prose-2xl :where(tbody td, tfoot td):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  padding-bottom: 0.8em;
  padding-inline-end: 0.6em;
  padding-inline-start: 0.6em;
  padding-top: 0.8em;
}

.prose-2xl
  :where(tbody td:first-child, tfoot td:first-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-start: 0;
}

.prose-2xl
  :where(tbody td:last-child, tfoot td:last-child):not(
    :where([class~='not-prose'], [class~='not-prose'] *)
  ) {
  padding-inline-end: 0;
}

.prose-2xl :where(figure):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 2em;
  margin-top: 2em;
}

.prose-2xl :where(figure > *):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
  margin-top: 0;
}

.prose-2xl :where(figcaption):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  font-size: 0.8333333em;
  line-height: 1.6;
  margin-top: 1em;
}

.prose-2xl
  :where(.prose-2xl > :first-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-top: 0;
}

.prose-2xl
  :where(.prose-2xl > :last-child):not(:where([class~='not-prose'], [class~='not-prose'] *)) {
  margin-bottom: 0;
}

.prose-slate {
  --tw-prose-body: #334155;
  --tw-prose-headings: #0f172a;
  --tw-prose-lead: #475569;
  --tw-prose-links: #0f172a;
  --tw-prose-bold: #0f172a;
  --tw-prose-counters: #64748b;
  --tw-prose-bullets: #cbd5e1;
  --tw-prose-hr: #e2e8f0;
  --tw-prose-quotes: #0f172a;
  --tw-prose-quote-borders: #e2e8f0;
  --tw-prose-captions: #64748b;
  --tw-prose-kbd: #0f172a;
  --tw-prose-kbd-shadows: 15 23 42;
  --tw-prose-code: #0f172a;
  --tw-prose-pre-code: #e2e8f0;
  --tw-prose-pre-bg: #1e293b;
  --tw-prose-th-borders: #cbd5e1;
  --tw-prose-td-borders: #e2e8f0;
  --tw-prose-invert-body: #cbd5e1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #94a3b8;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #94a3b8;
  --tw-prose-invert-bullets: #475569;
  --tw-prose-invert-hr: #334155;
  --tw-prose-invert-quotes: #f1f5f9;
  --tw-prose-invert-quote-borders: #334155;
  --tw-prose-invert-captions: #94a3b8;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #cbd5e1;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #475569;
  --tw-prose-invert-td-borders: #334155;
}

.prose-gray {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
}

.prose-zinc {
  --tw-prose-body: #3f3f46;
  --tw-prose-headings: #18181b;
  --tw-prose-lead: #52525b;
  --tw-prose-links: #18181b;
  --tw-prose-bold: #18181b;
  --tw-prose-counters: #71717a;
  --tw-prose-bullets: #d4d4d8;
  --tw-prose-hr: #e4e4e7;
  --tw-prose-quotes: #18181b;
  --tw-prose-quote-borders: #e4e4e7;
  --tw-prose-captions: #71717a;
  --tw-prose-kbd: #18181b;
  --tw-prose-kbd-shadows: 24 24 27;
  --tw-prose-code: #18181b;
  --tw-prose-pre-code: #e4e4e7;
  --tw-prose-pre-bg: #27272a;
  --tw-prose-th-borders: #d4d4d8;
  --tw-prose-td-borders: #e4e4e7;
  --tw-prose-invert-body: #d4d4d8;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #a1a1aa;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #a1a1aa;
  --tw-prose-invert-bullets: #52525b;
  --tw-prose-invert-hr: #3f3f46;
  --tw-prose-invert-quotes: #f4f4f5;
  --tw-prose-invert-quote-borders: #3f3f46;
  --tw-prose-invert-captions: #a1a1aa;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d4d4d8;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #52525b;
  --tw-prose-invert-td-borders: #3f3f46;
}

.prose-neutral {
  --tw-prose-body: #404040;
  --tw-prose-headings: #171717;
  --tw-prose-lead: #525252;
  --tw-prose-links: #171717;
  --tw-prose-bold: #171717;
  --tw-prose-counters: #737373;
  --tw-prose-bullets: #d4d4d4;
  --tw-prose-hr: #e5e5e5;
  --tw-prose-quotes: #171717;
  --tw-prose-quote-borders: #e5e5e5;
  --tw-prose-captions: #737373;
  --tw-prose-kbd: #171717;
  --tw-prose-kbd-shadows: 23 23 23;
  --tw-prose-code: #171717;
  --tw-prose-pre-code: #e5e5e5;
  --tw-prose-pre-bg: #262626;
  --tw-prose-th-borders: #d4d4d4;
  --tw-prose-td-borders: #e5e5e5;
  --tw-prose-invert-body: #d4d4d4;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #a3a3a3;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #a3a3a3;
  --tw-prose-invert-bullets: #525252;
  --tw-prose-invert-hr: #404040;
  --tw-prose-invert-quotes: #f5f5f5;
  --tw-prose-invert-quote-borders: #404040;
  --tw-prose-invert-captions: #a3a3a3;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d4d4d4;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #525252;
  --tw-prose-invert-td-borders: #404040;
}

.prose-stone {
  --tw-prose-body: #44403c;
  --tw-prose-headings: #1c1917;
  --tw-prose-lead: #57534e;
  --tw-prose-links: #1c1917;
  --tw-prose-bold: #1c1917;
  --tw-prose-counters: #78716c;
  --tw-prose-bullets: #d6d3d1;
  --tw-prose-hr: #e7e5e4;
  --tw-prose-quotes: #1c1917;
  --tw-prose-quote-borders: #e7e5e4;
  --tw-prose-captions: #78716c;
  --tw-prose-kbd: #1c1917;
  --tw-prose-kbd-shadows: 28 25 23;
  --tw-prose-code: #1c1917;
  --tw-prose-pre-code: #e7e5e4;
  --tw-prose-pre-bg: #292524;
  --tw-prose-th-borders: #d6d3d1;
  --tw-prose-td-borders: #e7e5e4;
  --tw-prose-invert-body: #d6d3d1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #a8a29e;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #a8a29e;
  --tw-prose-invert-bullets: #57534e;
  --tw-prose-invert-hr: #44403c;
  --tw-prose-invert-quotes: #f5f5f4;
  --tw-prose-invert-quote-borders: #44403c;
  --tw-prose-invert-captions: #a8a29e;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d6d3d1;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #57534e;
  --tw-prose-invert-td-borders: #44403c;
}

.prose-red {
  --tw-prose-links: #dc2626;
  --tw-prose-invert-links: #ef4444;
}

.prose-orange {
  --tw-prose-links: #ea580c;
  --tw-prose-invert-links: #f97316;
}

.prose-amber {
  --tw-prose-links: #d97706;
  --tw-prose-invert-links: #f59e0b;
}

.prose-yellow {
  --tw-prose-links: #ca8a04;
  --tw-prose-invert-links: #eab308;
}

.prose-lime {
  --tw-prose-links: #65a30d;
  --tw-prose-invert-links: #84cc16;
}

.prose-green {
  --tw-prose-links: #16a34a;
  --tw-prose-invert-links: #22c55e;
}

.prose-emerald {
  --tw-prose-links: #059669;
  --tw-prose-invert-links: #10b981;
}

.prose-teal {
  --tw-prose-links: #0d9488;
  --tw-prose-invert-links: #14b8a6;
}

.prose-cyan {
  --tw-prose-links: #0891b2;
  --tw-prose-invert-links: #06b6d4;
}

.prose-sky {
  --tw-prose-links: #0284c7;
  --tw-prose-invert-links: #0ea5e9;
}

.prose-blue {
  --tw-prose-links: #2563eb;
  --tw-prose-invert-links: #3b82f6;
}

.prose-indigo {
  --tw-prose-links: #4f46e5;
  --tw-prose-invert-links: #6366f1;
}

.prose-violet {
  --tw-prose-links: #7c3aed;
  --tw-prose-invert-links: #8b5cf6;
}

.prose-purple {
  --tw-prose-links: #9333ea;
  --tw-prose-invert-links: #a855f7;
}

.prose-fuchsia {
  --tw-prose-links: #c026d3;
  --tw-prose-invert-links: #d946ef;
}

.prose-pink {
  --tw-prose-links: #db2777;
  --tw-prose-invert-links: #ec4899;
}

.prose-rose {
  --tw-prose-links: #e11d48;
  --tw-prose-invert-links: #f43f5e;
}

.prose-invert {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}

.prose {
  max-width: 100%;
}

.gradient-icon-pulse {
  animation: pulse 1.75s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.records-datatable tr.data-table-row:hover {
  z-index: 6;
}

.crowdscore-overwatch-note {
  background-color: var(--surface-lg);
  border: 1px solid var(--lines-dark);
  border-radius: var(--border-radius);
  margin-top: var(--space-2);
  overflow: hidden;
  position: relative;
}

.crowdscore-overwatch-note::after {
  bottom: 0;
  box-shadow: var(--shadow-md);
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.crowdscore-property-row {
  display: grid;
  grid-template-columns: 2fr 8fr 2fr;
}

.crowdscore-property-row > * {
  min-width: 0;
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}

.crowdscore-property-row + .crowdscore-property-row {
  margin-top: var(--space-2);
}

.crowdscore-property-row__heading {
  color: var(--titles-and-attributes);
  margin-top: var(--space-2);
}

.crowdscore-property-row__toggle {
  align-items: center;
  background-color: transparent;
  color: var(--titles-and-attributes);
  display: flex;
  position: relative;
  top: var(--space-2);
}

.crowdscore-collapsed-row {
  border-bottom: 1px solid var(--surface-inner);
}

.crowdscore-split-column {
  display: grid;
  grid-column-gap: var(--space-2);
  grid-template-columns: 1fr 1fr;
}

/* Note: Advanced date range - For consistent Radio button styles within facets */
input[data-test-selector='all-options'] {
  appearance: auto;
  background-color: initial;
  border-radius: 0;
  height: 14px;
  outline: none;
  width: 16px;
}

/* Note: Advanced date range - remove extra padding to expand the hover to full width */
div[data-control] {
  padding: 0;
}

/* Advanced date range - hiding group.RadioField's default inner check */
[data-test-selector='adr-relative-options'] div.bg-surface-inner.pointer-events-none {
  background: none;
}

/* This is necessary for the  tooltip to overlap outside the modal. Its related to
a bug when there is a velcro inside another velcro.

TODO: remove when we move to ember-velcro or a fix to branch 2.x is made:
https://github.com/floating-ui/floating-ui/issues/1867#issuecomment-1314216276
 */
[data-test-selector='adr-wrapper'] [data-popper-reference-hidden] {
  opacity: 1;
  pointer-events: auto;
}

/* Note: Advanced score range - For consistent Radio button styles within facets */
input[data-test-selector='all-options'] {
  appearance: auto;
  background-color: initial;
  border-radius: 0;
  height: 14px;
  outline: none;
  width: 16px;
}

/* Note: Advanced score range - remove extra padding to expand the hover to full width */
div[data-control] {
  padding: 0;
}

/* Advanced score range - hiding group.RadioField's default inner check */
[data-test-selector='adr-relative-options'] div.bg-surface-inner.pointer-events-none {
  background: none;
}

/* This is necessary for the  tooltip to overlap outside the modal. Its related to
a bug when there is a velcro inside another velcro.

TODO: remove when we move to ember-velcro or a fix to branch 2.x is made:
https://github.com/floating-ui/floating-ui/issues/1867#issuecomment-1314216276
 */
[data-test-selector='adr-wrapper'] [data-popper-reference-hidden] {
  opacity: 1;
  pointer-events: auto;
}

.data-filters-value-item:hover .data-filters-value-item__excluded,
.data-filters-value-item:hover .data-filters-value-item__exclude,
.data-filters-value-item:focus-within .data-filters-value-item__excluded,
.data-filters-value-item:focus-within .data-filters-value-item__exclude {
  display: flex;
}

.data-filters-value-item:hover .data-filters-value-item__excluded:focus,
.data-filters-value-item:hover .data-filters-value-item__excluded:hover,
.data-filters-value-item:hover .data-filters-value-item__exclude:focus,
.data-filters-value-item:hover .data-filters-value-item__exclude:hover,
.data-filters-value-item:focus-within .data-filters-value-item__excluded:focus,
.data-filters-value-item:focus-within .data-filters-value-item__excluded:hover,
.data-filters-value-item:focus-within .data-filters-value-item__exclude:focus,
.data-filters-value-item:focus-within .data-filters-value-item__exclude:hover {
  color: var(--positive);
  outline: none;
}

.data-filters-value-item:hover .data-filters-value-item__count,
.data-filters-value-item:focus-within .data-filters-value-item__count {
  display: none;
}

@keyframes data-filters-spin-key-frames {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.data-filters-spin {
  animation-duration: 0.7s;
  animation-iteration-count: infinite;
  animation-name: data-filters-spin-key-frames;
  animation-timing-function: linear;
}

.time-scrub-popover {
  min-width: 424px;
}

/* We can't do this arbitrary height in tailwind :( */
.data-filters-chart {
  height: 13px;
  padding-left: 6px;
  padding-right: 6px;
}

/* We can't specify a width this small in tailwind */
.data-filters-bar {
  width: 3px;
}

/* We don't have a small enough gap to be able to use the stack class directly :( */
.data-filters-bar + .data-filters-bar {
  margin-left: 2px;
}

/* we don't have a variable for the skrim colour */
.data-filters-skrim {
  background: linear-gradient(0deg, var(--surface-2xl) 0%, var(--surface-2xl-1) 60%);
}

/*
Copy of toucan/packages/styleguide-support/app/styles/@crowdstrike/hljs-theme.css
In waiting for this file to be exposed
*/

.hljs-comment,
.hljs-quote {
  color: var(--body-and-labels);
}

.hljs-class {
  color: var(--destructive-hover);
}

.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-deletion {
  color: var(--high);
}

.hljs-variable {
  color: var(--positive);
}

.hljs-literal,
.hljs-type,
.hljs-meta,
.hljs-link {
  color: var(--critical);
}
.hljs-built_in,
.hljs-builtin-name {
  color: var(--graph-5);
}

.hljs-number {
  color: var(--process-operations);
}

.hljs-template-variable,
.hljs-params {
  color: var(--graph-4);
}

.hljs-function {
  color: var(--graph-7);
}

/**
 * <Link @href="" />
 * ^
 */
.hljs-tag {
  color: var(--text-and-icons);
}

/**
 * <Link @href="" />
 *        ^
 */
.hljs-attr {
  color: var(--positive);
}

.hljs-attribute {
  color: var(--positive);
}

/**
 * <Link @href="str" />
 *              ^
 */
.hljs-string {
  color: var(--code-text);
}
/**
 * `text 'sub str'`
 *        ^
 */
.hljs-subst {
  color: var(--code-base-64);
}

/**
 * obj.property
 *     ^
 */
.hljs-property {
  color: var(--graph-11);
}

.hljs-title.function_ {
  color: var(--graph-5);
}

.hljs-symbol,
.hljs-bullet,
.hljs-addition {
  color: var(--positive);
}

.hljs-title,
.hljs-section {
  color: var(--graph-2);
}

.hljs-keyword,
.hljs-selector-tag {
  color: var(--high);
}

pre .hljs,
pre.hljs > code {
  display: block;
  line-height: var(--space-5);
  overflow-x: auto;
  padding: var(--space-2);
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.inline-icon-sized-image {
  display: inline-block;
  height: 1em;
  vertical-align: baseline;
}

.cms-code-block {
  background: var(--code-bg);
  border: 1px solid var(--code-outline);
  border-radius: 4px;
  color: var(--code-text);
  font-size: 14px;
  margin: 1px 0;
}

.cms-code-block > code {
  border: 0;
  margin: 0;
  padding: 0;
  word-break: break-word;
}

.cms-code-block > code > pre {
  padding: 4px;
  white-space: break-spaces;
}

.doc-as-code-renderer blockquote {
  background: var(--code-bg);
  border: 1px solid var(--code-outline);
  border-radius: 4px;
  color: var(--code-text);
  margin: 1rem 2rem 0;
  padding: 4px;
}

.doc-as-code-renderer cms-link {
  display: inline-block;
}

.doc-as-code-renderer code {
  font-size: 0.8125em;
}

.doc-as-code-renderer code pre {
  font-size: 1.225em;
}

.linux-kernel-data-table tr:nth-child(odd) td:not(.empty-state) {
  background-color: var(--surface-md);
}

.ontology-event-platform-grid .rotated-platform-header {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}

.cms-list {
  margin-left: 2rem;
}
.cms-list .cms-list {
  margin-left: 1.25rem;
}

.cms-list li {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

ol.cms-list {
  list-style-type: decimal;
}

ol.cms-list ol.cms-list {
  list-style-type: lower-alpha;
}
ol.cms-list ol.cms-list ol.cms-list {
  list-style: lower-roman;
}

ul.cms-list {
  list-style-type: disc;
}
ul.cms-list ul.cms-list {
  list-style-type: circle;
}
ul.cms-list ul.cms-list ul.cms-list {
  list-style-type: square;
}

/* CSS for the cms-tile custom component and the associated wrapper on the homepage */

.doc-as-code-renderer > ul.cms-tiles {
  list-style: none;
  padding: 0;
}

.doc-as-code-renderer > ul.cms-tiles a {
  text-decoration: none;
}

ul.cms-tiles {
  align-items: stretch;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin-bottom: 1rem;
  margin-left: 0;
}

ul.cms-tiles > li {
  margin: 0;
}

/* Force tiles to stretch vertically to full height */

ul.cms-tiles > li > * {
  display: block;
  height: 100%;
}

/* Reset link underlines in cms-tile components */

.cms-tile > a,
.cms-tile > a > div > div > a {
  text-decoration: none !important;
}

cms-image-lightbox button {
  max-width: 21rem;
}
#cmsImageLightboxModal .falcon-modal__dialog {
  width: unset;
}
#cmsImageLightboxModal cms-image > img {
  object-fit: contain;
}

/* Provides outline focus for the cms-ontology-search-widget */
.focus-within\:ontology-search-widget-search-form-focus-outline:focus-within {
  --tw-shadow: inset 0 0 0 2px var(--focus);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/*
  Trial-bar is a special snow-flake.

  These styles are purposefully not using the swatches
  (or any variables) so they don’t change with the theme.

  Do not use colors that change with the theme.
*/

.falcon-app__trial-bar {
  background-color: #ed181f;
}

.falcon-app__trial-bar .falcon-app__link {
  color: #fff;
}

.falcon-app__trial-bar .falcon-app__link:hover {
  color: #000;
}

.falcon-app__trial-bar .falcon-app__link:focus {
  color: #000;
}

.falcon-app__trial-bar .falcon-app__message {
  color: #fff;
}

.falcon-app__trial-bar .falcon-app__button {
  background-color: #fff;
  color: #000;
  width: 128px;
}

.falcon-app__trial-bar .falcon-app__button:hover {
  background-color: #000;
  color: #fff;
}

.falcon-app__trial-bar .falcon-app__button:focus {
  background-color: #000;
  box-shadow: inset 0 0 0 2px #1c9cfe;
  color: #fff;
}

.falcon-app__nav-popout-content {
  width: 272px;
}

.summary-only .cm-content {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  width: 100%;
  padding: 0 !important;
  margin-bottom: -3px;
}

.summary-only .cm-content .cm-line {
  display: inline !important;
  padding: 0 !important;
}

.selected-tab {
  border-left-color: var(--focus) !important;
}

.updated-height .cm-editor {
  height: 170px;
}

.expanded-editor-height .cm-editor {
  height: unset;
  max-height: unset;
}

.updated-hover:hover {
  background-color: var(--overlay-10) !important
}

.expanded-view {
  position: fixed;
  top: 3.5rem;
  left: 3.5rem;
  width: calc(100% - 7rem);
  height: calc(100% - 7rem);
  z-index: 2000;
}

.overlay-z {
  z-index: 2000;
}

:root {
  --graphical-event-search-height: 0;
  --query-builder-height: 0;
  --query-response-stats-bar: 0;
  --bottom-bar: 0;
  --top-bar: 0;
  --query-management-bar: 0;
  --rules-area: 205px;
}

.border-lines-medium {
  border-color: var(--disabled);
}

.cursor-ns-resize {
  cursor: ns-resize;
}

.h-rules-area {
  height: var(--rules-area);
}

.h-response-table {
  height: calc(
    var(--graphical-event-search-height) - var(--query-builder-height) -
      var(--query-response-stats-bar)
  );
}

.outline-separator-and {
  outline: 1px solid var(--medium);
}

.outline-separator-or {
  outline: 1px solid var(--positive);
}

.w-lines {
  width: 50px !important;
}

.tooltip-task-type {
  border-color: var(--graph-3);
  padding: 2px 6px;
}

.f4it-onboarding-modal .falcon-modal__dialog img {
  border: 1px solid var(--titles-and-attributes);
  border-radius: 0.125rem;
}

/**
 * NOTE: this is unconventional, and should not be done.
 *
 * We had to do it for card-list because ember-sortable does not (yet)
 * provide the APIs for adding classes like this.
 *
 * We'll be fixing that as we adopt ember-sortable's maintenance.
 * (and then this file can be deleted)
 */

.draggable-card-list .is-dragging {
  z-index: var(--z-index-overlay);
}
.draggable-card-list .is-dragging > div {
  --tw-shadow: var(--elevation-xl);
}

.draggable-card-list .is-activated > div {
  border: 2px solid var(--positive);
}

.draggable-card-list .is-dragging > div,
.draggable-card-list .is-dragging > div:hover {
  background-color: var(--surface-xl);
}

/* CardList variant MINIMAL */
.card-list-variant-minimal .card-list {
  gap: 0;

  /* Header */
  & [role='rowgroup']:first-child [role='row'] > div {
    background-color: var(--surface-base);
    border-width: 0;
    box-shadow: none;
    & [role='columnheader'] span {
      color: var(--body-and-labels);
    }
  }

  /* Entries */
  & [role='rowgroup']:nth-child(2) {
    gap: 0;
    & [role='row'] {
      border: 0;
      border-radius: 0;
      box-shadow: none;
      & > div {
        background-color: var(--surface-base);
        border-color: var(--lines-light);
        border-radius: 0;
        border-width: 2px 0 0 0;
        box-shadow: none;
      }
    }
  }
}

/* TODO: Convert to tailwind and remove this file */

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.falcon-spinner {
  --spinner-size-small: 20px;
  --spinner-size-medium: 40px;
  --spinner-size-large: 64px;

  display: inline-block;
}

.falcon-spinner::after {
  animation: spinner 1s linear infinite;
  border-radius: 50%;
  content: ' ';
  display: block;
}

.falcon-spinner--s {
  height: var(--spinner-size-small);
  width: var(--spinner-size-small);
}

.falcon-spinner--s::after {
  height: var(--spinner-size-small);
  width: var(--spinner-size-small);
}

.falcon-spinner--m {
  height: var(--spinner-size-medium);
  width: var(--spinner-size-medium);
}

.falcon-spinner--m::after {
  height: var(--spinner-size-medium);
  width: var(--spinner-size-medium);
}

.falcon-spinner--l {
  height: var(--spinner-size-large);
  width: var(--spinner-size-large);
}

.falcon-spinner--l::after {
  height: var(--spinner-size-large);
  width: var(--spinner-size-large);
}

.falcon-spinner--color-12::after {
  border: 1px solid var(--ground-floor);
  border-color: var(--ground-floor) transparent var(--ground-floor) transparent;
}

.falcon-spinner--color-2::after {
  border: 1px solid var(--primary-idle);
  border-color: var(--primary-idle) transparent var(--primary-idle) transparent;
}

.falcon-spinner--color-5::after {
  border: 1px solid var(--body-and-labels);
  border-color: var(--body-and-labels) transparent var(--body-and-labels) transparent;
}

/* TODO: Convert to tailwind and remove this file */

.falcon-tooltip {
  --arrow-width: 10px;
}

.falcon-tooltip__arrow,
.falcon-tooltip__arrow::before {
  height: var(--arrow-width);
  position: absolute;
  width: var(--arrow-width);
  z-index: -1;
}

.falcon-tooltip__arrow::before {
  background: var(--surface-2xl);
  content: '';
  left: 0;
  transform: rotate(45deg);
}

.falcon-tooltip[data-popper-placement^='top'] > .falcon-tooltip__arrow {
  bottom: calc(-1 * var(--arrow-width) / 2);
}

.falcon-tooltip[data-popper-placement^='bottom'] > .falcon-tooltip__arrow {
  top: calc(-1 * var(--arrow-width) / 2);
}

.falcon-tooltip[data-popper-placement^='left'] > .falcon-tooltip__arrow {
  right: calc(-1 * var(--arrow-width) / 2);
}

.falcon-tooltip[data-popper-placement^='right'] > .falcon-tooltip__arrow {
  left: calc(-1 * var(--arrow-width) / 2);
}

/* cell: active > default */
.data-table-cell.active {
  background:
    linear-gradient(var(--surface-2xl), var(--surface-2xl)),
    linear-gradient(var(--surface-md), var(--surface-md));
}

/* cell: selected > default */
.data-table-cell.selected {
  background:
    linear-gradient(var(--selected), var(--selected)),
    linear-gradient(var(--surface-md), var(--surface-md));
}

/* cell: active > info-panel, striped */
.info-panel .data-table-row:nth-child(1 + 2n) .data-table-cell.active {
  background:
    linear-gradient(var(--surface-2xl), var(--surface-2xl)),
    linear-gradient(var(--overlay-0\.5), var(--overlay-0\.5)),
    linear-gradient(var(--surface-inner), var(--surface-inner));
}

/* row: checked > info-panel, striped */
.info-panel .data-table-row:nth-child(1 + 2n) .data-table-cell.selected {
  background:
    linear-gradient(var(--selected), var(--selected)),
    linear-gradient(var(--overlay-0\.5), var(--overlay-0\.5)),
    linear-gradient(var(--surface-inner), var(--surface-inner));
}

/* row: selected > info-panel, striped, isHover */
.info-panel .hover\:data-table-row:nth-child(1 + 2n):hover .hover\:data-table-cell.active {
  background:
    linear-gradient(var(--surface-lg), var(--surface-lg)),
    linear-gradient(var(--surface-2xl), var(--surface-2xl)),
    linear-gradient(var(--overlay-0\.5), var(--overlay-0\.5)),
    linear-gradient(var(--surface-inner), var(--surface-inner));
}

.toucan-data-table-scrim {
  position: relative;
}

.toucan-data-table-scrim::after {
  background: linear-gradient(var(--overlay-0\.5), var(--overlay-0\.5));
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

/* cell: default, isHover  */
.hover\:data-table-row:hover .hover\:data-table-cell {
  background:
    linear-gradient(var(--surface-lg), var(--surface-lg)),
    linear-gradient(var(--surface-md), var(--surface-md));
}

/* cell: default  */
.data-table-row .data-table-cell:not(.active, .selected) {
  background: linear-gradient(var(--surface-md), var(--surface-md));
}

/* cell: active > hover */
.data-table-row:hover .hover\:data-table-cell.active {
  background:
    linear-gradient(var(--surface-2xl), var(--surface-2xl)),
    linear-gradient(var(--surface-md), var(--surface-md));
}

/* cell: selected > hover */
.data-table-row:hover .hover\:data-table-cell.selected {
  background:
    linear-gradient(var(--selected), var(--selected)),
    linear-gradient(var(--surface-lg), var(--surface-lg)),
    linear-gradient(var(--surface-md), var(--surface-md));
}

/* cell: active+ selected > hover */
.data-table-row:hover .hover\:data-table-cell.selected.active {
  background:
    linear-gradient(var(--selected), var(--selected)),
    linear-gradient(var(--surface-2xl), var(--surface-2xl));
}

/* cell: default, striped */
.data-table-row:not(.inactive):nth-child(2n) .data-table-cell:not(.active, .selected) {
  background:
    linear-gradient(var(--overlay-0\.5), var(--overlay-0\.5)),
    linear-gradient(var(--surface-md), var(--surface-md));
}

/* cell: default, isHover, striped */
.data-table-row:nth-child(2n):hover .hover\:data-table-cell:not(.active, .selected) {
  background:
    linear-gradient(var(--surface-lg), var(--surface-lg)),
    linear-gradient(var(--surface-md), var(--surface-md));
}

.toucan-form-falcon-calendar {
  background-color: var(--surface-2xl);
  border: 1px solid var(--surface-inner);
  margin-top: var(--space-3);
  max-width: 332px;
}

.toucan-form-falcon-calendar .ember-power-calendar {
  padding: var(--space-3);
}

.toucan-form-falcon-calendar .ember-power-calendar-row,
.toucan-form-falcon-calendar .ember-power-calendar-day-grid {
  display: grid;
}

.toucan-form-falcon-calendar .ember-power-calendar-row {
  grid-template-columns: repeat(7, 14.3% [col-start]);
}

.toucan-form-falcon-calendar .ember-power-calendar-day,
.toucan-form-falcon-calendar .ember-power-calendar-weekday {
  padding: var(--space-3);
}

.toucan-form-falcon-calendar .ember-power-calendar-weekdays {
  text-align: center;
}

.toucan-form-falcon-calendar .ember-power-calendar-day--other-month {
  visibility: hidden;
}

.toucan-form-falcon-calendar .ember-power-calendar-day[disabled] {
  color: var(--disabled);
  cursor: default;
}

.toucan-form-falcon-calendar .ember-power-calendar-day[disabled]:hover {
  background-color: transparent;
}

.toucan-form-falcon-calendar .ember-power-calendar-day:hover {
  background-color: var(--overlay-1);
  border-radius: var(--border-radius);
  transition: background-color 0.15s ease-out;
}

.toucan-form-falcon-calendar .ember-power-calendar-day--selected,
.toucan-form-falcon-calendar .ember-power-calendar-day--range-end,
.toucan-form-falcon-calendar .ember-power-calendar-day--range-start,
.toucan-form-falcon-calendar .ember-power-calendar-day--selected:hover,
.toucan-form-falcon-calendar .ember-power-calendar-day--range-end:hover,
.toucan-form-falcon-calendar .ember-power-calendar-day--range-start:hover {
  background-color: var(--primary-idle);
  border-radius: var(--border-radius);
  color: var(--ground-floor);
}

.toucan-form-falcon-calendar .toucan-form-falcon-calendar-nav {
  border-bottom: 1px solid var(--surface-inner);
  color: var(--titles-and-attributes);
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-3);
  text-align: center;
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-row,
.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day-grid {
  display: grid;
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day-grid {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-row {
  grid-template-columns: repeat(7, 14.3% [col-start]);
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day {
  color: var(--titles-and-attributes);
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-weekday {
  color: var(--body-and-labels);
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day,
.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-weekday {
  margin: var(--space-1) 0;
  padding: var(--space-3);
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-weekdays {
  text-align: center;
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day--other-month {
  visibility: hidden;
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day[disabled] {
  color: var(--disabled);
  cursor: default;
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day[disabled]:hover {
  background-color: transparent;
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day:hover {
  background-color: var(--overlay-1);
  border-radius: var(--border-radius);
  transition: background-color 0.15s ease-out;
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day--selected {
  background-color: var(--overlay-1);
}

.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day--range-end,
.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day--range-start,
.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day--range-end[disabled],
.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day--range-start[disabled],
.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day--range-end:hover,
.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day--range-start:hover,
.toucan-form-falcon-calendar-range__calendar .ember-power-calendar-day--range-end[disabled]:hover,
.toucan-form-falcon-calendar-range__calendar
  .ember-power-calendar-day--range-start[disabled]:hover {
  background-color: var(--primary-idle);
  border-radius: var(--border-radius);
  color: var(--ground-floor);
}

/*
  We don't want the native Chrome time input menu,
  as it does not match with Toucan,
  and is inconsistent with other browsers
*/
.toucan-form-calendar-picker__range input[type='time']::-webkit-calendar-picker-indicator {
  display: none;
}

.toucan-form-multirange {
  --background-color: var(--overlay-1);
  --range-color: var(--primary-idle);
  --size: 10px;
  margin-top: -6px;
}

/* Styles generated via http://danielstern.ca/range.css/ and tweaked... */
.toucan-form-multirange input[type='range'] {
  -webkit-appearance: none;
  background: none;
  height: 3px;
  margin: 6px 0;
}

.toucan-form-multirange input[type='range']:focus {
  outline: none;
}

/* For some reason multiselect tells you to set a CSS variable but then is so specific
that you need to override it like this :facepalm: */
.toucan-form-multirange input[type='range'].multirange.ghost {
  --range-color: var(--primary-idle);
}

.toucan-form-multirange input[type='range']::-webkit-slider-runnable-track {
  background: var(--background-color);
  height: 2px;
}

.toucan-form-multirange input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--range-color);
  border-radius: 50%;
  cursor: pointer;
  height: 12px;
  margin-top: -6px;
  width: 12px;
}

.toucan-form-multirange input[type='range']::-moz-range-track {
  background: var(--background-color);
  border: none;
  cursor: pointer;
  height: 2px;
}

.toucan-form-multirange input[type='range']::-moz-range-thumb {
  background: var(--range-color);
  border-radius: 50%;
  cursor: pointer;
  height: 12px;
  width: 12px;
}

/* Overrides for the "middle" track */
.toucan-form-multirange input[type='range'].multirange.middle::-webkit-slider-thumb {
  border-radius: 0;
  height: 12px;
  margin-top: -6px;
}

.toucan-form-multirange input[type='range'].multirange.middle::-moz-range-thumb {
  border-radius: 0;
  height: 12px;
}

.screen {
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 200ms;
}

.screen__toggle-play {
  align-items: center;
  background: var(--normal-idle);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  left: 50%;
  opacity: 0;
  padding: 1em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 200ms;
}

.controls {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.bottom-controls {
  bottom: 0;
  display: inline-flex;
  position: absolute;
  transform: translateY(100%);
  transition: transform 200ms;
  width: 100%;
}

.bottom-controls__scrubber {
  background: rgba(0, 0, 0, 0.5);
  flex-shrink: 1;
  height: 32px;
  position: relative;
  width: 100%;
}

.bottom-controls__progress {
  background: rgba(255, 0, 0, 0.5);
  height: 100%;
  position: absolute;
  transform: scale(var(--progress), 1);
  transform-origin: left;
  width: 100%;
}

.bottom-controls__buffered-progress {
  background: rgba(255, 255, 255, 0.2);
  height: 100%;
  position: absolute;
  transform: scale(var(--buffered-progress), 1);
  transform-origin: left;
  width: 100%;
}

.toucan-video video {
  aspect-ratio: 16 / 9;
  height: auto;
  width: 100%;
}

.paused .screen {
  opacity: 1;
}

.paused .screen__toggle-play {
  opacity: 1;
  pointer-events: auto;
}

.toucan-video:focus-within .bottom-controls,
.toucan-video:hover .bottom-controls {
  transform: translateY(0);
}

/*
  TODO: normally this would not be needed, as <FalconButtonGroup> correctly sets up the button's styling using Tailwind classes when using the *yielded* button components.
  But when people use <FalconButtonGroup><FalconButton/></FalconButtonGroup> instead, the buttons do not apply the correct styling for being part of a group, so as a temporary
  workaround we have to continue to apply the old-school CSS overriding bits here to make the legacy way still work...
*/

.falcon-button-group button {
  border-radius: 0;
  flex: 1;
}

.falcon-button-group button:first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.falcon-button-group button:last-child {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

/* TODO: Convert to tailwind and remove this file */

.flash-messages__message {
  max-width: 800px;
  min-width: 300px;
}

/* TODO UXF-9542 remove when long-term fix for menu item alignment is resolved */
.falcon-menu-item--disabled > span {
  justify-content: flex-start;
}

/* TODO: Convert to tailwind and remove this file */

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.falcon-modal__dialog {
  animation-duration: 0.25s;
  animation-fill-mode: both;
  animation-name: fade-in;
}

.falcon-modal__dialog--xs {
  width: 400px;
}

.falcon-modal__dialog--sm {
  width: 480px;
}

.falcon-modal__dialog--md {
  width: 640px;
}

.falcon-modal__dialog--lg {
  width: 840px;
}

.falcon-modal__dialog--xl {
  width: 1280px;
}

/* TODO: Convert to tailwind and remove this file */

.patterned-background {
  background-image: var(--pattern-1);
  background-size: 80px;
}

.direction-rtl {
  direction: rtl;
}

:root {
  /* z-index */
  --z-index-flash-messages: 1200;
  --z-index-tooltip: 1100;
  --z-index-popover: 1050;
  --z-index-overlay: 1000;
  --z-index-overlay-loader: calc(var(--z-index-overlay) + 10);

  --z-index-popover-sticky: 900;
  --z-index-eyrie-save-bar-sticky: 750;

  --z-index-tablist: 700;
  --z-index-tabpanel: 600;
  --z-index-tabpanel-scrim: 601;

  --z-index-template-head: 550;
  --z-index-template-main-head-sticky: 300;
  --z-index-template-main-head: 200;
  --z-index-template-main: 100;
  --z-index-navigation-search: 601;

  --z-index-skip-to-content: 600;

  --z-index-dashboard-toolset: 150;

  /* spacing */
  --border-radius: 2px;
  --border-radius-l: 4px;
}

/* themes */
/* TODO: replace with new patterns when they are created, https://jira.cs.sys/browse/UXF-8184 */
/*.theme-dark {
  --pattern-1: url('https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/@crowdstrike/ui/images/dark/bg-tile-1-70cf1f33ad9cf0e968c692007a402148.png');
}

.theme-light {
  --pattern-1: url('https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/@crowdstrike/ui/images/light/bg-tile-1-f62733cfbcedde5da17683712bd81194.png');
}*/

/* fonts */
@font-face {
  font-family: 'Monaco';
  font-style: normal;
  font-weight: normal;
  src: url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/monaco.ba2709a5f1865cbcbb75.woff) format('woff');
}

@font-face {
  font-family: 'Calibre';
  font-style: normal;
  font-weight: 100;
  src:
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-thin.3d57a0dedce68a0e31e4.woff2) format('woff2'),
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-thin.29fdaf61b966b4823e3f.woff) format('woff');
}

@font-face {
  font-family: 'Calibre';
  font-style: italic;
  font-weight: 100;
  src:
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-thin-italic.3cf9d27383f730181e17.woff2) format('woff2'),
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-thin-italic.8f4d3074054050460202.woff) format('woff');
}

@font-face {
  font-family: 'Calibre';
  font-style: normal;
  font-weight: 200;
  src:
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-light.138652bd58a45d173d24.woff2) format('woff2'),
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-light.6abb3ff5f11ed075727b.woff) format('woff');
}

@font-face {
  font-family: 'Calibre';
  font-style: italic;
  font-weight: 200;
  src:
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-light-italic.741917cda199601ac916.woff2) format('woff2'),
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-light-italic.7dc027961eadc83472aa.woff) format('woff');
}

@font-face {
  font-family: 'Calibre';
  font-style: normal;
  font-weight: 400;
  src:
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-regular.36bd70e3a1bb0d396a29.woff2) format('woff2'),
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-regular.478ca7397f1c1a2c7977.woff) format('woff');
}

@font-face {
  font-family: 'Calibre';
  font-style: italic;
  font-weight: 400;
  src:
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-regular-italic.5a90a3c0debe42c56b91.woff2) format('woff2'),
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-regular-italic.727613f98113be2b53b9.woff) format('woff');
}

@font-face {
  font-family: 'Calibre';
  font-style: normal;
  font-weight: 500;
  src:
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-medium.b9a3b4ff06d17eeee336.woff2) format('woff2'),
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-medium.aa0bc9a898fe6f30edda.woff) format('woff');
}

@font-face {
  font-family: 'Calibre';
  font-style: italic;
  font-weight: 500;
  src:
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-medium-italic.aded262a5ece5912a48d.woff2) format('woff2'),
    url(https://assets-public.falcon.laggar.gcw.crowdstrike.com/login/assets/webpack/calibre-medium-italic.1d56c4e59ec25cf6a652.woff) format('woff');
}

/* typography */
body {
  font-family: Calibre, sans-serif;
}

strong {
  font-weight: 500;
}

time {
  font-family: Monaco, sans-serif;
  font-size: 12px;
  line-height: inherit;
}

/* while we only support chrome officially,
chrome is the only browser to have this feature,
and our designs are more cross-browser than we officially support

If other browsers add a search-cancel-button, this may need
to be re-evaluated */
input::-webkit-search-cancel-button {
  display: none;
}

.page-template__tabs ~ .h-main-content-area {
  height: calc(100vh - var(--template-head-height) - var(--template-head-sticky-height));
}

/*
Hides popovers when their reference element is scrolled out of view
https://popper.js.org/docs/v2/modifiers/hide/
[data-popper-reference-escaped] - hiding this will disable the `flip` modifier
which will break the falcon-popover when the viewport is small
[data-popper-reference-hidden] - breaks filters in the data-table, which gets covered
by the bulk actions bar in CI
*/
[data-popper-reference-hidden],
[data-popper-intersects-sticky] {
  opacity: 0;
  pointer-events: none;
}

/*
To be used with {{add-tooltip-class-on-hover "nested-velcro"}}
TODO: remove when we move to ember-velcro or a fix to branch 2.x is made:
https://github.com/floating-ui/floating-ui/issues/1867#issuecomment-1314216276
*/
[class*='nested-velcro'] [class*='falcon-tooltip'][data-popper-reference-hidden] {
  opacity: 1;
  pointer-events: auto;
}

/* temp fix for https://github.com/CrowdStrike/ember-toucan-core/issues/264 */
[data-test-selector='foundry-top-bar-dev-popover'] [role='switch'][aria-disabled='true'] > span {
  column-gap: 0;
  display: relative;
}

/* this lock icon appearing when the toggle is disabled causes an abrupt shift in the ui so removing from DOM flow */
[data-test-selector='foundry-top-bar-dev-popover']
  [role='switch'][aria-disabled='true']
  + [data-test-selector*='disabled-icon-container'] {
  position: absolute;
  right: 8px;
}