/* src/tailwind.css */
/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --radius-xs: 0.125rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-3xl: 1.5rem;
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-Ice-400: var(--ice-400);
    --color-Steel-50: var(--steel-50);
    --color-Steel-100: var(--steel-100);
    --color-Steel-500: var(--steel-500);
    --color-Steel-600: var(--steel-600);
    --color-Red-50: var(--red-50);
    --color-Red-500: var(--red-500);
    --color-Red-700: var(--red-700);
    --color-Orange-300: var(--orange-300);
    --color-Green-50: var(--green-50);
    --color-Green-700: var(--green-700);
    --color-global-primary: var(--ocean-500);
    --color-text-subtle: var(--steel-600);
    --color-text-brand: var(--ocean-500);
    --color-text-brand-strong: var(--ocean-700);
    --color-icon-brand: var(--ocean-500);
    --color-bg-brand: var(--ocean-500);
    --color-bg-subtle: var(--steel-50);
    --color-bg-dark: var(--slate-700);
    --color-border-default: var(--steel-100);
    --color-border-brand: var(--ocean-500);
    --color-status-danger-text: var(--red-500);
    --color-status-danger-border: var(--red-500);
    --color-status-caution-icon: var(--orange-500);
    --color-status-caution-bg-subtle: var(--orange-50);
    --color-nav-button-bg-active: var(--ice-200);
    --color-bg-default: var(--steel-50);
    --color-button-bg-primary-active: var(--ocean-700);
    --color-button-border-secondary: var(--steel-200);
    --color-input-text-active: var(--steel-800);
    --color-input-border-default: var(--steel-500);
    --color-input-text-placeholder: var(--steel-600);
    --color-card-bg-subtle: var(--ice-50);
    --color-card-bg-active: var(--ice-200);
    --color-indicator-bg-subtle: var(--ice-300);
    --color-decision-include-bg-default: var(--green-50);
    --color-decision-include-text-default: var(--green-700);
    --color-avatar-bg: var(--ocean-50);
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .collapse {
    visibility: collapse !important;
  }
  .invisible {
    visibility: hidden !important;
  }
  .visible {
    visibility: visible !important;
  }
  .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }
  .absolute {
    position: absolute !important;
  }
  .fixed {
    position: fixed !important;
  }
  .relative {
    position: relative !important;
  }
  .static {
    position: static !important;
  }
  .sticky {
    position: sticky !important;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0) !important;
  }
  .top-0 {
    top: calc(var(--spacing) * 0) !important;
  }
  .top-1\/2 {
    top: calc(1/2 * 100%) !important;
  }
  .right-0 {
    right: calc(var(--spacing) * 0) !important;
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0) !important;
  }
  .left-0 {
    left: calc(var(--spacing) * 0) !important;
  }
  .left-1\/2 {
    left: calc(1/2 * 100%) !important;
  }
  .z-0 {
    z-index: 0 !important;
  }
  .z-\[101\] {
    z-index: 101 !important;
  }
  .col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
  .container {
    width: 100% !important;
    @media (width >= 40rem) {
      max-width: 40rem !important;
    }
    @media (width >= 48rem) {
      max-width: 48rem !important;
    }
    @media (width >= 64rem) {
      max-width: 64rem !important;
    }
    @media (width >= 80rem) {
      max-width: 80rem !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * 0.5) !important;
  }
  .\!my-0 {
    margin-block: calc(var(--spacing) * 0) !important;
  }
  .-my-2 {
    margin-block: calc(var(--spacing) * -2) !important;
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0) !important;
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2) !important;
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4) !important;
  }
  .my-5 {
    margin-block: calc(var(--spacing) * 5) !important;
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6) !important;
  }
  .-mt-\[2rem\] {
    margin-top: calc(2rem * -1) !important;
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0) !important;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5) !important;
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1) !important;
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5) !important;
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2) !important;
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4) !important;
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5) !important;
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6) !important;
  }
  .mt-\[-0\.5rem\] {
    margin-top: -0.5rem !important;
  }
  .-mr-\[0\.75rem\] {
    margin-right: calc(0.75rem * -1) !important;
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2) !important;
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3) !important;
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4) !important;
  }
  .mr-5 {
    margin-right: calc(var(--spacing) * 5) !important;
  }
  .mr-\[12px\] {
    margin-right: 12px !important;
  }
  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2) !important;
  }
  .-mb-\[2rem\] {
    margin-bottom: calc(2rem * -1) !important;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0) !important;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1) !important;
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2) !important;
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4) !important;
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6) !important;
  }
  .mb-\[-0\.5rem\] {
    margin-bottom: -0.5rem !important;
  }
  .-ml-\[0\.25rem\] {
    margin-left: calc(0.25rem * -1) !important;
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2) !important;
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3) !important;
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4) !important;
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6) !important;
  }
  .ml-\[32px\] {
    margin-left: 32px !important;
  }
  .box-border {
    box-sizing: border-box !important;
  }
  .\!flex {
    display: flex !important;
  }
  .block {
    display: block !important;
  }
  .contents {
    display: contents !important;
  }
  .flex {
    display: flex !important;
  }
  .grid {
    display: grid !important;
  }
  .hidden {
    display: none !important;
  }
  .inline {
    display: inline !important;
  }
  .inline-block {
    display: inline-block !important;
  }
  .inline-flex {
    display: inline-flex !important;
  }
  .table {
    display: table !important;
  }
  .aspect-square {
    aspect-ratio: 1 / 1 !important;
  }
  .\!h-\[32px\] {
    height: 32px !important;
  }
  .\!h-min {
    height: min-content !important;
  }
  .h-2 {
    height: calc(var(--spacing) * 2) !important;
  }
  .h-6 {
    height: calc(var(--spacing) * 6) !important;
  }
  .h-8 {
    height: calc(var(--spacing) * 8) !important;
  }
  .h-10 {
    height: calc(var(--spacing) * 10) !important;
  }
  .h-\[0\.5rem\] {
    height: 0.5rem !important;
  }
  .h-\[2rem\] {
    height: 2rem !important;
  }
  .h-\[32px\] {
    height: 32px !important;
  }
  .h-\[40px\] {
    height: 40px !important;
  }
  .h-\[120px\] {
    height: 120px !important;
  }
  .h-auto {
    height: auto !important;
  }
  .h-full {
    height: 100% !important;
  }
  .h-max {
    height: max-content !important;
  }
  .h-screen {
    height: 100vh !important;
  }
  .\!max-h-\[800px\] {
    max-height: 800px !important;
  }
  .max-h-10 {
    max-height: calc(var(--spacing) * 10) !important;
  }
  .max-h-\[300px\] {
    max-height: 300px !important;
  }
  .max-h-\[400px\] {
    max-height: 400px !important;
  }
  .max-h-\[inherit\] {
    max-height: inherit !important;
  }
  .max-h-full {
    max-height: 100% !important;
  }
  .max-h-screen {
    max-height: 100vh !important;
  }
  .\!min-h-fit {
    min-height: fit-content !important;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0) !important;
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12) !important;
  }
  .min-h-30 {
    min-height: calc(var(--spacing) * 30) !important;
  }
  .min-h-\[100vh\] {
    min-height: 100vh !important;
  }
  .min-h-\[200px\] {
    min-height: 200px !important;
  }
  .min-h-dvh {
    min-height: 100dvh !important;
  }
  .\!w-\[32px\] {
    width: 32px !important;
  }
  .\!w-\[120px\] {
    width: 120px !important;
  }
  .\!w-auto {
    width: auto !important;
  }
  .\!w-full {
    width: 100% !important;
  }
  .\!w-min {
    width: min-content !important;
  }
  .w-2 {
    width: calc(var(--spacing) * 2) !important;
  }
  .w-6 {
    width: calc(var(--spacing) * 6) !important;
  }
  .w-8 {
    width: calc(var(--spacing) * 8) !important;
  }
  .w-10 {
    width: calc(var(--spacing) * 10) !important;
  }
  .w-50 {
    width: calc(var(--spacing) * 50) !important;
  }
  .w-52 {
    width: calc(var(--spacing) * 52) !important;
  }
  .w-64 {
    width: calc(var(--spacing) * 64) !important;
  }
  .w-96 {
    width: calc(var(--spacing) * 96) !important;
  }
  .w-\[0\.5rem\] {
    width: 0.5rem !important;
  }
  .w-\[1px\] {
    width: 1px !important;
  }
  .w-\[2rem\] {
    width: 2rem !important;
  }
  .w-\[3px\] {
    width: 3px !important;
  }
  .w-\[32px\] {
    width: 32px !important;
  }
  .w-\[40px\] {
    width: 40px !important;
  }
  .w-\[60px\] {
    width: 60px !important;
  }
  .w-\[60vw\] {
    width: 60vw !important;
  }
  .w-\[64px\] {
    width: 64px !important;
  }
  .w-\[250px\] {
    width: 250px !important;
  }
  .w-\[320px\] {
    width: 320px !important;
  }
  .w-\[inherit\] {
    width: inherit !important;
  }
  .w-auto {
    width: auto !important;
  }
  .w-full {
    width: 100% !important;
  }
  .w-max {
    width: max-content !important;
  }
  .w-screen {
    width: 100vw !important;
  }
  .\!max-w-full {
    max-width: 100% !important;
  }
  .\!max-w-max {
    max-width: max-content !important;
  }
  .max-w-32 {
    max-width: calc(var(--spacing) * 32) !important;
  }
  .max-w-38 {
    max-width: calc(var(--spacing) * 38) !important;
  }
  .max-w-48 {
    max-width: calc(var(--spacing) * 48) !important;
  }
  .max-w-92 {
    max-width: calc(var(--spacing) * 92) !important;
  }
  .max-w-\[25rem\] {
    max-width: 25rem !important;
  }
  .max-w-\[230px\] {
    max-width: 230px !important;
  }
  .max-w-\[400px\] {
    max-width: 400px !important;
  }
  .max-w-\[500px\] {
    max-width: 500px !important;
  }
  .max-w-\[800px\] {
    max-width: 800px !important;
  }
  .max-w-\[1000px\] {
    max-width: 1000px !important;
  }
  .max-w-\[1400px\] {
    max-width: 1400px !important;
  }
  .max-w-\[inherit\] {
    max-width: inherit !important;
  }
  .max-w-max {
    max-width: max-content !important;
  }
  .max-w-none {
    max-width: none !important;
  }
  .\!min-w-\[120px\] {
    min-width: 120px !important;
  }
  .\!min-w-\[350px\] {
    min-width: 350px !important;
  }
  .\!min-w-\[400px\] {
    min-width: 400px !important;
  }
  .\!min-w-\[max-content\] {
    min-width: max-content !important;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0) !important;
  }
  .min-w-20 {
    min-width: calc(var(--spacing) * 20) !important;
  }
  .min-w-28 {
    min-width: calc(var(--spacing) * 28) !important;
  }
  .min-w-72 {
    min-width: calc(var(--spacing) * 72) !important;
  }
  .min-w-\[40px\] {
    min-width: 40px !important;
  }
  .min-w-\[120px\] {
    min-width: 120px !important;
  }
  .min-w-\[400px\] {
    min-width: 400px !important;
  }
  .flex-1 {
    flex: 1 !important;
  }
  .flex-shrink {
    flex-shrink: 1 !important;
  }
  .shrink {
    flex-shrink: 1 !important;
  }
  .shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-grow {
    flex-grow: 1 !important;
  }
  .flex-grow-0 {
    flex-grow: 0 !important;
  }
  .grow {
    flex-grow: 1 !important;
  }
  .grow-0 {
    flex-grow: 0 !important;
  }
  .basis-0 {
    flex-basis: calc(var(--spacing) * 0) !important;
  }
  .basis-30 {
    flex-basis: calc(var(--spacing) * 30) !important;
  }
  .basis-55 {
    flex-basis: calc(var(--spacing) * 55) !important;
  }
  .basis-auto {
    flex-basis: auto !important;
  }
  .basis-full {
    flex-basis: 100% !important;
  }
  .border-collapse {
    border-collapse: collapse !important;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .\!scale-150 {
    --tw-scale-x: 150% !important;
    --tw-scale-y: 150% !important;
    --tw-scale-z: 150% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .rotate-180 {
    rotate: 180deg !important;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .animate-spin {
    animation: var(--animate-spin) !important;
  }
  .\!cursor-default {
    cursor: default !important;
  }
  .cursor-move {
    cursor: move !important;
  }
  .cursor-pointer {
    cursor: pointer !important;
  }
  .resize-none {
    resize: none !important;
  }
  .list-disc {
    list-style-type: disc !important;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto !important;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr !important;
  }
  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto !important;
  }
  .grid-rows-\[auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }
  .flex-col {
    flex-direction: column !important;
  }
  .flex-row {
    flex-direction: row !important;
  }
  .flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .place-items-center {
    place-items: center !important;
  }
  .content-center {
    align-content: center !important;
  }
  .items-center {
    align-items: center !important;
  }
  .items-end {
    align-items: flex-end !important;
  }
  .items-start {
    align-items: flex-start !important;
  }
  .items-stretch {
    align-items: stretch !important;
  }
  .justify-between {
    justify-content: space-between !important;
  }
  .justify-center {
    justify-content: center !important;
  }
  .justify-end {
    justify-content: flex-end !important;
  }
  .justify-start {
    justify-content: flex-start !important;
  }
  .\!gap-3 {
    gap: calc(var(--spacing) * 3) !important;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1) !important;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5) !important;
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3) !important;
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4) !important;
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5) !important;
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6) !important;
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8) !important;
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10) !important;
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12) !important;
  }
  .gap-\[inherit\] {
    gap: inherit !important;
  }
  .place-self-center {
    place-self: center !important;
  }
  .place-self-end {
    place-self: end !important;
  }
  .self-center {
    align-self: center !important;
  }
  .truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .\!overflow-hidden {
    overflow: hidden !important;
  }
  .\!overflow-visible {
    overflow: visible !important;
  }
  .overflow-auto {
    overflow: auto !important;
  }
  .overflow-clip {
    overflow: clip !important;
  }
  .overflow-hidden {
    overflow: hidden !important;
  }
  .overflow-x-clip {
    overflow-x: clip !important;
  }
  .overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-y-auto {
    overflow-y: auto !important;
  }
  .overscroll-contain {
    overscroll-behavior: contain !important;
  }
  .\!rounded-\[12px\] {
    border-radius: 12px !important;
  }
  .rounded {
    border-radius: 0.25rem !important;
  }
  .rounded-\[0\.75rem\] {
    border-radius: 0.75rem !important;
  }
  .rounded-\[3px\] {
    border-radius: 3px !important;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .rounded-lg {
    border-radius: var(--radius-lg) !important;
  }
  .rounded-md {
    border-radius: var(--radius-md) !important;
  }
  .rounded-none {
    border-radius: 0 !important;
  }
  .rounded-sm {
    border-radius: var(--radius-sm) !important;
  }
  .rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .rounded-xs {
    border-radius: var(--radius-xs) !important;
  }
  .rounded-s-xl {
    border-start-start-radius: var(--radius-xl) !important;
    border-end-start-radius: var(--radius-xl) !important;
  }
  .rounded-ss-3xl {
    border-start-start-radius: var(--radius-3xl) !important;
  }
  .rounded-e-xl {
    border-start-end-radius: var(--radius-xl) !important;
    border-end-end-radius: var(--radius-xl) !important;
  }
  .rounded-t-\[0\.75rem\] {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .rounded-t-lg {
    border-top-left-radius: var(--radius-lg) !important;
    border-top-right-radius: var(--radius-lg) !important;
  }
  .rounded-l-full {
    border-top-left-radius: calc(infinity * 1px) !important;
    border-bottom-left-radius: calc(infinity * 1px) !important;
  }
  .rounded-tl-\[0\.75rem\] {
    border-top-left-radius: 0.75rem !important;
  }
  .rounded-tl-xl {
    border-top-left-radius: var(--radius-xl) !important;
  }
  .rounded-r-full {
    border-top-right-radius: calc(infinity * 1px) !important;
    border-bottom-right-radius: calc(infinity * 1px) !important;
  }
  .rounded-tr-\[0\.75rem\] {
    border-top-right-radius: 0.75rem !important;
  }
  .rounded-tr-xl {
    border-top-right-radius: var(--radius-xl) !important;
  }
  .rounded-b-\[0\.75rem\] {
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .rounded-br-xl {
    border-bottom-right-radius: var(--radius-xl) !important;
  }
  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border-x-0 {
    border-inline-style: var(--tw-border-style) !important;
    border-inline-width: 0px !important;
  }
  .border-s-0 {
    border-inline-start-style: var(--tw-border-style) !important;
    border-inline-start-width: 0px !important;
  }
  .border-t {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0px !important;
  }
  .border-r {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 1px !important;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0px !important;
  }
  .border-l {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 2px !important;
  }
  .border-l-\[3px\] {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 3px !important;
  }
  .border-solid {
    --tw-border-style: solid !important;
    border-style: solid !important;
  }
  .border-\(--card_border-default\) {
    border-color: var(--card_border-default) !important;
  }
  .border-\(--global_border_divider\) {
    border-color: var(--global_border_divider) !important;
  }
  .border-\[color\:var\(--card_border-active\)\] {
    border-color: var(--card_border-active) !important;
  }
  .border-\[color\:var\(--global_status_border-caution\)\] {
    border-color: var(--global_status_border-caution) !important;
  }
  .border-border-default {
    border-color: var(--color-border-default) !important;
  }
  .border-gray-200 {
    border-color: var(--color-gray-200) !important;
  }
  .border-gray-300 {
    border-color: var(--color-gray-300) !important;
  }
  .border-input-border-default {
    border-color: var(--color-input-border-default) !important;
  }
  .border-status-danger-border {
    border-color: var(--color-status-danger-border) !important;
  }
  .border-transparent {
    border-color: transparent !important;
  }
  .border-t-\[color\:var\(--global_border_default\)\] {
    border-top-color: var(--global_border_default) !important;
  }
  .border-l-white {
    border-left-color: var(--color-white) !important;
  }
  .bg-\(--card_bg-subtle\) {
    background-color: var(--card_bg-subtle) !important;
  }
  .bg-\(--mat-sys-surface-container-low\) {
    background-color: var(--mat-sys-surface-container-low) !important;
  }
  .bg-\(--status_dot-active\) {
    background-color: var(--status_dot-active) !important;
  }
  .bg-\(--status_dot-pending\) {
    background-color: var(--status_dot-pending) !important;
  }
  .bg-Green-50 {
    background-color: var(--color-Green-50) !important;
  }
  .bg-Red-50 {
    background-color: var(--color-Red-50) !important;
  }
  .bg-Steel-50 {
    background-color: var(--color-Steel-50) !important;
  }
  .bg-\[\#39D577\] {
    background-color: #39D577 !important;
  }
  .bg-\[color\:var\(--card_bg-active\)\] {
    background-color: var(--card_bg-active) !important;
  }
  .bg-\[color\:var\(--global_bg_default\)\] {
    background-color: var(--global_bg_default) !important;
  }
  .bg-\[color\:var\(--global_status_bg-caution-subtle\)\] {
    background-color: var(--global_status_bg-caution-subtle) !important;
  }
  .bg-\[color\:var\(--indicator_bg-caution\)\] {
    background-color: var(--indicator_bg-caution) !important;
  }
  .bg-\[color\:var\(--indicator_bg-subtle\)\] {
    background-color: var(--indicator_bg-subtle) !important;
  }
  .bg-avatar-bg {
    background-color: var(--color-avatar-bg) !important;
  }
  .bg-bg-default {
    background-color: var(--color-bg-default) !important;
  }
  .bg-bg-subtle {
    background-color: var(--color-bg-subtle) !important;
  }
  .bg-border-default {
    background-color: var(--color-border-default) !important;
  }
  .bg-button-bg-primary-active {
    background-color: var(--color-button-bg-primary-active) !important;
  }
  .bg-card-bg-active {
    background-color: var(--color-card-bg-active) !important;
  }
  .bg-card-bg-subtle {
    background-color: var(--color-card-bg-subtle) !important;
  }
  .bg-decision-include-bg-default {
    background-color: var(--color-decision-include-bg-default) !important;
  }
  .bg-indicator-bg-subtle {
    background-color: var(--color-indicator-bg-subtle) !important;
  }
  .bg-inherit {
    background-color: inherit !important;
  }
  .bg-nav-button-bg-active {
    background-color: var(--color-nav-button-bg-active) !important;
  }
  .bg-slate-700\/50 {
    background-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-700) 50%, transparent) !important;
    }
  }
  .bg-status-caution-bg-subtle {
    background-color: var(--color-status-caution-bg-subtle) !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  .bg-white {
    background-color: var(--color-white) !important;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2) !important;
  }
  .p-3 {
    padding: calc(var(--spacing) * 3) !important;
  }
  .p-4 {
    padding: calc(var(--spacing) * 4) !important;
  }
  .p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1) !important;
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3) !important;
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6) !important;
  }
  .px-7 {
    padding-inline: calc(var(--spacing) * 7) !important;
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12) !important;
  }
  .\!py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5) !important;
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4) !important;
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6) !important;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0) !important;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5) !important;
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2) !important;
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3) !important;
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4) !important;
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6) !important;
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8) !important;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2) !important;
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3) !important;
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4) !important;
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6) !important;
  }
  .pr-7 {
    padding-right: calc(var(--spacing) * 7) !important;
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1) !important;
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3) !important;
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4) !important;
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6) !important;
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8) !important;
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1) !important;
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3) !important;
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6) !important;
  }
  .text-center {
    text-align: center !important;
  }
  .text-left {
    text-align: left !important;
  }
  .text-right {
    text-align: right !important;
  }
  .\!text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  }
  .text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-lg {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-xl {
    font-size: var(--text-xl) !important;
    line-height: var(--tw-leading, var(--text-xl--line-height)) !important;
  }
  .text-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide) !important;
    letter-spacing: var(--tracking-wide) !important;
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider) !important;
    letter-spacing: var(--tracking-wider) !important;
  }
  .text-nowrap {
    text-wrap: nowrap !important;
  }
  .text-ellipsis {
    text-overflow: ellipsis !important;
  }
  .whitespace-nowrap {
    white-space: nowrap !important;
  }
  .\!text-\[color\:var\(--global_status_icon-danger\)\] {
    color: var(--global_status_icon-danger) !important;
  }
  .text-\(--global_icon_brand\) {
    color: var(--global_icon_brand) !important;
  }
  .text-\(--global_primary\) {
    color: var(--global_primary) !important;
  }
  .text-\(--global_text_brand\) {
    color: var(--global_text_brand) !important;
  }
  .text-\(--global_text_default\) {
    color: var(--global_text_default) !important;
  }
  .text-\(--global_text_subtle\) {
    color: var(--global_text_subtle) !important;
  }
  .text-\(--status_caution_icon\) {
    color: var(--status_caution_icon) !important;
  }
  .text-Green-700 {
    color: var(--color-Green-700) !important;
  }
  .text-Red-500 {
    color: var(--color-Red-500) !important;
  }
  .text-Red-700 {
    color: var(--color-Red-700) !important;
  }
  .text-Steel-500 {
    color: var(--color-Steel-500) !important;
  }
  .text-Steel-600 {
    color: var(--color-Steel-600) !important;
  }
  .text-\[\#29A35A\] {
    color: #29A35A !important;
  }
  .text-\[color\:var\(--active-colour\)\] {
    color: var(--active-colour) !important;
  }
  .text-\[color\:var\(--button_icon-ghost\)\] {
    color: var(--button_icon-ghost) !important;
  }
  .text-\[color\:var\(--button_icon-ghost-inactive\)\] {
    color: var(--button_icon-ghost-inactive) !important;
  }
  .text-\[color\:var\(--button_icon-secondary\)\] {
    color: var(--button_icon-secondary) !important;
  }
  .text-\[color\:var\(--button_text-ghost\)\] {
    color: var(--button_text-ghost) !important;
  }
  .text-\[color\:var\(--card_border-active\)\] {
    color: var(--card_border-active) !important;
  }
  .text-\[color\:var\(--filter-pill_text-selection\)\] {
    color: var(--filter-pill_text-selection) !important;
  }
  .text-\[color\:var\(--global_icon_brand\)\] {
    color: var(--global_icon_brand) !important;
  }
  .text-\[color\:var\(--global_status_icon-caution\)\] {
    color: var(--global_status_icon-caution) !important;
  }
  .text-\[color\:var\(--global_status_icon-danger\)\] {
    color: var(--global_status_icon-danger) !important;
  }
  .text-\[color\:var\(--global_status_text-danger\)\] {
    color: var(--global_status_text-danger) !important;
  }
  .text-\[color\:var\(--global_text_brand\)\] {
    color: var(--global_text_brand) !important;
  }
  .text-\[color\:var\(--global_text_brand-strong\)\] {
    color: var(--global_text_brand-strong) !important;
  }
  .text-\[color\:var\(--global_text_heading\)\] {
    color: var(--global_text_heading) !important;
  }
  .text-\[color\:var\(--mat-sys-primary\)\] {
    color: var(--mat-sys-primary) !important;
  }
  .text-button-border-secondary {
    color: var(--color-button-border-secondary) !important;
  }
  .text-decision-include-text-default {
    color: var(--color-decision-include-text-default) !important;
  }
  .text-global-primary {
    color: var(--color-global-primary) !important;
  }
  .text-gray-500 {
    color: var(--color-gray-500) !important;
  }
  .text-icon-brand {
    color: var(--color-icon-brand) !important;
  }
  .text-inherit {
    color: inherit !important;
  }
  .text-status-caution-icon {
    color: var(--color-status-caution-icon) !important;
  }
  .text-status-danger-text {
    color: var(--color-status-danger-text) !important;
  }
  .text-text-brand {
    color: var(--color-text-brand) !important;
  }
  .text-text-brand-strong {
    color: var(--color-text-brand-strong) !important;
  }
  .text-text-subtle {
    color: var(--color-text-subtle) !important;
  }
  .text-white {
    color: var(--color-white) !important;
  }
  .capitalize {
    text-transform: capitalize !important;
  }
  .lowercase {
    text-transform: lowercase !important;
  }
  .uppercase {
    text-transform: uppercase !important;
  }
  .italic {
    font-style: italic !important;
  }
  .no-underline {
    text-decoration-line: none !important;
  }
  .underline {
    text-decoration-line: underline !important;
  }
  .underline-offset-4 {
    text-underline-offset: 4px !important;
  }
  .placeholder-input-text-placeholder {
    &::placeholder {
      color: var(--color-input-text-placeholder) !important;
    }
  }
  .\!opacity-15 {
    opacity: 15% !important;
  }
  .\!opacity-75 {
    opacity: 75% !important;
  }
  .\!opacity-90 {
    opacity: 90% !important;
  }
  .opacity-0 {
    opacity: 0% !important;
  }
  .opacity-50 {
    opacity: 50% !important;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow) !important;
  }
  .shadow-\[0_-4px_6px_-1px_rgb\(0_0_0\/0\.1\)\,0_-2px_4px_-2px_rgb\(0_0_0\/0\.1\)\] {
    --tw-shadow: 0 -4px 6px -1px var(--tw-shadow-color, rgb(0 0 0/0.1)), 0 -2px 4px -2px var(--tw-shadow-color, rgb(0 0 0/0.1)) !important;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow) !important;
  }
  .shadow-\[0_-4px_6px_-1px_rgb\(0_0_0_\/_0\.1\)\,_0_-2px_4px_-2px_rgb\(0_0_0_\/_0\.1\)\] {
    --tw-shadow: 0 -4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 -2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow) !important;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow) !important;
  }
  .\!outline {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .outline {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 1px !important;
  }
  .outline-2 {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 2px !important;
  }
  .outline-offset-0 {
    outline-offset: 0px !important;
  }
  .\!outline-transparent {
    outline-color: transparent !important;
  }
  .blur {
    --tw-blur: blur(8px) !important;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-\[margin\] {
    transition-property: margin !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-all {
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-transform {
    transition-property:
      transform,
      translate,
      scale,
      rotate !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .duration-200 {
    --tw-duration: 200ms !important;
    transition-duration: 200ms !important;
  }
  .duration-500 {
    --tw-duration: 500ms !important;
    transition-duration: 500ms !important;
  }
  .outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .\[text-box-trim\:trim-both\] {
    text-box-trim: trim-both !important;
  }
  .not-disabled\:bg-bg-brand {
    &:not(*:disabled) {
      background-color: var(--color-bg-brand) !important;
    }
  }
  .not-disabled\:bg-white {
    &:not(*:disabled) {
      background-color: var(--color-white) !important;
    }
  }
  .not-disabled\:text-\[color\:var\(--button_icon-secondary\)\] {
    &:not(*:disabled) {
      color: var(--button_icon-secondary) !important;
    }
  }
  .group-hover\:text-white {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-white) !important;
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100% !important;
      }
    }
  }
  .focus-within\:border-border-brand {
    &:focus-within {
      border-color: var(--color-border-brand) !important;
    }
  }
  .focus-within\:shadow {
    &:focus-within {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow) !important;
    }
  }
  .focus-within\:shadow-border-brand {
    &:focus-within {
      --tw-shadow-color: var(--color-border-brand) !important;
      @supports (color: color-mix(in lab, red, red)) {
        --tw-shadow-color: color-mix(in oklab, var(--color-border-brand) var(--tw-shadow-alpha), transparent) !important;
      }
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer !important;
      }
    }
  }
  .hover\:border-Orange-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-Orange-300) !important;
      }
    }
  }
  .hover\:border-border-brand {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-border-brand) !important;
      }
    }
  }
  .hover\:border-global-primary {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-global-primary) !important;
      }
    }
  }
  .hover\:\!bg-inherit {
    &:hover {
      @media (hover: hover) {
        background-color: inherit !important;
      }
    }
  }
  .hover\:bg-Ice-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-Ice-400) !important;
      }
    }
  }
  .hover\:bg-Steel-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-Steel-100) !important;
      }
    }
  }
  .hover\:bg-bg-brand {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-bg-brand) !important;
      }
    }
  }
  .hover\:bg-bg-default {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-bg-default) !important;
      }
    }
  }
  .hover\:bg-card-bg-active {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-card-bg-active) !important;
      }
    }
  }
  .hover\:bg-nav-button-bg-active {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-nav-button-bg-active) !important;
      }
    }
  }
  .hover\:font-semibold {
    &:hover {
      @media (hover: hover) {
        --tw-font-weight: var(--font-weight-semibold) !important;
        font-weight: var(--font-weight-semibold) !important;
      }
    }
  }
  .hover\:text-input-text-active {
    &:hover {
      @media (hover: hover) {
        color: var(--color-input-text-active) !important;
      }
    }
  }
  .hover\:text-text-brand-strong {
    &:hover {
      @media (hover: hover) {
        color: var(--color-text-brand-strong) !important;
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white) !important;
      }
    }
  }
  .focus\:\!bg-inherit {
    &:focus {
      background-color: inherit !important;
    }
  }
  .focus\:outline {
    &:focus {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 1px !important;
    }
  }
  .focus\:outline-2 {
    &:focus {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 2px !important;
    }
  }
  .focus\:outline-border-brand {
    &:focus {
      outline-color: var(--color-border-brand) !important;
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none !important;
      outline-style: none !important;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed !important;
    }
  }
  .disabled\:border {
    &:disabled {
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
    }
  }
  .disabled\:bg-bg-default {
    &:disabled {
      background-color: var(--color-bg-default) !important;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40% !important;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50% !important;
    }
  }
  .disabled\:hover\:border-input-border-default {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-input-border-default) !important;
        }
      }
    }
  }
  .aria-selected\:bg-\[color\:var\(--button_bg-neutral-selected\)\] {
    &[aria-selected=true] {
      background-color: var(--button_bg-neutral-selected) !important;
    }
  }
  .aria-selected\:outline-\[color\:var\(--button_border-neutral-selected\)\] {
    &[aria-selected=true] {
      outline-color: var(--button_border-neutral-selected) !important;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  .\[\&\:has\(label\[floating\]\)\]\:mb-6 {
    &:has(label[floating]) {
      margin-bottom: calc(var(--spacing) * 6) !important;
    }
  }
  .\[\:where\(\&\)\]\:invisible {
    :where(&) {
      visibility: hidden !important;
    }
  }
  .\[\:where\(\&\)\]\:sr-only {
    :where(&) {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip-path: inset(50%) !important;
      white-space: nowrap !important;
      border-width: 0 !important;
    }
  }
  .\[\:where\(\&\)\]\:relative {
    :where(&) {
      position: relative !important;
    }
  }
  .\[\:where\(\&\)\]\:mx-4 {
    :where(&) {
      margin-inline: calc(var(--spacing) * 4) !important;
    }
  }
  .\[\:where\(\&\)\]\:my-4 {
    :where(&) {
      margin-block: calc(var(--spacing) * 4) !important;
    }
  }
  .\[\:where\(\&\)\]\:mr-0\.5 {
    :where(&) {
      margin-right: calc(var(--spacing) * 0.5) !important;
    }
  }
  .\[\:where\(\&\)\]\:mr-3 {
    :where(&) {
      margin-right: calc(var(--spacing) * 3) !important;
    }
  }
  .\[\:where\(\&\)\]\:mr-4 {
    :where(&) {
      margin-right: calc(var(--spacing) * 4) !important;
    }
  }
  .\[\:where\(\&\)\]\:mb-1 {
    :where(&) {
      margin-bottom: calc(var(--spacing) * 1) !important;
    }
  }
  .\[\:where\(\&\)\]\:mb-2 {
    :where(&) {
      margin-bottom: calc(var(--spacing) * 2) !important;
    }
  }
  .\[\:where\(\&\)\]\:ml-2 {
    :where(&) {
      margin-left: calc(var(--spacing) * 2) !important;
    }
  }
  .\[\:where\(\&\)\]\:ml-3 {
    :where(&) {
      margin-left: calc(var(--spacing) * 3) !important;
    }
  }
  .\[\:where\(\&\)\]\:ml-4 {
    :where(&) {
      margin-left: calc(var(--spacing) * 4) !important;
    }
  }
  .\[\:where\(\&\)\]\:block {
    :where(&) {
      display: block !important;
    }
  }
  .\[\:where\(\&\)\]\:flex {
    :where(&) {
      display: flex !important;
    }
  }
  .\[\:where\(\&\)\]\:hidden {
    :where(&) {
      display: none !important;
    }
  }
  .\[\:where\(\&\)\]\:inline-block {
    :where(&) {
      display: inline-block !important;
    }
  }
  .\[\:where\(\&\)\]\:inline-flex {
    :where(&) {
      display: inline-flex !important;
    }
  }
  .\[\:where\(\&\)\]\:h-6 {
    :where(&) {
      height: calc(var(--spacing) * 6) !important;
    }
  }
  .\[\:where\(\&\)\]\:h-\[120px\] {
    :where(&) {
      height: 120px !important;
    }
  }
  .\[\:where\(\&\)\]\:w-6 {
    :where(&) {
      width: calc(var(--spacing) * 6) !important;
    }
  }
  .\[\:where\(\&\)\]\:w-max {
    :where(&) {
      width: max-content !important;
    }
  }
  .\[\:where\(\&\)\]\:cursor-pointer {
    :where(&) {
      cursor: pointer !important;
    }
  }
  .\[\:where\(\&\)\]\:items-center {
    :where(&) {
      align-items: center !important;
    }
  }
  .\[\:where\(\&\)\]\:items-start {
    :where(&) {
      align-items: flex-start !important;
    }
  }
  .\[\:where\(\&\)\]\:justify-center {
    :where(&) {
      justify-content: center !important;
    }
  }
  .\[\:where\(\&\)\]\:gap-0\.5 {
    :where(&) {
      gap: calc(var(--spacing) * 0.5) !important;
    }
  }
  .\[\:where\(\&\)\]\:gap-2 {
    :where(&) {
      gap: calc(var(--spacing) * 2) !important;
    }
  }
  .\[\:where\(\&\)\]\:rounded-sm {
    :where(&) {
      border-radius: var(--radius-sm) !important;
    }
  }
  .\[\:where\(\&\)\]\:rounded-xl {
    :where(&) {
      border-radius: var(--radius-xl) !important;
    }
  }
  .\[\:where\(\&\)\]\:border {
    :where(&) {
      border-style: var(--tw-border-style) !important;
      border-width: 1px !important;
    }
  }
  .\[\:where\(\&\)\]\:border-dashed {
    :where(&) {
      --tw-border-style: dashed !important;
      border-style: dashed !important;
    }
  }
  .\[\:where\(\&\)\]\:border-solid {
    :where(&) {
      --tw-border-style: solid !important;
      border-style: solid !important;
    }
  }
  .\[\:where\(\&\)\]\:bg-card-bg-subtle {
    :where(&) {
      background-color: var(--color-card-bg-subtle) !important;
    }
  }
  .\[\:where\(\&\)\]\:p-4 {
    :where(&) {
      padding: calc(var(--spacing) * 4) !important;
    }
  }
  .\[\:where\(\&\)\]\:px-4 {
    :where(&) {
      padding-inline: calc(var(--spacing) * 4) !important;
    }
  }
  .\[\:where\(\&\)\]\:px-6 {
    :where(&) {
      padding-inline: calc(var(--spacing) * 6) !important;
    }
  }
  .\[\:where\(\&\)\]\:pl-4 {
    :where(&) {
      padding-left: calc(var(--spacing) * 4) !important;
    }
  }
  .\[\:where\(\&\)\]\:text-center {
    :where(&) {
      text-align: center !important;
    }
  }
  .\[\:where\(\&\)\]\:text-base {
    :where(&) {
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    }
  }
  .\[\:where\(\&\)\]\:text-sm {
    :where(&) {
      font-size: var(--text-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
  }
  .\[\:where\(\&\)\]\:text-xs {
    :where(&) {
      font-size: var(--text-xs) !important;
      line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
    }
  }
  .\[\:where\(\&\)\]\:leading-5 {
    :where(&) {
      --tw-leading: calc(var(--spacing) * 5) !important;
      line-height: calc(var(--spacing) * 5) !important;
    }
  }
  .\[\:where\(\&\)\]\:font-normal {
    :where(&) {
      --tw-font-weight: var(--font-weight-normal) !important;
      font-weight: var(--font-weight-normal) !important;
    }
  }
  .\[\:where\(\&\)\]\:font-semibold {
    :where(&) {
      --tw-font-weight: var(--font-weight-semibold) !important;
      font-weight: var(--font-weight-semibold) !important;
    }
  }
  .\[\:where\(\&\)\]\:tracking-wide {
    :where(&) {
      --tw-tracking: var(--tracking-wide) !important;
      letter-spacing: var(--tracking-wide) !important;
    }
  }
  .\[\:where\(\&\)\]\:text-\(--field_icon-default\) {
    :where(&) {
      color: var(--field_icon-default) !important;
    }
  }
  .\[\:where\(\&\)\]\:text-\[color\:var\(--global_icon_brand\)\] {
    :where(&) {
      color: var(--global_icon_brand) !important;
    }
  }
  .\[\:where\(\&\)\]\:text-\[color\:var\(--global_text_subtle\)\] {
    :where(&) {
      color: var(--global_text_subtle) !important;
    }
  }
  .\[\:where\(\&\)\]\:text-bg-dark {
    :where(&) {
      color: var(--color-bg-dark) !important;
    }
  }
  .\[\:where\(\&\)\]\:no-underline {
    :where(&) {
      text-decoration-line: none !important;
    }
  }
  .\[\:where\(\&\)\]\:underline {
    :where(&) {
      text-decoration-line: underline !important;
    }
  }
  .\[\:where\(\&\)\]\:transition-colors {
    :where(&) {
      transition-property:
        color,
        background-color,
        border-color,
        outline-color,
        text-decoration-color,
        fill,
        stroke,
        --tw-gradient-from,
        --tw-gradient-via,
        --tw-gradient-to !important;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
      transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    }
  }
  .\[\:where\(\&\)\]\:has-\[\.sticky\]\:pb-0 {
    :where(&) {
      &:has(*:is(.sticky)) {
        padding-bottom: calc(var(--spacing) * 0) !important;
      }
    }
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-Steel-100, currentColor);
  }
}
:root {
  --ocean-50: oklch(96.3% 0.031 211.49);
  --ocean-100: oklch(92.49% 0.066 209.23);
  --ocean-200: oklch(86.63% 0.114 211.62);
  --ocean-300: oklch(82.17% 0.141 214.76);
  --ocean-400: oklch(69.59% 0.125 217.73);
  --ocean-500: oklch(50.89% 0.09 216.49);
  --ocean-600: oklch(43.06% 0.076 215.28);
  --ocean-700: oklch(35.63% 0.063 215.91);
  --ocean-800: oklch(28.07% 0.049 214.42);
  --ocean-900: oklch(17.94% 0.031 210.21);
  --ocean-950: oklch(14.51% 0.025 204.89);
  --ice-50: oklch(99.28% 0.002 228.42);
  --ice-100: oklch(98.73% 0.005 196.73);
  --ice-200: oklch(97.37% 0.009 214.19);
  --ice-300: oklch(95.46% 0.015 211.91);
  --ice-400: oklch(94.2% 0.02 208.07);
  --ice-500: oklch(92.74% 0.025 209.19);
  --ice-600: oklch(81.39% 0.063 208.9);
  --ice-700: oklch(70.28% 0.093 210.73);
  --ice-800: oklch(53.9% 0.075 211.01);
  --ice-900: oklch(33.64% 0.044 211.74);
  --ice-950: oklch(22.47% 0.025 208.73);
  --steel-50: oklch(96.97% 0.002 247.73);
  --steel-100: oklch(93% 0.003 247.81);
  --steel-200: oklch(85.83% 0.009 247.91);
  --steel-300: oklch(78.55% 0.013 247.97);
  --steel-400: oklch(71.36% 0.017 245.16);
  --steel-500: oklch(64.06% 0.022 245.78);
  --steel-600: oklch(54.24% 0.022 245.87);
  --steel-700: oklch(44.45% 0.017 245);
  --steel-800: oklch(33.74% 0.013 248.21);
  --steel-900: oklch(22.46% 0.007 248.15);
  --steel-950: oklch(16.82% 0.004 264.46);
  --slate-50: oklch(94.11% 0.009 308.57);
  --slate-100: oklch(88.33% 0.016 306.49);
  --slate-200: oklch(75.25% 0.036 307.97);
  --slate-300: oklch(62.75% 0.055 306.89);
  --slate-400: oklch(49.62% 0.056 305.9);
  --slate-500: oklch(37.7% 0.041 306.31);
  --slate-600: oklch(32.25% 0.034 307.32);
  --slate-700: oklch(27.43% 0.027 307.38);
  --slate-800: oklch(21.78% 0.018 305.13);
  --slate-900: oklch(16.39% 0.011 303.43);
  --slate-950: oklch(12.73% 0.009 315.5);
  --red-50: oklch(95.74% 0.02 17.59);
  --red-100: oklch(91.33% 0.041 17.97);
  --red-200: oklch(83.23% 0.086 19.05);
  --red-300: oklch(75.44% 0.133 20.68);
  --red-400: oklch(69.71% 0.173 22.63);
  --red-500: oklch(64.32% 0.215 25.62);
  --red-600: oklch(59.55% 0.24 28.82);
  --red-700: oklch(47.5% 0.19 28.67);
  --red-800: oklch(35.54% 0.14 28.3);
  --red-900: oklch(22.36% 0.085 27.67);
  --red-950: oklch(15.2% 0.053 26.12);
  --orange-50: oklch(96.67% 0.014 34.39);
  --orange-100: oklch(92.66% 0.032 37.17);
  --orange-200: oklch(85.06% 0.069 37.56);
  --orange-300: oklch(77.88% 0.115 42.61);
  --orange-400: oklch(70.31% 0.155 47.39);
  --orange-500: oklch(62.52% 0.138 47.5);
  --orange-600: oklch(52.76% 0.116 47.5);
  --orange-700: oklch(43.02% 0.095 47.19);
  --orange-800: oklch(33.41% 0.073 47.58);
  --orange-900: oklch(23.77% 0.052 48.67);
  --orange-950: oklch(19.07% 0.043 47.59);
  --green-50: oklch(95.92% 0.048 147.99);
  --green-100: oklch(90.99% 0.122 147.95);
  --green-200: oklch(83.56% 0.166 147.58);
  --green-300: oklch(76.11% 0.151 147.65);
  --green-400: oklch(69.29% 0.137 147.61);
  --green-500: oklch(61.72% 0.122 147.61);
  --green-600: oklch(52.36% 0.104 147.75);
  --green-700: oklch(42.25% 0.084 147.55);
  --green-800: oklch(32.89% 0.065 147.69);
  --green-900: oklch(22.79% 0.045 148);
  --green-950: oklch(18.47% 0.037 148.43);
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-leading { syntax: "*"; inherits: false; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-leading: initial;
    }
  }
}

/* src/app/styles/styles.scss */
/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  min-height: 100vh;
  min-width: 100vw;
  display: flex;
  margin: 0;
  font: var(--mat-sys-body-large);
  color: var(--mat-sys-on-background);
  background-color: var(--mat-sys-background);
}
h1 {
  font: var(--mat-sys-display-large);
}
h2 {
  font: var(--mat-sys-display-medium);
}
h3 {
  font: var(--mat-sys-display-small);
}
h4 {
  font: var(--mat-sys-headline-small);
}
h5 {
  font: var(--mat-sys-body-large);
  line-height: 1.125rem;
  font-weight: 600;
}
h6 {
  font: var(--mat-sys-body-small);
  color: var(--text-brand-strong);
  text-transform: uppercase;
  font-weight: 600;
}
a {
  text-decoration: none;
  color: inherit;
}
a.base-link {
  color: var(--mat-sys-primary);
  text-decoration: underline;
}
a.base-link:hover {
  cursor: pointer;
}
input::placeholder {
  color: var(--mat-sys-secondary) !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
mat-label[required]::after,
label[required]::after,
mat-label[data-required=true]::after,
label[data-required=true]::after {
  content: " *";
  color: inherit;
}
label[hint],
label[role=note],
label[error],
label[role=alert] {
  font-family: var(--mat-form-field-subscript-text-font, var(--mat-sys-body-small-font));
  line-height: var(--mat-form-field-subscript-text-line-height, var(--mat-sys-body-small-line-height));
  font-size: var(--mat-form-field-subscript-text-size, var(--mat-sys-body-small-size));
  letter-spacing: var(--mat-form-field-subscript-text-tracking, var(--mat-sys-body-small-tracking));
  font-weight: var(--mat-form-field-subscript-text-weight, var(--mat-sys-body-small-weight));
}
label[error],
label[role=alert] {
  color: var(--mat-sys-error);
}
*:has(> label[floating]) {
  position: relative;
}
label[floating] {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.visually-hidden,
.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  display: block;
}
app-delete-button {
  --mdc-filled-button-container-color: var(--mat-sys-error);
}
app-project-settings-highlights-form .positive-highlights-grid {
  --mdc-chip-elevated-container-color: #aeead3;
}
app-base-button .destructive {
  --mdc-filled-button-container-color: var(--mat-sys-error);
}
app-base-button .destructive {
  --mdc-filled-button-label-text-color: var(--mat-sys-on-error);
}
app-base-button .destructive {
  --mdc-outlined-button-outline-color: var(--mat-sys-error);
}
app-base-button .destructive {
  --mdc-outlined-button-label-text-color: var(--mat-sys-error);
}
app-base-button .destructive {
  --mat-filled-button-ripple-color: var(--mat-sys-error-container);
}
app-base-button .destructive {
  --mat-outlined-button-ripple-color: var(--mat-sys-error-container);
}
app-base-button .destructive {
  --mat-text-button-ripple-color: var(--mat-sys-error-container);
}
app-base-button .destructive {
  --mdc-text-button-label-text-color: var(--mat-sys-error);
}
app-base-button .destructive {
  --mat-outlined-button-state-layer-color: var(--mat-sys-error);
}
app-base-button .destructive {
  --mat-text-button-state-layer-color: var(--mat-sys-error);
}
app-secondary-button {
  --button_border-secondary: #ccd1d6;
  --button_bg-secondary: #ffffff;
  --button_text-secondary: #473c53;
  --button_ripple-color: rgba(204, 209, 214, 0.33);
  --button_state-layer-color: rgba(204, 209, 214, 0.5);
}
app-secondary-button {
  --mdc-outlined-button-outline-color: var(--button_border-secondary);
}
app-secondary-button {
  --mdc-outlined-button-label-text-color: var(--button_text-secondary);
}
app-secondary-button {
  --mat-outlined-button-ripple-color: var(--button_ripple-color);
}
app-secondary-button {
  --mat-outlined-button-state-layer-color: var(--button_state-layer-color);
}
app-secondary-button {
  --mdc-outlined-button-outline-color: var(--button_border-secondary);
}
app-secondary-button {
  --mdc-filled-button-label-text-color: var(--button_text-secondary);
}
app-secondary-button {
  --mdc-outlined-button-label-text-color: var(--button_text-secondary);
}
app-secondary-button {
  --mdc-protected-button-label-text-color: var(--button_text-secondary);
}
app-secondary-button {
  --mdc-text-button-label-text-color: var(--button_text-secondary);
}
app-secondary-button {
  --mat-filled-button-ripple-color: var(--button_ripple-color);
}
app-secondary-button {
  --mat-outlined-button-ripple-color: var(--button_ripple-color);
}
app-secondary-button {
  --mat-protected-button-ripple-color: var(--button_ripple-color);
}
app-secondary-button {
  --mat-text-button-ripple-color: var(--button_ripple-color);
}
app-secondary-button {
  --mat-filled-button-state-layer-color: var(--button_state-layer-color);
}
app-secondary-button {
  --mat-outlined-button-state-layer-color: var(--button_state-layer-color);
}
app-secondary-button {
  --mat-protected-button-state-layer-color: var(--button_state-layer-color);
}
app-secondary-button {
  --mat-text-button-state-layer-color: var(--button_state-layer-color);
}
app-secondary-button {
  --mat-text-button-ripple-color: var(--button_ripple-color);
}
app-secondary-button {
  --mdc-filled-button-label-text-weight: var(----mdc-filled-button-label-text-weight, 600);
}
app-secondary-button {
  --mdc-outlined-button-label-text-weight: var(----mdc-filled-button-label-text-weight, 600);
}
app-secondary-button {
  --mdc-protected-button-label-text-weight: var(----mdc-filled-button-label-text-weight, 600);
}
app-secondary-button button {
  border-width: 1.5px !important;
}
app-secondary-button button.mdc-button {
  background: var(--button_bg-secondary);
}
app-secondary-button button:focus:not(:disabled) {
  outline: 1px solid var(--mat-sys-primary);
  outline-offset: -1px;
}
app-secondary-button button mat-icon {
  height: 20px !important;
  width: 20px !important;
  font-size: 20px !important;
}
app-secondary-button .mid {
  --mat-outlined-button-horizontal-padding: 0.75rem;
}
app-secondary-button .mid {
  --mdc-filled-button-label-text-weight: 600;
}
app-secondary-button .mid {
  --mdc-outlined-button-label-text-weight: 600;
}
app-secondary-button .mid {
  --mdc-protected-button-label-text-weight: 600;
}
app-secondary-button .mid mat-icon {
  height: 16px !important;
  width: 16px !important;
  font-size: 16px !important;
}
app-secondary-button.micro {
  --mat-outlined-button-horizontal-padding: 0.75rem;
}
app-secondary-button.micro {
  --mdc-outlined-button-container-height: 2rem;
}
app-secondary-button.micro {
  --mat-filled-button-horizontal-padding: 0.75rem;
}
app-secondary-button.micro {
  --mdc-filled-button-container-height: 2rem;
}
app-secondary-button.micro {
  --mdc-filled-button-label-text-weight: 600;
}
app-secondary-button.micro {
  --mdc-outlined-button-label-text-weight: 600;
}
app-secondary-button.micro {
  --mdc-protected-button-label-text-weight: 600;
}
app-secondary-button.micro mat-icon {
  height: 16px !important;
  width: 16px !important;
  font-size: 16px !important;
}
.micro-button {
  --mat-filled-button-horizontal-padding: 0.75rem;
}
.micro-button {
  --mat-outlined-button-horizontal-padding: 0.75rem;
}
.micro-button button {
  border-radius: var(--mdc-chip-container-shape-radius);
  height: var(--mdc-chip-container-height);
  min-width: auto;
}
.micro-button button.round {
  border-radius: calc(infinity * 1px);
}
.micro-button .destructive {
  --mdc-filled-button-container-color: var(--mat-sys-error);
}
.micro-button .destructive {
  --mdc-filled-button-label-text-color: var(--mat-sys-on-error);
}
.micro-button .destructive {
  --mdc-outlined-button-outline-color: var(--mat-sys-error);
}
.micro-button .destructive {
  --mdc-outlined-button-label-text-color: var(--mat-sys-error);
}
.micro-button .destructive {
  --mat-filled-button-ripple-color: var(--mat-sys-error-container);
}
.micro-button .destructive {
  --mat-outlined-button-ripple-color: var(--mat-sys-error-container);
}
.micro-button .destructive {
  --mat-text-button-ripple-color: var(--mat-sys-error-container);
}
.micro-button .destructive {
  --mdc-text-button-label-text-color: var(--mat-sys-error);
}
.micro-button .destructive {
  --mat-outlined-button-state-layer-color: var(--mat-sys-error);
}
.micro-button .destructive {
  --mat-text-button-state-layer-color: var(--mat-sys-error);
}
.count-badge {
  background-color: var(--mat-sys-surface-container);
  color: var(--mat-sys-on-surface-container);
  font: var(--mat-sys-title-large);
  height: 40px;
  width: 40px;
  border-radius: var(--mat-sys-corner-medium);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.micro-badge {
  background-color: var(--mat-sys-surface-container-high);
  color: var(--mat-sys-on-surface-variant);
  border-radius: var(--mat-sys-corner-medium);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--mat-sys-label-small-size);
  letter-spacing: var(--mat-sys-label-medium-tracking);
  line-height: 100%;
  padding: 0.22rem 0.66rem;
  height: fit-content;
  text-align: center;
}
.icon-badge {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: inherit;
}
.icon-badge .icon-badge__icon-roundel {
  display: flex;
  aspect-ratio: 1 / 1;
  align-items: center;
  justify-content: center;
  border-radius: calc(infinity * 1px);
  padding: calc(var(--spacing, 0.25rem) * 0);
  background-color: var(--mat-sys-inverse-surface);
}
.icon-badge mat-icon {
  color: var(--mat-sys-inverse-on-surface);
}
.icon-badge.prominent {
  --icon-badge-bg: #014451;
  --icon-badge-inverse: #ffffff;
}
.icon-badge.prominent .icon-badge__icon-roundel {
  background-color: var(--icon-badge-bg);
}
.icon-badge.prominent mat-icon {
  color: var(--icon-badge-inverse);
}
.icon-badge.prominent .colour-text {
  color: var(--icon-badge-bg);
}
.icon-badge.error .icon-badge__icon-roundel {
  background-color: var(--mat-sys-on-error-container);
}
.icon-badge.error mat-icon {
  color: var(--mat-sys-on-error);
}
.icon-badge.error .colour-text {
  color: var(--mat-sys-on-error-container);
}
.micro-select .mat-mdc-form-field {
  width: 100%;
}
.micro-select .mat-mdc-select-trigger {
  gap: 0.5rem;
}
.micro-select .mat-mdc-form-field-infix {
  width: auto;
}
.micro-select .mat-mdc-select-arrow svg {
  width: 14px !important;
}
.micro-select.mat-mdc-option {
  min-height: auto;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
  font-size: 0.75rem;
}
.micro-select.mat-mdc-option span {
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
.micro-select {
  --mat-form-field-container-height: auto;
}
.micro-select {
  --mat-form-field-container-vertical-padding: 0.25rem;
}
.micro-select {
  --mat-select-trigger-text-size: 0.85rem;
}
.mat-mdc-form-field-has-icon-suffix:has(.micro-select) .mat-mdc-text-field-wrapper {
  padding-right: max(16px, var(--mdc-outlined-text-field-container-shape, var(--mat-sys-corner-extra-small)) + 4px) !important;
}
.chip-select {
  --filter-pill_bg-active: #f4f5f6;
  --filter-pill_text-default: #473c53;
  --filter-pill_text-selection: #017287;
  --button_ripple-color: rgba(204, 209, 214, 0.33);
  --button_state-layer-color: rgba(204, 209, 214, 0.5);
}
.chip-select {
  --mat-filled-button-horizontal-padding: 0.75rem;
}
.chip-select {
  --mdc-filled-button-container-color: var(--filter-pill_bg-active);
}
.chip-select {
  --mdc-filled-button-label-text-color: var(--filter-pill_text-default);
}
.chip-select {
  --mat-filled-button-ripple-color: var(--button_ripple-color);
}
.chip-select {
  --mat-filled-button-state-layer-color: var(--button_state-layer-color);
}
.chip-select.error {
  --filter-pill_text-error: #c42323;
}
.chip-select.error {
  --mdc-filled-button-label-text-color: var(--filter-pill_text-error);
}
.chip-select button {
  height: var(--mdc-chip-container-height);
}
.chip-select mat-icon {
  color: var(--filter-pill_text-default);
}
.customisable-input,
.micro-input {
  --mat-form-field-container-height: auto;
}
.customisable-input,
.micro-input {
  --mat-form-field-container-vertical-padding: 0px;
}
.customisable-input .mat-mdc-form-field,
.micro-input .mat-mdc-form-field {
  width: 100%;
}
.customisable-input .mat-mdc-form-field-infix,
.micro-input .mat-mdc-form-field-infix {
  width: auto;
}
.customisable-input .mdc-text-field--outlined,
.customisable-input .mdc-text-field--filled,
.micro-input .mdc-text-field--outlined,
.micro-input .mdc-text-field--filled {
  padding-left: 16px;
  padding-right: 16px;
}
.customisable-input.round .mat-mdc-form-field,
.micro-input.round .mat-mdc-form-field {
  border-radius: 2em;
  overflow: clip;
}
.customisable-input.round,
.micro-input.round {
  --mdc-outlined-text-field-container-shape: 2em;
}
.customisable-input.round,
.micro-input.round {
  --mdc-filled-text-field-container-shape: 2em;
}
.customisable-input.round .mdc-notched-outline.mdc-notched-outline--no-label,
.micro-input.round .mdc-notched-outline.mdc-notched-outline--no-label {
  box-shadow: none;
}
.micro-input,
.customisable-input.branded {
  --mdc-filled-text-field-container-color: white;
}
.micro-input,
.customisable-input.branded {
  --mdc-filled-text-field-container-color: white;
}
.micro-input .mat-mdc-form-field,
.customisable-input.branded .mat-mdc-form-field {
  background-color: white;
}
.micro-input .mat-icon,
.customisable-input.branded .mat-icon {
  color: var(--mat-sys-text-subtle) !important;
}
.micro-input {
  --mat-form-field-container-vertical-padding: 0.25rem;
}
.micro-input {
  --mat-form-field-container-text-size: 0.85rem;
}
.mat-expansion-panel.unstyled {
  background: unset;
  color: unset;
  border-radius: 0;
  box-shadow: none;
}
.mat-expansion-panel.unstyled:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.mat-expansion-panel.unstyled .mat-expansion-panel-content {
  font-family: unset;
  font-size: unset;
  font-weight: unset;
  line-height: unset;
  letter-spacing: unset;
}
.mat-expansion-panel.unstyled .mat-expansion-panel-body {
  padding: unset;
}
.mat-expansion-panel.unstyled .mat-expansion-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: unset;
  border-radius: 0;
  height: unset;
  font-family: unset;
  font-size: unset;
  font-weight: unset;
  line-height: unset;
  letter-spacing: unset;
}
.mat-expansion-panel.unstyled [dir=rtl] .mat-expansion-panel-header-title,
.mat-expansion-panel.unstyled [dir=rtl] .mat-expansion-panel-header-description {
  margin-right: unset;
  margin-left: unset;
}
.mat-expansion-panel.unstyled .mat-expansion-panel-header-title,
.mat-expansion-panel.unstyled .mat-expansion-panel-header-description {
  margin-right: unset;
  margin-left: unset;
}
:root {
  --include-highlight-bg: var(--status-success-bg-subtle);
  --exclude-highlight-bg: var(--status-danger-bg-subtle);
  --neutral-highlight-bg: var(--indicator-bg-default);
}
.pane-highlight,
.pdf-highlight {
  background-color: var(--highlight-colour);
  outline-color: var(--highlight-colour);
  border-color: var(--highlight-colour);
  color: var(--text-default);
}
.pdf-highlight {
  position: relative !important;
  mix-blend-mode: difference;
}
.textLayer {
  mix-blend-mode: multiply;
}
:root,
:host {
  --mdc-chip-container-shape-radius: 8px;
  --mdc-chip-container-height: 32px;
}
.icon-sm {
  height: 1.25rem !important;
  width: 1.25rem !important;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-xs {
  height: 1rem !important;
  width: 1rem !important;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
:root {
  --mat-tab-header-active-label-text-color: var(--mat-sys-primary);
}
:root {
  --mat-tab-header-label-text-size: var(--mat-sys-body-large-size);
}
:root {
  --mat-tab-header-active-focus-label-text-color: var(--mat-sys-primary);
}
:root {
  --mat-tab-header-active-hover-label-text-color: var(--mat-sys-primary);
}
:root {
  --mat-tab-header-inactive-hover-label-text-color: var(--mat-sys-primary);
}
:root {
  --mat-tab-header-active-ripple-color: var(--mat-sys-primary);
}
:root {
  --mat-tab-header-inactive-ripple-color: var(--mat-sys-primary);
}
:root {
  --mdc-tab-indicator-active-indicator-height: 3px;
}
.mat-mdc-tab-header {
  background-color: var(--mat-sys-background);
}
.mat-mdc-tab-link.mat-focus-indicator {
  background-color: var(--mat-sys-background);
}
.mat-mdc-tab-link.mat-focus-indicator:hover {
  background-color: var(--mat-sys-inverse-primary);
}
.mat-mdc-tab-body-wrapper {
  height: 100% !important;
}
.mat-mdc-tab-link .mdc-tab__ripple::before {
  opacity: 0 !important;
}
.my-tabs .mat-mdc-tab-link:focus-visible .mdc-tab__ripple::before {
  opacity: 0 !important;
}
.record-details-tabs {
  --mat-tab-header-label-text-size: var(--mat-sys-body-medium-size);
}
.record-details-tabs {
  --mat-tab-header-inactive-label-text-color: var(--mat-sys-on-secondary-fixed-variant);
}
.record-details-tabs .mat-mdc-tab-body-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}
.record-details-tabs .mat-mdc-tab-body-content {
  overflow-y: auto;
}
.mdc-notched-outline.mdc-notched-outline--no-label {
  border-radius: 5px !important;
  box-shadow: 0 0 1px 0 var(--mat-sys-outline) inset, 0 0 1px 0 var(--mat-sys-outline);
}
.mdc-text-field--focused .mdc-notched-outline.mdc-notched-outline--no-label {
  border-radius: 5px !important;
  box-shadow: 0 0 10px 3px var(--mat-sys-inverse-primary) !important;
}
.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-right-style: hidden;
}
[type=text],
[type=email],
[type=url],
[type=password],
[type=number],
[type=date],
[type=datetime-local],
[type=month],
[type=search],
[type=tel],
[type=time],
[type=week],
[multiple],
textarea,
select {
  padding: 0;
  border: none;
}
mat-hint.error {
  color: var(--mat-sys-error);
}
.--no-subscript .mat-mdc-form-field-subscript-wrapper {
  height: 0 !important;
}
:root {
  --mdc-filled-button-label-text-weight: 600;
}
:root {
  --mat-icon-button-state-layer-color: var(--mat-sys-primary);
}
:root {
  --mat-icon-button-ripple-color: var(--mat-sys-inverse-primary);
}
.grey-outline {
  border: 1px solid var(--mat-sys-outline-variant) !important;
  box-shadow: 0 0 1px 0 var(--mat-sys-outline-variant) inset, 0 0 1px 0 var(--mat-sys-outline-variant);
  color: var(--mat-sys-on-surface) !important;
}
.grey-outline:hover {
  background-color: var(--mat-sys-surface-dim) !important;
}
.grey-outline {
  --mat-outlined-button-ripple-color: var(--mat-sys-outline);
}
.grey-outline {
  --mat-outlined-button-hover-state-layer-opacity: 0;
}
.grey-outline {
  --mat-outlined-button-focus-state-layer-opacity: 0;
}
.red-outline {
  border: 1px solid var(--mat-sys-error) !important;
  box-shadow: 0 0 1px 0 var(--mat-sys-error) inset, 0 0 1px 0 var(--mat-sys-error);
  color: var(--mat-sys-error) !important;
}
.red-outline:hover {
  background-color: var(--mat-sys-error-container) !important;
}
.red-outline {
  --mat-outlined-button-ripple-color: oklch(83.23% 0.086 19.05deg);
}
.red-outline {
  --mat-outlined-button-hover-state-layer-opacity: 0;
}
.red-outline {
  --mat-outlined-button-focus-state-layer-opacity: 0;
}
.mat-mdc-button .mdc-button__label {
  white-space: nowrap;
}
.mat-mdc-unelevated-button .mdc-button__label {
  white-space: nowrap;
}
:root {
  --mdc-dialog-container-shape: 8px;
}
.mat-mdc-dialog-title {
  font: var(--mat-sys-display-small) !important;
}
:root {
  --mat-table-row-item-outline-color: var(--mat-sys-outline-variant);
}
:root {
  --mat-table-background-color: transparent;
}
div:has(> table.mat-mdc-table) {
  border-radius: 0.75rem;
  overflow: clip;
}
div:has(> table.mat-mdc-table) {
  border-radius: 0.75rem;
  overflow: clip;
}
table.mat-mdc-table {
  table-layout: auto;
}
.mat-mdc-cell:not(.mat-mdc-header-cell),
.mat-mdc-cell:not(.mat-mdc-footer-cell) {
  background-color: white;
}
.mat-mdc-header-cell {
  z-index: 1 !important;
  padding-left: 0.75rem !important;
  font-size: 0.75rem !important;
}
.mat-mdc-header-row {
  height: 2.25rem !important;
}
.mat-mdc-header-row:first-child .mat-mdc-header-cell:first-child {
  border-top-left-radius: 0.75rem;
}
.mat-mdc-header-row:last-child .mat-mdc-header-cell:last-child {
  border-top-right-radius: 0.75rem;
  border-right: none;
}
.mat-mdc-header-row .mat-mdc-header-cell {
  background-color: var(--mat-sys-surface-container-low) !important;
  border-right: 1px solid var(--mat-sys-outline-variant);
}
.mat-mdc-footer-row {
  height: 2.25rem !important;
}
.mat-mdc-footer-row:first-child .mat-mdc-footer-cell:first-child {
  border-bottom-left-radius: 0.75rem;
}
.mat-mdc-footer-row:last-child .mat-mdc-footer-cell:last-child {
  border-bottom-right-radius: 0.75rem;
  border-right: none;
}
.mat-mdc-footer-row .mat-mdc-footer-cell {
  background-color: var(--mat-sys-inverse-primary) !important;
  border-right: 1px solid var(--mat-sys-outline-variant);
  font-size: 0.75rem;
}
.mat-mdc-row .mat-mdc-cell {
  border-right: 1px solid var(--mat-sys-outline-variant);
  padding: 0 0.75rem 0 0.75rem;
  font-size: 0.75rem;
}
.mat-mdc-cell:last-child {
  border-right: none !important;
}
.icon-cell.mat-mdc-cell {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  text-align: center;
}
.icon-cell.mat-mdc-header-cell {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  text-align: center;
}
.record-table .mat-column-select,
.record-table .mat-column-recordNumber,
.record-table .mat-column-year,
.record-table .mat-column-currentStage,
.record-table .mat-column-decisions {
  white-space: nowrap;
  width: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.record-table .mat-column-title,
.record-table .mat-column-authors {
  width: auto;
  white-space: normal;
}
.linked-records-table .mat-column-menu,
.linked-records-table .mat-column-recordNumber,
.linked-records-table .mat-column-year {
  white-space: nowrap;
  width: 1px;
  overflow: hidden;
}
.linked-records-table .mat-column-title,
.linked-records-table .mat-column-authors {
  width: auto;
  white-space: normal;
}
.chips-grid {
  --mdc-filled-text-field-container-color: transparent;
}
.chips-grid {
  --mdc-filled-text-field-active-indicator-color: transparent;
}
.chips-grid {
  --mdc-filled-text-field-hover-active-indicator-color: transparent;
}
.chips-grid {
  --mdc-filled-text-field-focus-active-indicator-color: transparent;
}
.chips-grid {
  --mat-form-field-hover-state-layer-opacity: 0;
}
.chips-grid .mat-mdc-form-field-subscript-wrapper {
  height: 0 !important;
}
.highlight-chips {
  --mdc-chip-outline-color: transparent;
}
.highlight-chips {
  --mdc-chip-container-shape-radius: 100px;
}
.highlight-chips {
  --mdc-chip-focus-outline-color: transparent;
}
.highlight-chips {
  --mdc-chip-focus-state-layer-color: transparent;
}
.highlight-chips {
  --mdc-chip-hover-state-layer-color: transparent;
}
.highlight-chips {
  --mdc-chip-label-text-weight: 600;
}
.highlight-chips .mat-mdc-chip-ripple {
  display: none !important;
}
.highlight-chips .mdc-evolution-chip__action {
  cursor: default !important;
}
.highlight-chips .mat-mdc-chip-remove {
  cursor: pointer !important;
}
.highlight-chips .--include {
  --mdc-circular-progress-active-indicator-color: var( --decision-include-text-default );
}
.highlight-chips .--include {
  --mdc-chip-label-text-color: var(--decision-include-text-default);
}
.highlight-chips .--include {
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--decision-include-text-default);
}
.highlight-chips .--include {
  background-color: var(--decision-include-bg-default) !important;
}
.highlight-chips .--exclude {
  --mdc-circular-progress-active-indicator-color: var( --decision-exclude-text-default );
}
.highlight-chips .--exclude {
  --mdc-chip-label-text-color: var(--decision-exclude-text-default);
}
.highlight-chips .--exclude {
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--decision-exclude-text-default);
}
.highlight-chips .--exclude {
  background-color: var(--decision-exclude-bg-default) !important;
}
.highlight-chips .--other {
  --mdc-circular-progress-active-indicator-color: var( --button-border-neutral-selected );
}
.highlight-chips .--other {
  --mdc-chip-label-text-color: var(--button-border-neutral-selected);
}
.highlight-chips .--other {
  --mdc-chip-with-trailing-icon-trailing-icon-color: var(--button-border-neutral-selected);
}
.highlight-chips .--other {
  background-color: var(--button-bg-neutral-selected) !important;
}
.screening-keyword-chips {
  --mdc-chip-container-shape-radius: 100px;
}
.screening-keyword-chips {
  --mdc-chip-focus-state-layer-color: transparent;
}
.screening-keyword-chips {
  --mdc-chip-hover-state-layer-color: transparent;
}
.screening-keyword-chips {
  --mdc-chip-label-text-weight: 600;
}
.screening-keyword-chips .mat-mdc-chip {
  min-width: 64px;
}
.screening-tags {
  --mdc-chip-focus-state-layer-color: transparent;
}
.screening-tags {
  --mdc-chip-hover-state-layer-color: transparent;
}
.screening-tags {
  --mdc-chip-label-text-weight: 600;
}
.screening-tags {
  --mdc-chip-outline-color: transparent;
}
.screening-tags {
  --mdc-chip-label-text-color: var(--mat-sys-primary);
}
.screening-tags {
  --mdc-chip-elevated-container-color: var(--indicator-bg-subtle);
}
.screening-tags {
  --mdc-chip-focus-outline-color: transparent;
}
.screening-tags .mat-mdc-chip-ripple {
  display: none !important;
}
.screening-tags .mdc-evolution-chip__action {
  cursor: default !important;
}
.screening-tags .mat-mdc-chip-remove {
  cursor: pointer !important;
}
app-project-settings-highlights-form .positive-highlights-grid,
app-title-abstract-screening-highlights .positive-highlights-grid {
  --mdc-chip-elevated-container-color: transparent;
}
app-project-settings-highlights-form .positive-highlights-grid,
app-title-abstract-screening-highlights .positive-highlights-grid {
  --mdc-chip-outline-color: var(--decision-include-bg-default);
}
app-project-settings-highlights-form .positive-highlights-grid,
app-title-abstract-screening-highlights .positive-highlights-grid {
  --mdc-chip-focus-outline-color: var(--decision-include-bg-default);
}
app-project-settings-highlights-form .negative-highlights-grid,
app-title-abstract-screening-highlights .negative-highlights-grid {
  --mdc-chip-elevated-container-color: transparent;
}
app-project-settings-highlights-form .negative-highlights-grid,
app-title-abstract-screening-highlights .negative-highlights-grid {
  --mdc-chip-outline-color: var(--decision-exclude-bg-default);
}
app-project-settings-highlights-form .negative-highlights-grid,
app-title-abstract-screening-highlights .negative-highlights-grid {
  --mdc-chip-focus-outline-color: var(--decision-exclude-bg-default);
}
app-project-settings-highlights-form .neutral-highlights-grid,
app-title-abstract-screening-highlights .neutral-highlights-grid {
  --mdc-chip-elevated-container-color: transparent;
}
app-project-settings-highlights-form .neutral-highlights-grid,
app-title-abstract-screening-highlights .neutral-highlights-grid {
  --mdc-chip-focus-outline-color: var(--mat-sys-outline-variant);
}
app-title-abstract-screening-highlights .positive-highlights-grid .selected {
  --mdc-chip-elevated-container-color: var(--decision-include-bg-default);
}
app-title-abstract-screening-highlights .positive-highlights-grid .selected {
  --mdc-chip-outline-color: var(--decision-include-bg-default);
}
app-title-abstract-screening-highlights .positive-highlights-grid .selected {
  --mdc-chip-label-text-color: var(--decision-include-text-default);
}
app-title-abstract-screening-highlights .negative-highlights-grid .selected {
  --mdc-chip-elevated-container-color: var(--decision-exclude-bg-default);
}
app-title-abstract-screening-highlights .negative-highlights-grid .selected {
  --mdc-chip-outline-color: var(--decision-exclude-bg-default);
}
app-title-abstract-screening-highlights .negative-highlights-grid .selected {
  --mdc-chip-label-text-color: var(--decision-exclude-text-default);
}
app-title-abstract-screening-highlights .neutral-highlights-grid .selected {
  --mdc-chip-elevated-container-color: var(--mat-sys-outline-variant);
}
app-title-abstract-screening-highlights .neutral-highlights-grid .selected {
  --mdc-chip-outline-color: var(--mat-sys-outline-variant);
}
:root {
  --mat-standard-button-toggle-background-color: var(--mat-sys-background);
}
:root {
  --mat-standard-button-toggle-selected-state-background-color: var(--mat-sys-primary);
}
:root {
  --mat-standard-button-toggle-selected-state-text-color: var(--mat-sys-on-primary);
}
:root {
  --mat-standard-button-toggle-label-text-size: 0.75rem;
}
:root {
  --mat-standard-button-toggle-focus-state-layer-opacity: 0;
}
:root {
  --mat-standard-button-toggle-label-text-weight: 400;
}
:root .mat-button-toggle-checked .mat-button-toggle-label-content {
  font-weight: 600;
}
:root .mat-button-toggle-group-appearance-standard {
  border-color: transparent;
}
:root .mat-button-toggle-group-appearance-standard mat-button-toggle:last-child {
  border: 1px solid var(--mat-sys-outline);
  border-radius: 0 2rem 2rem 0;
  border-left: none;
}
:root .mat-button-toggle-group-appearance-standard mat-button-toggle:first-child {
  border: 1px solid var(--mat-sys-outline);
  border-radius: 2rem 0 0 2rem;
  border-right: none;
}
:root .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked {
  border-color: var(--mat-sys-primary) !important;
}
.--coloured-toggle {
  --mat-standard-button-toggle-background-color: var(--mat-sys-background);
}
.--coloured-toggle {
  --mat-standard-button-toggle-label-text-size: 1rem;
}
.--coloured-toggle {
  --mat-standard-button-toggle-focus-state-layer-opacity: 0;
}
.--coloured-toggle {
  --mat-standard-button-toggle-label-text-weight: 400;
}
.--coloured-toggle {
  --mat-standard-button-toggle-hover-state-layer-opacity: 0;
}
.--coloured-toggle {
  --mat-standard-button-toggle-selected-state-background-color: transparent;
}
.--coloured-toggle .--include {
  --mat-standard-button-toggle-selected-state-background-color: var(--decision-include-bg-default);
}
.--coloured-toggle .--include {
  --mat-standard-button-toggle-selected-state-text-color: var(--decision-include-text-default);
}
.--coloured-toggle .--include.mat-button-toggle-checked {
  border-color: var(--decision-include-border-default) !important;
  border-right: 1px solid var(--decision-include-border-default) !important;
}
.--coloured-toggle .--exclude {
  --mat-standard-button-toggle-selected-state-background-color: var(--decision-exclude-bg-default);
}
.--coloured-toggle .--exclude {
  --mat-standard-button-toggle-selected-state-text-color: var(--decision-exclude-text-default);
}
.--coloured-toggle .--exclude.mat-button-toggle-checked {
  border-color: var(--decision-exclude-border-default) !important;
  border-left: 1px solid var(--decision-exclude-border-default) !important;
}
:root {
  --mdc-switch-unselected-focus-handle-color: var(--mat-sys-secondary);
}
:root {
  --mdc-switch-unselected-pressed-handle-color: var(--mat-sys-on-secondary-fixed-variant);
}
:root {
  --mdc-switch-unselected-hover-handle-color: var(--mat-sys-on-secondary-fixed-variant);
}
:root {
  --mdc-switch-selected-icon-color: var(--mat-sys-primary);
}
:root {
  --mdc-switch-unselected-track-color: var(--mat-sys-background);
}
:root {
  --mdc-switch-unselected-focus-track-color: var(--mat-sys-background);
}
:root {
  --mdc-switch-unselected-icon-size: 0;
}
:root {
  --mat-switch-label-text-size: 1rem;
}
:root mat-slide-toggle .mdc-label {
  padding-left: 0.75rem !important;
}
:root mat-slide-toggle .mdc-switch--unselected .mdc-switch__handle {
  height: 1rem !important;
  width: 1rem !important;
  margin-left: 0.5rem !important;
}
:root mat-slide-toggle .mdc-switch--unselected .mdc-switch__ripple {
  height: 1.5rem !important;
  width: 1.5rem !important;
}
:root {
  --mdc-dialog-container-shape: 0.5rem;
}
:root {
  --mat-checkbox-label-text-weight: 400;
}
:root {
  --mat-checkbox-label-text-size: 1rem;
}
:root {
  --mdc-checkbox-unselected-icon-color: var(--mat-sys-secondary);
}
:root {
  --mdc-checkbox-unselected-focus-icon-color: var(--mat-sys-secondary);
}
:root {
  --mdc-checkbox-unselected-hover-icon-color: var(--mat-sys-secondary);
}
:root {
  --mdc-checkbox-unselected-focus-state-layer-color: var(--mat-sys-primary);
}
:root {
  --mdc-checkbox-unselected-hover-state-layer-color: var(--mat-sys-primary);
}
:root {
  --mat-menu-item-label-text-weight: 400;
}
:root {
  --mat-menu-item-hover-state-layer-color: var(--mat-sys-inverse-primary);
}
:root {
  --mat-menu-item-focus-state-layer-color: var(--mat-sys-inverse-primary);
}
:root .mat-mdc-menu-content {
  padding: 0 !important;
}
.no-mdc-checkbox .mdc-list-item__end,
.no-mdc-checkbox .mdc-list-item__end .mdc-checkbox {
  display: none !important;
}
:root {
  --mat-sidenav-container-shape: none;
}
:root {
  --mat-sidenav-container-width: 320px;
}
.mdc-checkbox--disabled .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  background-color: var(--mat-sys-primary) !important;
  border-color: var(--mat-sys-primary) !important;
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
:root,
:host {
  color-scheme: light;
}
:root,
:host {
  --mat-sys-background: light-dark(#faf9fd, #121316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);
  --mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);
  --mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);
  --mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #002f65);
  --mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);
  --mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-on-secondary: light-dark(#ffffff, #283041);
  --mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);
  --mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);
  --mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);
  --mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);
  --mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);
  --mat-sys-outline: light-dark(#74777f, #8e9099);
  --mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);
  --mat-sys-primary: light-dark(#005cbb, #abc7ff);
  --mat-sys-primary-container: light-dark(#d7e3ff, #00458f);
  --mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);
  --mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#565e71, #bec6dc);
  --mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);
  --mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);
  --mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#faf9fd, #121316);
  --mat-sys-surface-bright: light-dark(#faf9fd, #38393c);
  --mat-sys-surface-container: light-dark(#efedf0, #1f2022);
  --mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);
  --mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);
  --mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);
  --mat-sys-surface-dim: light-dark(#dbd9dd, #121316);
  --mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);
  --mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);
  --mat-sys-tertiary: light-dark(#343dff, #bec2ff);
  --mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);
  --mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
}
:root,
:host {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
:root,
:host {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
:root,
:host {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
:root,
:host {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
:root,
:host {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
:root,
:host {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
:root,
:host {
  --mat-sys-body-large: 400 1rem / 1.5rem Inter;
  --mat-sys-body-large-font: Inter;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Inter;
  --mat-sys-body-medium-font: Inter;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Inter;
  --mat-sys-body-small-font: Inter;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Inter;
  --mat-sys-display-large-font: Inter;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Inter;
  --mat-sys-display-medium-font: Inter;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Inter;
  --mat-sys-display-small-font: Inter;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Inter;
  --mat-sys-headline-large-font: Inter;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Inter;
  --mat-sys-headline-medium-font: Inter;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Inter;
  --mat-sys-headline-small-font: Inter;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Inter;
  --mat-sys-label-large-font: Inter;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Inter;
  --mat-sys-label-medium-font: Inter;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Inter;
  --mat-sys-label-small-font: Inter;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Inter;
  --mat-sys-title-large-font: Inter;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Inter;
  --mat-sys-title-medium-font: Inter;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Inter;
  --mat-sys-title-small-font: Inter;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
:root,
:host {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
:root,
:host {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
body.dark {
  color-scheme: dark;
}
:root,
:host {
  --mat-sys-primary: oklch(50.89% 0.09 216.49deg);
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: oklch(96.3% 0.031 211.49deg);
  --mat-sys-on-primary-container: oklch(35.63% 0.063 215.91deg);
  --mat-sys-inverse-primary: oklch(97.37% 0.009 214.19deg);
  --mat-sys-primary-fixed: oklch(50.89% 0.09 216.49deg);
  --mat-sys-primary-fixed-dim: oklch(43.06% 0.076 215.28deg);
  --mat-sys-on-primary-fixed: #ffffff;
  --mat-sys-on-primary-fixed-variant: oklch(35.63% 0.063 215.91deg);
  --mat-sys-secondary: oklch(37.7% 0.041 306.31deg);
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: oklch(96.97% 0.002 247.73deg);
  --mat-sys-on-secondary-container: oklch(27.43% 0.027 307.38deg);
  --mat-sys-secondary-fixed: oklch(96.97% 0.002 247.73deg);
  --mat-sys-secondary-fixed-dim: oklch(85.83% 0.009 247.91deg);
  --mat-sys-on-secondary-fixed: oklch(27.43% 0.027 307.38deg);
  --mat-sys-on-secondary-fixed-variant: oklch(44.45% 0.017 245deg);
  --mat-sys-tertiary: oklch(52.36% 0.104 147.75deg);
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: oklch(95.92% 0.048 147.99deg);
  --mat-sys-on-tertiary-container: oklch(42.25% 0.084 147.55deg);
  --mat-sys-tertiary-fixed: oklch(95.92% 0.048 147.99deg);
  --mat-sys-tertiary-fixed-dim: oklch(52.36% 0.104 147.75deg);
  --mat-sys-on-tertiary-fixed: oklch(42.25% 0.084 147.55deg);
  --mat-sys-on-tertiary-fixed-variant: oklch(42.25% 0.084 147.55deg);
  --mat-sys-background: #ffffff;
  --mat-sys-on-background: oklch(37.7% 0.041 306.31deg);
  --mat-sys-surface: #ffffff;
  --mat-sys-surface-dim: oklch(96.97% 0.002 247.73deg);
  --mat-sys-surface-bright: #ffffff;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: oklch(99.28% 0.002 228.42deg);
  --mat-sys-surface-container: #ffffff;
  --mat-sys-surface-container-high: oklch(96.97% 0.002 247.73deg);
  --mat-sys-surface-container-highest: oklch(85.83% 0.009 247.91deg);
  --mat-sys-on-surface: oklch(37.7% 0.041 306.31deg);
  --mat-sys-shadow: black;
  --mat-sys-scrim: black;
  --mat-sys-surface-tint: oklch(50.89% 0.09 216.49deg);
  --mat-sys-inverse-surface: oklch(27.43% 0.027 307.38deg);
  --mat-sys-inverse-on-surface: #ffffff;
  --mat-sys-outline: oklch(64.06% 0.022 245.78deg);
  --mat-sys-outline-variant: oklch(93% 0.003 247.81deg);
  --mat-sys-error: oklch(64.32% 0.215 25.62deg);
  --mat-sys-error-container: oklch(95.74% 0.02 17.59deg);
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: oklch(64.32% 0.215 25.62deg);
  --mat-sys-surface-variant: oklch(96.97% 0.002 247.73deg);
  --mat-sys-on-surface-variant: oklch(54.24% 0.022 245.87deg);
  --mat-sys-display-large: 600 2rem/2.5rem Inter;
  --mat-sys-display-medium: 600 1.75rem/2.25rem Inter;
  --mat-sys-display-small: 600 1.5rem/2rem Inter;
  --mat-sys-headline-small: 600 1.125rem/1.75rem Inter;
  --mat-sys-title-large: 600 0.875rem/1rem Inter;
  --mat-sys-title-medium: 600 0.75rem/1rem Inter;
  --mat-sys-title-small: 600 0.625rem/0.875rem Inter;
  --mat-sys-body-large: 400 1rem/1.5rem Inter;
  --mat-sys-body-medium: 400 0.875rem/1.25rem Inter;
  --mat-sys-body-small: 400 0.75rem/1rem Inter;
  --mat-sys-label-large: 600 0.875rem/1.25rem Inter;
  --mat-sys-label-medium: 400 0.75rem/1rem Inter;
  --mat-sys-label-small: 400 0.625rem/1rem Inter;
}
:root,
:host {
  --global-primary: oklch(50.89% 0.09 216.49deg);
  --global-secondary: oklch(37.7% 0.041 306.31deg);
  --global-white: #ffffff;
  --text-default: oklch(37.7% 0.041 306.31deg);
  --text-subtle: oklch(54.24% 0.022 245.87deg);
  --text-heading: oklch(27.43% 0.027 307.38deg);
  --text-brand: oklch(50.89% 0.09 216.49deg);
  --text-brand-strong: oklch(35.63% 0.063 215.91deg);
  --text-inverse: #ffffff;
  --icon-default: oklch(37.7% 0.041 306.31deg);
  --icon-inverse: #ffffff;
  --icon-brand: oklch(50.89% 0.09 216.49deg);
  --bg-overlay: oklch(50.89% 0.09 216.49deg);
  --bg-brand: oklch(50.89% 0.09 216.49deg);
  --bg-brand-subtle: oklch(96.3% 0.031 211.49deg);
  --bg-white: #ffffff;
  --bg-subtle: oklch(96.97% 0.002 247.73deg);
  --bg-neutral: oklch(85.83% 0.009 247.91deg);
  --bg-neutral-active: oklch(33.74% 0.013 248.21deg);
  --bg-dark: oklch(27.43% 0.027 307.38deg);
  --border-default: oklch(93% 0.003 247.81deg);
  --border-divider: oklch(93% 0.003 247.81deg);
  --border-brand: oklch(50.89% 0.09 216.49deg);
  --status-dot-active: oklch(76.11% 0.151 147.65deg);
  --status-dot-pending: oklch(62.52% 0.138 47.5deg);
  --status-dot-inactive: oklch(85.83% 0.009 247.91deg);
  --status-success-text: oklch(42.25% 0.084 147.55deg);
  --status-success-icon: oklch(61.72% 0.122 147.61deg);
  --status-success-border: oklch(61.72% 0.122 147.61deg);
  --status-success-bg-subtle: oklch(95.92% 0.048 147.99deg);
  --status-danger-text: oklch(64.32% 0.215 25.62deg);
  --status-danger-icon: oklch(64.32% 0.215 25.62deg);
  --status-danger-border: oklch(64.32% 0.215 25.62deg);
  --status-danger-bg: oklch(64.32% 0.215 25.62deg);
  --status-danger-bg-subtle: oklch(95.74% 0.02 17.59deg);
  --status-caution-text: oklch(43.02% 0.095 47.19deg);
  --status-caution-icon: oklch(62.52% 0.138 47.5deg);
  --status-caution-border-subtle: oklch(85.06% 0.069 37.56deg);
  --status-caution-bg-subtle: oklch(96.67% 0.014 34.39deg);
  --status-caution-border: oklch(62.52% 0.138 47.5deg);
  --nav-text-active: oklch(35.63% 0.063 215.91deg);
  --nav-icon-active: oklch(35.63% 0.063 215.91deg);
  --nav-icon-default: oklch(64.06% 0.022 245.78deg);
  --nav-border-default: oklch(93% 0.003 247.81deg);
  --nav-border-submenu: oklch(85.83% 0.009 247.91deg);
  --nav-button-bg-active: oklch(97.37% 0.009 214.19deg);
  --bg-default: oklch(96.97% 0.002 247.73deg);
  --cont-bg-default: #ffffff;
  --tab-text-default: oklch(44.45% 0.017 245deg);
  --tab-text-active: oklch(50.89% 0.09 216.49deg);
  --button-bg-primary: oklch(50.89% 0.09 216.49deg);
  --button-bg-primary-hover: oklch(43.06% 0.076 215.28deg);
  --button-bg-primary-active: oklch(35.63% 0.063 215.91deg);
  --button-text-secondary: oklch(37.7% 0.041 306.31deg);
  --button-icon-secondary: oklch(37.7% 0.041 306.31deg);
  --button-border-secondary: oklch(85.83% 0.009 247.91deg);
  --button-border-secondary-active: oklch(78.55% 0.013 247.97deg);
  --button-bg-secondary: #ffffff;
  --button-bg-secondary-hover: oklch(96.97% 0.002 247.73deg);
  --button-bg-secondary-active: oklch(94.11% 0.009 308.57deg);
  --button-bg-ghost-active: oklch(97.37% 0.009 214.19deg);
  --button-text-ghost: oklch(50.89% 0.09 216.49deg);
  --button-icon-ghost: oklch(50.89% 0.09 216.49deg);
  --button-icon-ghost-inactive: oklch(54.24% 0.022 245.87deg);
  --button-bg-include-selected: oklch(90.99% 0.122 147.95deg);
  --button-bg-exclude-selected: oklch(91.33% 0.041 17.97deg);
  --button-bg-neutral-selected: oklch(88.33% 0.016 306.49deg);
  --button-border-neutral-selected: oklch(49.62% 0.056 305.9deg);
  --input-text-active: oklch(33.74% 0.013 248.21deg);
  --input-border-default: oklch(64.06% 0.022 245.78deg);
  --input-text-placeholder: oklch(54.24% 0.022 245.87deg);
  --input-icon-default: oklch(54.24% 0.022 245.87deg);
  --input-icon-inactive: oklch(85.83% 0.009 247.91deg);
  --input-border-focus: oklch(50.89% 0.09 216.49deg);
  --input-bg-default: #ffffff;
  --input-label-default: oklch(37.7% 0.041 306.31deg);
  --input-toggle-switch-track-bg-on: oklch(50.89% 0.09 216.49deg);
  --input-toggle-switch-track-bg-off: #ffffff;
  --input-toggle-switch-track-outline-off: oklch(64.06% 0.022 245.78deg);
  --input-toggle-switch-thumb-bg-on: #ffffff;
  --input-toggle-switch-thumb-bg-off: oklch(64.06% 0.022 245.78deg);
  --input-menu-bg-hover: oklch(97.37% 0.009 214.19deg);
  --field-bg-default: #ffffff;
  --field-bg-hover: oklch(96.97% 0.002 247.73deg);
  --field-bg-disabled: oklch(93% 0.003 247.81deg);
  --field-border-default: oklch(64.06% 0.022 245.78deg);
  --field-border-inactive: oklch(85.83% 0.009 247.91deg);
  --field-border-focus: oklch(50.89% 0.09 216.49deg);
  --field-label-default: oklch(37.7% 0.041 306.31deg);
  --field-text-active: oklch(33.74% 0.013 248.21deg);
  --field-text-placeholder: oklch(54.24% 0.022 245.87deg);
  --field-icon-default: oklch(64.06% 0.022 245.78deg);
  --card-bg-subtle: oklch(99.28% 0.002 228.42deg);
  --card-bg-active: oklch(97.37% 0.009 214.19deg);
  --card-bg-neutral: oklch(96.97% 0.002 247.73deg);
  --card-bg-default: #ffffff;
  --card-border-default: oklch(85.83% 0.009 247.91deg);
  --card-border-active: oklch(50.89% 0.09 216.49deg);
  --card-border-subtle: oklch(92.74% 0.025 209.19deg);
  --card-icon-input: oklch(54.24% 0.022 245.87deg);
  --indicator-bg-subtle: oklch(95.46% 0.015 211.91deg);
  --indicator-bg-brand: oklch(50.89% 0.09 216.49deg);
  --indicator-bg-default: oklch(93% 0.003 247.81deg);
  --indicator-bg-default-subtle: oklch(96.97% 0.002 247.73deg);
  --indicator-bg-default-inverse: oklch(44.45% 0.017 245deg);
  --indicator-text-default: oklch(44.45% 0.017 245deg);
  --indicator-icon-default: oklch(44.45% 0.017 245deg);
  --indicator-bg-caution: oklch(92.66% 0.032 37.17deg);
  --indicator-table-bg-primaryrecord: oklch(95.92% 0.048 147.99deg);
  --indicator-table-bg-linkedrecord: oklch(97.37% 0.009 214.19deg);
  --indicator-table-text-primaryrecord: oklch(42.25% 0.084 147.55deg);
  --indicator-table-text-linkedrecord: oklch(53.9% 0.075 211.01deg);
  --decision-include-bg-default: oklch(95.92% 0.048 147.99deg);
  --decision-include-bg-bold: oklch(52.36% 0.104 147.75deg);
  --decision-include-text-default: oklch(42.25% 0.084 147.55deg);
  --decision-include-icon-default: oklch(42.25% 0.084 147.55deg);
  --decision-include-border-default: oklch(52.36% 0.104 147.75deg);
  --decision-exclude-bg-default: oklch(95.74% 0.02 17.59deg);
  --decision-exclude-bg-bold: oklch(64.32% 0.215 25.62deg);
  --decision-exclude-text-default: oklch(59.55% 0.24 28.82deg);
  --decision-exclude-icon-default: oklch(59.55% 0.24 28.82deg);
  --decision-exclude-border-default: oklch(59.55% 0.24 28.82deg);
  --accordion-bg-subtle: oklch(99.28% 0.002 228.42deg);
  --accordion-icon-default: oklch(64.06% 0.022 245.78deg);
  --accordion-border-indicator: oklch(44.45% 0.017 245deg);
  --avatar-bg: oklch(96.3% 0.031 211.49deg);
  --table-bg-default: #ffffff;
  --table-bg-header-subtle: oklch(99.28% 0.002 228.42deg);
  --table-bg-footer-subtle: oklch(99.28% 0.002 228.42deg);
  --table-icon-inputs: oklch(64.06% 0.022 245.78deg);
  --table-border-default: oklch(93% 0.003 247.81deg);
  --table-text-heading: oklch(27.43% 0.027 307.38deg);
  --table-text-body: oklch(37.7% 0.041 306.31deg);
  --table-text-subtle: oklch(54.24% 0.022 245.87deg);
  --table-text-status-pending: oklch(62.52% 0.138 47.5deg);
  --table-user-guest: oklch(69.59% 0.125 217.73deg);
  --table-user-default: oklch(35.63% 0.063 215.91deg);
  --table-filter-pill-bg-active: oklch(96.97% 0.002 247.73deg);
  --table-filter-pill-text-default: oklch(37.7% 0.041 306.31deg);
  --table-filter-pill-text-selection: oklch(50.89% 0.09 216.49deg);
  --table-filter-pill-icon-input-default: oklch(37.7% 0.041 306.31deg);
  --table-filter-pill-border-default: oklch(78.55% 0.013 247.97deg);
  --table-filter-pill-bg-default: #ffffff;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-FHKGLQTJ.css.map */