@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600;700&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap";

/* libs/toucan-theme/src/styles/toucan.scss */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-teal-400: oklch(77.7% 0.152 181.912);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --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);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-9xl: 8rem;
    --text-9xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-xs: 4px;
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-inter-tight);
    --default-mono-font-family: var(--font-mono);
    --font-inter-tight: "Inter Tight", sans-serif;
    --color-primary: #2563a8;
    --color-on-primary: #ffffff;
    --color-primary-container: #d0e2f7;
    --color-on-primary-container: #0d2847;
    --color-inverse-primary: #a4c8ff;
    --color-primary-fixed: #1c4a80;
    --color-primary-fixed-dim: #12304f;
    --color-on-primary-fixed: #001b3d;
    --color-on-primary-fixed-variant: #00468b;
    --color-secondary: #a32477;
    --color-on-secondary: #ffffff;
    --color-secondary-container: #f5d0e8;
    --color-on-secondary-container: #3e0029;
    --color-secondary-fixed: #912369;
    --color-secondary-fixed-dim: #7a215a;
    --color-on-secondary-fixed: #3c0029;
    --color-on-secondary-fixed-variant: #890361;
    --color-tertiary: #156e62;
    --color-on-tertiary: #ffffff;
    --color-tertiary-container: #c2f0e8;
    --color-on-tertiary-container: #002d27;
    --color-background: #fafbfd;
    --color-on-background: #1a2433;
    --color-surface: #f3f5f8;
    --color-surface-dim: #d4d8de;
    --color-surface-bright: #ffffff;
    --color-surface-container-low: #eef0f5;
    --color-surface-container-lowest: #ffffff;
    --color-surface-container: #e9ecf2;
    --color-surface-container-high: #e5e8ee;
    --color-surface-container-highest: #dde0e7;
    --color-on-surface: #1a2433;
    --color-shadow: #000000;
    --color-scrim: #000000;
    --color-surface-tint: #2563a8;
    --color-inverse-surface: #2c3341;
    --color-inverse-on-surface: #f0f1f6;
    --color-outline: #646b79;
    --color-outline-variant: #c3c8d4;
    --color-neutral10: #191c20;
    --color-surface-variant: #e4e7f1;
    --color-on-surface-variant: #3b4559;
    --color-neutral-variant20: #2c303a;
    --color-error: #c4252e;
    --color-on-error: #ffffff;
    --color-error-container: #ffdad7;
    --color-on-error-container: #410005;
    --color-error-light: #ffe2e3;
    --color-on-error-light: #69000b;
    --color-success: #15692a;
    --color-on-success: #ffffff;
    --color-success-container: #d5f5d7;
    --color-on-success-container: #003909;
    --color-warning: #9a7b00;
    --color-on-warning: #3c270c;
    --color-warning-container: #ffeea0;
    --color-on-warning-container: #3c270c;
    --color-ruby-container: #a31e27;
    --color-on-ruby-container: #fef2f3;
    --color-emerald: #059669;
    --color-on-emerald: #ffffff;
    --color-emerald-container: #d1fae5;
    --color-emerald-light: #ecfdf5;
    --color-on-emerald-light: #064e3b;
    --color-amber: #d97706;
    --color-on-amber: #ffffff;
    --color-amber-light: #fffbeb;
    --color-on-amber-light: #78350f;
    --color-sapphire: #0284c7;
    --color-on-sapphire: #ffffff;
    --color-sapphire-light: #f0f9ff;
    --color-on-sapphire-light: #0c4a6e;
    --color-amethyst: #7c3aed;
    --color-on-amethyst: #ffffff;
    --color-slate: #475569;
    --color-on-slate: #ffffff;
    --color-graphite: #64748b;
    --color-on-graphite: #ffffff;
    --color-cyanite: #0891b2;
    --color-on-cyanite: #ffffff;
    --color-rosewood: #db2777;
    --color-on-rosewood: #ffffff;
    --color-obsidian: #020617;
    --color-on-obsidian: #ffffff;
    --animate-removeWhiteSpaceNoWrap: removeWhiteSpaceNoWrap 1ms linear 350ms forwards;
    --animate-glow-blink: glow-blink 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    --animate-glow-breathe-primary: glow-breathe-primary 3s cubic-bezier(0.45, 0, 0.55, 1) infinite;
    --animate-slide-ltr: slide-ltr 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    --animate-slide-rtl: slide-rtl 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    --animate-fade-in: fade-in 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    --animate-fade-in-down: fade-in-down 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    --animate-scale-in: scale-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    --animate-pop-in: pop-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    --animate-lift: lift 0.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    --animate-jelly: jelly 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    --animate-pulse-soft: pulse-soft 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --animate-bounce-soft: bounce-soft 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    --animate-stagger-in: stagger-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) backwards;
    --animate-stagger-in-elastic: stagger-in-elastic 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55) backwards;
  }
}
@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)) {
      ::placeholder {
        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 {
  .pointer-events-none {
    pointer-events: none;
  }
  .pointer-events-none\! {
    pointer-events: none !important;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .absolute\! {
    position: absolute !important;
  }
  .fixed {
    position: fixed;
  }
  .fixed\! {
    position: fixed !important;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .-top-16 {
    top: calc(var(--spacing) * -16);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-0\.5 {
    top: calc(var(--spacing) * 0.5);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-1\/3 {
    top: calc(1 / 3 * 100%);
  }
  .-right-6 {
    right: calc(var(--spacing) * -6);
  }
  .-right-10 {
    right: calc(var(--spacing) * -10);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-0\.5 {
    right: calc(var(--spacing) * 0.5);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .-bottom-10 {
    bottom: calc(var(--spacing) * -10);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .-left-16 {
    left: calc(var(--spacing) * -16);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .left-2\/5 {
    left: calc(2 / 5 * 100%);
  }
  .left-3\/5 {
    left: calc(3 / 5 * 100%);
  }
  .z-4\! {
    z-index: 4 !important;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-50 {
    z-index: 50;
  }
  .z-9999 {
    z-index: 9999;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .\!m-3 {
    margin: calc(var(--spacing) * 3) !important;
  }
  .m-0\! {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-2 {
    margin: calc(var(--spacing) * 2);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-px {
    margin-inline: 1px;
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .-mt-3 {
    margin-top: calc(var(--spacing) * -3);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-px {
    margin-top: 1px;
  }
  .\!mr-0 {
    margin-right: calc(var(--spacing) * 0) !important;
  }
  .\!mr-1 {
    margin-right: calc(var(--spacing) * 1) !important;
  }
  .-mr-0\.5 {
    margin-right: calc(var(--spacing) * -0.5);
  }
  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }
  .-mr-4 {
    margin-right: calc(var(--spacing) * -4);
  }
  .mr-0\! {
    margin-right: calc(var(--spacing) * 0) !important;
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-1\! {
    margin-right: calc(var(--spacing) * 1) !important;
  }
  .mr-1\.5 {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-9 {
    margin-bottom: calc(var(--spacing) * 9);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }
  .ml-0\.5 {
    margin-left: calc(var(--spacing) * 0.5);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .\!contents {
    display: contents !important;
  }
  .\!flex {
    display: flex !important;
  }
  .\!hidden {
    display: none !important;
  }
  .block {
    display: block;
  }
  .contents\! {
    display: contents !important;
  }
  .flex {
    display: flex;
  }
  .flex\! {
    display: flex !important;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .hidden\! {
    display: none !important;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex\! {
    display: inline-flex !important;
  }
  .table {
    display: table;
  }
  .\!size-4 {
    width: calc(var(--spacing) * 4) !important;
    height: calc(var(--spacing) * 4) !important;
  }
  .\!size-5 {
    width: calc(var(--spacing) * 5) !important;
    height: calc(var(--spacing) * 5) !important;
  }
  .\!size-6 {
    width: calc(var(--spacing) * 6) !important;
    height: calc(var(--spacing) * 6) !important;
  }
  .\!size-7 {
    width: calc(var(--spacing) * 7) !important;
    height: calc(var(--spacing) * 7) !important;
  }
  .size-3\! {
    width: calc(var(--spacing) * 3) !important;
    height: calc(var(--spacing) * 3) !important;
  }
  .size-3\.5\! {
    width: calc(var(--spacing) * 3.5) !important;
    height: calc(var(--spacing) * 3.5) !important;
  }
  .size-4\! {
    width: calc(var(--spacing) * 4) !important;
    height: calc(var(--spacing) * 4) !important;
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-5\! {
    width: calc(var(--spacing) * 5) !important;
    height: calc(var(--spacing) * 5) !important;
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7\! {
    width: calc(var(--spacing) * 7) !important;
    height: calc(var(--spacing) * 7) !important;
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-8\! {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-9\! {
    width: calc(var(--spacing) * 9) !important;
    height: calc(var(--spacing) * 9) !important;
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-10\! {
    width: calc(var(--spacing) * 10) !important;
    height: calc(var(--spacing) * 10) !important;
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }
  .size-14\! {
    width: calc(var(--spacing) * 14) !important;
    height: calc(var(--spacing) * 14) !important;
  }
  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  .size-24 {
    width: calc(var(--spacing) * 24);
    height: calc(var(--spacing) * 24);
  }
  .size-30\! {
    width: calc(var(--spacing) * 30) !important;
    height: calc(var(--spacing) * 30) !important;
  }
  .size-40 {
    width: calc(var(--spacing) * 40);
    height: calc(var(--spacing) * 40);
  }
  .size-56 {
    width: calc(var(--spacing) * 56);
    height: calc(var(--spacing) * 56);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-\[26px\] {
    height: 26px !important;
  }
  .\!h-\[30px\] {
    height: 30px !important;
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7\! {
    height: calc(var(--spacing) * 7) !important;
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-8\! {
    height: calc(var(--spacing) * 8) !important;
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-12\! {
    height: calc(var(--spacing) * 12) !important;
  }
  .h-14\! {
    height: calc(var(--spacing) * 14) !important;
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-22 {
    height: calc(var(--spacing) * 22);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-30 {
    height: calc(var(--spacing) * 30);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-50 {
    min-height: calc(var(--spacing) * 50);
  }
  .\!w-fit {
    width: fit-content !important;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-92 {
    width: calc(var(--spacing) * 92);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-fit {
    width: fit-content;
  }
  .w-fit\! {
    width: fit-content !important;
  }
  .w-full {
    width: 100%;
  }
  .max-w-8\/12 {
    max-width: calc(8 / 12 * 100%);
  }
  .max-w-9\/12 {
    max-width: calc(9 / 12 * 100%);
  }
  .max-w-36 {
    max-width: calc(var(--spacing) * 36);
  }
  .max-w-50 {
    max-width: calc(var(--spacing) * 50);
  }
  .max-w-\[50\%\] {
    max-width: 50%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }
  .min-w-11\! {
    min-width: calc(var(--spacing) * 11) !important;
  }
  .min-w-60 {
    min-width: calc(var(--spacing) * 60);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-2 {
    flex: 2;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .origin-center {
    transform-origin: center;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-x-3\.5 {
    --tw-translate-x: calc(var(--spacing) * -3.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-2 {
    --tw-translate-y: calc(var(--spacing) * -2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-200 {
    --tw-scale-x: 200%;
    --tw-scale-y: 200%;
    --tw-scale-z: 200%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rotate-90 {
    rotate: 90deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-bounce-soft {
    animation: var(--animate-bounce-soft);
  }
  .animate-fade-in {
    animation: var(--animate-fade-in);
  }
  .animate-fade-in-down {
    animation: var(--animate-fade-in-down);
  }
  .animate-glow-blink {
    animation: var(--animate-glow-blink);
  }
  .animate-glow-breathe-primary {
    animation: var(--animate-glow-breathe-primary);
  }
  .animate-pop-in {
    animation: var(--animate-pop-in);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-pulse-soft {
    animation: var(--animate-pulse-soft);
  }
  .animate-scale-in {
    animation: var(--animate-scale-in);
  }
  .animate-slide-ltr {
    animation: var(--animate-slide-ltr);
  }
  .animate-slide-rtl {
    animation: var(--animate-slide-rtl);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .animate-stagger-in {
    animation: var(--animate-stagger-in);
  }
  .animate-stagger-in-elastic {
    animation: var(--animate-stagger-in-elastic);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .place-items-end {
    place-items: end;
  }
  .items-center {
    align-items: center;
  }
  .items-center\! {
    align-items: center !important;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-center\! {
    justify-content: center !important;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-10 {
    gap: calc(var(--spacing) * 10);
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-outline\/10 > :not(:last-child)) {
    border-color: color-mix(in srgb, #646b79 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where(.divide-outline\/10 > :not(:last-child)) {
      border-color: color-mix(in oklab, var(--color-outline) 10%, transparent);
    }
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .\!rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-2xl\! {
    border-radius: var(--radius-2xl) !important;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xl\! {
    border-radius: var(--radius-xl) !important;
  }
  .rounded-r-lg {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l-6 {
    border-left-style: var(--tw-border-style);
    border-left-width: 6px;
  }
  .border-none\! {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-amber {
    border-color: var(--color-amber);
  }
  .border-amber-light {
    border-color: var(--color-amber-light);
  }
  .border-amethyst {
    border-color: var(--color-amethyst);
  }
  .border-cyanite {
    border-color: var(--color-cyanite);
  }
  .border-emerald {
    border-color: var(--color-emerald);
  }
  .border-error {
    border-color: var(--color-error);
  }
  .border-graphite {
    border-color: var(--color-graphite);
  }
  .border-obsidian {
    border-color: var(--color-obsidian);
  }
  .border-on-surface\/10 {
    border-color: color-mix(in srgb, #1a2433 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-on-surface\/10 {
      border-color: color-mix(in oklab, var(--color-on-surface) 10%, transparent);
    }
  }
  .border-outline {
    border-color: var(--color-outline);
  }
  .border-outline\! {
    border-color: var(--color-outline) !important;
  }
  .border-outline-variant\/20 {
    border-color: color-mix(in srgb, #c3c8d4 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-outline-variant\/20 {
      border-color: color-mix(in oklab, var(--color-outline-variant) 20%, transparent);
    }
  }
  .border-outline-variant\/40 {
    border-color: color-mix(in srgb, #c3c8d4 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-outline-variant\/40 {
      border-color: color-mix(in oklab, var(--color-outline-variant) 40%, transparent);
    }
  }
  .border-outline\/10 {
    border-color: color-mix(in srgb, #646b79 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-outline\/10 {
      border-color: color-mix(in oklab, var(--color-outline) 10%, transparent);
    }
  }
  .border-outline\/15 {
    border-color: color-mix(in srgb, #646b79 15%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-outline\/15 {
      border-color: color-mix(in oklab, var(--color-outline) 15%, transparent);
    }
  }
  .border-outline\/20 {
    border-color: color-mix(in srgb, #646b79 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-outline\/20 {
      border-color: color-mix(in oklab, var(--color-outline) 20%, transparent);
    }
  }
  .border-outline\/30 {
    border-color: color-mix(in srgb, #646b79 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-outline\/30 {
      border-color: color-mix(in oklab, var(--color-outline) 30%, transparent);
    }
  }
  .border-outline\/30\! {
    border-color: color-mix(in srgb, #646b79 30%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-outline\/30\! {
      border-color: color-mix(in oklab, var(--color-outline) 30%, transparent) !important;
    }
  }
  .border-outline\/80 {
    border-color: color-mix(in srgb, #646b79 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-outline\/80 {
      border-color: color-mix(in oklab, var(--color-outline) 80%, transparent);
    }
  }
  .border-primary {
    border-color: var(--color-primary);
  }
  .border-primary\/10 {
    border-color: color-mix(in srgb, #2563a8 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/10 {
      border-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .border-primary\/10\! {
    border-color: color-mix(in srgb, #2563a8 10%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/10\! {
      border-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
    }
  }
  .border-primary\/20 {
    border-color: color-mix(in srgb, #2563a8 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/20 {
      border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .border-primary\/30 {
    border-color: color-mix(in srgb, #2563a8 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-primary\/30 {
      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  .border-rosewood {
    border-color: var(--color-rosewood);
  }
  .border-ruby-container {
    border-color: var(--color-ruby-container);
  }
  .border-sapphire {
    border-color: var(--color-sapphire);
  }
  .border-slate {
    border-color: var(--color-slate);
  }
  .border-success {
    border-color: var(--color-success);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-warning {
    border-color: var(--color-warning);
  }
  .border-t-primary {
    border-top-color: var(--color-primary);
  }
  .border-t-primary\/10 {
    border-top-color: color-mix(in srgb, #2563a8 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-t-primary\/10 {
      border-top-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .border-l-error {
    border-left-color: var(--color-error);
  }
  .border-l-primary {
    border-left-color: var(--color-primary);
  }
  .border-l-success {
    border-left-color: var(--color-success);
  }
  .border-l-warning {
    border-left-color: var(--color-warning);
  }
  .\!bg-primary {
    background-color: var(--color-primary) !important;
  }
  .bg-amber-light\/75 {
    background-color: color-mix(in srgb, #fffbeb 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber-light\/75 {
      background-color: color-mix(in oklab, var(--color-amber-light) 75%, transparent);
    }
  }
  .bg-amber\/75 {
    background-color: color-mix(in srgb, #d97706 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-amber\/75 {
      background-color: color-mix(in oklab, var(--color-amber) 75%, transparent);
    }
  }
  .bg-amethyst\/75 {
    background-color: color-mix(in srgb, #7c3aed 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-amethyst\/75 {
      background-color: color-mix(in oklab, var(--color-amethyst) 75%, transparent);
    }
  }
  .bg-background {
    background-color: var(--color-background);
  }
  .bg-background\/40 {
    background-color: color-mix(in srgb, #fafbfd 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-background\/40 {
      background-color: color-mix(in oklab, var(--color-background) 40%, transparent);
    }
  }
  .bg-black {
    background-color: var(--color-black);
  }
  .bg-black\/20 {
    background-color: color-mix(in srgb, #000 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
    }
  }
  .bg-black\/25 {
    background-color: color-mix(in srgb, #000 25%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/25 {
      background-color: color-mix(in oklab, var(--color-black) 25%, transparent);
    }
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/30 {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
    }
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/40 {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }
  .bg-cyanite\/75 {
    background-color: color-mix(in srgb, #0891b2 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-cyanite\/75 {
      background-color: color-mix(in oklab, var(--color-cyanite) 75%, transparent);
    }
  }
  .bg-emerald-container {
    background-color: var(--color-emerald-container);
  }
  .bg-emerald-light {
    background-color: var(--color-emerald-light);
  }
  .bg-emerald\/75 {
    background-color: color-mix(in srgb, #059669 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-emerald\/75 {
      background-color: color-mix(in oklab, var(--color-emerald) 75%, transparent);
    }
  }
  .bg-error {
    background-color: var(--color-error);
  }
  .bg-error-container {
    background-color: var(--color-error-container);
  }
  .bg-error-light\/75 {
    background-color: color-mix(in srgb, #ffe2e3 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-error-light\/75 {
      background-color: color-mix(in oklab, var(--color-error-light) 75%, transparent);
    }
  }
  .bg-error\/10\! {
    background-color: color-mix(in srgb, #c4252e 10%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-error\/10\! {
      background-color: color-mix(in oklab, var(--color-error) 10%, transparent) !important;
    }
  }
  .bg-graphite\/75 {
    background-color: color-mix(in srgb, #64748b 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-graphite\/75 {
      background-color: color-mix(in oklab, var(--color-graphite) 75%, transparent);
    }
  }
  .bg-obsidian {
    background-color: var(--color-obsidian);
  }
  .bg-obsidian\/75 {
    background-color: color-mix(in srgb, #020617 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-obsidian\/75 {
      background-color: color-mix(in oklab, var(--color-obsidian) 75%, transparent);
    }
  }
  .bg-on-primary {
    background-color: var(--color-on-primary);
  }
  .bg-on-primary\/3 {
    background-color: color-mix(in srgb, #ffffff 3%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-on-primary\/3 {
      background-color: color-mix(in oklab, var(--color-on-primary) 3%, transparent);
    }
  }
  .bg-on-primary\/5 {
    background-color: color-mix(in srgb, #ffffff 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-on-primary\/5 {
      background-color: color-mix(in oklab, var(--color-on-primary) 5%, transparent);
    }
  }
  .bg-on-primary\/10 {
    background-color: color-mix(in srgb, #ffffff 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-on-primary\/10 {
      background-color: color-mix(in oklab, var(--color-on-primary) 10%, transparent);
    }
  }
  .bg-on-primary\/20 {
    background-color: color-mix(in srgb, #ffffff 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-on-primary\/20 {
      background-color: color-mix(in oklab, var(--color-on-primary) 20%, transparent);
    }
  }
  .bg-on-primary\/30 {
    background-color: color-mix(in srgb, #ffffff 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-on-primary\/30 {
      background-color: color-mix(in oklab, var(--color-on-primary) 30%, transparent);
    }
  }
  .bg-on-surface\/3 {
    background-color: color-mix(in srgb, #1a2433 3%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-on-surface\/3 {
      background-color: color-mix(in oklab, var(--color-on-surface) 3%, transparent);
    }
  }
  .bg-on-surface\/10 {
    background-color: color-mix(in srgb, #1a2433 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-on-surface\/10 {
      background-color: color-mix(in oklab, var(--color-on-surface) 10%, transparent);
    }
  }
  .bg-outline\/50 {
    background-color: color-mix(in srgb, #646b79 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-outline\/50 {
      background-color: color-mix(in oklab, var(--color-outline) 50%, transparent);
    }
  }
  .bg-pink-600 {
    background-color: var(--color-pink-600);
  }
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary\! {
    background-color: var(--color-primary) !important;
  }
  .bg-primary-container {
    background-color: var(--color-primary-container);
  }
  .bg-primary-fixed-dim\/40 {
    background-color: color-mix(in srgb, #12304f 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-fixed-dim\/40 {
      background-color: color-mix(in oklab, var(--color-primary-fixed-dim) 40%, transparent);
    }
  }
  .bg-primary-fixed-dim\/50 {
    background-color: color-mix(in srgb, #12304f 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary-fixed-dim\/50 {
      background-color: color-mix(in oklab, var(--color-primary-fixed-dim) 50%, transparent);
    }
  }
  .bg-primary\/5 {
    background-color: color-mix(in srgb, #2563a8 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/5 {
      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
    }
  }
  .bg-primary\/10 {
    background-color: color-mix(in srgb, #2563a8 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/10 {
      background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .bg-primary\/15 {
    background-color: color-mix(in srgb, #2563a8 15%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/15 {
      background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
    }
  }
  .bg-primary\/20 {
    background-color: color-mix(in srgb, #2563a8 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
    }
  }
  .bg-rosewood\/75 {
    background-color: color-mix(in srgb, #db2777 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-rosewood\/75 {
      background-color: color-mix(in oklab, var(--color-rosewood) 75%, transparent);
    }
  }
  .bg-ruby-container\/75 {
    background-color: color-mix(in srgb, #a31e27 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-ruby-container\/75 {
      background-color: color-mix(in oklab, var(--color-ruby-container) 75%, transparent);
    }
  }
  .bg-sapphire-light {
    background-color: var(--color-sapphire-light);
  }
  .bg-sapphire\/75 {
    background-color: color-mix(in srgb, #0284c7 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-sapphire\/75 {
      background-color: color-mix(in oklab, var(--color-sapphire) 75%, transparent);
    }
  }
  .bg-secondary-container {
    background-color: var(--color-secondary-container);
  }
  .bg-slate\/75 {
    background-color: color-mix(in srgb, #475569 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-slate\/75 {
      background-color: color-mix(in oklab, var(--color-slate) 75%, transparent);
    }
  }
  .bg-success {
    background-color: var(--color-success);
  }
  .bg-success-container\/40 {
    background-color: color-mix(in srgb, #d5f5d7 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-container\/40 {
      background-color: color-mix(in oklab, var(--color-success-container) 40%, transparent);
    }
  }
  .bg-success\/75 {
    background-color: color-mix(in srgb, #15692a 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/75 {
      background-color: color-mix(in oklab, var(--color-success) 75%, transparent);
    }
  }
  .bg-surface {
    background-color: var(--color-surface);
  }
  .bg-surface\! {
    background-color: var(--color-surface) !important;
  }
  .bg-surface-container {
    background-color: var(--color-surface-container);
  }
  .bg-surface-container\! {
    background-color: var(--color-surface-container) !important;
  }
  .bg-surface-container-high {
    background-color: var(--color-surface-container-high);
  }
  .bg-surface-container-highest {
    background-color: var(--color-surface-container-highest);
  }
  .bg-surface-container-highest\! {
    background-color: var(--color-surface-container-highest) !important;
  }
  .bg-surface-container-highest\/95 {
    background-color: color-mix(in srgb, #dde0e7 95%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-container-highest\/95 {
      background-color: color-mix(in oklab, var(--color-surface-container-highest) 95%, transparent);
    }
  }
  .bg-surface-container-low {
    background-color: var(--color-surface-container-low);
  }
  .bg-surface-container-low\/50 {
    background-color: color-mix(in srgb, #eef0f5 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-container-low\/50 {
      background-color: color-mix(in oklab, var(--color-surface-container-low) 50%, transparent);
    }
  }
  .bg-surface-dim\/50 {
    background-color: color-mix(in srgb, #d4d8de 50%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface-dim\/50 {
      background-color: color-mix(in oklab, var(--color-surface-dim) 50%, transparent);
    }
  }
  .bg-surface\/20 {
    background-color: color-mix(in srgb, #f3f5f8 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/20 {
      background-color: color-mix(in oklab, var(--color-surface) 20%, transparent);
    }
  }
  .bg-surface\/80 {
    background-color: color-mix(in srgb, #f3f5f8 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-surface\/80 {
      background-color: color-mix(in oklab, var(--color-surface) 80%, transparent);
    }
  }
  .bg-teal-400 {
    background-color: var(--color-teal-400);
  }
  .bg-tertiary-container {
    background-color: var(--color-tertiary-container);
  }
  .bg-transparent\! {
    background-color: transparent !important;
  }
  .bg-warning {
    background-color: var(--color-warning);
  }
  .bg-warning\/75 {
    background-color: color-mix(in srgb, #9a7b00 75%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning\/75 {
      background-color: color-mix(in oklab, var(--color-warning) 75%, transparent);
    }
  }
  .bg-yellow-300 {
    background-color: var(--color-yellow-300);
  }
  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-br {
      --tw-gradient-position: to bottom right in oklab;
    }
  }
  .from-primary {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-primary-fixed {
    --tw-gradient-via: var(--color-primary-fixed);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-primary-fixed-dim {
    --tw-gradient-to: var(--color-primary-fixed-dim);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .object-contain {
    object-fit: contain;
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-0\! {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-10 {
    padding: calc(var(--spacing) * 10);
  }
  .\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  .px-0\! {
    padding-inline: calc(var(--spacing) * 0) !important;
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\! {
    padding-inline: calc(var(--spacing) * 1) !important;
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\! {
    padding-top: calc(var(--spacing) * 2) !important;
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pr-0 {
    padding-right: calc(var(--spacing) * 0);
  }
  .pr-0\.5 {
    padding-right: calc(var(--spacing) * 0.5);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-1\.5\! {
    padding-right: calc(var(--spacing) * 1.5) !important;
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-2\! {
    padding-right: calc(var(--spacing) * 2) !important;
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-3\! {
    padding-right: calc(var(--spacing) * 3) !important;
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-5\! {
    padding-right: calc(var(--spacing) * 5) !important;
  }
  .pr-7\! {
    padding-right: calc(var(--spacing) * 7) !important;
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-1\! {
    padding-bottom: calc(var(--spacing) * 1) !important;
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-40 {
    padding-bottom: calc(var(--spacing) * 40);
  }
  .pl-0\.5 {
    padding-left: calc(var(--spacing) * 0.5);
  }
  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }
  .pl-1\! {
    padding-left: calc(var(--spacing) * 1) !important;
  }
  .pl-1\.5 {
    padding-left: calc(var(--spacing) * 1.5);
  }
  .pl-1\.5\! {
    padding-left: calc(var(--spacing) * 1.5) !important;
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-2\! {
    padding-left: calc(var(--spacing) * 2) !important;
  }
  .pl-2\.5\! {
    padding-left: calc(var(--spacing) * 2.5) !important;
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-4\! {
    padding-left: calc(var(--spacing) * 4) !important;
  }
  .pl-7 {
    padding-left: calc(var(--spacing) * 7);
  }
  .\!text-left {
    text-align: left !important;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .\!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-xs {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-3xl\! {
    font-size: var(--text-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-4xl\! {
    font-size: var(--text-4xl) !important;
    line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
  }
  .text-9xl\! {
    font-size: var(--text-9xl) !important;
    line-height: var(--tw-leading, var(--text-9xl--line-height)) !important;
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .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);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .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);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .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);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .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);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-xs\! {
    font-size: var(--text-xs) !important;
    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
  }
  .\!text-\[20px\] {
    font-size: 20px !important;
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[10px\]\! {
    font-size: 10px !important;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8\! {
    --tw-leading: calc(var(--spacing) * 8) !important;
    line-height: calc(var(--spacing) * 8) !important;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .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);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .\!text-error {
    color: var(--color-error) !important;
  }
  .\!text-on-primary {
    color: var(--color-on-primary) !important;
  }
  .\!text-primary {
    color: var(--color-primary) !important;
  }
  .\!text-success {
    color: var(--color-success) !important;
  }
  .\!text-warning {
    color: var(--color-warning) !important;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-emerald {
    color: var(--color-emerald);
  }
  .text-error {
    color: var(--color-error);
  }
  .text-error\! {
    color: var(--color-error) !important;
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-on-amber {
    color: var(--color-on-amber);
  }
  .text-on-amber-light {
    color: var(--color-on-amber-light);
  }
  .text-on-amethyst {
    color: var(--color-on-amethyst);
  }
  .text-on-cyanite {
    color: var(--color-on-cyanite);
  }
  .text-on-emerald {
    color: var(--color-on-emerald);
  }
  .text-on-emerald-light {
    color: var(--color-on-emerald-light);
  }
  .text-on-error {
    color: var(--color-on-error);
  }
  .text-on-error-container {
    color: var(--color-on-error-container);
  }
  .text-on-error-light {
    color: var(--color-on-error-light);
  }
  .text-on-graphite {
    color: var(--color-on-graphite);
  }
  .text-on-obsidian {
    color: var(--color-on-obsidian);
  }
  .text-on-primary {
    color: var(--color-on-primary);
  }
  .text-on-primary\! {
    color: var(--color-on-primary) !important;
  }
  .text-on-primary-container {
    color: var(--color-on-primary-container);
  }
  .text-on-primary\/70 {
    color: color-mix(in srgb, #ffffff 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-on-primary\/70 {
      color: color-mix(in oklab, var(--color-on-primary) 70%, transparent);
    }
  }
  .text-on-rosewood {
    color: var(--color-on-rosewood);
  }
  .text-on-ruby-container {
    color: var(--color-on-ruby-container);
  }
  .text-on-sapphire {
    color: var(--color-on-sapphire);
  }
  .text-on-sapphire-light {
    color: var(--color-on-sapphire-light);
  }
  .text-on-secondary-container {
    color: var(--color-on-secondary-container);
  }
  .text-on-slate {
    color: var(--color-on-slate);
  }
  .text-on-success {
    color: var(--color-on-success);
  }
  .text-on-surface {
    color: var(--color-on-surface);
  }
  .text-on-surface\! {
    color: var(--color-on-surface) !important;
  }
  .text-on-surface-variant {
    color: var(--color-on-surface-variant);
  }
  .text-on-surface-variant\/30 {
    color: color-mix(in srgb, #3b4559 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-on-surface-variant\/30 {
      color: color-mix(in oklab, var(--color-on-surface-variant) 30%, transparent);
    }
  }
  .text-on-surface-variant\/40 {
    color: color-mix(in srgb, #3b4559 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-on-surface-variant\/40 {
      color: color-mix(in oklab, var(--color-on-surface-variant) 40%, transparent);
    }
  }
  .text-on-surface\/60 {
    color: color-mix(in srgb, #1a2433 60%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .text-on-surface\/60 {
      color: color-mix(in oklab, var(--color-on-surface) 60%, transparent);
    }
  }
  .text-on-tertiary-container {
    color: var(--color-on-tertiary-container);
  }
  .text-on-warning {
    color: var(--color-on-warning);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary\! {
    color: var(--color-primary) !important;
  }
  .text-secondary {
    color: var(--color-secondary);
  }
  .text-success {
    color: var(--color-success);
  }
  .text-teal-500 {
    color: var(--color-teal-500);
  }
  .text-warning {
    color: var(--color-warning);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-white\! {
    color: var(--color-white) !important;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-65 {
    opacity: 65%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .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));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-sm {
    --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));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring-outline\/10 {
    --tw-ring-color: color-mix(in srgb, #646b79 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .ring-outline\/10 {
      --tw-ring-color: color-mix(in oklab, var(--color-outline) 10%, transparent);
    }
  }
  .ring-primary {
    --tw-ring-color: var(--color-primary);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    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,);
  }
  .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,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .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;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property:
      transform,
      translate,
      scale,
      rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-10 {
    --tw-duration: 10ms;
    transition-duration: 10ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  @media (hover: hover) {
    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 100%;
    }
  }
  .group-\[\.collapsed\]\/nav\:ml-0:is(:where(.group\/nav):is(.collapsed) *) {
    margin-left: calc(var(--spacing) * 0);
  }
  .group-\[\.collapsed\]\/nav\:opacity-0:is(:where(.group\/nav):is(.collapsed) *) {
    opacity: 0%;
  }
  .group-\[\.collapsed\]\/nav\:group-\[\&\.active\]\/nav-basic\:w-0:is(:where(.group\/nav):is(.collapsed) *):is(:where(.group\/nav-basic).active *) {
    width: calc(var(--spacing) * 0);
  }
  .group-\[\.expanded\]\/nav\:animate-removeWhiteSpaceNoWrap:is(:where(.group\/nav):is(.expanded) *) {
    animation: var(--animate-removeWhiteSpaceNoWrap);
  }
  .before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:top-3::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 3);
  }
  .before\:left-2::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 2);
  }
  .before\:mx-4::before {
    content: var(--tw-content);
    margin-inline: calc(var(--spacing) * 4);
  }
  .before\:w-6::before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 6);
  }
  .before\:border-2::before {
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .before\:border-t::before {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .before\:opacity-0::before {
    content: var(--tw-content);
    opacity: 0%;
  }
  .before\:content-\[\'\'\]::before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .group-\[\.collapsed\]\/nav\:before\:opacity-60:is(:where(.group\/nav):is(.collapsed) *)::before {
    content: var(--tw-content);
    opacity: 60%;
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:right-0::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
  .after\:bottom-1\/2::after {
    content: var(--tw-content);
    bottom: calc(1 / 2 * 100%);
  }
  .after\:left-0::after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
  .after\:z-10::after {
    content: var(--tw-content);
    z-index: 10;
  }
  .after\:w-full::after {
    content: var(--tw-content);
    width: 100%;
  }
  .after\:border-b::after {
    content: var(--tw-content);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .after\:border-dashed::after {
    content: var(--tw-content);
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .after\:border-primary\/10::after {
    content: var(--tw-content);
    border-color: color-mix(in srgb, #2563a8 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .after\:border-primary\/10::after {
      border-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
    }
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .focus-within\:border-primary\/40:focus-within {
    border-color: color-mix(in srgb, #2563a8 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:border-primary\/40:focus-within {
      border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
  }
  .focus-within\:bg-primary-fixed-dim\/80:focus-within {
    background-color: color-mix(in srgb, #12304f 80%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:bg-primary-fixed-dim\/80:focus-within {
      background-color: color-mix(in oklab, var(--color-primary-fixed-dim) 80%, transparent);
    }
  }
  .focus-within\:bg-surface-container-high:focus-within {
    background-color: var(--color-surface-container-high);
  }
  @media (hover: hover) {
    .hover\:animate-jelly:hover {
      animation: var(--animate-jelly);
    }
  }
  @media (hover: hover) {
    .hover\:animate-lift:hover {
      animation: var(--animate-lift);
    }
  }
  @media (hover: hover) {
    .hover\:border-on-background\/10\!:hover {
      border-color: color-mix(in srgb, #1a2433 10%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-on-background\/10\!:hover {
        border-color: color-mix(in oklab, var(--color-on-background) 10%, transparent) !important;
      }
    }
  }
  @media (hover: hover) {
    .hover\:border-primary:hover {
      border-color: var(--color-primary);
    }
  }
  @media (hover: hover) {
    .hover\:border-primary\/20:hover {
      border-color: color-mix(in srgb, #2563a8 20%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-primary\/20:hover {
        border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-on-primary\/50:hover {
      background-color: color-mix(in srgb, #ffffff 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-on-primary\/50:hover {
        background-color: color-mix(in oklab, var(--color-on-primary) 50%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-on-surface\/6:hover {
      background-color: color-mix(in srgb, #1a2433 6%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-on-surface\/6:hover {
        background-color: color-mix(in oklab, var(--color-on-surface) 6%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-primary-fixed-dim\/80:hover {
      background-color: color-mix(in srgb, #12304f 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-fixed-dim\/80:hover {
        background-color: color-mix(in oklab, var(--color-primary-fixed-dim) 80%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-primary\/10\!:hover {
      background-color: color-mix(in srgb, #2563a8 10%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/10\!:hover {
        background-color: color-mix(in oklab, var(--color-primary) 10%, transparent) !important;
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-primary\/40\!:hover {
      background-color: color-mix(in srgb, #2563a8 40%, transparent) !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/40\!:hover {
        background-color: color-mix(in oklab, var(--color-primary) 40%, transparent) !important;
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-surface:hover {
      background-color: var(--color-surface);
    }
  }
  @media (hover: hover) {
    .hover\:bg-surface-container:hover {
      background-color: var(--color-surface-container);
    }
  }
  @media (hover: hover) {
    .hover\:bg-surface-container-high:hover {
      background-color: var(--color-surface-container-high);
    }
  }
  @media (hover: hover) {
    .hover\:bg-surface-container-low:hover {
      background-color: var(--color-surface-container-low);
    }
  }
  @media (hover: hover) {
    .hover\:bg-surface-container-low\/50:hover {
      background-color: color-mix(in srgb, #eef0f5 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-surface-container-low\/50:hover {
        background-color: color-mix(in oklab, var(--color-surface-container-low) 50%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:text-on-primary-container:hover {
      color: var(--color-on-primary-container);
    }
  }
  @media (hover: hover) {
    .hover\:text-on-primary-container\!:hover {
      color: var(--color-on-primary-container) !important;
    }
  }
  @media (hover: hover) {
    .hover\:text-on-surface:hover {
      color: var(--color-on-surface);
    }
  }
  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  @media (hover: hover) {
    .hover\:shadow-lg:hover {
      --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));
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
  }
  .focus\:border-primary\/60:focus {
    border-color: color-mix(in srgb, #2563a8 60%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus\:border-primary\/60:focus {
      border-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
    }
  }
  .active\:scale-95:active {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:\!border-gray-200:disabled {
    border-color: var(--color-gray-200) !important;
  }
  .disabled\:bg-on-surface\/12\!:disabled {
    background-color: color-mix(in srgb, #1a2433 12%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:bg-on-surface\/12\!:disabled {
      background-color: color-mix(in oklab, var(--color-on-surface) 12%, transparent) !important;
    }
  }
  .disabled\:\!text-gray-400:disabled {
    color: var(--color-gray-400) !important;
  }
  .disabled\:text-on-surface\/38\!:disabled {
    color: color-mix(in srgb, #1a2433 38%, transparent) !important;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .disabled\:text-on-surface\/38\!:disabled {
      color: color-mix(in oklab, var(--color-on-surface) 38%, transparent) !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:mt-2 {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 40rem) {
    .sm\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 40rem) {
    .sm\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 40rem) {
    .sm\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 40rem) {
    .sm\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 40rem) {
    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 40rem) {
    .sm\:flex {
      display: flex;
    }
  }
  @media (width >= 40rem) {
    .sm\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-64 {
      width: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 40rem) {
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
  }
  @media (width >= 40rem) {
    .sm\:flex-none {
      flex: none;
    }
  }
  @media (width >= 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 40rem) {
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
  }
  @media (width >= 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 40rem) {
    .sm\:rounded-3xl {
      border-radius: var(--radius-3xl);
    }
  }
  @media (width >= 40rem) {
    .sm\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 40rem) {
    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 40rem) {
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 40rem) {
    .sm\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:text-2xl\! {
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (width >= 48rem) {
    .md\:static {
      position: static;
    }
  }
  @media (width >= 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 48rem) {
    .md\:mx-2 {
      margin-inline: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 48rem) {
    .md\:my-1 {
      margin-block: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 48rem) {
    .md\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 48rem) {
    .md\:flex {
      display: flex;
    }
  }
  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
  }
  @media (width >= 48rem) {
    .md\:inline-block {
      display: inline-block;
    }
  }
  @media (width >= 48rem) {
    .md\:size-12\! {
      width: calc(var(--spacing) * 12) !important;
      height: calc(var(--spacing) * 12) !important;
    }
  }
  @media (width >= 48rem) {
    .md\:max-h-\[min\(92dvh\,720px\)\] {
      max-height: min(92dvh, 720px);
    }
  }
  @media (width >= 48rem) {
    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }
  @media (width >= 48rem) {
    .md\:w-\[260px\] {
      width: 260px;
    }
  }
  @media (width >= 48rem) {
    .md\:max-w-2xl {
      max-width: var(--container-2xl);
    }
  }
  @media (width >= 48rem) {
    .md\:max-w-3xl {
      max-width: var(--container-3xl);
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .md\:overflow-hidden {
      overflow: hidden;
    }
  }
  @media (width >= 48rem) {
    .md\:rounded-lg {
      border-radius: var(--radius-lg);
    }
  }
  @media (width >= 48rem) {
    .md\:border-none {
      --tw-border-style: none;
      border-style: none;
    }
  }
  @media (width >= 48rem) {
    .md\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 48rem) {
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 48rem) {
    .md\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 48rem) {
    .md\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  @media (width >= 48rem) {
    .md\:pr-1 {
      padding-right: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 48rem) {
    .md\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 48rem) {
    .md\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  @media (width >= 48rem) {
    .md\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 48rem) {
    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  @media (width >= 48rem) {
    .md\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-3 {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 64rem) {
    .lg\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 64rem) {
    .lg\:block {
      display: block;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex {
      display: flex;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex\! {
      display: flex !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:hidden {
      display: none;
    }
  }
  @media (width >= 64rem) {
    .lg\:hidden\! {
      display: none !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:inline\! {
      display: inline !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:inline-block {
      display: inline-block;
    }
  }
  @media (width >= 64rem) {
    .lg\:inline-flex\! {
      display: inline-flex !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:size-9 {
      width: calc(var(--spacing) * 9);
      height: calc(var(--spacing) * 9);
    }
  }
  @media (width >= 64rem) {
    .lg\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }
  }
  @media (width >= 64rem) {
    .lg\:size-14\! {
      width: calc(var(--spacing) * 14) !important;
      height: calc(var(--spacing) * 14) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:size-28 {
      width: calc(var(--spacing) * 28);
      height: calc(var(--spacing) * 28);
    }
  }
  @media (width >= 64rem) {
    .lg\:size-48 {
      width: calc(var(--spacing) * 48);
      height: calc(var(--spacing) * 48);
    }
  }
  @media (width >= 64rem) {
    .lg\:size-64 {
      width: calc(var(--spacing) * 64);
      height: calc(var(--spacing) * 64);
    }
  }
  @media (width >= 64rem) {
    .lg\:max-h-\[min\(92dvh\,800px\)\] {
      max-height: min(92dvh, 800px);
    }
  }
  @media (width >= 64rem) {
    .lg\:max-h-\[min\(100dvh\,800px\)\] {
      max-height: min(100dvh, 800px);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-60 {
      width: calc(var(--spacing) * 60);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-80 {
      width: calc(var(--spacing) * 80);
    }
  }
  @media (width >= 64rem) {
    .lg\:w-\[300px\] {
      width: 300px;
    }
  }
  @media (width >= 64rem) {
    .lg\:max-w-3xl {
      max-width: var(--container-3xl);
    }
  }
  @media (width >= 64rem) {
    .lg\:max-w-4xl {
      max-width: var(--container-4xl);
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-none {
      flex: none;
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 64rem) {
    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  @media (width >= 64rem) {
    .lg\:bg-transparent {
      background-color: transparent;
    }
  }
  @media (width >= 64rem) {
    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 64rem) {
    .lg\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 64rem) {
    .lg\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:opacity-0 {
      opacity: 0%;
    }
  }
  @media (width >= 80rem) {
    .xl\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 80rem) {
    .xl\:size-12 {
      width: calc(var(--spacing) * 12);
      height: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 80rem) {
    .xl\:size-16 {
      width: calc(var(--spacing) * 16);
      height: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 80rem) {
    .xl\:size-16\! {
      width: calc(var(--spacing) * 16) !important;
      height: calc(var(--spacing) * 16) !important;
    }
  }
  @media (width >= 80rem) {
    .xl\:size-56 {
      width: calc(var(--spacing) * 56);
      height: calc(var(--spacing) * 56);
    }
  }
  @media (width >= 80rem) {
    .xl\:size-72 {
      width: calc(var(--spacing) * 72);
      height: calc(var(--spacing) * 72);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-68 {
      width: calc(var(--spacing) * 68);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-88 {
      width: calc(var(--spacing) * 88);
    }
  }
  @media (width >= 80rem) {
    .xl\:w-\[340px\] {
      width: 340px;
    }
  }
  @media (width >= 80rem) {
    .xl\:max-w-4xl {
      max-width: var(--container-4xl);
    }
  }
  @media (width >= 80rem) {
    .xl\:max-w-5xl {
      max-width: var(--container-5xl);
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .xl\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 80rem) {
    .xl\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 80rem) {
    .xl\:p-14 {
      padding: calc(var(--spacing) * 14);
    }
  }
  @media (width >= 80rem) {
    .xl\:text-3xl {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  @media (width >= 80rem) {
    .xl\:text-5xl {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  @media (width >= 80rem) {
    .xl\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 80rem) {
    .xl\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (width >= 96rem) {
    .\32xl\:w-80 {
      width: calc(var(--spacing) * 80);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:w-96 {
      width: calc(var(--spacing) * 96);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:w-\[380px\] {
      width: 380px;
    }
  }
  @media (width >= 96rem) {
    .\32xl\:max-w-5xl {
      max-width: var(--container-5xl);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:max-w-6xl {
      max-width: var(--container-6xl);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:p-16 {
      padding: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 96rem) {
    .\32xl\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  @media (width >= 96rem) {
    .\32xl\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .dark\:bg-white:where([data-theme=dark], [data-theme=dark] *) {
    background-color: var(--color-white);
  }
  .dark\:bg-white\/3:where([data-theme=dark], [data-theme=dark] *) {
    background-color: color-mix(in srgb, #fff 3%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/3:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
    }
  }
  .dark\:bg-white\/5:where([data-theme=dark], [data-theme=dark] *) {
    background-color: color-mix(in srgb, #fff 5%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/5:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .dark\:bg-white\/10:where([data-theme=dark], [data-theme=dark] *) {
    background-color: color-mix(in srgb, #fff 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/10:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .dark\:bg-white\/20:where([data-theme=dark], [data-theme=dark] *) {
    background-color: color-mix(in srgb, #fff 20%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/20:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  .dark\:bg-white\/30:where([data-theme=dark], [data-theme=dark] *) {
    background-color: color-mix(in srgb, #fff 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-white\/30:where([data-theme=dark], [data-theme=dark] *) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .dark\:from-primary-fixed:where([data-theme=dark], [data-theme=dark] *) {
    --tw-gradient-from: var(--color-primary-fixed);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .dark\:via-primary-fixed-dim:where([data-theme=dark], [data-theme=dark] *) {
    --tw-gradient-via: var(--color-primary-fixed-dim);
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .dark\:to-\[\#0a1e35\]:where([data-theme=dark], [data-theme=dark] *) {
    --tw-gradient-to: #0a1e35;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .dark\:text-white:where([data-theme=dark], [data-theme=dark] *) {
    color: var(--color-white);
  }
  .dark\:text-white\/70:where([data-theme=dark], [data-theme=dark] *) {
    color: color-mix(in srgb, #fff 70%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .dark\:text-white\/70:where([data-theme=dark], [data-theme=dark] *) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  @media (hover: hover) {
    .dark\:hover\:bg-white\/50:where([data-theme=dark], [data-theme=dark] *):hover {
      background-color: color-mix(in srgb, #fff 50%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .dark\:hover\:bg-white\/50:where([data-theme=dark], [data-theme=dark] *):hover {
        background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
  }
  .\[\&_\.cdk-overlay-backdrop-showing\]\:\!opacity-100 .cdk-overlay-backdrop-showing {
    opacity: 100% !important;
  }
  @media (hover: hover) {
    .hover\:\[\&_\.inline-edit-cancel-button\]\:visible\!:hover .inline-edit-cancel-button {
      visibility: visible !important;
    }
  }
  .\[\&_\.mat-button-toggle-label-content\]\:px-2\! .mat-button-toggle-label-content {
    padding-inline: calc(var(--spacing) * 2) !important;
  }
  .\[\&_\.mat-button-toggle-label-content\]\:leading-9\! .mat-button-toggle-label-content {
    --tw-leading: calc(var(--spacing) * 9) !important;
    line-height: calc(var(--spacing) * 9) !important;
  }
  .\[\&_\.mat-mdc-button-touch-target\]\:size-10\! .mat-mdc-button-touch-target {
    width: calc(var(--spacing) * 10) !important;
    height: calc(var(--spacing) * 10) !important;
  }
  .\[\&_\.mat-mdc-dialog-surface\]\:border .mat-mdc-dialog-surface {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .\[\&_\.mat-mdc-dialog-surface\]\:border-outline\/30 .mat-mdc-dialog-surface {
    border-color: color-mix(in srgb, #646b79 30%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.mat-mdc-dialog-surface\]\:border-outline\/30 .mat-mdc-dialog-surface {
      border-color: color-mix(in oklab, var(--color-outline) 30%, transparent);
    }
  }
  .\[\&_\.mat-mdc-icon-button\]\:bg-transparent\! .mat-mdc-icon-button {
    background-color: transparent !important;
  }
  @media (hover: hover) {
    .hover\:\[\&_\.not-editing\.inline-edit-button\]\:visible\!:hover .not-editing.inline-edit-button {
      visibility: visible !important;
    }
  }
  .group-\[\.collapsed\]\/nav\:\[\&\.active\]\:w-\[calc\(100\%-var\(--spacing\)\)\]:is(:where(.group\/nav):is(.collapsed) *).active {
    width: calc(100% - var(--spacing));
  }
  .group-\[\.collapsed\]\/nav\:\[\&\.active\]\:gap-0:is(:where(.group\/nav):is(.collapsed) *).active {
    gap: calc(var(--spacing) * 0);
  }
  .\[\&\.ps--active-x\]\:pb-4.ps--active-x {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .\[\&\.ps--active-y\]\:pr-3.ps--active-y {
    padding-right: calc(var(--spacing) * 3);
  }
  @media (hover: hover) {
    .hover\:\[\&\:not\(\.active\)\]\:bg-on-surface\/8:hover:not(.active) {
      background-color: color-mix(in srgb, #1a2433 8%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\[\&\:not\(\.active\)\]\:bg-on-surface\/8:hover:not(.active) {
        background-color: color-mix(in oklab, var(--color-on-surface) 8%, transparent);
      }
    }
  }
  .\[\&\>\.mat-mdc-tooltip-surface\]\:\!max-w-none > .mat-mdc-tooltip-surface {
    max-width: none !important;
  }
  .\[\&\>\.mat-mdc-tooltip-surface\]\:text-nowrap > .mat-mdc-tooltip-surface {
    text-wrap: nowrap;
  }
  .\[\&\>\.mdc-text-field--outlined\]\:pr-0\! > .mdc-text-field--outlined {
    padding-right: calc(var(--spacing) * 0) !important;
  }
  .\[\&\>\:nth-child\(2\)\]\:ml-2\! > :nth-child(2) {
    margin-left: calc(var(--spacing) * 2) !important;
  }
  .\[\&\>button\]\:bg-transparent\! > button {
    background-color: transparent !important;
  }
  @media (hover: hover) {
    .\[\&\>button\]\:hover\:bg-transparent\! > button:hover {
      background-color: transparent !important;
    }
  }
  .\[\&\>div\]\:fixed > div {
    position: fixed;
  }
  .\[\&\>div\]\:inset-0 > div {
    inset: calc(var(--spacing) * 0);
  }
  .\[\&\>div\]\:bg-background > div {
    background-color: var(--color-background);
  }
  @media (width >= 64rem) {
    .lg\:\[\&\>div\]\:pt-4 > div {
      padding-top: calc(var(--spacing) * 4);
    }
  }
}
@layer theme {
  :scope:where([data-theme=dark], [data-theme=dark] *) {
    --color-primary: #a4c8ff;
    --color-on-primary: #0d3868;
    --color-primary-container: #1c4a80;
    --color-on-primary-container: #d0e2f7;
    --color-inverse-primary: #2563a8;
    --color-primary-fixed: #1c4a80;
    --color-primary-fixed-dim: #12304f;
    --color-on-primary-fixed: #001b3d;
    --color-on-primary-fixed-variant: #00468b;
    --color-secondary: #f0b0d4;
    --color-on-secondary: #5e1043;
    --color-secondary-container: #7a215a;
    --color-on-secondary-container: #f5d0e8;
    --color-secondary-fixed: #912369;
    --color-secondary-fixed-dim: #7a215a;
    --color-on-secondary-fixed: #3c0029;
    --color-on-secondary-fixed-variant: #890361;
    --color-tertiary: #86d9cb;
    --color-on-tertiary: #003830;
    --color-tertiary-container: #005048;
    --color-on-tertiary-container: #c2f0e8;
    --color-background: #111927;
    --color-on-background: #e0e3ea;
    --color-surface: #1a2332;
    --color-surface-dim: #0d1520;
    --color-surface-bright: #3a4556;
    --color-surface-container-low: #151e2c;
    --color-surface-container-lowest: #0c1219;
    --color-surface-container: #1a2332;
    --color-surface-container-high: #253145;
    --color-surface-container-highest: #303d52;
    --color-on-surface: #e0e3ea;
    --color-shadow: #000000;
    --color-scrim: #000000;
    --color-surface-tint: #a4c8ff;
    --color-inverse-surface: #e0e3ea;
    --color-inverse-on-surface: #1a2332;
    --color-outline: #8b919e;
    --color-outline-variant: #414a5c;
    --color-neutral10: #e0e3ea;
    --color-surface-variant: #1e2a3c;
    --color-on-surface-variant: #c3c8d4;
    --color-neutral-variant20: #2c303a;
    --color-error: #ffb4ab;
    --color-on-error: #690005;
    --color-error-container: #93000a;
    --color-on-error-container: #ffdad7;
    --color-error-light: #4a0308;
    --color-on-error-light: #ffb4ab;
    --color-success: #7edb89;
    --color-on-success: #003909;
    --color-success-container: #005313;
    --color-on-success-container: #d5f5d7;
    --color-warning: #e8d44c;
    --color-on-warning: #3c270c;
    --color-warning-container: #5c4400;
    --color-on-warning-container: #ffeea0;
    --color-ruby: #ffb3b6;
    --color-on-ruby: #680012;
    --color-ruby-container: #93000a;
    --color-on-ruby-container: #ffdad7;
    --color-ruby-light: #4a0308;
    --color-on-ruby-light: #ffb3b6;
    --color-emerald: #34d399;
    --color-on-emerald: #022c22;
    --color-emerald-container: #065f46;
    --color-on-emerald-container: #ecfdf5;
    --color-emerald-light: #d1fae5;
    --color-on-emerald-light: #022c22;
    --color-amber: #facc15;
    --color-on-amber: #3c270c;
    --color-amber-container: #b45309;
    --color-on-amber-container: #fffbeb;
    --color-amber-light: #fef3c7;
    --color-on-amber-light: #3c270c;
    --color-sapphire: #38bdf8;
    --color-on-sapphire: #082f49;
    --color-sapphire-container: #075985;
    --color-on-sapphire-container: #e0f2fe;
    --color-sapphire-light: #bae6fd;
    --color-on-sapphire-light: #082f49;
    --color-amethyst: #c084fc;
    --color-on-amethyst: #2e1065;
    --color-amethyst-container: #6b21a8;
    --color-on-amethyst-container: #f3e8ff;
    --color-amethyst-light: #ede9fe;
    --color-on-amethyst-light: #2e1065;
    --color-slate: #9ca3af;
    --color-on-slate: #111827;
    --color-slate-container: #374151;
    --color-on-slate-container: #f9fafb;
    --color-slate-light: #e5e7eb;
    --color-on-slate-light: #111827;
    --color-graphite: #6b7280;
    --color-on-graphite: #f3f4f6;
    --color-graphite-container: #374151;
    --color-on-graphite-container: #d1d5db;
    --color-graphite-light: #4b5563;
    --color-on-graphite-light: #f3f4f6;
    --color-cyanite: #22d3ee;
    --color-on-cyanite: #083344;
    --color-cyanite-container: #155e75;
    --color-on-cyanite-container: #ecfeff;
    --color-cyanite-light: #cffafe;
    --color-on-cyanite-light: #083344;
    --color-rosewood: #f472b6;
    --color-on-rosewood: #4a044e;
    --color-rosewood-container: #9d174d;
    --color-on-rosewood-container: #fce7f3;
    --color-rosewood-light: #fbcfe8;
    --color-on-rosewood-light: #4a044e;
    --color-obsidian: #e5e7eb;
    --color-on-obsidian: #020617;
    --color-obsidian-container: #020617;
    --color-on-obsidian-container: #f8fafc;
    --color-obsidian-light: #f1f5f9;
    --color-on-obsidian-light: #020617;
  }
}
.theme-beempa {
  --color-primary: #6b35a8;
  --color-on-primary: #ffffff;
  --color-primary-container: #eedcff;
  --color-on-primary-container: #24005a;
  --color-inverse-primary: #d4bbff;
  --color-primary-fixed: #541e8f;
  --color-primary-fixed-dim: #3f0c72;
  --color-on-primary-fixed: #1e0049;
  --color-on-primary-fixed-variant: #7b00c8;
  --color-secondary: #9c5025;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #ffdbc9;
  --color-on-secondary-container: #371000;
  --color-secondary-fixed: #843f1a;
  --color-secondary-fixed-dim: #6c3010;
  --color-on-secondary-fixed: #2e0c00;
  --color-on-secondary-fixed-variant: #a54800;
  --color-tertiary: #216b5c;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #b6f0e0;
  --color-on-tertiary-container: #00201a;
  --color-background: #fdf8ff;
  --color-on-background: #1d1a22;
  --color-surface: #f8f3fc;
  --color-surface-dim: #d9d4de;
  --color-surface-bright: #ffffff;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f2ecf6;
  --color-surface-container: #ece7f1;
  --color-surface-container-high: #e6e1ec;
  --color-surface-container-highest: #e1dbe6;
  --color-on-surface: #1d1a22;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #6b35a8;
  --color-inverse-surface: #322f38;
  --color-inverse-on-surface: #f5eff9;
  --color-outline: #6b6576;
  --color-outline-variant: #cbc4d4;
  --color-neutral10: #1d1a22;
  --color-surface-variant: #e7e0ef;
  --color-on-surface-variant: #49454e;
  --color-neutral-variant20: #312d38;
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #410002;
  --color-error-light: #ffe2e0;
  --color-on-error-light: #680009;
  --color-success: #1a6c2e;
  --color-on-success: #ffffff;
  --color-success-container: #a5f5a8;
  --color-on-success-container: #002106;
  --color-warning: #8a6b00;
  --color-on-warning: #ffffff;
  --color-warning-container: #ffdea0;
  --color-on-warning-container: #2b1e00;
  --color-ruby: #c4727e;
  --color-on-ruby: #980814;
  --color-ruby-container: #9e1c26;
  --color-on-ruby-container: #fef0f2;
  --color-ruby-light: #ffdfe4;
  --color-on-ruby-light: #8b0a14;
  --color-emerald: #0a9470;
  --color-on-emerald: #ffffff;
  --color-emerald-container: #cef9e8;
  --color-on-emerald-container: #0a4c3e;
  --color-emerald-light: #eafcf6;
  --color-on-emerald-light: #0a4c3e;
  --color-amber: #d47808;
  --color-on-amber: #ffffff;
  --color-amber-container: #fdf1c4;
  --color-on-amber-container: #7a3612;
  --color-amber-light: #fff9e8;
  --color-on-amber-light: #7a3612;
  --color-sapphire: #1a7fc8;
  --color-on-sapphire: #ffffff;
  --color-sapphire-container: #dbeeff;
  --color-on-sapphire-container: #144872;
  --color-sapphire-light: #edf6ff;
  --color-on-sapphire-light: #144872;
  --color-amethyst: #7e3ef0;
  --color-on-amethyst: #ffffff;
  --color-amethyst-container: #eee8ff;
  --color-on-amethyst-container: #3c0a68;
  --color-amethyst-light: #f6f2ff;
  --color-on-amethyst-light: #3c0a68;
  --color-slate: #4d536a;
  --color-on-slate: #ffffff;
  --color-slate-container: #eff2fb;
  --color-on-slate-container: #222740;
  --color-slate-light: #f7f8fd;
  --color-on-slate-light: #222740;
  --color-graphite: #687290;
  --color-on-graphite: #ffffff;
  --color-graphite-container: #e0e5f2;
  --color-on-graphite-container: #374058;
  --color-graphite-light: #eff2fa;
  --color-on-graphite-light: #374058;
  --color-cyanite: #128eb6;
  --color-on-cyanite: #ffffff;
  --color-cyanite-container: #ccf6ff;
  --color-on-cyanite-container: #1c4c66;
  --color-cyanite-light: #e8faff;
  --color-on-cyanite-light: #1c4c66;
  --color-rosewood: #d42a82;
  --color-on-rosewood: #ffffff;
  --color-rosewood-container: #fce4f5;
  --color-on-rosewood-container: #881a4e;
  --color-rosewood-light: #fdf0f9;
  --color-on-rosewood-light: #881a4e;
  --color-obsidian: #08061a;
  --color-on-obsidian: #ffffff;
  --color-obsidian-container: #e3e4f0;
  --color-on-obsidian-container: #08061a;
  --color-obsidian-light: #f7f7fd;
  --color-on-obsidian-light: #08061a;
}
.theme-beempa[data-theme=dark] {
  --color-primary: #d4bbff;
  --color-on-primary: #3c1178;
  --color-primary-container: #541e8f;
  --color-on-primary-container: #eedcff;
  --color-inverse-primary: #6b35a8;
  --color-primary-fixed: #541e8f;
  --color-primary-fixed-dim: #3f0c72;
  --color-on-primary-fixed: #1e0049;
  --color-on-primary-fixed-variant: #7b00c8;
  --color-secondary: #ffb68e;
  --color-on-secondary: #562000;
  --color-secondary-container: #6c3010;
  --color-on-secondary-container: #ffdbc9;
  --color-secondary-fixed: #843f1a;
  --color-secondary-fixed-dim: #6c3010;
  --color-on-secondary-fixed: #2e0c00;
  --color-on-secondary-fixed-variant: #a54800;
  --color-tertiary: #9ad4c4;
  --color-on-tertiary: #003830;
  --color-tertiary-container: #005044;
  --color-on-tertiary-container: #b6f0e0;
  --color-background: #151218;
  --color-on-background: #e7e1ec;
  --color-surface: #1d1a22;
  --color-surface-dim: #151218;
  --color-surface-bright: #444049;
  --color-surface-container-lowest: #0f0d13;
  --color-surface-container-low: #1a1720;
  --color-surface-container: #221f27;
  --color-surface-container-high: #2d2932;
  --color-surface-container-highest: #38343d;
  --color-on-surface: #e7e1ec;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #d4bbff;
  --color-inverse-surface: #e7e1ec;
  --color-inverse-on-surface: #322f38;
  --color-outline: #958e9e;
  --color-outline-variant: #49454e;
  --color-neutral10: #e7e1ec;
  --color-surface-variant: #2d2932;
  --color-on-surface-variant: #cbc4d4;
  --color-neutral-variant20: #312d38;
  --color-error: #ffb4ab;
  --color-on-error: #690005;
  --color-error-container: #93000a;
  --color-on-error-container: #ffdad6;
  --color-error-light: #4a0308;
  --color-on-error-light: #ffb4ab;
  --color-success: #8ad98d;
  --color-on-success: #003910;
  --color-success-container: #005319;
  --color-on-success-container: #a5f5a8;
  --color-warning: #f5c740;
  --color-on-warning: #2b1e00;
  --color-warning-container: #5c4400;
  --color-on-warning-container: #ffdea0;
  --color-ruby: #ffb0ba;
  --color-on-ruby: #660014;
  --color-ruby-container: #8e000e;
  --color-on-ruby-container: #ffdadd;
  --color-ruby-light: #4c030a;
  --color-on-ruby-light: #ffb0ba;
  --color-emerald: #38d09c;
  --color-on-emerald: #062e24;
  --color-emerald-container: #0a5e48;
  --color-on-emerald-container: #eafcf6;
  --color-emerald-light: #cef9e8;
  --color-on-emerald-light: #062e24;
  --color-amber: #f8ca18;
  --color-on-amber: #3e2a0e;
  --color-amber-container: #b05408;
  --color-on-amber-container: #fff9e8;
  --color-amber-light: #fdf1c4;
  --color-on-amber-light: #3e2a0e;
  --color-sapphire: #3cbaf8;
  --color-on-sapphire: #0c304c;
  --color-sapphire-container: #0c5888;
  --color-on-sapphire-container: #dbeeff;
  --color-sapphire-light: #b8e2ff;
  --color-on-sapphire-light: #0c304c;
  --color-amethyst: #c288ff;
  --color-on-amethyst: #301068;
  --color-amethyst-container: #6e24ac;
  --color-on-amethyst-container: #f2e6ff;
  --color-amethyst-light: #eee8ff;
  --color-on-amethyst-light: #301068;
  --color-slate: #9da2b4;
  --color-on-slate: #14182c;
  --color-slate-container: #3a3e54;
  --color-on-slate-container: #f8f9fd;
  --color-slate-light: #e3e5ee;
  --color-on-slate-light: #14182c;
  --color-graphite: #6e7688;
  --color-on-graphite: #f2f3f8;
  --color-graphite-container: #3a4258;
  --color-on-graphite-container: #d0d4e0;
  --color-graphite-light: #4e5568;
  --color-on-graphite-light: #f2f3f8;
  --color-cyanite: #26d0f0;
  --color-on-cyanite: #0c3448;
  --color-cyanite-container: #185c78;
  --color-on-cyanite-container: #e8faff;
  --color-cyanite-light: #ccf6ff;
  --color-on-cyanite-light: #0c3448;
  --color-rosewood: #f274bc;
  --color-on-rosewood: #4c0650;
  --color-rosewood-container: #9e1a52;
  --color-on-rosewood-container: #fce4f5;
  --color-rosewood-light: #f8cee8;
  --color-on-rosewood-light: #4c0650;
  --color-obsidian: #e3e5f0;
  --color-on-obsidian: #08061a;
  --color-obsidian-container: #08061a;
  --color-on-obsidian-container: #f7f7fd;
  --color-obsidian-light: #eff2fa;
  --color-on-obsidian-light: #08061a;
}
.theme-claude {
  --color-primary: #b85830;
  --color-on-primary: #ffffff;
  --color-primary-container: #ffdbc8;
  --color-on-primary-container: #3a0f00;
  --color-inverse-primary: #ffb695;
  --color-primary-fixed: #943f1c;
  --color-primary-fixed-dim: #742c0e;
  --color-on-primary-fixed: #2e0a00;
  --color-on-primary-fixed-variant: #c04e1a;
  --color-secondary: #2d6089;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #cde5ff;
  --color-on-secondary-container: #001d33;
  --color-secondary-fixed: #1a4d74;
  --color-secondary-fixed-dim: #0f3a5c;
  --color-on-secondary-fixed: #001528;
  --color-on-secondary-fixed-variant: #006fad;
  --color-tertiary: #5a6f31;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #def2a8;
  --color-on-tertiary-container: #182200;
  --color-background: #fdf8f5;
  --color-on-background: #211a16;
  --color-surface: #f8f2ee;
  --color-surface-dim: #dbd4cf;
  --color-surface-bright: #ffffff;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f3ece7;
  --color-surface-container: #ede6e1;
  --color-surface-container-high: #e7e0db;
  --color-surface-container-highest: #e1dad5;
  --color-on-surface: #211a16;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #b85830;
  --color-inverse-surface: #372f2b;
  --color-inverse-on-surface: #fbede6;
  --color-outline: #857670;
  --color-outline-variant: #d5c4bc;
  --color-neutral10: #211a16;
  --color-surface-variant: #f2ddd3;
  --color-on-surface-variant: #52443c;
  --color-neutral-variant20: #382a23;
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #410002;
  --color-error-light: #ffe2e0;
  --color-on-error-light: #680009;
  --color-success: #1a6c2e;
  --color-on-success: #ffffff;
  --color-success-container: #a8f5ab;
  --color-on-success-container: #002106;
  --color-warning: #8a6b00;
  --color-on-warning: #ffffff;
  --color-warning-container: #ffdea0;
  --color-on-warning-container: #2b1e00;
  --color-ruby: #c87478;
  --color-on-ruby: #9c0814;
  --color-ruby-container: #a01e26;
  --color-on-ruby-container: #fef1f1;
  --color-ruby-light: #ffe0e2;
  --color-on-ruby-light: #8b0a14;
  --color-emerald: #0d926c;
  --color-on-emerald: #ffffff;
  --color-emerald-container: #cef9e5;
  --color-on-emerald-container: #0a4c3a;
  --color-emerald-light: #eafcf4;
  --color-on-emerald-light: #0a4c3a;
  --color-amber: #c87a08;
  --color-on-amber: #ffffff;
  --color-amber-container: #fcefc2;
  --color-on-amber-container: #6e3a10;
  --color-amber-light: #fff8e6;
  --color-on-amber-light: #6e3a10;
  --color-sapphire: #1878c2;
  --color-on-sapphire: #ffffff;
  --color-sapphire-container: #d6ebff;
  --color-on-sapphire-container: #12466e;
  --color-sapphire-light: #ecf4ff;
  --color-on-sapphire-light: #12466e;
  --color-amethyst: #7c3aed;
  --color-on-amethyst: #ffffff;
  --color-amethyst-container: #ede9fe;
  --color-on-amethyst-container: #3b0764;
  --color-amethyst-light: #f5f3ff;
  --color-on-amethyst-light: #3b0764;
  --color-slate: #56524a;
  --color-on-slate: #ffffff;
  --color-slate-container: #f0ebe3;
  --color-on-slate-container: #2a2620;
  --color-slate-light: #f7f4ee;
  --color-on-slate-light: #2a2620;
  --color-graphite: #6e6860;
  --color-on-graphite: #ffffff;
  --color-graphite-container: #e4ded6;
  --color-on-graphite-container: #3a3530;
  --color-graphite-light: #f2ede7;
  --color-on-graphite-light: #3a3530;
  --color-cyanite: #0e8ca8;
  --color-on-cyanite: #ffffff;
  --color-cyanite-container: #c8f5ff;
  --color-on-cyanite-container: #1a4e62;
  --color-cyanite-light: #e6faff;
  --color-on-cyanite-light: #1a4e62;
  --color-rosewood: #c43068;
  --color-on-rosewood: #ffffff;
  --color-rosewood-container: #fce2ef;
  --color-on-rosewood-container: #7e1c42;
  --color-rosewood-light: #fdf0f6;
  --color-on-rosewood-light: #7e1c42;
  --color-obsidian: #0c0806;
  --color-on-obsidian: #ffffff;
  --color-obsidian-container: #e4ddd8;
  --color-on-obsidian-container: #0c0806;
  --color-obsidian-light: #f8f5f2;
  --color-on-obsidian-light: #0c0806;
}
.theme-claude[data-theme=dark] {
  --color-primary: #ffb695;
  --color-on-primary: #5c1a00;
  --color-primary-container: #7e2e0c;
  --color-on-primary-container: #ffdbc8;
  --color-inverse-primary: #b85830;
  --color-primary-fixed: #943f1c;
  --color-primary-fixed-dim: #742c0e;
  --color-on-primary-fixed: #2e0a00;
  --color-on-primary-fixed-variant: #c04e1a;
  --color-secondary: #96ccf8;
  --color-on-secondary: #003353;
  --color-secondary-container: #0f3a5c;
  --color-on-secondary-container: #cde5ff;
  --color-secondary-fixed: #1a4d74;
  --color-secondary-fixed-dim: #0f3a5c;
  --color-on-secondary-fixed: #001528;
  --color-on-secondary-fixed-variant: #006fad;
  --color-tertiary: #c2d68e;
  --color-on-tertiary: #2d3c00;
  --color-tertiary-container: #435520;
  --color-on-tertiary-container: #def2a8;
  --color-background: #171210;
  --color-on-background: #ece0d9;
  --color-surface: #211a16;
  --color-surface-dim: #171210;
  --color-surface-bright: #49403a;
  --color-surface-container-lowest: #110c09;
  --color-surface-container-low: #1d1612;
  --color-surface-container: #261f1a;
  --color-surface-container-high: #312924;
  --color-surface-container-highest: #3c342f;
  --color-on-surface: #ece0d9;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #ffb695;
  --color-inverse-surface: #ece0d9;
  --color-inverse-on-surface: #372f2b;
  --color-outline: #9f8e86;
  --color-outline-variant: #52443c;
  --color-neutral10: #ece0d9;
  --color-surface-variant: #312924;
  --color-on-surface-variant: #d5c4bc;
  --color-neutral-variant20: #382a23;
  --color-error: #ffb4ab;
  --color-on-error: #690005;
  --color-error-container: #93000a;
  --color-on-error-container: #ffdad6;
  --color-error-light: #4a0308;
  --color-on-error-light: #ffb4ab;
  --color-success: #8cd98e;
  --color-on-success: #003910;
  --color-success-container: #005319;
  --color-on-success-container: #a8f5ab;
  --color-warning: #f5c740;
  --color-on-warning: #2b1e00;
  --color-warning-container: #5c4400;
  --color-on-warning-container: #ffdea0;
  --color-ruby: #ffb0b4;
  --color-on-ruby: #660014;
  --color-ruby-container: #8e000e;
  --color-on-ruby-container: #ffdadd;
  --color-ruby-light: #4c030a;
  --color-on-ruby-light: #ffb0b4;
  --color-emerald: #3ace98;
  --color-on-emerald: #062e22;
  --color-emerald-container: #0a5e44;
  --color-on-emerald-container: #eafcf4;
  --color-emerald-light: #cef9e5;
  --color-on-emerald-light: #062e22;
  --color-amber: #f6c818;
  --color-on-amber: #3e2a0c;
  --color-amber-container: #a85808;
  --color-on-amber-container: #fff8e6;
  --color-amber-light: #fcefc2;
  --color-on-amber-light: #3e2a0c;
  --color-sapphire: #3ab8f6;
  --color-on-sapphire: #0c304a;
  --color-sapphire-container: #0c5684;
  --color-on-sapphire-container: #d6ebff;
  --color-sapphire-light: #b4e0ff;
  --color-on-sapphire-light: #0c304a;
  --color-amethyst: #c288ff;
  --color-on-amethyst: #2e1065;
  --color-amethyst-container: #6b21a8;
  --color-on-amethyst-container: #f3e8ff;
  --color-amethyst-light: #ede9fe;
  --color-on-amethyst-light: #2e1065;
  --color-slate: #a09a92;
  --color-on-slate: #141210;
  --color-slate-container: #3e3a34;
  --color-on-slate-container: #f8f6f0;
  --color-slate-light: #e2ddd6;
  --color-on-slate-light: #141210;
  --color-graphite: #6e6860;
  --color-on-graphite: #f2ede7;
  --color-graphite-container: #3a3530;
  --color-on-graphite-container: #d2ccc6;
  --color-graphite-light: #504a44;
  --color-on-graphite-light: #f2ede7;
  --color-cyanite: #28cee8;
  --color-on-cyanite: #0c3442;
  --color-cyanite-container: #185a72;
  --color-on-cyanite-container: #e6faff;
  --color-cyanite-light: #c8f5ff;
  --color-on-cyanite-light: #0c3442;
  --color-rosewood: #f276b6;
  --color-on-rosewood: #4c0848;
  --color-rosewood-container: #9c1a4e;
  --color-on-rosewood-container: #fce2ef;
  --color-rosewood-light: #f8cce4;
  --color-on-rosewood-light: #4c0848;
  --color-obsidian: #e4ddd8;
  --color-on-obsidian: #0c0806;
  --color-obsidian-container: #0c0806;
  --color-on-obsidian-container: #f8f5f2;
  --color-obsidian-light: #f2ede7;
  --color-on-obsidian-light: #0c0806;
}
.theme-midnight {
  --color-primary: #5c4de0;
  --color-on-primary: #ffffff;
  --color-primary-container: #e2ddff;
  --color-on-primary-container: #18006e;
  --color-inverse-primary: #c6bfff;
  --color-primary-fixed: #4838c4;
  --color-primary-fixed-dim: #3528a8;
  --color-on-primary-fixed: #100060;
  --color-on-primary-fixed-variant: #6c5cf0;
  --color-secondary: #d04848;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #ffdad6;
  --color-on-secondary-container: #410006;
  --color-secondary-fixed: #b43030;
  --color-secondary-fixed-dim: #961e1e;
  --color-on-secondary-fixed: #360004;
  --color-on-secondary-fixed-variant: #e05050;
  --color-tertiary: #5c8a1e;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #d8f59a;
  --color-on-tertiary-container: #142200;
  --color-background: #faf8ff;
  --color-on-background: #1b1928;
  --color-surface: #f5f2fc;
  --color-surface-dim: #d6d2e0;
  --color-surface-bright: #ffffff;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #efecf8;
  --color-surface-container: #e9e6f2;
  --color-surface-container-high: #e3e0ee;
  --color-surface-container-highest: #dddae8;
  --color-on-surface: #1b1928;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #5c4de0;
  --color-inverse-surface: #30303e;
  --color-inverse-on-surface: #f2f0fc;
  --color-outline: #6e6a7c;
  --color-outline-variant: #c8c3d8;
  --color-neutral10: #1b1928;
  --color-surface-variant: #e5e0f4;
  --color-on-surface-variant: #474456;
  --color-neutral-variant20: #302e3e;
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #410002;
  --color-error-light: #ffe2e0;
  --color-on-error-light: #680009;
  --color-success: #1a6c2e;
  --color-on-success: #ffffff;
  --color-success-container: #a8f5ab;
  --color-on-success-container: #002106;
  --color-warning: #8a6b00;
  --color-on-warning: #ffffff;
  --color-warning-container: #ffdea0;
  --color-on-warning-container: #2b1e00;
  --color-ruby: #c4727c;
  --color-on-ruby: #9c0812;
  --color-ruby-container: #a21e26;
  --color-on-ruby-container: #fef0f2;
  --color-ruby-light: #ffdee2;
  --color-on-ruby-light: #8b0a12;
  --color-emerald: #0a946a;
  --color-on-emerald: #ffffff;
  --color-emerald-container: #c6f8e4;
  --color-on-emerald-container: #0a4c38;
  --color-emerald-light: #e8fcf3;
  --color-on-emerald-light: #0a4c38;
  --color-amber: #c88008;
  --color-on-amber: #ffffff;
  --color-amber-container: #fcf0c2;
  --color-on-amber-container: #6e3c10;
  --color-amber-light: #fff8e6;
  --color-on-amber-light: #6e3c10;
  --color-sapphire: #1076c4;
  --color-on-sapphire: #ffffff;
  --color-sapphire-container: #d2e8ff;
  --color-on-sapphire-container: #104470;
  --color-sapphire-light: #eaf2ff;
  --color-on-sapphire-light: #104470;
  --color-amethyst: #7c38f0;
  --color-on-amethyst: #ffffff;
  --color-amethyst-container: #eae4ff;
  --color-on-amethyst-container: #36086c;
  --color-amethyst-light: #f4f0ff;
  --color-on-amethyst-light: #36086c;
  --color-slate: #4c4a5e;
  --color-on-slate: #ffffff;
  --color-slate-container: #edeaf6;
  --color-on-slate-container: #222038;
  --color-slate-light: #f5f2fc;
  --color-on-slate-light: #222038;
  --color-graphite: #66647a;
  --color-on-graphite: #ffffff;
  --color-graphite-container: #dedcee;
  --color-on-graphite-container: #343250;
  --color-graphite-light: #f0eef8;
  --color-on-graphite-light: #343250;
  --color-cyanite: #0894b4;
  --color-on-cyanite: #ffffff;
  --color-cyanite-container: #c0f4ff;
  --color-on-cyanite-container: #164e62;
  --color-cyanite-light: #e0f8ff;
  --color-on-cyanite-light: #164e62;
  --color-rosewood: #d02878;
  --color-on-rosewood: #ffffff;
  --color-rosewood-container: #fce0f0;
  --color-on-rosewood-container: #841846;
  --color-rosewood-light: #fdf0f6;
  --color-on-rosewood-light: #841846;
  --color-obsidian: #08061a;
  --color-on-obsidian: #ffffff;
  --color-obsidian-container: #dedcee;
  --color-on-obsidian-container: #08061a;
  --color-obsidian-light: #f5f2fc;
  --color-on-obsidian-light: #08061a;
}
.theme-midnight[data-theme=dark] {
  --color-primary: #c6bfff;
  --color-on-primary: #2a1890;
  --color-primary-container: #4232b4;
  --color-on-primary-container: #e2ddff;
  --color-inverse-primary: #5c4de0;
  --color-primary-fixed: #4838c4;
  --color-primary-fixed-dim: #3528a8;
  --color-on-primary-fixed: #100060;
  --color-on-primary-fixed-variant: #6c5cf0;
  --color-secondary: #ffb3ad;
  --color-on-secondary: #680010;
  --color-secondary-container: #961e1e;
  --color-on-secondary-container: #ffdad6;
  --color-secondary-fixed: #b43030;
  --color-secondary-fixed-dim: #961e1e;
  --color-on-secondary-fixed: #360004;
  --color-on-secondary-fixed-variant: #e05050;
  --color-tertiary: #bcd880;
  --color-on-tertiary: #263a00;
  --color-tertiary-container: #3e5410;
  --color-on-tertiary-container: #d8f59a;
  --color-background: #121020;
  --color-on-background: #e4e0f0;
  --color-surface: #1b1928;
  --color-surface-dim: #121020;
  --color-surface-bright: #42404e;
  --color-surface-container-lowest: #0c0a18;
  --color-surface-container-low: #161422;
  --color-surface-container: #201e2c;
  --color-surface-container-high: #2a2838;
  --color-surface-container-highest: #353244;
  --color-on-surface: #e4e0f0;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #c6bfff;
  --color-inverse-surface: #e4e0f0;
  --color-inverse-on-surface: #30303e;
  --color-outline: #8884a0;
  --color-outline-variant: #474456;
  --color-neutral10: #e4e0f0;
  --color-surface-variant: #2a2838;
  --color-on-surface-variant: #c8c3d8;
  --color-neutral-variant20: #302e3e;
  --color-error: #ffb4ab;
  --color-on-error: #690005;
  --color-error-container: #93000a;
  --color-on-error-container: #ffdad6;
  --color-error-light: #4a0308;
  --color-on-error-light: #ffb4ab;
  --color-success: #8cd98e;
  --color-on-success: #003910;
  --color-success-container: #005319;
  --color-on-success-container: #a8f5ab;
  --color-warning: #f5c740;
  --color-on-warning: #2b1e00;
  --color-warning-container: #5c4400;
  --color-on-warning-container: #ffdea0;
  --color-ruby: #ffb0b8;
  --color-on-ruby: #660014;
  --color-ruby-container: #8e000e;
  --color-on-ruby-container: #ffdadd;
  --color-ruby-light: #4c030a;
  --color-on-ruby-light: #ffb0b8;
  --color-emerald: #38d098;
  --color-on-emerald: #062e20;
  --color-emerald-container: #0a5e42;
  --color-on-emerald-container: #e8fcf3;
  --color-emerald-light: #c6f8e4;
  --color-on-emerald-light: #062e20;
  --color-amber: #f8ca18;
  --color-on-amber: #3e2a0c;
  --color-amber-container: #a85808;
  --color-on-amber-container: #fff8e6;
  --color-amber-light: #fcf0c2;
  --color-on-amber-light: #3e2a0c;
  --color-sapphire: #38b6f4;
  --color-on-sapphire: #0c2e48;
  --color-sapphire-container: #0c5482;
  --color-on-sapphire-container: #d2e8ff;
  --color-sapphire-light: #b0dcff;
  --color-on-sapphire-light: #0c2e48;
  --color-amethyst: #c48cff;
  --color-on-amethyst: #2e0e66;
  --color-amethyst-container: #6828aa;
  --color-on-amethyst-container: #f0e8ff;
  --color-amethyst-light: #eae4ff;
  --color-on-amethyst-light: #2e0e66;
  --color-slate: #9c98b0;
  --color-on-slate: #12102a;
  --color-slate-container: #383652;
  --color-on-slate-container: #f6f4fc;
  --color-slate-light: #e2e0ee;
  --color-on-slate-light: #12102a;
  --color-graphite: #6c6a80;
  --color-on-graphite: #f2f0f8;
  --color-graphite-container: #383654;
  --color-on-graphite-container: #d0cee0;
  --color-graphite-light: #4e4c64;
  --color-on-graphite-light: #f2f0f8;
  --color-cyanite: #28cef0;
  --color-on-cyanite: #0c3440;
  --color-cyanite-container: #185a70;
  --color-on-cyanite-container: #e0f8ff;
  --color-cyanite-light: #c0f4ff;
  --color-on-cyanite-light: #0c3440;
  --color-rosewood: #f478be;
  --color-on-rosewood: #4e084a;
  --color-rosewood-container: #a01850;
  --color-on-rosewood-container: #fce0f0;
  --color-rosewood-light: #f8cce6;
  --color-on-rosewood-light: #4e084a;
  --color-obsidian: #dedcee;
  --color-on-obsidian: #08061a;
  --color-obsidian-container: #08061a;
  --color-on-obsidian-container: #f5f2fc;
  --color-obsidian-light: #f0eef8;
  --color-on-obsidian-light: #08061a;
}
.theme-aurora {
  --color-primary: #0891a2;
  --color-on-primary: #ffffff;
  --color-primary-container: #c2f5ff;
  --color-on-primary-container: #003640;
  --color-inverse-primary: #6ee0f2;
  --color-primary-fixed: #067584;
  --color-primary-fixed-dim: #045a66;
  --color-on-primary-fixed: #002830;
  --color-on-primary-fixed-variant: #009cb0;
  --color-secondary: #a8288c;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #ffd7f0;
  --color-on-secondary-container: #3c002e;
  --color-secondary-fixed: #8e1a76;
  --color-secondary-fixed-dim: #740e60;
  --color-on-secondary-fixed: #300024;
  --color-on-secondary-fixed-variant: #b8309a;
  --color-tertiary: #3a8a46;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #c4f5c6;
  --color-on-tertiary-container: #00210a;
  --color-background: #f6fcfd;
  --color-on-background: #161d20;
  --color-surface: #f0f8fa;
  --color-surface-dim: #d0dadd;
  --color-surface-bright: #ffffff;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #eaf4f6;
  --color-surface-container: #e4eef1;
  --color-surface-container-high: #dee8ec;
  --color-surface-container-highest: #d8e2e6;
  --color-on-surface: #161d20;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #0891a2;
  --color-inverse-surface: #2b3235;
  --color-inverse-on-surface: #ecf3f6;
  --color-outline: #6a777c;
  --color-outline-variant: #bfccd1;
  --color-neutral10: #161d20;
  --color-surface-variant: #dae5ea;
  --color-on-surface-variant: #3e4a4f;
  --color-neutral-variant20: #283136;
  --color-error: #c4252e;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad7;
  --color-on-error-container: #410005;
  --color-error-light: #ffe2e3;
  --color-on-error-light: #69000b;
  --color-success: #1a6c2e;
  --color-on-success: #ffffff;
  --color-success-container: #a8f5ab;
  --color-on-success-container: #002106;
  --color-warning: #8a6b00;
  --color-on-warning: #ffffff;
  --color-warning-container: #ffdea0;
  --color-on-warning-container: #2b1e00;
  --color-ruby: #c87880;
  --color-on-ruby: #9e0a16;
  --color-ruby-container: #a32028;
  --color-on-ruby-container: #fef1f2;
  --color-ruby-light: #ffe2e4;
  --color-on-ruby-light: #8b0a14;
  --color-emerald: #0a9868;
  --color-on-emerald: #ffffff;
  --color-emerald-container: #c4f9e2;
  --color-on-emerald-container: #084e38;
  --color-emerald-light: #e6fcf2;
  --color-on-emerald-light: #084e38;
  --color-amber: #c88008;
  --color-on-amber: #ffffff;
  --color-amber-container: #fcf0c2;
  --color-on-amber-container: #6e3c10;
  --color-amber-light: #fff8e6;
  --color-on-amber-light: #6e3c10;
  --color-sapphire: #0c7ec8;
  --color-on-sapphire: #ffffff;
  --color-sapphire-container: #d0eaff;
  --color-on-sapphire-container: #0e466e;
  --color-sapphire-light: #e8f4ff;
  --color-on-sapphire-light: #0e466e;
  --color-amethyst: #8040e8;
  --color-on-amethyst: #ffffff;
  --color-amethyst-container: #ece6ff;
  --color-on-amethyst-container: #380868;
  --color-amethyst-light: #f4f0ff;
  --color-on-amethyst-light: #380868;
  --color-slate: #4a555c;
  --color-on-slate: #ffffff;
  --color-slate-container: #ecf2f6;
  --color-on-slate-container: #202a30;
  --color-slate-light: #f4f8fa;
  --color-on-slate-light: #202a30;
  --color-graphite: #627078;
  --color-on-graphite: #ffffff;
  --color-graphite-container: #dce6ec;
  --color-on-graphite-container: #323e46;
  --color-graphite-light: #eef3f6;
  --color-on-graphite-light: #323e46;
  --color-cyanite: #0698b8;
  --color-on-cyanite: #ffffff;
  --color-cyanite-container: #bef6ff;
  --color-on-cyanite-container: #145060;
  --color-cyanite-light: #e2faff;
  --color-on-cyanite-light: #145060;
  --color-rosewood: #c82878;
  --color-on-rosewood: #ffffff;
  --color-rosewood-container: #fce0f2;
  --color-on-rosewood-container: #801848;
  --color-rosewood-light: #fdf0f8;
  --color-on-rosewood-light: #801848;
  --color-obsidian: #060c10;
  --color-on-obsidian: #ffffff;
  --color-obsidian-container: #dce4ea;
  --color-on-obsidian-container: #060c10;
  --color-obsidian-light: #f4f8fa;
  --color-on-obsidian-light: #060c10;
}
.theme-aurora[data-theme=dark] {
  --color-primary: #6ee0f2;
  --color-on-primary: #003840;
  --color-primary-container: #005a66;
  --color-on-primary-container: #c2f5ff;
  --color-inverse-primary: #0891a2;
  --color-primary-fixed: #067584;
  --color-primary-fixed-dim: #045a66;
  --color-on-primary-fixed: #002830;
  --color-on-primary-fixed-variant: #009cb0;
  --color-secondary: #ffaee4;
  --color-on-secondary: #5e0048;
  --color-secondary-container: #740e60;
  --color-on-secondary-container: #ffd7f0;
  --color-secondary-fixed: #8e1a76;
  --color-secondary-fixed-dim: #740e60;
  --color-on-secondary-fixed: #300024;
  --color-on-secondary-fixed-variant: #b8309a;
  --color-tertiary: #a8d8ac;
  --color-on-tertiary: #003914;
  --color-tertiary-container: #005220;
  --color-on-tertiary-container: #c4f5c6;
  --color-background: #0e1518;
  --color-on-background: #dce4e8;
  --color-surface: #161d20;
  --color-surface-dim: #0e1518;
  --color-surface-bright: #3c4448;
  --color-surface-container-lowest: #090f12;
  --color-surface-container-low: #131a1e;
  --color-surface-container: #1c2326;
  --color-surface-container-high: #262e32;
  --color-surface-container-highest: #31393d;
  --color-on-surface: #dce4e8;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #6ee0f2;
  --color-inverse-surface: #dce4e8;
  --color-inverse-on-surface: #2b3235;
  --color-outline: #8a979c;
  --color-outline-variant: #3e4a4f;
  --color-neutral10: #dce4e8;
  --color-surface-variant: #262e32;
  --color-on-surface-variant: #bfccd1;
  --color-neutral-variant20: #283136;
  --color-error: #ffb4ab;
  --color-on-error: #690005;
  --color-error-container: #93000a;
  --color-on-error-container: #ffdad7;
  --color-error-light: #4a0308;
  --color-on-error-light: #ffb4ab;
  --color-success: #8cd98e;
  --color-on-success: #003910;
  --color-success-container: #005319;
  --color-on-success-container: #a8f5ab;
  --color-warning: #f5c740;
  --color-on-warning: #2b1e00;
  --color-warning-container: #5c4400;
  --color-on-warning-container: #ffdea0;
  --color-ruby: #ffb2b8;
  --color-on-ruby: #660014;
  --color-ruby-container: #8e000e;
  --color-on-ruby-container: #ffdadd;
  --color-ruby-light: #4c030a;
  --color-on-ruby-light: #ffb2b8;
  --color-emerald: #38d09a;
  --color-on-emerald: #062e20;
  --color-emerald-container: #0a5e42;
  --color-on-emerald-container: #e6fcf2;
  --color-emerald-light: #c4f9e2;
  --color-on-emerald-light: #062e20;
  --color-amber: #f8c818;
  --color-on-amber: #3e2a0c;
  --color-amber-container: #a85808;
  --color-on-amber-container: #fff8e6;
  --color-amber-light: #fcf0c2;
  --color-on-amber-light: #3e2a0c;
  --color-sapphire: #3cb8f6;
  --color-on-sapphire: #0c304a;
  --color-sapphire-container: #0c5684;
  --color-on-sapphire-container: #d0eaff;
  --color-sapphire-light: #b4dfff;
  --color-on-sapphire-light: #0c304a;
  --color-amethyst: #c48aff;
  --color-on-amethyst: #2e0e68;
  --color-amethyst-container: #6828ac;
  --color-on-amethyst-container: #f0e8ff;
  --color-amethyst-light: #ece6ff;
  --color-on-amethyst-light: #2e0e68;
  --color-slate: #9ca8b0;
  --color-on-slate: #121c22;
  --color-slate-container: #38424a;
  --color-on-slate-container: #f6f8fa;
  --color-slate-light: #e0e6ea;
  --color-on-slate-light: #121c22;
  --color-graphite: #6a7880;
  --color-on-graphite: #f0f4f6;
  --color-graphite-container: #384248;
  --color-on-graphite-container: #ccd6dc;
  --color-graphite-light: #4c5860;
  --color-on-graphite-light: #f0f4f6;
  --color-cyanite: #28d0f0;
  --color-on-cyanite: #0c3442;
  --color-cyanite-container: #185a72;
  --color-on-cyanite-container: #e2faff;
  --color-cyanite-light: #bef6ff;
  --color-on-cyanite-light: #0c3442;
  --color-rosewood: #f478be;
  --color-on-rosewood: #4e084a;
  --color-rosewood-container: #a01850;
  --color-on-rosewood-container: #fce0f2;
  --color-rosewood-light: #f8cce8;
  --color-on-rosewood-light: #4e084a;
  --color-obsidian: #dce4ea;
  --color-on-obsidian: #060c10;
  --color-obsidian-container: #060c10;
  --color-on-obsidian-container: #f4f8fa;
  --color-obsidian-light: #eef3f6;
  --color-on-obsidian-light: #060c10;
}
.theme-coral-reef {
  --color-primary: #d06050;
  --color-on-primary: #ffffff;
  --color-primary-container: #ffdad4;
  --color-on-primary-container: #400a04;
  --color-inverse-primary: #ffb4aa;
  --color-primary-fixed: #b24638;
  --color-primary-fixed-dim: #923028;
  --color-on-primary-fixed: #340602;
  --color-on-primary-fixed-variant: #e06858;
  --color-secondary: #0e7c8c;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #c2f0fa;
  --color-on-secondary-container: #002e36;
  --color-secondary-fixed: #0a6472;
  --color-secondary-fixed-dim: #084e5a;
  --color-on-secondary-fixed: #00222a;
  --color-on-secondary-fixed-variant: #009aac;
  --color-tertiary: #7a6e28;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #fef4a0;
  --color-on-tertiary-container: #241e00;
  --color-background: #fef8f6;
  --color-on-background: #221a18;
  --color-surface: #faf2ef;
  --color-surface-dim: #dcd4d0;
  --color-surface-bright: #ffffff;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f5ece8;
  --color-surface-container: #efe6e2;
  --color-surface-container-high: #e9e0dc;
  --color-surface-container-highest: #e3dad6;
  --color-on-surface: #221a18;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #d06050;
  --color-inverse-surface: #382e2c;
  --color-inverse-on-surface: #fcece8;
  --color-outline: #877670;
  --color-outline-variant: #d7c4be;
  --color-neutral10: #221a18;
  --color-surface-variant: #f2ddd6;
  --color-on-surface-variant: #53433e;
  --color-neutral-variant20: #3b2c28;
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #410002;
  --color-error-light: #ffe2e0;
  --color-on-error-light: #680009;
  --color-success: #1a6c2e;
  --color-on-success: #ffffff;
  --color-success-container: #a8f5ab;
  --color-on-success-container: #002106;
  --color-warning: #8a6b00;
  --color-on-warning: #ffffff;
  --color-warning-container: #ffdea0;
  --color-on-warning-container: #2b1e00;
  --color-ruby: #cc6e70;
  --color-on-ruby: #a20810;
  --color-ruby-container: #a81c22;
  --color-on-ruby-container: #fff0ef;
  --color-ruby-light: #ffddd8;
  --color-on-ruby-light: #8c0a12;
  --color-emerald: #089670;
  --color-on-emerald: #ffffff;
  --color-emerald-container: #c2f8e4;
  --color-on-emerald-container: #084e3a;
  --color-emerald-light: #e4fcf4;
  --color-on-emerald-light: #084e3a;
  --color-amber: #c88408;
  --color-on-amber: #ffffff;
  --color-amber-container: #fef0be;
  --color-on-amber-container: #6e4010;
  --color-amber-light: #fffae2;
  --color-on-amber-light: #6e4010;
  --color-sapphire: #1080c4;
  --color-on-sapphire: #ffffff;
  --color-sapphire-container: #d0ecff;
  --color-on-sapphire-container: #10486e;
  --color-sapphire-light: #e8f4ff;
  --color-on-sapphire-light: #10486e;
  --color-amethyst: #7840e0;
  --color-on-amethyst: #ffffff;
  --color-amethyst-container: #ece6ff;
  --color-on-amethyst-container: #380862;
  --color-amethyst-light: #f5f0ff;
  --color-on-amethyst-light: #380862;
  --color-slate: #56504a;
  --color-on-slate: #ffffff;
  --color-slate-container: #f0eae4;
  --color-on-slate-container: #2a2620;
  --color-slate-light: #f8f4ee;
  --color-on-slate-light: #2a2620;
  --color-graphite: #6e6660;
  --color-on-graphite: #ffffff;
  --color-graphite-container: #e4dcd6;
  --color-on-graphite-container: #3a3430;
  --color-graphite-light: #f4eee8;
  --color-on-graphite-light: #3a3430;
  --color-cyanite: #0c90a8;
  --color-on-cyanite: #ffffff;
  --color-cyanite-container: #bef4ff;
  --color-on-cyanite-container: #185060;
  --color-cyanite-light: #e0f8ff;
  --color-on-cyanite-light: #185060;
  --color-rosewood: #cc2e70;
  --color-on-rosewood: #ffffff;
  --color-rosewood-container: #fce0ee;
  --color-on-rosewood-container: #841842;
  --color-rosewood-light: #fef0f6;
  --color-on-rosewood-light: #841842;
  --color-obsidian: #0e0806;
  --color-on-obsidian: #ffffff;
  --color-obsidian-container: #e4dcd6;
  --color-on-obsidian-container: #0e0806;
  --color-obsidian-light: #f8f4f0;
  --color-on-obsidian-light: #0e0806;
}
.theme-coral-reef[data-theme=dark] {
  --color-primary: #ffb4aa;
  --color-on-primary: #601410;
  --color-primary-container: #8a2a20;
  --color-on-primary-container: #ffdad4;
  --color-inverse-primary: #d06050;
  --color-primary-fixed: #b24638;
  --color-primary-fixed-dim: #923028;
  --color-on-primary-fixed: #340602;
  --color-on-primary-fixed-variant: #e06858;
  --color-secondary: #86e0f0;
  --color-on-secondary: #003640;
  --color-secondary-container: #084e5a;
  --color-on-secondary-container: #c2f0fa;
  --color-secondary-fixed: #0a6472;
  --color-secondary-fixed-dim: #084e5a;
  --color-on-secondary-fixed: #00222a;
  --color-on-secondary-fixed-variant: #009aac;
  --color-tertiary: #e2d686;
  --color-on-tertiary: #3c3400;
  --color-tertiary-container: #564c14;
  --color-on-tertiary-container: #fef4a0;
  --color-background: #181210;
  --color-on-background: #ece0dc;
  --color-surface: #221a18;
  --color-surface-dim: #181210;
  --color-surface-bright: #4a403c;
  --color-surface-container-lowest: #120c0a;
  --color-surface-container-low: #1e1614;
  --color-surface-container: #282018;
  --color-surface-container-high: #342a26;
  --color-surface-container-highest: #3e3430;
  --color-on-surface: #ece0dc;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #ffb4aa;
  --color-inverse-surface: #ece0dc;
  --color-inverse-on-surface: #382e2c;
  --color-outline: #a08e88;
  --color-outline-variant: #53433e;
  --color-neutral10: #ece0dc;
  --color-surface-variant: #342a26;
  --color-on-surface-variant: #d7c4be;
  --color-neutral-variant20: #3b2c28;
  --color-error: #ffb4ab;
  --color-on-error: #690005;
  --color-error-container: #93000a;
  --color-on-error-container: #ffdad6;
  --color-error-light: #4a0308;
  --color-on-error-light: #ffb4ab;
  --color-success: #8cd98e;
  --color-on-success: #003910;
  --color-success-container: #005319;
  --color-on-success-container: #a8f5ab;
  --color-warning: #f5c740;
  --color-on-warning: #2b1e00;
  --color-warning-container: #5c4400;
  --color-on-warning-container: #ffdea0;
  --color-ruby: #ffb0b0;
  --color-on-ruby: #660012;
  --color-ruby-container: #8e000e;
  --color-on-ruby-container: #ffdadc;
  --color-ruby-light: #4c030a;
  --color-on-ruby-light: #ffb0b0;
  --color-emerald: #34ce98;
  --color-on-emerald: #062e22;
  --color-emerald-container: #0a5e44;
  --color-on-emerald-container: #e4fcf4;
  --color-emerald-light: #c2f8e4;
  --color-on-emerald-light: #062e22;
  --color-amber: #f8cc18;
  --color-on-amber: #3e2c0c;
  --color-amber-container: #a85e08;
  --color-on-amber-container: #fffae2;
  --color-amber-light: #fef0be;
  --color-on-amber-light: #3e2c0c;
  --color-sapphire: #38b8f4;
  --color-on-sapphire: #0c3048;
  --color-sapphire-container: #0c5682;
  --color-on-sapphire-container: #d0ecff;
  --color-sapphire-light: #b0deff;
  --color-on-sapphire-light: #0c3048;
  --color-amethyst: #c08aff;
  --color-on-amethyst: #2e0e64;
  --color-amethyst-container: #6828a8;
  --color-on-amethyst-container: #f0e8ff;
  --color-amethyst-light: #ece6ff;
  --color-on-amethyst-light: #2e0e64;
  --color-slate: #9e9890;
  --color-on-slate: #141210;
  --color-slate-container: #3e3834;
  --color-on-slate-container: #f8f4ee;
  --color-slate-light: #e0dcd6;
  --color-on-slate-light: #141210;
  --color-graphite: #6e6660;
  --color-on-graphite: #f4eee8;
  --color-graphite-container: #3a3430;
  --color-on-graphite-container: #d0cac4;
  --color-graphite-light: #504a44;
  --color-on-graphite-light: #f4eee8;
  --color-cyanite: #28d0ea;
  --color-on-cyanite: #0c3440;
  --color-cyanite-container: #185a6e;
  --color-on-cyanite-container: #e0f8ff;
  --color-cyanite-light: #bef4ff;
  --color-on-cyanite-light: #0c3440;
  --color-rosewood: #f476ba;
  --color-on-rosewood: #4e0846;
  --color-rosewood-container: #a0184e;
  --color-on-rosewood-container: #fce0ee;
  --color-rosewood-light: #f8ccde;
  --color-on-rosewood-light: #4e0846;
  --color-obsidian: #e4dcd6;
  --color-on-obsidian: #0e0806;
  --color-obsidian-container: #0e0806;
  --color-on-obsidian-container: #f8f4f0;
  --color-obsidian-light: #f4eee8;
  --color-on-obsidian-light: #0e0806;
}
.theme-sunset {
  --color-primary: #c46a18;
  --color-on-primary: #ffffff;
  --color-primary-container: #ffdcc2;
  --color-on-primary-container: #401c00;
  --color-inverse-primary: #ffb880;
  --color-primary-fixed: #a25210;
  --color-primary-fixed-dim: #803e08;
  --color-on-primary-fixed: #321200;
  --color-on-primary-fixed-variant: #d47020;
  --color-secondary: #a83050;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #ffd9e0;
  --color-on-secondary-container: #3e0018;
  --color-secondary-fixed: #8e2040;
  --color-secondary-fixed-dim: #741430;
  --color-on-secondary-fixed: #320010;
  --color-on-secondary-fixed-variant: #c03060;
  --color-tertiary: #6b5fa0;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #e8deff;
  --color-on-tertiary-container: #221658;
  --color-background: #fef8f4;
  --color-on-background: #221b15;
  --color-surface: #faf3ed;
  --color-surface-dim: #ddd5cd;
  --color-surface-bright: #ffffff;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f5ede6;
  --color-surface-container: #efe7e0;
  --color-surface-container-high: #e9e1da;
  --color-surface-container-highest: #e3dbd4;
  --color-on-surface: #221b15;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #c46a18;
  --color-inverse-surface: #38302a;
  --color-inverse-on-surface: #fdeee5;
  --color-outline: #887869;
  --color-outline-variant: #d8c6b8;
  --color-neutral10: #221b15;
  --color-surface-variant: #f4dfd0;
  --color-on-surface-variant: #54453a;
  --color-neutral-variant20: #3c2e24;
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #410002;
  --color-error-light: #ffe2e0;
  --color-on-error-light: #680009;
  --color-success: #1a6c2e;
  --color-on-success: #ffffff;
  --color-success-container: #a8f5ab;
  --color-on-success-container: #002106;
  --color-warning: #8a6b00;
  --color-on-warning: #ffffff;
  --color-warning-container: #ffdea0;
  --color-on-warning-container: #2b1e00;
  --color-ruby: #cc7070;
  --color-on-ruby: #a00810;
  --color-ruby-container: #a41c22;
  --color-on-ruby-container: #fff0ef;
  --color-ruby-light: #ffddd8;
  --color-on-ruby-light: #8c0a12;
  --color-emerald: #109068;
  --color-on-emerald: #ffffff;
  --color-emerald-container: #c8f8e2;
  --color-on-emerald-container: #0c4c38;
  --color-emerald-light: #e8fcf2;
  --color-on-emerald-light: #0c4c38;
  --color-amber: #c48208;
  --color-on-amber: #ffffff;
  --color-amber-container: #fcf2c0;
  --color-on-amber-container: #6c3e10;
  --color-amber-light: #fffae4;
  --color-on-amber-light: #6c3e10;
  --color-sapphire: #1a7ac0;
  --color-on-sapphire: #ffffff;
  --color-sapphire-container: #d4e8ff;
  --color-on-sapphire-container: #14446c;
  --color-sapphire-light: #ecf2ff;
  --color-on-sapphire-light: #14446c;
  --color-amethyst: #7840e0;
  --color-on-amethyst: #ffffff;
  --color-amethyst-container: #ece6ff;
  --color-on-amethyst-container: #380862;
  --color-amethyst-light: #f5f0ff;
  --color-on-amethyst-light: #380862;
  --color-slate: #585048;
  --color-on-slate: #ffffff;
  --color-slate-container: #f2ebe2;
  --color-on-slate-container: #2c2620;
  --color-slate-light: #f8f4ee;
  --color-on-slate-light: #2c2620;
  --color-graphite: #706860;
  --color-on-graphite: #ffffff;
  --color-graphite-container: #e6ded6;
  --color-on-graphite-container: #3c3630;
  --color-graphite-light: #f4eee8;
  --color-on-graphite-light: #3c3630;
  --color-cyanite: #0e8eaa;
  --color-on-cyanite: #ffffff;
  --color-cyanite-container: #c6f4ff;
  --color-on-cyanite-container: #1c4e5e;
  --color-cyanite-light: #e4f8ff;
  --color-on-cyanite-light: #1c4e5e;
  --color-rosewood: #cc2e6a;
  --color-on-rosewood: #ffffff;
  --color-rosewood-container: #fce0ec;
  --color-on-rosewood-container: #841840;
  --color-rosewood-light: #fef0f4;
  --color-on-rosewood-light: #841840;
  --color-obsidian: #0e0a06;
  --color-on-obsidian: #ffffff;
  --color-obsidian-container: #e6ded6;
  --color-on-obsidian-container: #0e0a06;
  --color-obsidian-light: #f8f5f0;
  --color-on-obsidian-light: #0e0a06;
}
.theme-sunset[data-theme=dark] {
  --color-primary: #ffb880;
  --color-on-primary: #602800;
  --color-primary-container: #803e08;
  --color-on-primary-container: #ffdcc2;
  --color-inverse-primary: #c46a18;
  --color-primary-fixed: #a25210;
  --color-primary-fixed-dim: #803e08;
  --color-on-primary-fixed: #321200;
  --color-on-primary-fixed-variant: #d47020;
  --color-secondary: #ffb1c2;
  --color-on-secondary: #600028;
  --color-secondary-container: #741430;
  --color-on-secondary-container: #ffd9e0;
  --color-secondary-fixed: #8e2040;
  --color-secondary-fixed-dim: #741430;
  --color-on-secondary-fixed: #320010;
  --color-on-secondary-fixed-variant: #c03060;
  --color-tertiary: #cfc0ff;
  --color-on-tertiary: #382c6e;
  --color-tertiary-container: #504488;
  --color-on-tertiary-container: #e8deff;
  --color-background: #181210;
  --color-on-background: #ede1d8;
  --color-surface: #221b15;
  --color-surface-dim: #181210;
  --color-surface-bright: #4a423a;
  --color-surface-container-lowest: #120c08;
  --color-surface-container-low: #1e1710;
  --color-surface-container: #281f18;
  --color-surface-container-high: #332a22;
  --color-surface-container-highest: #3e352d;
  --color-on-surface: #ede1d8;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #ffb880;
  --color-inverse-surface: #ede1d8;
  --color-inverse-on-surface: #38302a;
  --color-outline: #a29082;
  --color-outline-variant: #54453a;
  --color-neutral10: #ede1d8;
  --color-surface-variant: #332a22;
  --color-on-surface-variant: #d8c6b8;
  --color-neutral-variant20: #3c2e24;
  --color-error: #ffb4ab;
  --color-on-error: #690005;
  --color-error-container: #93000a;
  --color-on-error-container: #ffdad6;
  --color-error-light: #4a0308;
  --color-on-error-light: #ffb4ab;
  --color-success: #8cd98e;
  --color-on-success: #003910;
  --color-success-container: #005319;
  --color-on-success-container: #a8f5ab;
  --color-warning: #f5c740;
  --color-on-warning: #2b1e00;
  --color-warning-container: #5c4400;
  --color-on-warning-container: #ffdea0;
  --color-ruby: #ffb0b2;
  --color-on-ruby: #660012;
  --color-ruby-container: #8e000e;
  --color-on-ruby-container: #ffdadc;
  --color-ruby-light: #4c030a;
  --color-on-ruby-light: #ffb0b2;
  --color-emerald: #36ce96;
  --color-on-emerald: #062e20;
  --color-emerald-container: #0a5e42;
  --color-on-emerald-container: #e8fcf2;
  --color-emerald-light: #c8f8e2;
  --color-on-emerald-light: #062e20;
  --color-amber: #f8ca18;
  --color-on-amber: #3e2c0c;
  --color-amber-container: #a85c08;
  --color-on-amber-container: #fffae4;
  --color-amber-light: #fcf2c0;
  --color-on-amber-light: #3e2c0c;
  --color-sapphire: #3ab6f4;
  --color-on-sapphire: #0c3048;
  --color-sapphire-container: #0c5480;
  --color-on-sapphire-container: #d4e8ff;
  --color-sapphire-light: #b2dcff;
  --color-on-sapphire-light: #0c3048;
  --color-amethyst: #c08aff;
  --color-on-amethyst: #2e0e64;
  --color-amethyst-container: #6826a8;
  --color-on-amethyst-container: #f0e8ff;
  --color-amethyst-light: #ece6ff;
  --color-on-amethyst-light: #2e0e64;
  --color-slate: #a09890;
  --color-on-slate: #141210;
  --color-slate-container: #403a34;
  --color-on-slate-container: #f8f4ee;
  --color-slate-light: #e2dcd6;
  --color-on-slate-light: #141210;
  --color-graphite: #706860;
  --color-on-graphite: #f4eee8;
  --color-graphite-container: #3c3630;
  --color-on-graphite-container: #d2ccc6;
  --color-graphite-light: #504a44;
  --color-on-graphite-light: #f4eee8;
  --color-cyanite: #26cce8;
  --color-on-cyanite: #0c3440;
  --color-on-cyanite-container: #e4f8ff;
  --color-cyanite-container: #185870;
  --color-cyanite-light: #c6f4ff;
  --color-on-cyanite-light: #0c3440;
  --color-rosewood: #f476b8;
  --color-on-rosewood: #4e0846;
  --color-rosewood-container: #a0184e;
  --color-on-rosewood-container: #fce0ec;
  --color-rosewood-light: #f8cce4;
  --color-on-rosewood-light: #4e0846;
  --color-obsidian: #e6ded6;
  --color-on-obsidian: #0e0a06;
  --color-obsidian-container: #0e0a06;
  --color-on-obsidian-container: #f8f5f0;
  --color-obsidian-light: #f4eee8;
  --color-on-obsidian-light: #0e0a06;
}
.theme-sakura {
  --color-primary: #c0467c;
  --color-on-primary: #ffffff;
  --color-primary-container: #ffd8e8;
  --color-on-primary-container: #3e0020;
  --color-inverse-primary: #ffb0ce;
  --color-primary-fixed: #a43268;
  --color-primary-fixed-dim: #882054;
  --color-on-primary-fixed: #320018;
  --color-on-primary-fixed-variant: #d45090;
  --color-secondary: #6c3d8c;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #eddcff;
  --color-on-secondary-container: #250050;
  --color-secondary-fixed: #582e78;
  --color-secondary-fixed-dim: #442060;
  --color-on-secondary-fixed: #1e0042;
  --color-on-secondary-fixed-variant: #8050a8;
  --color-tertiary: #4e7a42;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #cef4be;
  --color-on-tertiary-container: #0c2006;
  --color-background: #fef7f9;
  --color-on-background: #221a1e;
  --color-surface: #faf1f5;
  --color-surface-dim: #dcd2d6;
  --color-surface-bright: #ffffff;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f5ebf0;
  --color-surface-container: #efe5ea;
  --color-surface-container-high: #e9dfe4;
  --color-surface-container-highest: #e3d9de;
  --color-on-surface: #221a1e;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #c0467c;
  --color-inverse-surface: #382e33;
  --color-inverse-on-surface: #fcecf2;
  --color-outline: #847478;
  --color-outline-variant: #d6c2ca;
  --color-neutral10: #221a1e;
  --color-surface-variant: #f2dce4;
  --color-on-surface-variant: #524248;
  --color-neutral-variant20: #3a2a32;
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #410002;
  --color-error-light: #ffe2e0;
  --color-on-error-light: #680009;
  --color-success: #1a6c2e;
  --color-on-success: #ffffff;
  --color-success-container: #a8f5ab;
  --color-on-success-container: #002106;
  --color-warning: #8a6b00;
  --color-on-warning: #ffffff;
  --color-warning-container: #ffdea0;
  --color-on-warning-container: #2b1e00;
  --color-ruby: #c87078;
  --color-on-ruby: #9e0812;
  --color-ruby-container: #a41e26;
  --color-on-ruby-container: #fef0f0;
  --color-ruby-light: #ffdde0;
  --color-on-ruby-light: #8b0a12;
  --color-emerald: #0c9268;
  --color-on-emerald: #ffffff;
  --color-emerald-container: #c6f8e2;
  --color-on-emerald-container: #0a4c38;
  --color-emerald-light: #e6fcf2;
  --color-on-emerald-light: #0a4c38;
  --color-amber: #c48008;
  --color-on-amber: #ffffff;
  --color-amber-container: #fcefc0;
  --color-on-amber-container: #6c3e10;
  --color-amber-light: #fff8e4;
  --color-on-amber-light: #6c3e10;
  --color-sapphire: #1478c0;
  --color-on-sapphire: #ffffff;
  --color-sapphire-container: #d2e6ff;
  --color-on-sapphire-container: #12446c;
  --color-sapphire-light: #eaf2ff;
  --color-on-sapphire-light: #12446c;
  --color-amethyst: #7a3ae8;
  --color-on-amethyst: #ffffff;
  --color-amethyst-container: #ece4ff;
  --color-on-amethyst-container: #380866;
  --color-amethyst-light: #f5f0ff;
  --color-on-amethyst-light: #380866;
  --color-slate: #544e52;
  --color-on-slate: #ffffff;
  --color-slate-container: #f0e8ee;
  --color-on-slate-container: #2a2428;
  --color-slate-light: #f8f2f6;
  --color-on-slate-light: #2a2428;
  --color-graphite: #6c6468;
  --color-on-graphite: #ffffff;
  --color-graphite-container: #e2dade;
  --color-on-graphite-container: #3a3236;
  --color-graphite-light: #f2eaee;
  --color-on-graphite-light: #3a3236;
  --color-cyanite: #0c8ea8;
  --color-on-cyanite: #ffffff;
  --color-cyanite-container: #c0f2ff;
  --color-on-cyanite-container: #184e5e;
  --color-cyanite-light: #e2f8ff;
  --color-on-cyanite-light: #184e5e;
  --color-rosewood: #c82870;
  --color-on-rosewood: #ffffff;
  --color-rosewood-container: #fce0ee;
  --color-on-rosewood-container: #801844;
  --color-rosewood-light: #fdf0f6;
  --color-on-rosewood-light: #801844;
  --color-obsidian: #0c0608;
  --color-on-obsidian: #ffffff;
  --color-obsidian-container: #e2dade;
  --color-on-obsidian-container: #0c0608;
  --color-obsidian-light: #f8f4f6;
  --color-on-obsidian-light: #0c0608;
}
.theme-sakura[data-theme=dark] {
  --color-primary: #ffb0ce;
  --color-on-primary: #5e0034;
  --color-primary-container: #7e1a4e;
  --color-on-primary-container: #ffd8e8;
  --color-inverse-primary: #c0467c;
  --color-primary-fixed: #a43268;
  --color-primary-fixed-dim: #882054;
  --color-on-primary-fixed: #320018;
  --color-on-primary-fixed-variant: #d45090;
  --color-secondary: #dab8ff;
  --color-on-secondary: #3c125c;
  --color-secondary-container: #522876;
  --color-on-secondary-container: #eddcff;
  --color-secondary-fixed: #582e78;
  --color-secondary-fixed-dim: #442060;
  --color-on-secondary-fixed: #1e0042;
  --color-on-secondary-fixed-variant: #8050a8;
  --color-tertiary: #b2d8a4;
  --color-on-tertiary: #1e3816;
  --color-tertiary-container: #36502c;
  --color-on-tertiary-container: #cef4be;
  --color-background: #161014;
  --color-on-background: #eae0e4;
  --color-surface: #221a1e;
  --color-surface-dim: #161014;
  --color-surface-bright: #483e44;
  --color-surface-container-lowest: #100a0e;
  --color-surface-container-low: #1c1418;
  --color-surface-container: #261e22;
  --color-surface-container-high: #30282c;
  --color-surface-container-highest: #3c3238;
  --color-on-surface: #eae0e4;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-surface-tint: #ffb0ce;
  --color-inverse-surface: #eae0e4;
  --color-inverse-on-surface: #382e33;
  --color-outline: #9e8c92;
  --color-outline-variant: #524248;
  --color-neutral10: #eae0e4;
  --color-surface-variant: #30282c;
  --color-on-surface-variant: #d6c2ca;
  --color-neutral-variant20: #3a2a32;
  --color-error: #ffb4ab;
  --color-on-error: #690005;
  --color-error-container: #93000a;
  --color-on-error-container: #ffdad6;
  --color-error-light: #4a0308;
  --color-on-error-light: #ffb4ab;
  --color-success: #8cd98e;
  --color-on-success: #003910;
  --color-success-container: #005319;
  --color-on-success-container: #a8f5ab;
  --color-warning: #f5c740;
  --color-on-warning: #2b1e00;
  --color-warning-container: #5c4400;
  --color-on-warning-container: #ffdea0;
  --color-ruby: #ffb0b8;
  --color-on-ruby: #660014;
  --color-ruby-container: #8e000e;
  --color-on-ruby-container: #ffdadd;
  --color-ruby-light: #4c030a;
  --color-on-ruby-light: #ffb0b8;
  --color-emerald: #36ce96;
  --color-on-emerald: #062e20;
  --color-emerald-container: #0a5e42;
  --color-on-emerald-container: #e6fcf2;
  --color-emerald-light: #c6f8e2;
  --color-on-emerald-light: #062e20;
  --color-amber: #f6c818;
  --color-on-amber: #3e2a0c;
  --color-amber-container: #a85808;
  --color-on-amber-container: #fff8e4;
  --color-amber-light: #fcefc0;
  --color-on-amber-light: #3e2a0c;
  --color-sapphire: #38b4f2;
  --color-on-sapphire: #0c2e48;
  --color-sapphire-container: #0c5280;
  --color-on-sapphire-container: #d2e6ff;
  --color-sapphire-light: #b0daff;
  --color-on-sapphire-light: #0c2e48;
  --color-amethyst: #c28aff;
  --color-on-amethyst: #2e0e64;
  --color-amethyst-container: #6826a8;
  --color-on-amethyst-container: #f0e8ff;
  --color-amethyst-light: #ece4ff;
  --color-on-amethyst-light: #2e0e64;
  --color-slate: #9e96a0;
  --color-on-slate: #141018;
  --color-slate-container: #3c3640;
  --color-on-slate-container: #f8f4f8;
  --color-slate-light: #e2dce2;
  --color-on-slate-light: #141018;
  --color-graphite: #6c6468;
  --color-on-graphite: #f2eaee;
  --color-graphite-container: #3a3236;
  --color-on-graphite-container: #d0c8cc;
  --color-graphite-light: #4e464a;
  --color-on-graphite-light: #f2eaee;
  --color-cyanite: #28cee8;
  --color-on-cyanite: #0c3440;
  --color-cyanite-container: #185a6e;
  --color-on-cyanite-container: #e2f8ff;
  --color-cyanite-light: #c0f2ff;
  --color-on-cyanite-light: #0c3440;
  --color-rosewood: #f478be;
  --color-on-rosewood: #4e084a;
  --color-rosewood-container: #a01850;
  --color-on-rosewood-container: #fce0ee;
  --color-rosewood-light: #f8cce4;
  --color-on-rosewood-light: #4e084a;
  --color-obsidian: #e2dade;
  --color-on-obsidian: #0c0608;
  --color-obsidian-container: #0c0608;
  --color-on-obsidian-container: #f8f4f6;
  --color-obsidian-light: #f2eaee;
  --color-on-obsidian-light: #0c0608;
}
:root {
  color-scheme: light;
  --mat-sys-primary: var(--color-primary);
  --mat-sys-on-primary: var(--color-on-primary);
  --mat-sys-primary-container: var(--color-primary-container);
  --mat-sys-on-primary-container: var(--color-on-primary-container);
  --mat-sys-inverse-primary: var(--color-inverse-primary);
  --mat-sys-primary-fixed: var(--color-primary-fixed);
  --mat-sys-primary-fixed-dim: var(--color-primary-fixed-dim);
  --mat-sys-on-primary-fixed: var(--color-on-primary-fixed);
  --mat-sys-on-primary-fixed-variant: var(--color-on-primary-fixed-variant);
  --mat-sys-secondary: var(--color-secondary);
  --mat-sys-on-secondary: var(--color-on-secondary);
  --mat-sys-secondary-container: var(--color-secondary-container);
  --mat-sys-on-secondary-container: var(--color-on-secondary-container);
  --mat-sys-secondary-fixed: var(--color-secondary-fixed);
  --mat-sys-secondary-fixed-dim: var(--color-secondary-fixed-dim);
  --mat-sys-on-secondary-fixed: var(--color-on-secondary-fixed);
  --mat-sys-on-secondary-fixed-variant: var(--color-on-secondary-fixed-variant);
  --mat-sys-background: var(--color-background);
  --mat-sys-on-background: var(--color-on-background);
  --mat-sys-surface: var(--color-surface);
  --mat-sys-surface-dim: var(--color-surface-dim);
  --mat-sys-surface-bright: var(--color-surface-bright);
  --mat-sys-surface-container-low: var(--color-surface-container-low);
  --mat-sys-surface-container-lowest: var(--color-surface-container-lowest);
  --mat-sys-surface-container: var(--color-surface-container);
  --mat-sys-surface-container-high: var(--color-surface-container-high);
  --mat-sys-surface-container-highest: var(--color-surface-container-highest);
  --mat-sys-on-surface: var(--color-on-surface);
  --mat-sys-shadow: var(--color-shadow);
  --mat-sys-scrim: var(--color-scrim);
  --mat-sys-surface-tint: var(--color-surface-tint);
  --mat-sys-inverse-surface: var(--color-inverse-surface);
  --mat-sys-inverse-on-surface: var(--color-inverse-on-surface);
  --mat-sys-outline: var(--color-outline);
  --mat-sys-outline-variant: var(--color-outline-variant);
  --mat-sys-neutral10: var(--color-neutral10) ;
  --mat-sys-error: var(--color-error);
  --mat-sys-on-error: var(--color-on-error);
  --mat-sys-error-container: var(--color-error-container);
  --mat-sys-on-error-container: var(--color-on-error-container);
  --mat-sys-tertiary: var(--color-tertiary);
  --mat-sys-on-tertiary: var(--color-on-tertiary);
  --mat-sys-tertiary-container: var(--color-tertiary-container);
  --mat-sys-on-tertiary-container: var(--color-on-tertiary-container);
  --mat-sys-success: var(--color-success);
  --mat-sys-on-success: var(--color-on-success);
  --mat-sys-success-container: var(--color-success-container);
  --mat-sys-on-success-container: var(--color-on-success-container);
  --mat-sys-warning: var(--color-warning);
  --mat-sys-on-warning: var(--color-on-warning);
  --mat-sys-warning-container: var(--color-warning-container);
  --mat-sys-on-warning-container: var(--color-on-warning-container);
  --mat-sys-surface-variant: var(--color-surface-variant);
  --mat-sys-on-surface-variant: var(--color-on-surface-variant);
  --mat-sys-neutral-variant20: var( --color-neutral-variant20 );
  --mat-sys-brand-font-family: "Inter Tight";
  --mat-sys-plain-font-family: "Inter Tight";
  --mat-sys-bold-font-weight: 700;
  --mat-sys-medium-font-weight: 500;
  --mat-sys-regular-font-weight: 400;
  --mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);
  --mat-sys-body-large-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);
  --mat-sys-body-medium-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);
  --mat-sys-body-small-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);
  --mat-sys-display-large-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);
  --mat-sys-display-medium-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);
  --mat-sys-display-small-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);
  --mat-sys-headline-large-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);
  --mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);
  --mat-sys-headline-small-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);
  --mat-sys-label-large-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-medium-font-weight);
  --mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);
  --mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);
  --mat-sys-label-medium-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-medium-font-weight);
  --mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);
  --mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);
  --mat-sys-label-small-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-medium-font-weight);
  --mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);
  --mat-sys-title-large-font: var(--mat-sys-brand-font-family);
  --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: var(--mat-sys-regular-font-weight);
  --mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);
  --mat-sys-title-medium-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-medium-font-weight);
  --mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);
  --mat-sys-title-small-font: var(--mat-sys-plain-font-family);
  --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: var(--mat-sys-medium-font-weight);
  --mat-sys-umbra-color: var(--mat-sys-shadow);
  --mat-sys-penumbra-color: var(--mat-sys-shadow);
  --mat-sys-ambient-color: var(--mat-sys-shadow);
  --mat-sys-level0:
    0px 0px 0px 0px var(--mat-sys-umbra-color),
    0px 0px 0px 0px var(--mat-sys-penumbra-color),
    0px 0px 0px 0px var(--mat-sys-ambient-color);
  --mat-sys-level1:
    0px 2px 1px -1px var(--mat-sys-umbra-color),
    0px 1px 1px 0px var(--mat-sys-penumbra-color),
    0px 1px 3px 0px var(--mat-sys-ambient-color);
  --mat-sys-level2:
    0px 3px 3px -2px var(--mat-sys-umbra-color),
    0px 3px 4px 0px var(--mat-sys-penumbra-color),
    0px 1px 8px 0px var(--mat-sys-ambient-color);
  --mat-sys-level3:
    0px 3px 5px -1px var(--mat-sys-umbra-color),
    0px 6px 10px 0px var(--mat-sys-penumbra-color),
    0px 1px 18px 0px var(--mat-sys-ambient-color);
  --mat-sys-level4:
    0px 5px 5px -3px var(--mat-sys-umbra-color),
    0px 8px 10px 1px var(--mat-sys-penumbra-color),
    0px 3px 14px 2px var(--mat-sys-ambient-color);
  --mat-sys-level5:
    0px 7px 8px -4px var(--mat-sys-umbra-color),
    0px 12px 17px 2px var(--mat-sys-penumbra-color),
    0px 5px 22px 4px var(--mat-sys-ambient-color);
  --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;
  --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;
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);
  }
}
:root[data-theme=dark] {
  color-scheme: dark;
}
:root {
  --mat-button-toggle-background-color: var(--color-surface);
  --mat-button-toggle-divider-color: var(--color-surface-bright);
  --mat-datepicker-calendar-container-background-color: var(--color-surface);
  --mat-datepicker-calendar-container-border-color: var(--color-outline);
  --mat-button-toggle-selected-state-background-color: var(--color-primary);
  --mat-button-toggle-selected-state-text-color: var(--color-on-primary);
  --mat-option-selected-state-layer-color: var(--color-primary-fixed);
  --mat-option-selected-state-text-color: var(--color-on-primary);
  --mat-table-row-item-container-height: calc(var(--spacing) * 13);
  --mat-table-row-item-label-text-size: calc(var(--spacing) * 4);
  --mat-button-protected-container-height: calc(var(--spacing) * 10);
  --mat-button-protected-horizontal-padding: calc(var(--spacing) * 6);
  --mat-icon-button-state-layer-size: calc(var(--spacing) * 10);
  --mat-icon-button-icon-size: calc(var(--spacing) * 6);
  --mat-table-background-color: color-mix(in srgb, #f3f5f8 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --mat-table-background-color: color-mix(in srgb, var(--color-surface) 20%, transparent);
  }
}
::-webkit-outer-spin-button,
::-webkit-inner-spin-button {
  display: none;
}
.mdc-notched-outline__notch {
  border-style: none;
}
.mat-mdc-icon-button {
  line-height: normal;
  background-color: var(--color-surface);
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.mat-mdc-icon-button .mat-icon {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.mat-mdc-icon-button.elevation-1 {
  box-shadow: var(--mat-sys-level1);
}
.mat-mdc-icon-button.elevation-2 {
  box-shadow: var(--mat-sys-level2);
}
.mat-mdc-icon-button.elevation-3 {
  box-shadow: var(--mat-sys-level3);
}
.mat-mdc-icon-button.elevation-4 {
  box-shadow: var(--mat-sys-level4);
}
.mat-icon {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: calc(var(--spacing) * 6) !important;
  line-height: 1;
  height: calc(var(--spacing) * 6) !important;
  width: calc(var(--spacing) * 6) !important;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 1;
}
.ng-invalid.ng-touched .mat-icon {
  --mat-icon-color: var(--color-error) !important;
}
.toucan-toastr {
  --mat-snack-bar-container-color: transparent;
  --mat-snack-bar-container-shape: 0;
}
.mat-mdc-snackbar-surface {
  box-shadow: none !important;
}
.mat-mdc-table-sticky-border-elem-top {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: var(--color-surface);
  border-bottom: none !important;
  box-shadow: 0 1px 0 0 color-mix(in srgb, #2563a8 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .mat-mdc-table-sticky-border-elem-top {
    box-shadow: 0 1px 0 0 color-mix(in srgb, var(--color-primary) 10%, transparent);
  }
}
.mat-mdc-table-sticky-border-elem-top::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: color-mix(in srgb, #2563a8 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .mat-mdc-table-sticky-border-elem-top::after {
    background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
  }
}
.mat-mdc-table-sticky-border-elem-left {
  position: sticky;
  left: 0;
  z-index: 10;
  background-color: inherit;
  box-shadow: 1px 0 0 0 color-mix(in srgb, #2563a8 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .mat-mdc-table-sticky-border-elem-left {
    box-shadow: 1px 0 0 0 color-mix(in srgb, var(--color-primary) 10%, transparent);
  }
}
.mat-mdc-table-sticky-border-elem-left::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: color-mix(in srgb, #2563a8 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .mat-mdc-table-sticky-border-elem-left::before {
    background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
  }
}
.mat-mdc-table-sticky-border-elem-right {
  position: sticky;
  z-index: 10;
  background-color: inherit;
  box-shadow: -1px 0 0 0 color-mix(in srgb, #2563a8 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .mat-mdc-table-sticky-border-elem-right {
    box-shadow: -1px 0 0 0 color-mix(in srgb, var(--color-primary) 10%, transparent);
  }
}
.mat-mdc-table-sticky-border-elem-right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: color-mix(in srgb, #2563a8 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .mat-mdc-table-sticky-border-elem-right::before {
    background-color: color-mix(in srgb, var(--color-primary) 10%, transparent);
  }
}
.mat-mdc-cell:last-of-type {
  padding-right: calc(var(--spacing) * 2) !important;
}
.cdk-overlay-backdrop {
  background-color: var(--mat-sys-scrim) !important;
}
@supports (color: color-mix(in lab, red, red)) {
  .cdk-overlay-backdrop {
    background-color: color-mix(in srgb, var(--mat-sys-scrim) 32%, transparent) !important;
  }
}
.mat-mdc-form-field.compact {
  --mdc-filled-text-field-container-height: calc(var(--spacing) * 10);
  --mat-form-field-container-height: calc(var(--spacing) * 7.5);
  --mdc-outlined-text-field-container-height: calc(var(--spacing) * 11);
  --mat-form-field-outlined-container-shape: calc(var(--spacing) * 3);
  --mat-form-field-outlined-focus-outline-width: 1px;
  --mat-icon-button-state-layer-size: calc(var(--spacing) * 9);
}
.mat-mdc-form-field.compact .mat-mdc-form-field-infix {
  padding-bottom: calc(var(--spacing) * 1.5);
  min-height: auto;
}
.mat-mdc-form-field.compact.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix {
  width: calc(var(--spacing) * 42 + 1px);
}
.mat-mdc-form-field.compact:not(.editing) .mat-mdc-form-field-infix {
  padding-top: calc(var(--spacing) * 2);
}
.mat-mdc-form-field.compact.editing .mat-mdc-form-field-infix {
  padding-top: calc(var(--spacing) * 1);
}
.mat-mdc-form-field.compact.editing .mat-mdc-form-field-error-wrapper,
.mat-mdc-form-field.compact.editing .mat-mdc-form-field-hint-wrapper {
  padding: 0 calc(var(--spacing) * 1);
}
.mat-mdc-form-field.compact.ng-invalid.ng-touched {
  --mat-form-field-outlined-outline-color: var(--color-error);
}
.mat-mdc-form-field.compact.ng-invalid.ng-touched .mat-mdc-form-field-hint {
  color: var(--color-error) !important;
}
.mat-mdc-form-field.compact .mat-mdc-input-element {
  font-size: calc(var(--spacing) * 3.25);
}
.mat-mdc-form-field.compact .mat-mdc-select-value {
  font-size: calc(var(--spacing) * 3.25);
}
.mat-mdc-form-field.compact .mdc-floating-label {
  font-size: calc(var(--spacing) * 3);
}
.mat-mdc-form-field.compact .mat-mdc-form-field-subscript-wrapper {
  font-size: calc(var(--spacing) * 2.75);
}
.mat-mdc-form-field.compact .mdc-text-field--outlined {
  padding-left: calc(var(--spacing) * 2.5);
  padding-right: calc(var(--spacing) * 2.5);
}
.mat-mdc-form-field.compact .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before {
  background-color: transparent !important;
}
.mat-mdc-form-field.compact:not(.editing) .mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}
.mat-mdc-form-field.compact .mat-mdc-select-arrow-wrapper {
  height: calc(var(--spacing) * 6) !important;
}
.mat-mdc-form-field-icon-suffix {
  margin-right: calc(var(--spacing) * 1.5) !important;
}
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  bottom: 0px;
  position: absolute;
}
.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  right: 0;
  position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute;
}
.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
:root {
  --scrollbar-container-color: inherit;
  --scrollbar-container-offset: inherit;
  --scrollbar-container-shape: inherit;
  --scrollbar-track-shape: inherit;
  --scrollbar-track-offset: inherit;
  --scrollbar-track-color: inherit;
  --scrollbar-track-thickness: inherit;
  --scrollbar-track-hover-thickness: inherit;
  --scrollbar-track-active-thickness: inherit;
  --scrollbar-thumb-shape: inherit;
  --scrollbar-thumb-min-size: 20;
  --scrollbar-thumb-color: var(--color-primary);
  --scrollbar-thumb-hover-color: inherit;
  --scrollbar-thumb-active-color: inherit;
  --scrollbar-hover-opacity-transition-enter-duration: inherit;
  --scrollbar-hover-opacity-transition-leave-duration: inherit;
  --scrollbar-hover-opacity-transition-leave-delay: inherit;
  --scrollbar-overscroll-behavior: inherit;
  --scrollbar-mobile-overscroll-behavior: inherit;
  --scrollbar-button-shape: inherit;
  --scrollbar-button-size: inherit;
  --scrollbar-button-gap: inherit;
  --scrollbar-button-color: inherit;
  --scrollbar-button-hover-color: inherit;
  --scrollbar-button-active-color: inherit;
  --scrollbar-button-inactive-color: inherit;
  --scrollbar-button-fill: inherit;
  --scrollbar-button-hover-fill: inherit;
  --scrollbar-button-active-fill: inherit;
  --scrollbar-button-inactive-fill: inherit;
}
.ps {
  position: relative;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps.ps--focus > .ps__rail-x,
.ps.ps--focus > .ps__rail-y,
.ps.ps--scrolling-x > .ps__rail-x,
.ps.ps--scrolling-x > .ps__rail-y,
.ps.ps--scrolling-y > .ps__rail-x,
.ps.ps--scrolling-y > .ps__rail-y {
  opacity: 1;
}
.ps > .ps__rail-x,
.ps > .ps__rail-y {
  z-index: 99999;
  border-radius: 8px !important;
}
.ps > .ps__rail-x {
  height: 14px;
  background: transparent !important;
  transition: none !important;
}
.ps > .ps__rail-x:hover,
.ps > .ps__rail-x:focus,
.ps > .ps__rail-x.ps--clicking {
  opacity: 1;
}
.ps > .ps__rail-x:hover .ps__thumb-x,
.ps > .ps__rail-x:focus .ps__thumb-x,
.ps > .ps__rail-x.ps--clicking .ps__thumb-x {
  height: 10px;
}
.ps > .ps__rail-x .ps__thumb-x {
  background: var(--color-primary);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
  height: 6px;
  transition: height 225ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
.ps > .ps__rail-y {
  width: 14px;
  background: transparent !important;
  transition: none !important;
  left: auto !important;
  justify-items: center;
}
.ps > .ps__rail-y:hover,
.ps > .ps__rail-y:focus,
.ps > .ps__rail-y.ps--clicking {
  opacity: 1;
}
.ps > .ps__rail-y:hover .ps__thumb-y,
.ps > .ps__rail-y:focus .ps__thumb-y,
.ps > .ps__rail-y.ps--clicking .ps__thumb-y {
  width: 10px;
}
.ps > .ps__rail-y .ps__thumb-y {
  background: var(--color-primary);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
  width: 6px;
  transition: width 225ms cubic-bezier(0.25, 0.8, 0.25, 1);
  right: auto;
}
html,
body {
  height: 100%;
  overscroll-behavior: none;
  font-size: 14px;
}
body > *:first-child {
  display: flex;
  height: 100%;
  width: 100%;
}
.bg-toucan {
  background-size: cover !important;
}
[data-theme=dark] .bg-toucan {
  background: url(/images/background/dark.png) no-repeat;
}
[data-theme=light] .bg-toucan {
  background: url(/images/background/light.png) no-repeat;
}
.columns-list-menu {
  --mat-list-list-item-one-line-container-height: 40px;
}
@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-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@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-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes removeWhiteSpaceNoWrap {
  0% {
    white-space: nowrap;
  }
  99% {
    white-space: nowrap;
  }
  100% {
    white-space: normal;
  }
}
@keyframes glow-blink {
  0% {
    box-shadow: 0 0 0 transparent;
    outline: 2px solid transparent;
    outline-offset: 0;
  }
  15%, 35% {
    box-shadow: 0 0 8px var(--color-amber), 0 0 16px var(--color-amber);
    outline: 2px solid var(--color-amber);
    outline-offset: 0;
  }
  25% {
    box-shadow:
      0 0 12px var(--color-amber),
      0 0 24px var(--color-amber),
      0 0 36px color-mix(in srgb, var(--color-amber) 40%, transparent);
    outline: 2.5px solid var(--color-amber);
    outline-offset: 2px;
  }
  50% {
    box-shadow: 0 0 6px var(--color-amber), 0 0 12px color-mix(in srgb, var(--color-amber) 50%, transparent);
    outline: 2px solid var(--color-amber);
    outline-offset: 0;
  }
  100% {
    box-shadow: 0 0 0 transparent;
    outline: 2px solid transparent;
    outline-offset: 0;
  }
}
@keyframes glow-breathe-primary {
  0%, 100% {
    box-shadow: 0 0 4px color-mix(in srgb, var(--color-primary) 30%, transparent);
    outline: 1.5px solid color-mix(in srgb, var(--color-primary) 40%, transparent);
    outline-offset: 0;
  }
  50% {
    box-shadow: 0 0 12px color-mix(in srgb, var(--color-primary) 50%, transparent), 0 0 24px color-mix(in srgb, var(--color-primary) 20%, transparent);
    outline: 2px solid color-mix(in srgb, var(--color-primary) 70%, transparent);
    outline-offset: 1px;
  }
}
@keyframes slide-ltr {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-rtl {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in-down {
  from {
    opacity: 0;
    transform: translateY(-16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes scale-in {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pop-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  60% {
    transform: scale(1.05);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes lift {
  from {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgb(0 0 0/0.05);
  }
  to {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgb(0 0 0/0.12);
  }
}
@keyframes jelly {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.06, 0.94);
  }
  50% {
    transform: scale(0.98, 1.02);
  }
  70% {
    transform: scale(1.02, 0.98);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulse-soft {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
@keyframes bounce-soft {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}
@keyframes stagger-in {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes stagger-in-elastic {
  from {
    opacity: 0;
    transform: scaleY(0.6) translateY(16px);
  }
  to {
    opacity: 1;
    transform: scaleY(1) translateY(0);
  }
}
@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-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --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-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

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